*{
	margin:			0px;
	padding:		0px;
	border:			none;
	font: 			11px/16px "Helvetica", "Arial", sans-serif;
}
body{background:		#787878;}
a{	text-decoration:none;}
#header, #main, #nav, #footer, .mainTitle{
	position:		relative;
	margin:			0px auto;
	width:			920px;
}
#headerContainer, #footerContainer{
	padding:		15px 0px 10px 0px;
	background:		#2F2F2F;
}
#headerContainer{padding:		30px 0px 20px 0px;}
#nav{
	background:		#787878;
	height:			49px;
	z-index:		3;
}
#nav div{
	height:			49px;
	float:			left;
}
#nav div *{margin-top:15px;}
#nav div select{
	background:		url('../images/selectBG.gif');
	border:			none;
}
#nav img{
	height:			48px;
	float:			left;
}

#nav div.navDropDown{	background:	url("../images/navBG.gif") repeat-x; width:	221px;}
#nav div.navDropDown img{	margin-top:	7px; height: 25px;}


#nav a #topNavOurCompany{
	background: 	url('../images/topNavOurCompany.gif'); 
	width:			171px;
}
#nav a:hover #topNavOurCompany{
	background: 	url('../images/topNavOurCompanyOn.gif'); 
}

#nav a #topNavProducts{		background:	url('../images/topNavProducts.gif'); 	width:	114px;}
#nav a:hover #topNavProducts{	background: url('../images/topNavProductsOn.gif');}

#nav a #topNavServices{	background: url('../images/topNavServices.gif'); 	width:	114px;}
#nav a:hover #topNavServices{	background:	url('../images/topNavServicesOn.gif');}

#nav a #topNavEnvironment{		background: url('../images/topNavEnvironment.gif'); width:	114px;}
#nav a:hover #topNavEnvironment{	background: url('../images/topNavEnvironmentOn.gif');}

#nav a #topNavDocuments{		background: url('../images/topNavDocuments.gif'); 	width:	144px;}
#nav a:hover #topNavDocuments{	background: url('../images/topNavDocumentsOn.gif');

}

#nav div.selectBoxOptions{
	position:		absolute;
	border:			none;
	padding-top:	25px;
	top:			-37px;
	left:			10px;
	width:			205px;
	height:			185px;
	z-index:		5;
	display:		none;
}
#nav div.selectBoxOptions a{
	margin:			0px;
	text-align:		left;
	padding:		5px 0px 5px 20px;
	color:			#FFF;
	text-transform: uppercase;
	background:		transparent url("../images/selectBoxBG.png") repeat-y;
	width:			185px;
	display:		block;
}
#nav div.selectBoxOptions a:hover{color:			red;}
#nav div.selectBoxOptions img{		margin:			0px;}
.mainTitle{
	padding:		20px 0px 0px 30px;
	margin-bottom:	-10px;
}
#menu {
	margin-top:		20px;
	float:			right;
	width:			300px;
	margin-right:	85px;

}


#menu a, #menu a:hover{
	font: 			10px/12px "Arial";
	color: 			#828282;
	text-transform: uppercase;
}
#menu a:hover{color:	#DD241A;}

#menu img{
	margin:			0px 5px 0px 20px;
}

#menu-beta {
	margin-top:		20px;
	margin-right:	120px;
	float:			right;
	width:			370px;

}
#menu-beta a, #menu-beta a:hover{
	font: 			10px/12px "Arial";
	color: 			#828282;
	text-transform: uppercase;
}
#menu-beta a:hover{color:	#DD241A;}

#menu-beta img{
	margin:			0px 5px 0px 20px;
}



#main{
	position:		relative;	
	margin-top:		20px;
	padding:		0 0 0 2px;
}
#main.nothome{
	background:		url("../images/mainBG.gif") 2px repeat-y;
}
#main div.homefooter, #main div.nothomefooter{
	background:		url("../images/bottom_home.gif") no-repeat;
	position:		relative;
	clear:			both;
	height:			60px;
	z-index:		1;
}

#main div.nothomefooter{
	background:		url("../images/bottom.gif") bottom left no-repeat;
}

#main div.nothometop{
	position:		relative;
	background:		url("../images/top.gif") top left no-repeat;
	height:			12px;
	margin-bottom:	-5px;
	z-index:		2;
}

