/* CSS Document */
/* Created 08/02/10 */



/* GENERAL PAGE ELEMENTS  */
body 				{ background-color:#d2d2d2;  padding:10px 0 10px 0;*/ margin:0 auto;  font-family: Arial, Helvetica, sans-serif; color:#808080 }
	.bold			{ font-weight:bold; }
	.clear			{ position:relative; clear:both; width:0px; height:0px; margin:0 }
	
	
/* MAIN TOP NAVIGATION ELEMENTS */

#mainNav						{ position:relative; width:960; height:53px;  margin:0 auto; z-index:500; overflow:visible; background-color: #ed1b24; background-image:url(../images/navbg.jpg); background-repeat:repeat-x;}
	#nav, #nav ul     			   	{ position:relative; margin:0 auto; padding:0; list-style-type:none; list-style-position:outside;  line-height:36px; z-index:501; font-family:Arial, Helvetica, sans-serif; background-image:url(../images/navbg.jpg); background-repeat:repeat-x;}
	#nav a                          {background-color: #ed1b24; display:block; padding:0px 20px 0px 20px; font-size: 12px; font-weight:bold;  color:#fff; text-decoration:none; border-left:1px solid #d41e17; margin-top: 4px; }
	#nav a:hover     				{ color:#e3e3e3;  }
	#nav li                         { float:left; position:relative;  }
	#nav ul                         { position:absolute;display:none; width:99px;top:40px;}
	#nav li ul a           			{ width:180px; float:left; background-color:#d9d6d6; color:#fff; font-weight:normal;  font-size:11px; line-height:20px; border:1px solid #fff; border-top:0px; padding:2px 0 2px 16px; text-align:left; z-index:600  }
	#nav li ul a:hover           	{ background-color:#d9d6d6;  }
	#nav ul ul                      { top:auto; }        
	#nav li ul ul         			{ left:7.1em; margin:0px 0 0 10px; }
	#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul			{ display:none; color:#cccccc }
	#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul 		{ display:block; }

	
#container	{
	position:relative; 
	width:960px;  
	margin:0 auto;
	background-color: #fff;
	}


/* HEADER ELEMENTS  */
#top				{ position:relative; width:960px; height:111px; margin:0 auto;  }
	#logo			{
	position:relative;
	left:0px;
	top:0px;
	margin:0;
	border:0;
	z-index:100;
	width: 960px;
	background-color: #FFFFFF;
}
	#strapline		{ position:absolute; right:0px; top:34px; width:350px; height:100px; margin:0; color: #000; z-index: 2000; text-align: right; font-size: 0.8em; padding-right: 10px; }


/* HOMEPAGE SPECIFIC ELEMENTS  */
#banner				{ position:relative; float:left; width:590px; height:257px; margin:0 4px 0 0; background-color: #fff; }


#quickNav			{ position:relative; width:330px; float:left; margin:0; padding:0;}
	#quickNav img 	{ position:relative; width:330px; height:83px; margin:0 0 4px 0; padding:0; vertical-align:bottom; z-index:20}


/* MAIN CONTENT ELEMENTS  */
#wrapper {width: 960px; margin: 0 auto; background-color: #fff; overflow: hidden;}

#content			{ position:relative; width:510px; float:left;  padding:16px; margin:0 4px 10px 0; }
	#content h1		{ position:relative; font-size:1.2em; color:#ed1b24; margin:0 0 15px 0; font-weight: normal}
	#content h2		{ position:relative; font-size:1em; color:#000; margin:0 0 20px 0;}
	#content p		{ position:relative; font-size:0.8em; color:#666; padding:0 0 8px 0; margin:0; line-height: 1.4em; font-weight: normal}
	#content a:link  {color: #ed1c24; text-decoration: underline; }
	#content a:visited {color: #ed1c24; text-decoration: underline; }
#content ul { list-style: disc; list-style-position: inside; margin: 0; padding: 6px 8px 12px 8px;}	
#content li {position:relative; font-size:0.75em; color:#666; padding:0 0 4px 0; margin:0 0 0 20px; line-height: 1.4em; list-style:outside;}

	
.conImage			{ position:relative; margin-bottom:5px}	

#sideBar			{ position:relative; width:390px; float:left;  padding:10px; margin-top:10px 0 0 0;}
	#sideBar h2		{ position:relative; font-size:0.9em; color:#999; font-weight:bold; margin:0; margin-bottom:10px; }
	#sideBar p		{ position:relative; font-size:0.75em; color:#282828; margin:0; }
	#sideBar ul		{ position:relative; font-size:0.75em; list-style:inside; list-style-type:square; padding:0; margin:0px 0 15px 0  }
	#sideBar li		{ position:relative; color:#949392; margin:0; line-height:1.4em; font-weight:normal;}
	#sideBar img	{ position:relative; margin:0 0 10px 0; float: left}
	
		#sideBar a		{ color:#f06c19; text-decoration:none }
	#sideBar a:hover	{  text-decoration:underline }

