div{
/*border: 1px solid green;*/
}

.left{
float: left;
}

.right{
float: right;
}

.clear{
clear: both;
}
img, div { behavior: url(iepngfix.htc) }

body{
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
margin:0;
padding:0;
background:  url('../images/bg_body4.jpg') 0 0 repeat-x;
}


.left{
float: left;
}

.right{
float: right;
}

body{
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
margin:0;
padding:0;
}


#header_container{

}

	#header{
	background: url('../images/bg_header4.jpg') top left no-repeat;
	margin: 0 auto;
	width: 960px;
	height: 180px;
	}

#navi_container{

}

#contact_details{
height: 60px;
padding: 5px 0 0 700px;
font-size: 0.7em;
color: #404348;
}
	#contact_details p{
	margin: 0 0 4px 0;
	padding: 0;
	}
	#contact_details a{
	color: #404348;
	text-decoration: none; 
	}
		#contact_details a:hover{
		color: red;
		}
	
	#navi{
	margin: 1px auto;
	width: 960px;	
	color: #fff;
	padding: 0 0 0 10px;
	height: 20px;
	font-size: 0.8em;
	}
	
/*	#navi ul{ list-style-type: none; margin: 0; padding: 0; font-size: 1em; border-right: 1px solid #ccc;}
		#navi ul li{ display: inline; text-align: center }
		#navi ul li a{float: left; display: block; width: 100px;  color: #fff; text-decoration: none; padding: 10px 10px; border-left: 1px solid  #676C73; }
		#navi ul li a:hover{color: red; background-color: #fff}

*/

#content_container{
margin: 0 auto;
width: 960px;
padding-bottom:  30px;
}

	#content{
	padding:  0 15px 15px 15px;
	width: 500px; 
	float: left;
	}
	
		#content h1{
		margin-top: 40px;
		font-weight: 400;
		font-family: "Century Gothic", Arial, Helvetica, sans-serif;
		color: red;
		font-size: 1.6em;
		}
		
		#content h2{
		color: red;
		font-family: "Century Gothic", Arial, Helvetica, sans-serif;
		font-size: 1em;
		margin:40px 0 0 0;
		padding: 0;
		}
			#content h2 a{
			color: #F00;
			}
		
		#content p, #content ul{
		font-size: 0.75em;
		color: #666663;
		line-height: 100%;
		}
		
		img.products  {
		border: 1px solid #ccc;
		padding: 3px;
		float: right;
		margin: 0 0  30px 40px
		}
		
		.logos{margin:5px 15px 15px 0; float: left; border: 1px solid #ccc }
		
		.logos a img{ margin: 8px; border: 0; }
		
		a.back_top {
		color: #475A7A;
		text-decoration: none;
		background: url('../images/back_top.png') 0 3px no-repeat;
		padding-left: 10px;
		font-weight: 700;
		}
			a:hover.back_top {
			color: red;
			text-decoration: none;
			}
		
	#content_right{
	margin-top: 110px;
	padding: 10px;
	width: 300px; 
	float: left;
	}
	
	#content_right img.border{
	padding: 3px;
	border: 1px solid #ccc;
	}

#footer_container{
border-top: 2px solid red;
height: 129px;
background-color: #42454a;
	background: #6e84ab url('../images/bg_footer.jpg') top left repeat-x;
}

	#footer{

	color: #fff;
	margin: 0 auto;
	width: 960px;
	height: 129px;
	font-size: 0.7em;
	padding: 0 15px;
	}
	
	#footer ul{ list-style-type: none; margin: 15px 0 0 0; padding: 0;}
	#footer ul li{ display: inline;  }
	#footer ul li a{color: #fff; text-decoration: none; padding: 0 3px}
	#footer ul li a:hover{color: red;}
	
	#footer a{
	color: #fff;	
	text-decoration: none;
	}
		#footer a:hover{
		color: red;	
		}
	
	#footer_links{
	text-align: right;
	width: 400px;
	float: right;
	}

	#footer_contact_info{
	margin: 5px 0 0 0;
	width: 500px;
	float: left;
	}