body { margin: 0; padding: 0; }

/*MAIN LAYOUT STYLING*/	
#header	{ height: 98px; background-image:url(../gfx/header_bg.gif);	background-repeat:x; margin-bottom: 10px; }
#gutter	{ float: left; width: 3%; height: 1px; }
#col1 {	width: 99%;	background-color: #fff;	margin-bottom: 10px;margin-left: 8px; }
#line {	border-bottom: 1px solid #a8bdd6; width: 99%; margin-top: 0 !important; margin-top: -20px; margin-right: 0; margin-bottom: 10px ; margin-left: 0; }

/*HEADER STYLING*/
.left_header { float: left; text-align: left; font-weight: bold; color: #fff; width: 49%; }
.right_header { float: right; text-align: right; font-weight: bold; color: #fff; width: 49%; }

/*FOOTER STYLING*/
#footer	{ clear: both; height: 50px; background-image:url(../gfx/footer_bg.gif); background-repeat:x; padding: 5px 3px 3px 0; }
.left_footer { float: left; text-align: left; color: #fff; width: 53%; }
.right_footer { float: right; text-align: right; color: #fff; width: 43%; }

/*ALL TEXT STYLING*/
p, h1, h2, h3, h4, li {font-family:Verdana, Arial, Helvetica, sans-serif; }
#col1 p, .portfolio_detail { font-size: 12px; line-height: 1.4em; margin: 0 0 10px 2px; color: #000; }
#col1 h2 { font-size: 15px; font-weight: bold; margin: 0 0 10px 2px; }
#col1 h3 { margin: 0; font-size: 12px; text-transform: uppercase; font-weight: bold;}
#col1 h4 { margin: 5px 0 10px 5px; font-size: 12px; text-transform: uppercase; font-weight: bold; color:#666; }
.right_footer { margin-top: 15px; }
#footer p { font-size: 12px; color:#fff; margin: -3px 0 5px 5px;  }
#gray h5 { font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 65%; background-image:url(../gfx/home_bg.png); background-repeat:y; margin: 0 1px -30px 0; padding-top: 5px; padding-bottom: 5px; padding-left: 2px; padding-right: 1px; color: #666; }


/*LINKS STYLING*/
a { text-decoration: none; }
#footer p a:link { text-decoration: none; color: #fff; } #footer p a:visited { text-decoration: none; color: #fff; } #footer p a:hover { text-decoration: underline; color: #fff; } #footer p a:active {text-decoration: none ; color: #fff; }

#col1 a:link, #col1_port_detail a:link { text-decoration: none; color: #666; font-weight: bold; } #col1 a:visited, #col1_port_detail a:visited { text-decoration: none; color: #666; font-weight: bold; } #col1 a:hover, #col1_port_detail a:hover { text-decoration: underline; color: #666; font-weight: bold; } #col1 a:active, #col1_port_detail a:active {text-decoration: none ; color: #000; font-weight: bold; }

/*MAIN NAVIGATION STYLING*/
.menu { float: right; padding: 2px 0 1px 0; margin-bottom: 10px; margin-right: 0; width: 500px; }
ul#nav { width: 474px; height: 18px; margin:0; padding:0; background: url('/gfx/main_nav.png'); position:relative;  }
ul#nav li { display:block; height:18px; margin: 0; padding: 0; list-style: none; position: absolute; top: 0; color:#fff; }
ul#nav li a { display:block; height:18px; }
li#i1 { left: 3px; width: 41px; }
li#i2 { left: 51px; width: 48px; }
li#i3 { left: 110px; width: 73px; }
li#i4 { left: 192px; width: 80px; }
li#i5 { left: 282px; width: 108px; }
li#i6 { left: 400px; width: 66px; }
#i1 a:hover { background: transparent url(/gfx/main_nav.png) -3px -16px no-repeat; }
#i2 a:hover { background: transparent url(/gfx/main_nav.png) -51px -16px no-repeat; }
#i3 a:hover { background: transparent url(/gfx/main_nav.png) -110px -16px no-repeat; }
#i4 a:hover { background: transparent url(/gfx/main_nav.png) -192px -16px no-repeat; }
#i5 a:hover { background: transparent url(/gfx/main_nav.png) -282px -16px no-repeat; }
#i6 a:hover { background: transparent url(/gfx/main_nav.png) -400px -16px no-repeat; }
ul#nav li a { text-indent:-9000px; background-color:transparent; }

/*BITS*/
#home_strips { margin: 0 0 2px 2px;  }
#map { margin-left: 2px; }
.icon { background: url(/gfx/pdf.gif) no-repeat; height: 20px; }
.pdf_box { margin: 5px 0 5px 0; border: 1px solid #ccc; padding: 8px 3px 0 3px; width: 400px; background-color: #FCFCFC; }
.movie { background-color: #fff; margin-bottom: 0px; margin-top: 12px; }
#home_text { margin: 0 10px 10px 0;  }
.home_logos {float: right; margin-top: 20px; border-top: 1px solid #a8bdd6; width: 99% }
#container img { border:none; }

/*REFERENCE PAGE STYLING*/
.references_box { margin: 5px 0 15px 0; border: 1px solid #ccc; padding: 8px 3px 0 3px; width: 98%; background-color: #FCFCFC;}
.ref_image { margin: 0 0 5px 2px; }

/*PORTFOLIO PAGE STYLING*/
.portfolio { border: 1px solid #ccc; padding: 3px; margin: 0 20px 0 2px; float:left;  }
.portfolio_detail { margin: 0 10px 10px 600px; }

#thumbnails { margin-left: 2px;  }
#thumbnails img { border: 1px solid #ccc; padding: 2px;  }

/*PAGE TITLE STYLING*/
#header_adenstar { width: 460px; height: 40px; background-image: url(/gfx/titles/adenstar_group.gif); background-repeat: no-repeat; margin-top: 0; margin-right:5px; margin-bottom:0; margin-left:2px;
margin:0 5px 0 0; padding-bottom: -2px; }
#header_adenstar span { display: none; }

#header_about { width: 460px; height: 40px; background-image: url(/gfx/titles/about.gif); background-repeat: no-repeat; margin-top:0 !important; margin-top: -10px; margin-right: 5px; margin-bottom: 0; margin-left: 2px; padding-bottom: -2px; }
#header_about span { display: none; }

#header_contact { width: 460px; height: 40px; background-image: url(/gfx/titles/contact.gif); background-repeat: no-repeat; margin:0 5px 0 2px; padding-bottom: -2px; }
#header_contact span { display: none; }

#header_health { width: 460px; height: 40px; background-image: url(/gfx/titles/health_and_safety.gif); background-repeat: no-repeat; margin:0 5px 0 2px; padding-bottom: -2px; }
#header_health span { display: none; }

#header_portfolio { width: 460px; height: 40px; background-image: url(/gfx/titles/portfolio.gif); background-repeat: no-repeat;
margin:0 5px 0 2px; padding-bottom: -2px; }
#header_portfolio span { display: none; }

#header_references { width: 460px; height: 40px; background-image: url(/gfx/titles/references.gif); background-repeat: no-repeat;
margin:0 5px 0 2px; padding-bottom: -2px; }
#header_references span { display: none; }

/*IMAGE STYLING*/
.right_hand_image { float: right; margin: 5px 10px 10px 10px; }
.toggleopacity img{ filter:progid:DXImageTransform.Microsoft.Alpha(opacity=120); -moz-opacity: 1.2; }
.toggleopacity:hover img{ filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70); -moz-opacity: 0.7; }