* { outline:none; }
html { }
body { margin:0; padding:0; background:#292929; color:#8e8b88; font:62.5% Verdana, Geneva, sans-serif; }
img, a { border:none; outline:none; text-decoration:none; color:#8e8b88;  }
ol, ul { margin:0; padding:0; }
ul { list-style-position:inside; }
h1 { font-size:1em; margin:0 0 8px 0; color:#696767 }
p { margin:0 0 27px 0; }

input,
select,
textarea { padding:4px; font-family:Verdana, Geneva, sans-serif; font-size:1em; }

/*helper classes*/
.left { float:left; }
.right { float:right; }
.hide { display:none; }
.red { color:#ec1418; }
.clear,
br{ clear:both; height:0; line-height:0; font-size:0; }

#page { width:938px; position:relative; margin:0 auto; font-size:1.2em; background:#fff url("../images/bg.content.png") repeat-y scroll 0 0; }

#header{ background:transparent url(../images/bg.masthead.png) no-repeat 0 0; height:150px; }
#header #navigation { height:31px; background:#292929; }
#header a { float:left; height:31px; display:block; margin-right:36px; text-indent:-9999px; }
#header a b { display:block; position:absolute; z-index:-1; }
#header a#logo { margin:0 50px 39px 0; height:auto; float:right; display:inline; text-indent:0; }

#header a.home { width:45px; background:url(../images/nav.home.png) no-repeat 0 0; margin-right:198px; margin-left:29px; }
#header a.contact { width:61px; background:url(../images/nav.contact.png) no-repeat 0 0; }
#header a.about { width:50px; background:url(../images/nav.about.png) no-repeat 0 0; }
#header a.products { width:64px; background:url(../images/nav.products.png) no-repeat 0 0; }
#header a.casestudies { width:96px; background:url(../images/nav.casestudies.png) no-repeat 0 0; }
#header a.faq { width:35px; background:url(../images/nav.faq.png) no-repeat 0 0; }
#header a.requestaquote { width:123px; background:url(../images/nav.requestaquote.png) no-repeat 0 0; margin-right:0; }

#header a:hover,
#header a.active { background-position:0 100%; }


#content { background:transparent url(../images/bg.contenttop.png) no-repeat 0 0; position:relative; padding:33px 20px 0 68px; min-height:300px; height:auto !important; height:300px; }
#content #img-txt { margin:20px 0 30px 203px; }
#content a:hover { text-decoration:underline; }
#content #error-404 { font-size:2em; font-weight:bold; }
#content #error-404 p { color:#797979; }

#content #content-wrapper { margin-left:203px; padding-bottom:20px; margin-right:34px; }
#content #content-wrapper #title { margin:20px 0 6px 0; }
#content #content-wrapper img.left { margin:0 10px 10px 0; }
#content #content-wrapper a { text-decoration:underline; }
#content #content-wrapper a:hover { color:#333; }
#content #content-wrapper .label { color:#666; font-weight:bold; }

.home #content #content-wrapper { margin:0; }

#footer { color:#9b9999; font-size:1em; background:#fff url(../images/bg.content.png) repeat-y 0 0; padding-bottom:43px; }
#footer #bg-footertop { height:32px; margin-bottom:37px; background:#292929 url(../images/bg.footertop.png) no-repeat 0 0; }
#footer #footer-content { padding-left:271px; }
#footer #copy { margin-top:37px; }
#footer p { margin-bottom:.4em; }
#footer a { color:#9b9999; }
#footer a.active,
#footer a:hover { text-decoration:underline; }