/* West BS website CSS file.  Built by Bluestorm New Media 2007 */

/* @group Reset */
* {padding:0; margin:0;}

/* ----------------------------basic elements---------------------------------------*/


body {
	color: #ccc; font-family: "Trebuchet MS", tahoma, Verdana, Helvetica, Arial, sans-serif;
	font-size: small;	text-align: left;	background: url(../images/bg1.gif) repeat-x #1A1819;}

a {text-decoration: none; font-weight: bold;}
a {text-decoration: none;}


body h1 {margin: 0;	padding: 0;	line-height: 1.2em; font-size: 120%; color: #303030;
	text-transform: uppercase; width: 195px;
	position: absolute; top: 200px; left: 70px;
}

body#home h1 {font-size: 110%; top: 192px;}

h2 {margin: 1.2em 0 0.8em 0; font-size: 110%; padding-bottom: 0.5em; color: #303030; border-bottom: 2px solid #97A31A;}
h3 {margin: 1.2em 0 0.8em 0; line-height: 1.2em;padding:0 0 0.5em 0; font-size: 105%; width: 100%; font-weight: normal;color: #5F5C27; border-bottom: 1px solid #CED67A; clear:both;}

body#whoweworkfor h3 {margin-top: 1.5em;}

h3 a {color: #5F5C27; font-weight: normal; padding-right: 18px;
background: url(../images/external.gif) right center no-repeat;}

h3 a {text-decoration: none;}
h3 a:hover {color: #97a31a;}
h4 {font-size: 90%; line-height: 1.1em; margin-bottom: 0.5em;}

#content ul, #content dl {margin: 1.4em 0 1.4em 0;}

#content ul li, #content dl dd {list-style: none; padding-left: 15px; color: #303030; line-height: 1.4em;
background: url(../images/bullet_standard.gif) left 5px no-repeat; margin-left: 18px;
}

#content ul li a, #content dl dd a {color: #97A31A; font-weight: bold;}
#content ul li a:hover, #content dl dd a:hover {text-decoration: underline;}


dt {color: #303030; font-weight: bold; margin-top: 0.7em; margin-bottom: 0.3em; padding-bottom: 0.3em;border-bottom: 1px solid #CCC;}


/*-------------main divisions------------*/
	
#wrapper {
	width: 744px;
	background: url(../images/wrapper.jpg) bottom right no-repeat;
	margin: 0 auto; margin-top: 0; position: relative;
}

#wrapper:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;} 

div#contentandbranding {
	width: 480px;  margin-top: 13px; position: relative;
	background: url(../images/bg_content.gif) repeat-y #3C3A3B; margin-bottom: 160px;
}

div#branding {
	width: 480px; position: relative;
	height: 166px; margin-top: 0px;
	background: url(../images/branding.jpg);
}

div#headerimage {width: 480px; height: 90px; background: no-repeat #fff;}

body#home div#headerimage {background: url(../images/headerimage1.jpg) no-repeat;}
body#whoweare div#headerimage {background: url(../images/headerimage2.jpg) no-repeat;}
/*body#whatwedo div#headerimage {background: url(../images/headerimage3.jpg) no-repeat;}*/
body#products div#headerimage {background: url(../images/headerimage5.jpg) no-repeat;}
body#whoweworkfor div#headerimage {background: url(../images/headerimage4.jpg) no-repeat;}
body#contact div#headerimage {background: url(../images/headerimage3.jpg) no-repeat;}

div#content {width: 380px; position: relative; left: 70px; margin-top: 11px; padding-bottom: 3px;}


div#content img {float: left; padding: 2px; border: 1px solid #5F5C27; margin-right: 15px; margin-bottom: 2px;}


div.address {width: 180px; float: left; position: relative;}
#content div.address p {margin-bottom: 0;}
div#firstaddress {margin-right: 10px;}
div.address:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;} 
#content div.address p {line-height: 1.3em; margin-bottom: 1em;}



/*-------------straplines-------------*/

p#strapline1, p#strapline2 {width: 290px; position: absolute; left: 164px; text-align: right;}

p#strapline1 {color: #fff; text-transform: uppercase; top: 40px; font-weight: bold; font-size: 90%;}
p#strapline2 {color: #000; top: 100px; font-weight: bold; font-size: 85%; line-height: 1.4em;}

p#tel {position: absolute; top: 35px; left: 496px; text-indent: -5000px; background: url(../images/tel_new.gif) no-repeat; width: 222px; height: 27px;}
p#tel a {display: block; width: 222px; height: 27px;}

*html p#tel {top: 48px;}

p.telcontact {
	background: url(../images/tel_icon.gif) left center no-repeat; padding-left: 18px;margin-top: 0;}
	
	

/*-------------main navigation--------------*/

div#navbar {
	width: 217px;
	position: absolute; top: 100px; right: 22px;
}

*html div#navbar {top: 110px;}

div#navbar ul {font-size: 95%; margin-bottom: 20px; list-style: none;}
div#navbar ul li {
	text-transform: uppercase; margin-bottom: 0.5em;
	padding-left: 15px; background: url(../images/bullet_nav_grey.gif) left 4px no-repeat;
}

div#navbar ul li.current {background-image: url(../images/bullet_nav_yellow.gif);}
div#navbar ul li a {color: #fff;}
div#navbar ul li.current a {color: #FDF300;}
div#navbar ul li a:hover {	color: #FDF300;}

div#navbar ul li ul {font-size: 100%; margin-bottom: 0; margin-top: 0.3em;}
div#navbar ul li ul li { text-transform: capitalize;}
div#navbar ul li.current ul li.current a {color: #FDF300;}
div#navbar ul li.current ul li a {color: #fff;}
div#navbar ul li.current ul li a:hover {color: #FDF300;}