#main .topLeftMainCorner{	background:	url("../images/topLeftCornerMain.gif") top no-repeat;	width:	8px;	height:	7px;	float:	left;}
#main .topRightMainCorner{	background: url("../images/topRightCornerMain.gif") top no-repeat; 	width: 	13px;	height: 7px;	float:	right; margin-right:-5px}
/*#main .botLeftMainCorner{	background:	url("../images/botLeftCornerMain.gif") left 2px no-repeat;	width: 	11px; 	height: 11px;	float:	left;}
#main .botRighttMainCorner{	background:	url("../images/botRightCornerMain.gif") right 2px no-repeat;width: 	11px;	height:	11px;	float:	right;}*/
#main .rightShadow{width: 179px;background: url("../images/rightShadow.gif") right top repeat-y; padding-right: 83px; margin: -22px -5px 0 0; padding-top:37px;}

#main #mainLeft{
	position:		relative;
	width:			628px; 
	color: 			#FFF;
	margin-left:	2px;
	padding-left:	9px;
	background: 	#FFF;
	float:			left;
	z-index: 		2;
}
#main #mainLeft .bg{
	position:		absolute;
	right:			4px;
	bottom:			-9px;
	width:			91px;
	height:			128px;
	background: 	#FFF url("../images/mainRightBg.gif") right bottom no-repeat;
	z-index: 		2;
}
#main #mainRight{
	position:		relative;
	width:			269px; 
	color: 			#FFF; 
	padding-left:	9px;
	margin-left:	3px;
	background: 	#FFF;
	float:			left;
}
#main .title{background: #A51B19; margin: 0 3px 0 -9px;z-index:2;height:29px;}

#main .title span{
	font: 			12px/14px "Arial"; 
	width: 			176px;
	color:			#FFF;
	margin:			8px 8px 5px;
	display:		block;
	float:			left
}

#mainEnvironmentalFlash{
	
	margin:			0px 0px 0px;


}

.productImg  {
	margin:			0px;
	margin-bottom:	20px;
	padding:		0px 15px 0px 0px;
	
}

.productImg2  {
	margin:			0px;

	padding:		0px 0px 0px 0px;
	
}


#productBoxs .subTitle2{
	font-size:		11px;
	line-height:	22px;
	color:			#4f4f4f;
	
}

#productBoxs{
	position:		relative;
	margin-top:	    20px;
}


#productBoxs .productBox {
	clear:			none;
	border-top:		none;
	width:			290px;
	float:			left;
	margin-left:	5px;
	margin-right:	5px;
	margin-bottom:	5px;

	
}
.notopborder{
	border-top:		none;
}
#callOutBoxs{
	margin:			25px;
}
#callOutBoxs .callOutBox {
	background:		#EEEEEE;
	border:			solid 5px #EEEEEE;
	margin:			0 5px 0 5px;
	padding:		0;
	width:			280px;
	float:			left;
}
#callOutBoxs .callOutBox span, .productBox span, #quickLinks span{
	font-weight:	bold;
	color:			#4f4f4f;
}
.callOutBox{
	position:		relative;
	background:		#fff;
	font:			11px/14px Arial;
	color:			#000;
	width:			176px;
	padding:		15px 8px 5px 0px;
	float:			left;
	z-index: 		3;
}

.Hpcopy1{
	position:		relative;
	padding:		5px 0px 0px 12px;
	float:			left;
	z-index: 		3;
	line-height:	15px;
}

.Hpcopy2{
	position:		relative;
	padding:		5px 0px 0px 5px;
	float:			left;
	z-index: 		3;
	line-height:	15px;
}

.Hpcopy3{
	position:		relative;
	padding:		5px 0px 0px 22px;
	float:			left;
	z-index: 		3;
	line-height:	15px;
}


