/* ====================== */
/* = Eric Meyer's Reset = */
/* ====================== */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size:11px;
    font-family:arial,'lucida console',sans-serif;
    line-height:1;
    vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
    outline: 0;
}
body {
    line-height: 1;
    color: #333;
    background: white;
}
ol, ul {
    list-style: none;
}
dl, dd {
	margin:5px 0 5px 10px;
}
dt {
	font-weight: bold;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: separate;
    border-spacing: 0;
}
caption, th, td {
    text-align: left;
    font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: "";
}
blockquote, q {
    quotes: "" "";
}
address {line-height: 14px; margin: 0 0 10px 20px;}
strong{font-weight:bold;}
p{line-height:14px;}

a { color: #1e6804; text-decoration: none; font-weight: bold; font-size: 1.0em;}
a:hover{text-decoration:underline;}
.sub { margin-top: 6px }
.note { font-style: italic; }

/* ================= */
/* = Layout Styles = */
/* ================= */

body{background:#0a0a0a url(/images/site/bg.png) repeat-x;}
#bodyFrame{width:740px; margin:0 auto;}
#header{background:url(/images/site/header_bg.png) no-repeat; width:740px; height:171px; position:relative;}
#header.loggedIn{background-image:url(/images/site/header_bg-loggedin.png);}
#header h1{text-indent:-9999px; line-height:0; background:url(/images/site/logo_left.png); width:141px; height:229px; position:absolute; left:-141px;}

#topNav{text-transform:uppercase; margin:0 0 0 500px;}
#header.loggedIn #topNav{margin-left:438px;}
#topNav a{color:#ccc; text-decoration:none; font-size:9px;}
#topNav a:hover{color:#fff;}
#topNav ul{padding:15px 0 0 0;}
#topNav li{display:inline; float:left; margin:0; padding:0 13px; border-left:1px solid #414141; border-right:1px solid #000;}
#topNav li.first{border-left:none; margin-left:5px;}
#topNav li.last {border-right:none;}

#mainNav{text-transform:uppercase; font-size:.9em; padding:115px 0 0 0;}
#mainNav a{color:#000; text-decoration:none; padding:0 30px 0 30px; border-right:1px solid #ababab; border-left:1px solid #e4e4e4;}
#mainNav a:hover{color:#707070;}
#mainNav li{display:block; float:left; margin:0;}
#mainNav li.first {
    margin-left: 15px;
}
#mainNav li.first a {
    border-left: none;
}
#mainNav li.before a {
    border-right: none;
}
#mainNav li.current {
    display: block;
    height: 33px;
    background: url(/images/site/nav_bg.png);
    margin-top:-27px;
    padding-top:20px;
}
#mainNav li.current a {
    border: none;
}
#mainNav li.after {
    display: block;
    height: 33px;
    background: url(/images/site/nav_shadow.png) no-repeat;
    margin-top: -27px;
    padding-top: 28px;
}
#mainNav li.after a {
    border-left: none;
}
#mainNav li.last a {
    border-right: none;
}
#subNav{clear:both; width:670px; height:32px; background:url(/images/site/subnav_bg.png); position:absolute; top:-15px; left:33px;}
#subNav li{display:inline; float:left; margin:0 0 0 20px; padding:11px 0 0 0; font-weight:bold; text-transform:uppercase;}
#subNav a{color:#3f3f3f; text-decoration:none; font-size:10px;}
#subNav a:hover{color:#feffc7;}
#subNav li.active a{color:#feffc7;}

/* min-width gives "layout" to this element, fixing an IE rendering bug */
#contentFrame{background:#e9e9e9; position:relative; min-width:1px;padding-top:10px;}
#contentFrame.subnav{padding-top: 40px;}

#contentMain{width:375px;}

#contentSub{margin:0 20px;}

.continue{display:block; text-indent:-9999px; margin-top:5px; width:64px; height:17px; background:url(/images/site/continue.png);}

#whoWeAre{width:373px; height:142px; background:url(/images/site/whoweare_bg.png); color:#fff; position:relative; top:0; left:15px;}
#whoWeAre h2{text-indent:-9999px; line-height:0;}
#whoWeAre p{padding:55px 0 0 0; margin:0 15px 0 25px; font-size:12px; font-weight:bold; line-height:16px;}

