* { outline:none; }
html { }
body { margin:0; padding:0; background:#292929; color:#656262; 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 }
h2 { font-weight:normal; margin-bottom:0; }
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; }
.clear { margin-top:-2px; }
.red { color:#f00; }

#page { width:938px; position:relative; margin:0 auto; font-size:1.3em; 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 li { float:left; height:31px; padding:0; margin:0; display:inline; }
#header a { height:31px; padding:0 18px 0 18px; text-indent:-9999px; display:block; }
#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#nav-home { width:45px; background:url(../images/nav.home.png) no-repeat 0 0; margin-right:198px; margin-left:29px; padding:0; }
#header a#nav-contact { width:61px; background:url(../images/nav.contact.png) no-repeat 18px 0; }
#header a#nav-about { width:50px; background:url(../images/nav.about.png) no-repeat 18px 0; }
#header a#nav-products { width:64px; background:url(../images/nav.products.png) no-repeat 18px 0; }
#header a#nav-casestudies { width:96px; background:url(../images/nav.casestudies.png) no-repeat 18px 0; }
#header a#nav-faq { width:35px; background:url(../images/nav.faq.png) no-repeat 18px 0; }
#header a#nav-requestaquote { width:123px; background:url(../images/nav.requestaquote.png) no-repeat 18px 0; padding-right:0; }

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

#header div { width:200px; background:transparent url(../images/dd-bg.png); }
#header div a { float:none; margin:0; text-indent:0; color:#fff; height:auto; padding:5px 15px 5px 15px; display:block;  }
#header div a:hover { background-color:#5e5b5b; }
#header div.clear { background:none; height:0; }

#content { background:transparent url(../images/bg.contenttop.png) no-repeat 0 0; position:relative; padding:33px 20px 0 68px; min-height:410px; height:auto !important; height:410px; }
#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 { padding-left:203px; padding-bottom:20px; margin-right:34px; overflow:hidden;  height:410px; height:auto!important; min-height:410px;}
#content #content-wrapper #title { margin:20px 0 6px 0; }
#content #content-wrapper img.left { margin:0 10px 10px 0; }
#content #content-wrapper a { color:#000; }
#content #content-wrapper a:hover { color:#333; }
#content #content-wrapper .label { color:#666; font-weight:bold; }
#content #content-wrapper.sub-exhibition-events-building { background:transparent url(../images/img.content.left-exhibition.jpg) no-repeat 0 20px; }
#content #content-wrapper.sub-aircraft-hangers-special-turnkey-projects { background:transparent url(../images/img.content.left-special.jpg) no-repeat 0 20px; }
#content #content-wrapper.sub-showrooms { background:transparent url(../images/img.content.left-showrooms.jpg) no-repeat 0 20px; }
#content #content-wrapper.sub-sports-golf-clubs-parks-buildings-facilities { background:transparent url(../images/img.content.left-sports.jpg) no-repeat 0 20px; }
#content #content-wrapper.sub-rural-agricultural-buildings { background:transparent url(../images/img.content.left-rural.jpg) no-repeat 0 20px; }
#content #content-wrapper.sub-temporary-site-welfare-buildings { background:transparent url(../images/img.content.left-temp.jpg) no-repeat 0 20px; }
#content #content-wrapper.sub-commercial-garages-mot-valeting-bays { background:transparent url(../images/img.content.left-mot.jpg) no-repeat 0 20px; }
#content #content-wrapper.sub-industrial-warehouse-workshop-units { background:transparent url(../images/img.content.left-industrial.jpg) no-repeat 0 20px; }
#content #content-wrapper.sub-computer-aided-design-innovation-flexibility { background:transparent url(../images/img.content.left-cad.jpg) no-repeat 0 20px; }
#content #content-wrapper.sub-manufacturing-delivery { background:transparent url(../images/img.content.left-manufacturing.jpg) no-repeat 0 20px; }

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

/* download centre */
#content #content-wrapper #content-left { width:372px; float:left;display:inline; }
#content #content-wrapper #sidebar { float:left; margin-left:15px; display:inline; margin-top:20px; width:226px; }
#content #content-wrapper #download-centre  { background-color:#e1e1e1; margin-bottom:20px; }
#content #content-wrapper #download-centre a.download  { color:#494646; display:block; height:45px; vertical-align:middle; background:transparent url(../images/ico.pdf.png) no-repeat 11px 5px; padding:0 10px 0 50px; text-decoration:underline; font-size:.928em; }
#content #content-wrapper #download-centre a.single-line { line-height:45px; }
#content #content-wrapper #download-centre a.download:hover { color:#000; }
#content #content-wrapper #download-centre .first.download { border-bottom:1px solid #fff; padding-top:5px; }
#content #content-wrapper .quote {  }

/* products page */
.products #content #content-wrapper .listing { overflow:hidden; clear:both; margin-top:20px; }
.products #content #content-wrapper .listing img { float:left; display:inline; margin-right:10px; }
.products #content #content-wrapper .listing h2 { font-size:1.1em; margin:0; }
.products #content #content-wrapper .listing h2 a { color:#ec1418; text-decoration:none; }
.products #content #content-wrapper .listing h2 a:hover { text-decoration:underline; }
.products #content #content-wrapper .listing .pdf { margin-top:5px; overflow:hidden; line-height:22px; }
.products #content #content-wrapper .listing .pdf a { color:#656262; text-decoration:underline; }

#footer { color:#9b9999; font-size:.9em; 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; }

#dd-products { position:absolute; left:0; top:0; z-index:10; }

.msg-success,
.msg-error  { background-color: #FCFCFC; border: 1px solid #0b4e00; margin: 10px 0 20px; padding: 5px; }
.msg-error { border-color:#c00; color: #CC0000; }
.msg-error .errors  {  margin-left: 20px; }