.Hpcopy3 a { color: #468ECA;}

.Hpcopy3 a:hover { color: #468ECA;
					text-decoration:underline;}



.callOutBox .callOutBoxImg{
	position:		relative;
	z-index:		4;
	margin-right:	0px;
	padding:		5px 5px 0px 0px;
	overflow:		hidden;
}

.callOutBox .productImg{
	position:		relative;
	z-index:		4;
	margin-right:	0px;
	overflow:		hidden;
}

#main #mainRight .callOutBox{
	width:			189px;
}
#main .topLeftWCorner{	position: relative; background: url('../images/topLeftWCorner.gif'); float:left;margin: -6px -6px; z-index:2}
#main .topRightWCorner{	position: relative; background: url('../images/topRightWCorner.gif'); float:right;margin: -6px -6px; z-index:2}
#main .bottomLeftGCorner{	background: url('../images/bottomLeftGCorner.gif');  float:left;margin: -7px -5px;}
#main .bottomRightGCorner{	background: url('../images/bottomRightGCorner.gif'); float:right;margin: -7px -6px;}
#main #centerBotCol{ width:660px; float:right; margin: -13px 9px 10px 0}

#mainFlash{
	margin: 		15px auto 5px;
	width: 			922px;
}

#leftCol{
	position:		relative;
	border:			solid 5px #FFF;
	border-bottom:	none;
	margin:			0 5px 0 2px;
	/*	margin:		0px 5px -44px 2px;*/
	background:		#E8E8E8;
	width:			211px;
	color:			#737273;
	float:			left;
	z-index:		1;
}
#leftCol div{ padding: 2px 0px 0px 15px;}

#leftCol div.button, .expendedNav{
	position:		relative;
	width:			196px;
}
#leftCol div.button{
	height:			30px;
	font:			12px/30px "Helvetica";
	border-bottom:	1px solid #fff;
	z-index:		1;
	cursor:			pointer;
}

#leftCol a div.button{ color: #737273;}

.expendedNav{
	background:		#FBFBFA;
	display:		none;
	z-index:		1;
	
	
}
.expendedNav a{
	line-height:	18px;
	color:			#737273;
	margin:			5px;
	
}


.expendedNav a:hover{ color: #DD241A;}

#leftCol div img{
	position:		absolute;
	top:			13px;
	left:			195px;
}
.divider{
	clear:			both;
	margin:			20px 0 10px 0;
	width:			100%;
	height:			4px;
}
#centerCol{
	margin:			0 0 0 4px;
	border:			solid 4px #FFF;
	width:			676px;
	float:			left;
	background:		#FFF;
	/*border:			1px solid black;*/
}

#centerCol .title{
	font-size:		20px;
	height:			30px;
	margin:			0px 0px 5px 0px;
	
}
#centerCol .icons{
	margin:			5px 0 0 0;
	background:		#EEEEEE;
	padding:		10px 20px 10px 0px;
	width:			656px;
	text-align:		right;
	border-bottom: 	1px solid #D9D8D7;
}
#centerCol .icons a{
	font-size:		11px;
	color:			#4588C8;
}
#centerCol .icons img{
	margin:			0px 5px 0px 5px;
}
#centerCol .intro{
	margin:			30px;

}
#centerCol .subTitle{
	font-size:		18px;
	line-height:	28px;
	color:			#DD241A;
	
}

#centerCol .content{
	margin:			20px 30px 0px 30px;
	font-size:		12px;
	line-height:	18px;
	color:			#595959;

	
}
#centerCol .content p{ margin: 15px 0px 15px 0px;}

.readMore { margin-top: 10px;}

.readMore1 {
position:		absolute;
width:			60px;
top:			390px;
left:			374px;
z-index:		8;}

.readMore2 {
position:		absolute;
width:			60px;
top:			310px;
left:			674px;
z-index:		8;}

.readMore3 {
position:		absolute;
width:			60px;
top:			580px;
left:			374px;
z-index:		8;}

.readMore4 {
position:		absolute;
width:			60px;
top:			499px;
left:			674px;
z-index:		8;}

.readMore a, #centerCol .content a {color:	#468ECA;}

.readMore a:hover, #centerCol .content  a:hover {color:	#468ECA; text-decoration:underline;}