#whatWeDo{}
#whatWeDo h2{text-indent:-9999px; display:block; margin:15px 0 0 25px; width:135px; height:30px; background:url(/images/site/whatwedo.png);}

.divider{width:95%; height:2px; padding:0; line-height:0; background:url(/images/site/divider.png); margin:5px 25px 15px 25px;}

#highPerformance{margin:0 25px; padding:0 0 0 75px; background:url(/images/site/computers.png) no-repeat top left;}

#customSolutions{margin:0 25px; padding:0 0 0 75px; background:url(/images/site/filebeaker.png) no-repeat top left;}

#contentSide{width:315px; position:absolute; left:380px; top:0;}

#caseStudies{}
#caseStudies h3{text-indent:-9999px; display:block; margin:5px 0 5px 30px; width:130px; height:29px; background:url(/images/site/casestudies.png);}
#caseStudies p{margin:0 0 0 30px;}

#showTell{background:url(/images/site/showandtell_bg_2.png) repeat-y 35px; position:absolute; left:60px;}
#showTell h3{display:block; margin:0 0 0 35px; padding:25px 0 0 25px; font-family:serif; font-size:1.1em; line-height:0.8em; width:253px; height:57px; background:url(/images/site/showandtell_bg.png) no-repeat;}
#showTell img{position:absolute; left:-30px; top:15px; border:3px solid #fff;}
#showTell h4{margin:-38px 0 0 60px; font-weight:bold; font-size:12px; color:#1e6804;}
#showTell p{margin:0 35px 0 60px;}
#showTell .continue{margin-left:60px;}
#showTell h5{color:#339900; font-weight:bold; font-size:12px; padding:10px 0 0 0; margin:0 0 0 60px;}
#showTell ul{margin:5px 0 0 60px;}
/* till we can fix the homepage, we're using tables.*/
/*.blogName{display:block; width:80px; float:left; text-align:right; clear:left; font-size:9px; color:#666;}*/
/*.blogTitle{display:block; width:150px; float:left; color:#101010; margin:0 0 10px 5px;}*/
table.blogRecent { margin: 5px 0 0 65px; }
td.blogName { width: 80px; text-align: right; font-size: 9px; color: #666;}
td.blogTitle { width: 140px; color: #1010101; padding: 0 30px 0 5px; }
#showTell .footer{display:block; clear:left; width:253px; margin:0 0 0 35px; height:11px; background:url(/images/site/showandtell_footer.png);}
.footnote {text-align: center; font-style: italic;}
#footer{clear:both; width:740px; height:40px; text-align:center; padding:20px 0 0 0; color:#555; background:url(/images/site/footer_bg.png) no-repeat;}
#footer p{font-size:10px;}

/* ==================== */
/* = ContentSubStyles = */
/* ==================== */

#contentSub p, ul, ol, blockquote, table{padding:0 0 15px 0;}
#contentSub .hdr{padding-bottom: 6px;}
#contentSub ul, ol{margin:0 0 0 30px;}
#contentSub li {margin-bottom: 6px; line-height: 14px;}
#contentSub h2, #contentSub h3, #contentSub h4, #contentSub h6 {margin-bottom: 6px;}
#contentSub h2{font-family: Georgia, serif; font-size:22px; color:#206f05;}
#contentSub h3, #contentSub h3 a{font-family: Georgia, serif; font-size:18px; color:#2d7714;}
#contentSub h4{font-size:14px; color:#333; font-weight:bold;}
#contentSub h5{font-family: Georgia, serif; font-size:14px; color:#3b7f23;}
#contentSub h6{font-size:12px; color:#333; font-weight:bold;}
#contentSub blockquote{margin:0 30px; padding:0 0 15px 0; line-height:16px; color:#666;}
#contentSub th{background:#333; color:#ccc; padding:3px; font-weight:bold;}

/* ===================== */
/* = ContentBlogStyles = */
/* ===================== */
div.blog-entry { margin-bottom: 15px; clear: left;}
h4.entry-by { margin: 0 0 10px; }
div.entry-authorpic { float: left; margin: 0 10px 5px 0; }
div.entry-authorpic img { border: solid 3px #FFF; }
div.entry-comment {
  margin-bottom: 5px;
}
div.entry-comment h5 {
  font-size: 12px;
}
div.entry-comment h5 span {
  font-weight: normal;
}
div.entry-comment p {
  margin: 0;
}
#comments-open {
  margin-top: 15px;
}
#comments-open-data label {
  clear: left;
  float: left;
  width: 150px;
}
#comments-open-text {
  clear: left;
}
div.blog-entry ul {
  list-style: disc;
  clear: left;
}

