/* CSS Document */

/* -----------------------------------*/
/* ---------->>> GLOBAL <<<-----------*/ 
/* -----------------------------------*/


body, dd, dl, dt, fieldset, legend, blockquote, form, h1, h2, h3, h4, h5, h6, li, ol, ul {
	margin: 0;
	border: 0px none #FFFFFF;
	padding: 0
	}

h1, h2, h3, h4, h5, h6 {	color:#000;	font-weight:normal;	font-family: Verdana, Arial, Helvetica, sans-serif;}

h1 {	font-size:1.7em;	line-height:1.2em}
h2 {	font-size:1.4em}
h3 {	font-size:1.2em}

ul {	list-style:none}
li {float:left}

html, body {height:100%}
	
body {
	line-height:1.4em;
	color:#272727;
	background: #FFF url('../images/container.gif') repeat-y top center; font-style:normal; font-variant:normal; font-weight:normal; font-size:0.7em; font-family:Verdana, Arial, Helvetica, sans-serif;
	}

a {			color:#000;	text-decoration:none;	background-color:transparent}
a:hover {	text-decoration:underline}
a:visited {	color: #000}

img {border: 0px none; }

input, select, table, textarea, legend {
	font-family: Arial, Helvetica, sans-serif;
	}
	
textarea {	font-size:1em}

.pageClear {
	clear: both;
	height: 1px;
	overflow: hidden;
	margin-bottom: 20px;
	font-size: 1px;
	line-height: 1px;
	}
	
.hidden {
	position: absolute;
	left: -9999px;
	top: -9999px;
	height: 1px;
	width: 1px;
	overflow: hidden;
	}


/* -----------------------------------*/
/* ------>>> GLOBAL STYLING <<<-------*/ 
/* -----------------------------------*/

#pageContainer {
	position:relative;
	margin-top:0;
	width:770px;

	text-align:left;
	background: #FFF; margin-left:auto; margin-right:auto; margin-bottom:10px;
	}	
#logoIntro img {float:left;	padding-right:10px;	padding-top:0px}
#logoIntro h1 {padding-top:10px; align:right;}
#logoIntro span.blue {color:#0000FF;font-weight:bold; font-style:italic;}
#logoIntro span.phone-number {font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;	
	color: #000000;}
	

#topNavLinks {
	background:#6666aa;
	border-top:1px solid #000;
	border-bottom:1px solid #000;
	margin:15px 0;
	margin-bottom:0px;
	padding:0;
	font-size:1.2em;
	height:1.5em;
	line-height:1.2em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}
#topNavLinks a {color:#FFFFFF; font-weight:bold;}
#topNavLinks ul {float:left}
#topNavLinks li {padding:3px 5px}
#topNavLinks form {float:right}

#topNavLinks2 {
	background:#fff;
	margin:5px 0;
	margin-bottom:10px;
	padding:0px;
	font-size:1.2em;
	height:1.5em;
	line-height:1.2em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}
#topNavLinks2 a {color:#FF0000; font-weight:bold;}
#topNavLinks2 ul {float:left}
#topNavLinks2 li {padding:3px 5px}
#topNavLinks2 form {float:right}

#headingBox {
	background:#6666aa;
	border-top:1px solid #000;
	border-bottom:1px solid #000;
	padding-left:5px;
	margin-bottom:10px;
	height:1.7em;


	}
#headingBox h2 {color:#fff}
#mainContent {
	clear:none;
	margin-left:0px;
	margin-top:25px;
	
	}
	
div.imagecontainer {
	float:left;
	width:150px;
	margin-top:10px;
	margin-left:12px;	
	margin-right:30px;
	
		}
div.imagecontainer img {margin-right:40px; padding:2px; border:1px solid #D8D8D8 ;}
div.imagecontainer span.blue{color:#0000FF;font-weight:bold;}

#aboutUsHeading {
	float:left;
	width:670px;
	margin-left:50px;
	margin-top:30px;
	margin-bottom:25px;
	font-size:12px;
	text-align:left;	
	margin-right:50px
	}
#aboutUs {
	float:left;
	width:670px;
	margin-left:0px;
	margin-top:20px;
	margin-bottom:15px;
	font-size:12px;
	text-align:left;	

	}
	
img.floatLeft { 
    float: left; 
    margin: 15px; 
}
img.floatLeft2 { 
    float: left; 
    margin-right: 25px; 
	margin-left: 25px; 
}
img.floatLeft3 { 
    float: left; 
    margin-right: 25px; 
	margin-left: 25px; 
	margin-top: 25px; 

}