.readMore img{
	margin-left:	5px;
	width:			4px;
	height:			7px;
}
#footer{ padding: 	10px 15px 20px 35px;}
#footer a:hover{	color: #DD241A;}
#footer *{
	font:			10px/12px Arial;
	color:			#828282;
	text-transform: uppercase;
	margin:			0px 10px 0px 10px;
}
#footer #copyright{
	float:			right;
	margin-right:	50px;
}
.clear{clear:		both;}
.left{float:		left;}
.bold{font-weight:	bold;}
.BottomGrayBG{
	position:		relative;
	top:			-1px;
}
#centerCol #ouSubNav{
	margin:			10px 0px;
	background:		#DCDCDB url('../images/ouSubNavLeft.gif') no-repeat;
	padding-left:	8px;
	color:			#408AC8;
	height:			24px;
	line-height:	22px;
}
#centerCol #ouSubNav img{
	float: 			right;
}
#centerCol #ouSubNav a{
	margin:			5px;
	color:			#408AC8;
}
#centerCol #ouSubNav a:hover{
	color:			#DD241A;
	
}


#leftCol .titles{
	padding:		0px 0px 0px 15px;
	font-size: 		12px;
	/*font-weight:	bold;
	letter-spacing:	1px;*/
	color:			#DD241A;
}

#newshp {
	position:		relative;
	width:			190px;
	height:			99px;
	margin:			6px 7px;
	background: 	#FFF;

}

.newshp a{
	color:			#468ECA;
	margin:			0px 0px 0px 0px;
	
}

.newshp a:hover{
	color:			#468ECA;
	text-decoration:underline;
}


#news{
	position:		relative;
	width:			190px;
	margin:			40px -15px;
	
}

.news a{
	color:			#468ECA;
	margin:			0px 0px 0px 0px;
	line-height:	14px;
}

.news a:hover{
	color:			#468ECA;
	text-decoration:underline;
}

#adobe{
	position:		relative;
	font-size:		11px;
	margin:			50px 0px;
}

#leftCol #adobe a{
	font-size:		11px;
	color:			#468ECA;
}

#leftCol #adobe a:hover{
	text-decoration:underline;
}

#leftCol #adobe img{
	position:		relative;
	left:			0;
	top:			0;
	margin:			0;
	padding:		0;

}

#AHdropdown{
	margin: 		0px auto 0px;
	width: 			195;
	z-index:		3;
	
}


.popupProducts li {margin: .6em 0.5em;

	font-size: 11px; 
	font-weight: bold;
	color : #000;
}

input.button {
	background-color : #a51b19; 
	border : 1px #cccccc solid; 
	color : #fff; 
	font-size: 14px;
	width:120px;
	padding: 4px 0px 2px 0px;
	}

input.monospace {
	background-color : #fdfdfd; 
	border : 1px #6a6a6a solid; 
	color : #000; 
	font-size: 14px; 
	font-weight: normal; 
	margin : 0px 0px 0px 0px;
	width:220px;

	}
	
input.monospace2 {
	background-color : #303030; 
	border : 1px #6a6a6a solid; 
	color : #fff; 
	font-size: 12px; 
	font-weight: normal; 
	margin : 0px 0px 0px 0px;
	width:150px;

	}
	
textarea.monospace {

	background-color : #fdfdfd; 
	border : 1px #6a6a6a solid; 
	color : #000; 
	font-size: 14px;
	font-weight: normal; 
	margin : 0px 0px 0px 0px;
	width: 220px;
	height: 80px;

	}

select.monospace {
	background-color : #303030; 
	border : 1px #6a6a6a solid; 
	color : #ccc; 
	font-size: 13px; 
	font-weight: normal; 
	margin : 0px 0px 0px 0px;
	width:220px;

	}
	
select.monospace2 {
	background-color : #303030; 
	border : 1px #6a6a6a solid; 
	color : #ccc; 
	font-size: 12px; 
	font-weight: normal; 
	margin-left: 5px;
	width:200px;

	}


#lang {
	margin:		-20px 25px;
	float:			right;
	width:			190px;
}

#lang a, #lang a:hover{
	font: 			10px/12px "Arial";
	color: 			#828282;
	text-transform: uppercase;
}
#lang a:hover{color:	#DD241A;}

#lang img{
	margin:			0px 5px 0px 20px;
}
	
hr {
  	border: 0;
 	width: 100%;
 	color: #ccc;
	background-color: #ccc;
	height: 1px;
}


#infoBoxs{
	position:		relative;
	margin-top:	    5px;
	
	
}


#infoBoxs .infoBox {
	border-top:		none;
	width:			185px;
	float:			left;
	margin-bottom:	15px;

	
}