/* ============== */
/* = MiscStyles = */
/* ============== */
div.copy li { list-style: disc }
div.confirm {
    padding-top: 15px;
    text-align: center;
    border: 2px solid #206F05;
}
div.confirm p {
    font-size: 12px;
}
div.confirm strong {
    font-weight: bold;
    font-size: 15px;
}
#contentSub p#error, #contentSub p.error {
    margin: 5px 0;
    padding: 5px;
    font-weight: bold;
    border: solid 1px #6F0520;
}
div.error {
    margin: 5px 0;
    padding: 2px 5px;
    border: solid 1px #6F0520;
}
#contentSub div.error p {
    margin: 0;
    padding: 5px;
    font-weight: bold;
}
#contentSub div.error ul {
    padding-bottom: 0;
    list-style: disc;
}
div.fieldWithErrors {
    display: inline;
}
table.list { width: 100%; }
table.list td { padding: 3px; }
table.list tbody tr:hover td { background: #BBB; }

sup {
  vertical-align: text-top;
  font-size: 0.75em;
}
#contentSub p.signup {
  font-size: 15px;
  font-weight: bold;
  margin-top: 20px;
  padding-bottom: 0;
}

/* the embedded timelogger calendar */
.cds_footer { display: none; }

/* /support/domains/ */
table.domains td {
  padding: 5px;
  line-height: 14px;
}
table.domains td.tld {
  font-weight: bold;
}
table.domains td.restrictions {
  font-style: italic;
}

span.over {
  font-weight: bold;
  color: red;
}
td.num, td.num a {
  font-family: Courier, "Courier New", fixed;
  text-align: right;
}
th.num {
  text-align: right;
}

/* =============== */
/* = BlockStyles = */
/* =============== */
.blocks div.halfW, .blocks div.wholeW, .blocks div.onethirdW,
.blocks div.twothirdsW, .blocks div.onefourthW,
.blocks div.threefourthsW, .blocks div.oneW, .blocks div.twoW,
.blocks div.threeW, .blocks div.fourW, .blocks div.fiveW,
.blocks div.sixW, .blocks div.sevenW { display: inline; float: left; padding: 6px 10px 6px 0; }

/* available width is 700px */

/* widths per block - remember to account for padding-right of 10px */
.oneW   { width: 90px; }
.twoW   { width: 190px; }
.threeW { width: 290px; }
.fourW  { width: 390px; }
.fiveW  { width: 490px; }
.sixW   { width: 590px; }
.sevenW { width: 700px; }
.blocks div.sevenW { padding-right: 0; }

/* fraction widths */
.halfW      { width: 340px; }
.onethirdW  { width: 223px; }
.twothirdsW { width: 456px; }
.onefourthW { width: 165px; }
.threefourthsW { width: 515px;}
.wholeW     { width: 700px; }
.blocks div.wholeW { padding-right: 0; }
.blocks div.endcap { padding-right: 0; }

/* form elements */
.blocks div.label { padding-bottom: 0; }
.blocks div.input { padding-top: 0; padding-bottom: 0; }
.blocks .input select { font-size: 9px; }

form.button-to {
    display: inline;
}
form.button-to div {
    display: inline;
}

tr.fail td{
  background: pink;
}

#flash_notice{
  background: #FFFFDE;
  margin: 1em;
  padding: 1em;
  border: 1px solid green;
}

td.highlight{
  background: #FFFA76;
}