/*-------------right hand call outs-------------*/


div#navbar div.callout {width: 215px; height: 48px; margin-bottom: 14px; border: 1px solid #2E2C2D; background-color: #252324; padding-left: 10px; position: relative; right: 10px;}

div#navbar div.callout#n2o {background: url(../images/callout_n2o_blue.jpg) bottom right no-repeat;}
div#navbar div.callout#nh3 {background: url(../images/callout_nh3.jpg) bottom right no-repeat;}

div#navbar div.callout h2 {color:#FDF300; text-transform: uppercase; letter-spacing: 0.15em; font-size: 90%; border: none; margin-bottom: 0; margin-top: 3px;}
div#navbar div.callout#topgear {height: 73px; background: url(../images/callout_topgear.jpg) bottom right; border: 1px solid #858585;}

div#navbar div.callout#topgear p.moreinfo {margin-top: 52px;}
div#navbar div.callout#topgear h2 {line-height: 1px; text-indent: -5000px; border: none;margin: 0; padding: 0; font-size: 1px;}

div#navbar div.callout p a {color: #fff; font-weight: bold;}
div#navbar div.callout p a:hover {color: #FDF300;}
div#navbar div.callout p.moreinfo {padding-left: 15px; background: url(../images/bullet_callout.gif) left center no-repeat;}

div#content p {font-size: 100%; line-height: 1.4em; color: #1A1819; margin: 0.5em 0 1.4em 0;}
div#content p#intro {font-size: 105%; font-weight: bold; color: #767676; line-height: 1.3em; margin-top: 1.3em; margin-bottom: 1.2em;}
div#content p.calltoaction {font-size: 105%; font-weight: bold; color: #767676; line-height: 1.3em;}

div#content img {margin-bottom: 1em;}

/*--------------footer---------------*/

div#footer {position: absolute; left: 42px; font-size: 80%; bottom: 105px;}

div#footer ul {width: 355px; font-size: 95%; color: #9B999A;}
div#footer ul li {width: 355px; display: inline; border-right: 1px solid #303030; padding-right: 0.6em;}
div#footer ul li.last {border-right: none;}
div#footer ul li a {color: #9B999A;}
div#footer ul li a:hover {color: #fff;}



/*-------------main content callouts-------------*/

div#content div.productcallout {width: 380px; margin-bottom: 10px; display: block;}
div#content div.productcallout:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;} 

div#nh3 {background: url(../images/productcallout_nh3.jpg) right bottom no-repeat;}
div#n2o {background: url(../images/productcallout_n2o_blue.jpg) right bottom no-repeat;}

div#content div.productcallout h2 {
background: url(../images/productcallout_nh3.jpg) top right; margin-top: 0; border: none; padding: 0.2em 0 0.2em 16px; 
text-transform: uppercase; letter-spacing: 1px;color: #FDF300;}

div#content div.productcallout p {width: 300px; margin-left: 16px; margin-bottom: 5px; margin-top: 0; line-height: 1.2em;}

div#content div#n2o.productcallout p {width: 271px;}


div#content div.productcallout p.moreinfo {background: url(../images/bullet_lightgrey.gif) left center no-repeat; padding-left: 15px; color: #686201; letter-spacing: 0.1em; margin-bottom: 1em;}
div#content div.productcallout p.moreinfo a {color: #686201; font-weight: bold;}
div#content div.productcallout p.moreinfo a:hover {color: #303030;}


/*-------------main content stuff -------------*/

div#content p.nextpage {color: #666263; background: url(../images/bullet_white.gif) left center no-repeat; padding-left: 15px; font-size: 110%;}

div#content p.nextpage a {color: #666263;}
div#content p.nextpage a:hover {color: #97A31A;}

div#content p a {color: #97A31A; font-weight: bold;}
div#content p a:hover {text-decoration: underline;}

div#content p.backtotop {padding-left: 15px; background: url(../images/bullet_backtotop.gif) left no-repeat; clear: both;}


/*--------------form-----------------------*/

.searchbox {width: 178px; float: right; margin: 10px 0 0 0;}
.searchbox label {margin: 0; padding: 0; color: #FDCA00; font-weight: bold;}
.search {width: 140px; }

form {color: #ccc; font-family: "Trebuchet MS", tahoma, Verdana, Helvetica, Arial, sans-serif;
	font-size: small;	width: 100%; float: left; display: inline; margin: 0 0 0 0; float: left;}

fieldset {margin: 0 0 1em 0; padding: 6px 10px 15px 10px; border: 2px solid #EBE9EB;
background: repeat-y right; background-color: #f6f6f6;}

input#submitbutton {
	font-size: 90%; font-weight: bold; display: block; margin-bottom: 4px;
	clear: both;}	

legend {font-weight: normal;	font-size: 130%; color: 
#97A31A; margin: 0;padding: 0.5em; text-transform: uppercase;}
label {display: block; margin: 20px 0 .3em 0; color: #666263;}

radio {background: none;}
p.rad {float: left; margin-right: 22px; width: 100px; padding: 0;	margin-bottom: 6px; display: inline;	line-height: 1em;}
p.rad input {float: left; margin-top: 5px;}
p.area {width: 140px;}

input, textarea {font-size: 95%;	margin-bottom: 10px;}	
input.input, textarea.input {
	background: url(../images/form_bg2.gif) repeat-y left;
	width: 320px; display:block;	border: 1px solid #9B999A; padding: 0.2em 0 0.2em 5px;}

input.input:focus, extarea.input:focus {border: 2px solid #303030;}

div#content form fieldset p.note {font-style: italic; font-size: 90%; color: #666263; width: 95%; line-height: 1.3em;}