#aboutUs h2{padding-top:10px; padding-bottom:10px;}
#aboutUs li{float:none;line-height:2em;padding-left:15px;background: url('../images/arrow.gif') no-repeat 0 0.5em;}

#leftIndustrialColumn {
	float:left;
	width:500px;
	margin-left:12px;
	margin-right:20px;
	margin-top:20px;
	margin-bottom:10px;
	font-size:12px;
	text-align:left;	

	}
#leftIndustrialColumn li{float:none;line-height:2em;padding-left:20px;background: url('../images/arrow.gif') no-repeat 0 0.5em;}
#rightIndustrialColumn {
	clear:none;
	width:200px;
	margin-left:550px;
	margin-top:50px;
	margin-right:0px;

	}
#rightIndustrialColumn img {padding:2px; border:1px solid #D8D8D8 ;}
.feature {margin-top:30px}

#WeOfferHeading {
	float:left;
	width:770px;
	margin-left:12px;
	margin-top:30px;
	margin-bottom:15px;
	font-size:12px;
	text-align:left;	
	margin-right:50px
	}
#leftAboutColumn {
	float:left;
	width:500px;
	margin-left:12px;
	margin-right:50px;
	margin-top:20px;
	margin-bottom:15px;
	font-size:12px;
	text-align:left;	
	}
#leftAboutColumn h2{padding-top:10px; padding-bottom:10px;}

#rightAboutColumn {
	float:left;
	width:150px;
	margin-top:20px;
	margin-bottom:15px;
	margin-right:0px;
	font-size:12px;
	text-align:left;	
	}
#rightAboutColumn img {padding:2px; border:1px solid #D8D8D8 ;}

#industrialImageLeft {
	float:left;
	width:150px;
	margin-left:0px;
	padding-top:10px;
	padding-bottom:20px;
	}
#industrialImageLeft img {padding:4px; border:1px solid #6666aa ;}
#industrialImageWideLeft {
	float:left;
	width:250px;
	margin-left:0px;
	padding-top:10px;
	padding-right:25px;
	padding-bottom:15px;
	}
#industrialImageWideLeft img {padding:4px; border:1px solid #6666aa ;}
#industrialTextRight {
	width:450px;
	margin-left:250px;
	font-size:12px;
	}
#industrialTextRight p.valign {padding-top:15px;}

#industrialTextRight li{float:none;line-height:2em;padding-left:20px;background: url('../images/arrow.gif') no-repeat 0 0.5em;}

#fullwidth {
	float:none;
	padding-top:10px;
	width:770px;
	margin-left:0px;
	margin-right:0px;
	padding-bottom:10px;
	font-size:12px;
	text-align:left;	
	}

#fullwidth p.valign {padding-top:15px;}
#fullwidth img {padding:2px; border:1px solid #D8D8D8 ;}
#fullwidth li{float:none;line-height:2em;padding-left:15px;background: url('../images/arrow.gif') no-repeat 0 0.5em;}
#fullwidth td {padding:2px; border:1px solid #000;}
#fullwidth td.noclass {padding:2px; border:0px solid #000;}

#fullwidth span {color:#fff;font-weight: bold;}

#industrialTextRightColoured {
	clear:none;
	width:538px;
	margin-left:200px;
	border-top:2px solid #6666aa;
	border-bottom:2px solid #6666aa;
	font-size: 14px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding-top:40px;
	padding-bottom:40px;
	margin-bottom:40px;
	}


#WeOfferHeading li {background: url('images/red-arrow.gif') no-repeat 0 0.5em; padding:3px 10px}
#WeOfferHeading a.primaryLink {	padding-left:15px;	background: url('../images/red-arrow.gif') no-repeat 0 0.5em; }
#footer-left {
	float:left;
	background:#000;
	width:770px;
	text-align:left;
	border-top:1px solid #000;
	border-bottom:1px solid #000;
	margin-top:10px;
	margin-bottom:0px;
	font-size:1.2em;
	height:2.0em;
	line-height:1.2em;
	}
#footer-left a {color:#fff;	}
#footer-left span.white {color:#fff;	}

#leftAboutColumn label, #leftAboutColumn input, #leftAboutColumn select{
	display: block;
	width: 350px;
	float: left;
	margin-bottom: 3px;
	
}