/* FOOTER ELEMENTS  */
#footer				{ position:relative; width:100%; margin:0; color:#F2EDD6; clear:both; background-color:#e3e3e3; background-image:url(../images/footer-top-bg.jpg); background-repeat: repeat-x; }
	#innerFooter	{ position:relative; width:948px; height:320px; margin: 0 auto 0 auto; padding-top: 10px; padding-left: 10px}	
	#innerFooter ul	{ position:relative;  list-style-type:none; margin:0; margin-right:40px; padding:10px 0 0 20px; float:left  }
	#innerFooter li.bold { color:#000; font-size:16px }
	#innerFooter li { position:relative; font-size:12px; color:#FFFFFF;  padding:2px 0 2px 0px}
	#innerFooter li a		{ position:relative; font-size:13px; color:#FFFFFF; text-decoration:none;  }
	#innerFooter li a:hover	{ color:#E5E5E5 }
		#innerFooter  a:link  {color: #ed1c24; text-decoration: underline; }
	#innerFooter  a:visited {color: #ed1c24; text-decoration: underline; }
	
	
	/* SERVICES SNIPPETS  */	
#documentation {
	position: relative;
	width: 179px;
	float: left;
	margin-right: 1px;
	margin-left: 1px;
	padding: 3px;
	background-image: url(../images/inner-footer/documentation-bg.jpg); background-repeat:no-repeat;
	height: 320px;
	}
	
#documentation p {
	position: relative;
	color:#666;
	font-size: 0.7em;
	padding: 0 6px;
	}
	
#documentation h1 {
	position: relative;
	color:#ed1c24;
	font-size: 0.8em;
	padding: 174px 6px 0 6px ;
	margin-bottom: 5px;
	}
	
#documentation ul { list-style: disc; list-style-position: inside; margin: 0; padding: 0 8px 0 8px;}	
	
#documentation li {position:relative; font-size:0.7em; color:#666; padding:0; margin:0; line-height: 1.1em;}	
	
#risk {
	position: relative;
	width: 179px;
	float: left;
	margin-right: 1px;
	margin-left: 1px;
	padding: 3px;
	background-image: url(../images/inner-footer/risk-assessment.jpg); background-repeat:no-repeat; background-position:top;
	height: 320px;
	}
	
#risk p {
	position: relative;
	color:#666;
	font-size: 0.7em;
	padding: 0 6px;
	}
	
#risk h1 {
	position: relative;
	color:#ed1c24;
	font-size: 0.8em;
	padding: 174px 6px 0 6px ;
	margin-bottom: 5px;
	}
	
#technical {
	position: relative;
	width: 179px;
	float: left;
	margin-right: 1px;
	margin-left: 1px;
	padding: 3px;
	background-image: url(../images/inner-footer/technical-services.jpg); background-repeat:no-repeat; background-position:top;
	height: 320px;
	}
	
#technical p {
	position: relative;
	color:#666;
	font-size: 0.7em;
	padding: 0 6px;
	}
	
#technical h1 {
	position: relative;
	color:#ed1c24;
	font-size: 0.8em;
	padding: 174px 6px 0 6px ;
	margin-bottom: 5px;
	}	
	
#training {
	position: relative;
	width: 179px;
	float: left;
	margin-right: 1px;
	margin-left: 1px;
	padding: 3px;
	background-image: url(../images/inner-footer/training.jpg); background-repeat:no-repeat; background-position:top;
	height: 320px;
	}
	
#training p {
	position: relative;
	color:#666;
	font-size: 0.7em;
	padding: 0 6px;
	}
	
#training h1 {
	position: relative;
	color:#ed1c24;
	padding: 174px 6px 0 6px ;
	margin-bottom: 5px;
		font-size: 0.8em;
	}	



#chemical {
	position: relative;
	width: 179px;
	float: left;
	margin-right: 1px;
	margin-left: 1px;
	padding: 3px;
	background-image: url(../images/inner-footer/chemical-services.jpg); background-repeat:no-repeat; background-position:top;
	height: 320px;
	}
	
#chemical p {
	position: relative;
	color:#666;
	font-size: 0.7em;
	padding: 0 6px;
	}
	
#chemical h1 {
	position: relative;
	color:#ed1c24;
	font-size: 0.8em;
	padding: 174px 6px 0 6px ;
	margin-bottom: 5px;
	}	
	

#bottom-footer {position:relative; width:960px; height: 90px;margin:0 auto; color:#F2EDD6; clear:both; background-color:#fff; background-image:url(../images/bottom-footer-bg.jpg); background-repeat: repeat-x; }
		
#copyright		{
	position:absolute;
	top:30px;
	left:20px;
	font-size:0.7em;
	color:#a4a2a3;
	width: 550px;
}


#links			{
	position:absolute;
	top:30px;
	right:5px;
	color:#a4a2a3;
	font-size:0.7em;
	width: 166px;
}
	#links a		{ color:#a4a2a3; text-decoration:none; }
	#links a:hover	{ text-decoration:underline; }