@import url('reset.css');
@import url('thickbox.css');
@import url('baseform.css');

body{background:url(../images/core/bg.jpg) center 0 repeat-x #ffffff; font: 78%/1.5em Verdana, Arial, Helvetica, sans-serif; color:#003000;}

h1{display:block; text-indent:-999em; overflow:hidden; height:30px; width:400px; margin-left:20px; background-repeat:no-repeat; background-position: 0 0;}
h2{font-size:1.3em; margin:0 0 20px 0; color:#001a00;}
h3{font-size:1.1em; margin:0 0 7px 0; color:#003000;}
h4{font-size:1.1em; margin:0 0 7px 0; color:#088108;}
h5{font-size:1.1em; margin:0 0 7px 0; color:#003000;}
p{margin:0 0 20px 0;}

a{color:#003000; text-decoration:underline;}
a:hover{color:#003000; text-decoration:none;}

ul, ol{margin-bottom:20px;}

#content img{border:1px solid #8dcc3f;}

ul li{list-style:disc; list-style-position:inside;}
ol li{list-style:decimal; list-style-position:inside;}

ul#gallery{margin:20px 0 0 30px;}
ul#gallery li{float:left; list-style:none; margin:0 25px 25px 0;}

.highlight{color:#9de346; font-weight:bold;}
a.to-top{text-align:right; display:block; text-decoration:none; border-top:1px #707070 solid; margin-bottom:20px;}



/******-Website Structure-******/
#container{width:980px; margin: 0 auto; background:url(../images/core/bg_content.jpg) center 0 no-repeat; padding:115px 0 0 0; position:relative;}

h2#logo-wearside a{height:91px; width:220px; display:block; text-indent:-999em; overflow:hidden; background:url(../images/core/logo_wearside.gif) 0 0 no-repeat; margin:0 auto; position:absolute;
top:36px; left:380px;}
h2#logo-wearside {margin:0; font-size:0; line-height:0;}

#header{height:43px; width:920px; background:url(../images/core/bg_header.gif) center 0 no-repeat; margin:0 auto;padding:283px 0 0 20px;}

ul#nav{height:57px; position:absolute; z-index:200; top:119px;}
ul#nav li{float:left; list-style:none; margin:0;}
ul#nav li a{display:block; text-indent:-999em; overflow:hidden;}
	ul#nav li a#nav-home{background:url(../images/core/nav/nav_home.gif) 0 0 no-repeat; width:86px; height:45px; margin:4px 0 0 40px;}
	ul#nav li a:hover#nav-home{background-position: 0 -45px;}
	ul#nav li a#nav-transportation{background:url(../images/core/nav/nav_transportation.gif) 0 0 no-repeat; width:144px; height:48px; margin: 8px 0 0 70px;}
	ul#nav li a:hover#nav-transportation{background-position: 0 -48px;}
	ul#nav li a#nav-facilities{background:url(../images/core/nav/nav_facilities.gif) 0 0 no-repeat; width:121px; height:45px; margin:13px 0 0 67px;}
	ul#nav li a:hover#nav-facilities{background-position: 0 -45px;}
	ul#nav li a#nav-projects{background:url(../images/core/nav/nav_projects.gif) 0 0 no-repeat; width:85px; height:44px; margin:11px 0 0 80px;}
	ul#nav li a:hover#nav-projects{background-position: 0 -44px;}
	ul#nav li a#nav-contact{background:url(../images/core/nav/nav_contact.gif) 0 0 no-repeat; width:77px; height:49px; margin:1px 0 0 80px;}
	ul#nav li a:hover#nav-contact{background-position: 0 -49px;}

/*nav-highlights*/
#p-index ul#nav li a#nav-home{background-position: 0 -45px;}
#p-transport ul#nav li a#nav-transportation{background-position: 0 -48px;}
#p-facilities ul#nav li a#nav-facilities{background-position: 0 -45px;}
#p-projects ul#nav li a#nav-projects{background-position: 0 -44px;}
#p-contact ul#nav li a#nav-contact{background-position: 0 -49px;}
#p-thankyou ul#nav li a#nav-contact{background-position: 0 -49px;}

#banner{position:absolute; z-index:100; top:160px; background:url(../images/core/bg_banner.gif) 0 0 no-repeat; overflow:hidden; height:242px; width:940px; left:20px;}
#banner img{height:242px; width:940px;}

/* h1 headings*/
#p-index h1{background-image:url(../images/core/heading/heading_home.gif);}
#p-transport h1{background-image:url(../images/core/heading/heading_transportation.gif);}
#p-facilities h1{background-image:url(../images/core/heading/heading_facilities.gif);}
#p-projects h1{background-image:url(../images/core/heading/heading_projects.gif);}
#p-contact h1{background-image:url(../images/core/heading/heading_contact.gif);}
#p-thankyou h1{background-image:url(../images/core/heading/heading_thankyou.gif);}

h2#cta-phone{display:block; text-indent:-999em; overflow:hidden; background:url(../images/core/cta_phone.jpg) 0 bottom no-repeat; float:right; height:24px; width:157px; padding-right:54px; padding-top:5px;}

#content{padding:18px 0 0 0; }
	#content #primary{float:left; width:595px; padding: 0 45px 35px 80px;}
	#content #secondary{width:170px; float:right; padding:0 90px 0 0; margin: 0 auto;}
	
ul#affiliates{width:940px;  border-top:1px #2f7126 solid; border-bottom:1px #2f7126 solid; padding:10px 0 8px 0; margin: 0 0 0 20px; height:57px;}
	ul#affiliates li{height:57px; margin:0 0 0 57px; float:left; list-style:none;}
	ul#affiliates li a{height:57px;display:block; text-indent:-999em; overflow:hidden;}
	ul#affiliates li#green a{background:url(../images/core/logo_green.gif) 0 0 no-repeat; width:106px;}
	ul#affiliates li#uts a{background:url(../images/core/logo_uts.gif) 0 0 no-repeat; width:109px;}
	ul#affiliates li#brevini a{background:url(../images/core/logo_brevini.gif) 0 0 no-repeat; width:143px;}
	ul#affiliates li#canning a{background:url(../images/core/logo_canning.gif) 0 0 no-repeat; width:61px;}
	ul#affiliates li#bp a{background:url(../images/core/logo_bp.gif) 0 0 no-repeat; width:48px;}
	ul#affiliates li#shell a{background:url(../images/core/logo_shell.gif) 0 0 no-repeat; width:54px;}
	
#footer{width:927px; height:110px; background:url(../images/core/bg_footer.jpg) bottom center no-repeat #003000; margin:10px auto; color:#ffffff; padding:11px 0 0 33px;}
	ul#footer-nav{ margin:0;}
	ul#footer-nav li{display:inline; color:#9de346; margin-left:3px;}	
	ul#footer-nav li a{color:#ffffff; text-decoration:none;}
	ul#footer-nav li a:hover{text-decoration:underline;}
	a#logo-wf{float:right; width:75px; height:24px; margin:10px 15px 0 0;}
	p#copy {margin:0; font-size:0.9em;}