html { height:100%; }
body { height:100%; padding:0px; margin:0px; background-color:#ffffff; overflow:auto; overflow-x:hidden; overflow:-moz-scrollbars-vertical; }
body > div#root { height:auto; min-height:100%; }
div#root { width:960px; margin:auto; height:100%; }

header, nav, article, section, footer { display:block; }
header { height:180px; margin:auto; position:relative; background:url('../images/pixels-logo.gif') no-repeat 15px 15px; }
nav { padding:0px 0px 0px 151px; height:16px; }
section { position:relative; padding:50px 50px 121px 165px; color:#5e5e5e; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; line-height:18px; }
footer { height:71px; margin-top:-71px; background:url('../images/site-base.gif') repeat-x 0 0; }

nav ul { float:left; margin:0px; padding:0px; list-style:none; }
nav ul li { float:left; display:inline; margin:0px 0px 0px 14px; }
nav ul li a { color:#1c165e; text-decoration:none; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; line-height:16px; padding:0px 25px 0px 0px; }
nav ul li a:hover { background:url('../images/nav-on.gif') no-repeat 0 0; }
nav ul li a.selected { background:url('../images/nav-selected.gif') no-repeat bottom left; }

/* generic use css */
.clearall { clear:both; }
.required { color:#ff0000; }
h1 { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:20px; line-height:24px; }
h2 { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:18px; line-height:22px; }
p { margin:0px 0px 10px 0px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; line-height:18px; }
a.liProfile { text-decoration:none; vertical-align:middle; cursor:pointer; }
a.liProfile span { font-size:80%; font-family:Verdana, Arial, Helvetica, sans-serif; color:#0783B6; }
a.liProfile img { border:0px; }

/* home page callout box */
div#callout { width:560px; height:100px; margin:20px auto 20px auto; padding:0px; background:#cbcbcb url('../images/callout-leftedge.gif') no-repeat 0 0; background-color:#cbcbcb; position:relative; }
div#callout img.cobr { position:absolute; top:0px; right:0px; border:0px; }
div#callout img.quote { border:0px; margin:14px 0px 0px 95px; }

/* portfolio page */
div#folio { margin:20px 0px 0px 0px; padding:0px; }
div.foliorow { clear:both; }
div.foliothumb { width:108px; height:108px; float:left; text-align:center; margin:0px 20px 10px 0px; border:solid 1px #cbcbcb; padding:3px; cursor:pointer; }
#folioPopup { display:none; width:700px; min-height:500px; padding:30px 20px 20px 20px; background-color:#ffffff; border:solid 1px #cbcbcb; z-index:100; }
#folioPopup div.imageHolder { width:500px; margin:auto; float:left; }
#folioPopup div.imageHolder img { border:1px solid #cbcbcb; }
#folioPopup div.infoPanel { width:180px; float:right; text-align:left; color:#5e5e5e; font-size:11px; line-height:16px; font-family:Verdana, Arial, Helvetica, sans-serif; }
#folioPopup div.infoPanel a { color:#5e5e5e; text-decoration:none; }
#folioPopup div.infoPanel a:hover { color:#3773a5; }

/* modal popup */
#simplemodal-overlay { background-color:#000; cursor:wait; }
#simplemodal-container a.modalCloseImg { background:url(../images/close.gif) no-repeat; width:25px; height:29px; display:inline; z-index:5000; position:absolute; top:10px; right:5px; cursor:pointer; }

/* 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; }
/* basic mail form */
div#siteMail { margin:0px 0px 30px 50px; width:530px; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; clear:both; padding-top:20px; }
form div.frow { clear:both; padding-top:3px; min-height:20px; }
form .frow span.label { float:left; text-align:left; padding-right:5px; width:90px; font-size:11px; line-height:16px; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:normal; }
form div.frow span.field { float:left; font-size:11px; line-height:16px; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:normal; }
form div.frow span.field input, form .frow span.field textarea { border:1px solid #a9a9a9; font-size:11px; width:400px; font-family:Verdana, Arial, Helvetica, sans-serif; }
form div.mailSubmit { clear:both; text-align:right; padding:10px 27px 0px 0px; }
form .formsecurity { text-align:center; clear:both; padding-top:10px; }
form .formsecurity img { margin:10px 0px 10px 0px; border:0px; }
form .formsecurity input { border:1px solid #a9a9a9; font-size:11px; width:100px; }
div#statusbox { width:300px; min-height:100px; background-color:#ffffff; padding:30px 20px 20px 20px; text-align:left; display:none; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; line-height:14px; -moz-border-radius:5px; -webkit-border-radius:5px; }
div#statusbox ul.errors { list-style:square; margin-top:0px; color:#ff0000; }
div#statusbox ul.success { list-style:square; margin-top:0px; color:#090; }

/* CMS page */
div#cmsSlides { float:right; width:400px; height:300px; border:1px solid #a9a9a9; margin:0px 0px 20px 20px; }

/* 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; }