html { height:100%; margin-bottom:1px; }
body { height:100%; padding:0px; margin:0px; background-color:#ffffff; }
#wrapper { position:relative; min-height:100%; }
* html #wrapper { height:100%; }
#sitemain { padding-bottom:90px; width:800px; margin:auto;  }
#footer { position:relative; margin-top:-71px; width:100%; height:71px; background-image:url("../images/site-base.gif"); background-repeat:repeat-x; background-position:bottom center; }

#header { width:800px; height:180px; position:relative; }
#header img { margin:15px 0px 0px 15px; border:0px; }
#navbar { width:500px; height:14px; position:absolute; left:165px; top:158px; }
#navbar a { color:#1c165e; text-decoration:none; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; line-height:14px; padding:0px 25px 0px 0px; }
#navbar a:hover { background-image:url("../images/nav-on.gif"); background-repeat:no-repeat; background-position:top left; }
#navbar a.selected { background-image:url("../images/nav-selected.gif"); background-repeat:no-repeat; background-position:bottom left; }

#content { clear:both; padding:50px 60px 30px 165px; color:#5e5e5e; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; line-height:18px; position:relative; }

.clearall { clear:both; }
.center { text-align:center; }

/* callout box */
#callout { width:557px; height:100px; margin:20px 0px 20px -15px; padding:0px; background-color:#cbcbcb; position:relative; }
#callout .cobleft { float:left; width:58px; height:100px; background-image:url("../images/callout-leftedge.gif"); background-repeat:no-repeat; }
#callout .cobright { float:right; width:60px; height:100px; background-image:url("../images/callout-rightedge.gif"); background-repeat:no-repeat; }
#callout img { border:0px; }
#callout #quote { position:absolute; top:14px; left:90px; }

/* portfolio page */
#folio { width:512px; margin:50px 0px 0px 0px; padding:0px; background-color:#ffffff; }
.foliorow { clear:both; height:108px; padding:0px 0px 20px 0px; }
.foliothumb { float:left; margin:0px 20px 0px 0px; border:solid 1px #cbcbcb; padding:3px; cursor:pointer; }
#folioDiv { position:absolute; top:-20px; left:50px; visibility:hidden; width:700px; min-height:500px; padding:20px; background-color:#ffffff; border:solid 1px #cbcbcb; z-index:100; }
* html #folioDiv { height:500px; left:-120px; }
.folio-largeimg { width:500px; margin:auto; float:left; }
.folio-info { width:180px; float:right; text-align:left; color:#5e5e5e; font-family:Verdana, Arial, Helvetica, sans-serif; }
.folio-info a { color:#5e5e5e; text-decoration:none; }
.folio-info a:hover { color:#3773a5; }
#detail-close { position:absolute; bottom:15px; right:15px; width:100px; }

/* contact page */
#contact1, #contact2, #contact3 { width:500px; height:26px; background-position:0px 0px; background-repeat:no-repeat; color:#5e5e5e; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; line-height:26px; padding:0px 0px 0px 80px; }
#contact1 { background-image:url("../images/contact-office.gif"); }
#contact2 { margin-top:35px; background-image:url("../images/contact-phone.gif"); }
#contact3 { margin-top:35px; background-image:url("../images/contact-email.gif"); }
#contact2 span.cell { padding-left:40px; }
#contact3 a { color:#5e5e5e; text-decoration:none; }

/* hosting pages */
#hostingtbl { width:100%; border:1px solid #9acdf8; min-height:100px; padding:5px 0px 10px 0px; }
#hostingtbl .column, #hostingtbl .columnr { width:32%; padding-left:1%; border-right:1px solid #9acdf8; min-height:100px; float:left; }
#hostingtbl .columnr { border:0px; }

.frow { clear:both; padding-top:3px; min-height:20px; width:100%; }
.frow span.label { width:65%; float:left; text-align:left; padding-right:1%; color:#5e5e5e; font-size:11px; line-height:16px; font-family:Verdana, Arial, Helvetica, sans-serif;  font-weight:bold; }
.frow span.field { width:25%; float:left; padding-left:1%; color:#5e5e5e; font-size:11px; line-height:16px; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:normal; }