body {background:#fff; text-align:center} small {font-size:.9em} img, a img {border:none;} .nodis {display:none;} .cb {clear:both;} [href^="http://"]:not([href*="www.truecastdesign.com"])::after {content: ' ' url(/images/url_icon.gif);} a:link {color:#FA8005;} a:visited {color:#DC7003; } a:hover {color:#f40; text-decoration:none; } #header {position:relative; height:60px; width:730px; margin:0px auto;} #logo {width:242px; height:42px; left:0px; top:8px; position:absolute;} #tagLine {position:absolute; width:416px; height:10px; right:0px; top:30px; font:.73em Helvetica,Geneva,Arial,sans-serif; color:#000; text-align:right} /* #nav */ .navBar {background:url(images/mainBarRight.gif) no-repeat top right; margin:0px 15px; min-width:730px} #navLinks {text-align:center; margin:1px auto; min-width:550px; width:730px} #navLinks ul {display:inline; margin:0; padding:0;} #navLinks ul li.first {margin-left:0; background:none; list-style:none; display:inline;} #navLinks a {font:bold .8em Verdana,Arial,Geneva,sans-serif; text-decoration:none;} #navLinks a:link {color:#FA8005;} #navLinks a:visited {color:#DDA55D;} #navLinks a:hover {color:#f40; position:relative; top:1px; left:1px;} #navLinks ul li.act a:visited {color:#000;} .gradientLineL {background:url(/images/mainBarLeft.jpg) no-repeat top left; height:2px; } .gradientLineR {background:url(/images/mainBarRight.jpg) no-repeat top right; float:right; height:2px; width:100%;} #mainBody {margin:15px auto; font:.85em "Lucida Grande",Helvetica,Arial,Geneva,sans-serif; text-align:left; color:#111; position:relative; width:730px; padding:0px 15px} #mainBody p {margin:0px 0px 16px 0px} h1 {font:italic bold 1.5em "Lucida Grande",Helvetica,Arial,Geneva,sans-serif; color:#222;} h2 {font:bold 1.1em "Lucida Grande",Helvetica,Arial,Geneva,sans-serif; color:#222; margin-bottom:0px} h3 {font:bold 1.2em "Lucida Grande",Helvetica,Arial,Geneva,sans-serif; color:#222; margin-top:0;} h4 {margin-bottom:0;} h6 {font:bold 1.1em "Lucida Grande",Helvetica,Arial,Geneva,sans-serif; color:#444; margin-bottom:0; margin-bottom:-10px; margin-top:-5px} .fl {float:left;} .fr {float:right;} .mr15 {margin-right:15px; margin-bottom:10px;} .ml15 {margin-left:15px; margin-bottom:10px;} #homeImage {margin:15px 5px;} #footer {margin:8px auto; font:.7em "Lucida Grande",Helvetica,Arial,Geneva,sans-serif; color:#333; line-height:170%; width:730px} cite {font-size:.9em;} .cite {font-size:.9em; margin:-12px 0 10px 0; display:block} #articleLeft cite {margin-top:5px; display:inline} acronym {cursor:help; border-bottom:1px dashed #666; color:#777} /* Services main page */ #servicesLeft {margin:0px 260px 90px 0px;} #servicesSide {position:absolute; top:40px; right:0px; width:250px;} label {font-size:.7em; color:#222;} .form label {font-size:1em; color:#222;} .infobox {background:#f8f8f8; border:1px solid #ccc; padding:4px;} .infoboxhead {background-color:#ccc; padding-left:4px; color:#222; font-weight:bold; font-size:18px;} .photoinfo {color:#666666; font:bold 12px Arial,Geneva,sans-serif} .photoinfo em {font-size:11px; font-style:normal; font-weight:normal} #servSideHD {font-style:italic; font-size:1.35em; text-align:right; margin-bottom:0px} .hrGradeSm {background:url(images/hr_grade_sm.jpg) no-repeat; width:250px; height:2px; margin:8px 0px;} /* Services Subpage */ .exampleDesigns {float:left; margin:20px 10px 0 0} /* Portfolio */ #portfolioLeft {float:left; width:240px;} .portObj {float:left; margin:0px 10px 12px 0px; height:100px} .portObj em {display:block; background:url(images/arrowOrange.gif) no-repeat top left; padding-left:10px; font-size:.8em; font-style:normal; margin:0px 0px 3px 2px;} .portObj em a {text-decoration:none;} .portObj em a:hover {color:#f50;} #siteLnks {font:bold 1em Verdana,Helvetica,sans-serif; margin-bottom:5px} #siteLnks i {font:.7em Verdana,Helvetica,sans-serif; color:#888;} #selProj {clear:both; font-size:1.1em; font-weight:bold; text-align:center; width:200px} #portfolioRight {float:left; margin:1px 0px 10px 0px; width:490px} #portfolioRight p {margin:0px 0px 20px 0px} /* shopping cart */ #cartList ul {list-style:none; margin:0; margin-left:10px; padding:0;} #cartList li {background:url(images/bulletCart.gif) no-repeat 0 50%; padding-left:20px; margin-bottom:10px} /* Contact */ address {font-style:normal;} /* HOSTING */ .hostingPlan {float:left; width:30%; border-left:1px solid #B5B5B5; margin-right:20px} .hostingName {font-size:18px; margin-left:10px} .planRule {width:100%; background:#B5B5B5; color:#B5B5B5; display:block; margin-left:0; border:1px solid #B5B5B5;} .hostingPrice {font-size:14px; font-weight:bold; margin-left:10px} .smallRed {color:#FF0000; font-size:11px; margin-left:10px} .hostingList {margin:0; padding:0; line-height:140%; margin-left:-14px; font-size:11px} .host2Col {float:left; width:46.7%;} .host2ColHeader {font-size:16px; font-weight:bold;} #hostServerStack {float:left; margin:0px 15px 15px 2px;} #logoRedhat {float:right; margin:0px 0px 15px 10px;} #logoCpanel {float:left; margin:0px 15px 5px 0px;} #logoOthers {float:right; margin:0px 0px 5px 15px;} /* Hosting signup */ .dividerSignup {padding:2px 5px; margin:10px 0px; border:1px solid #666; background:#ddd; font:bold 1.1em Verdana,sans-serif;} #purchaseForm input {margin-bottom:12px;} .error {color:#ff0000;} /* Articles */ #googleAd {position:absolute; top:70px; right:10px; width:120px} #articleLeft {margin-right:160px; } /* file upload */ .progressBar {color:red;} /* Client Area */ #clientArea {margin-right:10px; background:#f8f8f8; border:1px solid #ccc; width:100%; position:relative;} #clientAreaMainBar {background:url(images/bar_gradent.gif) repeat-x; height:34px; padding:3px 0px 0px 5px} #sidebarlinks {padding:3px; text-align:center;} #sidebarlinks a {text-decoration:none; color:black; font-size:11px} #clientArea th {text-align:left; border-bottom:1px solid #aaa; background:#e5e5e5; } #clientArea table {font-size:.9em} #CAselected {background:#D7D7D7; border:1px solid #A7A7A7;} .CAopts div {padding:4px 2px} #clientArea h3 {margin:-6px 0 18px 0; border-bottom:2px solid #999;}