/*========================================================

Global CSS file for 

Created by Strawberrysoup - www.strawberrysoup.co.uk

=========================================================*/
body{
	font-family:helvetica, arial, sans-serif;
	background:url('../cssimages/body_top_blue.jpg') repeat-x #D3E4F6;/*green background= #669933, blue background= #D3E4F6*/ 
}

#wrapper{
	width:770px;
	margin:0 auto;
}
#header img{
	margin:40px 0 0 0;
}

/*===================================================================
NAVIGATION
===================================================================*/
#navigation{
	position:relative;
	top:19px;
}

#navigation p a{
	color:#fff;	
}

#navigation p{
	float:left;
	margin:0;
	font-size:1.2em;
	padding:7px 0 0 40px;
}

#navigation ul li a{
	color:#fff;
}

#navigation ul{
	float:right;
	font-size:1.2em;
}

#navigation ul li{
	text-align:center;
	list-style:none;
	float:left;
	padding:10px 0 0 0px;
	margin:0 0 0 2px;
	width:100px;
	height:25px;
	background:url('../cssimages/nav_background.png') no-repeat bottom #AEAEAE;
}

/*===================================================================
CONTENT
===================================================================*/
#content h1, h2, h3{
	color:#424242;
}

#content h2 span.smaller{
	font-size:0.6em;
}

#content p, #content li{
	color:#5D5D5D;
}

#content li{
	line-height:1.6em;
}   

#content{
	clear:both;
	width:820px;
	padding:0px 0px 20px 40px;
	background:url('../cssimages/content_image_top.png') no-repeat;
}

#content ul, #content ol{
	margin:0 0 0 20px;	
}

#content a{
	color:#008D03;
}

#content a:hover{
	color:#79C380;
	text-decoration:underline;
}

/*===================================================================
left_column
===================================================================*/
#left_column{
	width:480px;
	float:left;
}

/*===================================================================
CONTACT PAGE
===================================================================*/

#contact_form{
	width:450px;
	float:left;
}

#contact_form dd{
	margin:5px 0 10px 0;
}

#contact_form input, #contact_form textarea{
	border: 1px #9F9F9F solid;
	padding: 2px;
}

#NHsubmit{
	cursor:pointer;
}

.warning{
	color:#990808;
}

#contact_details{
	text-align:right;
	width:250px;
	float:left;
}

/*========================================================
ABOUT US
=========================================================*/
#portland{
	float:right;
	margin:0 110px 0 0;
}

/*===================================================================
OUR TECHNOLOGY PAGE
===================================================================*/
#diameter{
	text-align:center;
	width:160px;
	padding:10px;
	background:#476CAD;
	float:left;
}

#diameter p{
	color:#fff;
}

#flow_rate{
	text-align:center;
	width:270px;
	padding:10px;
	background:#476CAD;
	float:right;
}

#flow_rate p{
	color:#fff;
}

table{
	font-size:0.8em;
	color:#22365A;
	margin-top:20px;
}

table td{
	width:80px;
	padding:5px;
}

table thead th{
	text-align:left;
}

table tr.blue{
	background:#CBD7E9;
}

table tr.table_separator{
	height:30px;
}


/*===================================================================
FOOTER IMAGE
===================================================================*/
#footer_image{
	float:right;
	clear:right;
	margin:30px 65px 0 0;
}

/*===================================================================
FOOTER
===================================================================*/

#footer{
	width:820px;
	height:67px;
	background:url('../cssimages/content_image_bottom.png') no-repeat;
} 

#footer p a{
	color:#000;
}

#footer p a:hover{
	text-decoration:underline;
}

#footer p{
	text-align:center;
	margin:0;
	padding:50px 0 20px 0px;
}