div{
border: 0px solid green;
}

.left{
float: left;
}

.right{
float: right;
}

.clear{
clear: both;
}

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


.left{
float: left;
}

.right{
float: right;
}

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


#header_container{
background: url('../images/bg_header_container.jpg') top left repeat-x;
}

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


#navi_container{
background: url('../images/bg_navi_container.jpg') top left repeat-x;
}

	#navi{
	margin: 0 auto;
	width: 967px;	
	height:44px;
	}
	

		
		#navi ul{ list-style-type: none; margin:0; padding:0;  font-size: 0.9em;}
		#navi ul li{ float: left; background: url('../images/navi_divider.jpg') bottom left no-repeat;}
		#navi ul li.first{background: url('../images/navi_divider.jpg') bottom left no-repeat;}
		#navi ul li a{text-align: center; display: block; width: 8em; padding: 13px 2px 13px 2px; color: #333; text-decoration: none;  }
		#navi ul li a:hover{   background: url('../images/bg_navi_over2.jpg') bottom left repeat-x; }
		#navi ul li a.active{ background: url('../images/bg_navi_over.jpg') bottom left repeat-x;}


#content_container{
margin:0;
padding:0;
background: #F4F4F4 url('../images/bg_content_container.jpg') top center repeat-y;
}
	#content{
	margin: 0 auto;
	width: 960px;	
	}
		#content_top{
		background: url('../images/img_top_content.jpg') 0 19px no-repeat;
		margin: 0 auto;
		padding-top: 20px;
		height: 246px; 
		width: 930px;
		}
		
			#content_top #contact_info{	
			font-size: 0.8em;
			margin: 10px 10px 0 15px;
			float: right;
			width: 255px;
			color: #626262;
			}
				#content_top #contact_info a{	
				color: #626262;
				}
				#content_top #contact_info a:hover{
				color: #000;
				}
			
		#content_left{
		margin: 30px 0;
		width: 620px;
		padding: 0 20px;
		float: left;
		}
		
			#content_left h1{
			margin-top: 10px;
			padding:  0;
			font-weight: 400;
			color: #8a8a8a;
			font-family: "Century Gothic", Arial, Helvetica, sans-serif;
			}
			
			#content_left h2{
	
			}

			#content_left h3{
			margin-bottom: 5px;
			padding-bottom: 0;
			font-weight: 700;
			font-size: 0.95em;
			color: #01919A;

			}
			
			#content_left p{
			font-size: 0.8em;
			color: #666663;
			line-height: 180%;
			margin: 0 0 30px 0;
			padding: 0;
			}
				#content_left a{
				color: #01919A;
				}
					#content_left a:hover{
					color: #666;
					}
			
			#content_left img.projects{
			float: right;
			padding: 2px;
			margin: 0 10px 0 20px;
			border: 1px solid #ccc;
			}
							
			#content_right{
			margin-top: 70px;
			border-left: 1px solid #ccc;
			width: 250px;
			padding: 0 20px ;
			float:left;
			}
			
			#content_right h2{
			color: #666;
			margin:0 0 20px  0;
			padding: 0 20px 0 0;
			font-weight: 400;
			font-size: 1.1em;	
			}

			#content_right #images img{
			width: 90px; 
			margin: 0 13px 13px 0;
			padding: 2px;
			border: 1px solid #ccc;
			float: left;
			}
			
			a.link{
			color: #01919A;
			text-decoration: none;
			}
				a:hover.link{
				color: #666;
				}
			
#footer_container{
clear: both;
height: 129px;
background: #F4F4F4 url('../images/bg_footer.jpg') top center no-repeat;
font-size: 0.7em;
color: #666;
}

	#footer{
	padding: 3px 10px 0 0;
	margin: 0 auto;
	width: 960px;
	height: 129px;
	}
		#footer #logo{
		width: 150px;
		float: left;
		margin-top: 10px;	
		}
		#footer #navi_footer{
		width: 600px;
		float: right;	
		text-align: right;
		}	
		
			#footer #navi_footer ul{ list-style-type: none; margin: 15px 0 0 0; padding: 0;}
			#footer #navi_footer ul li{ display: inline;  }
			#footer #navi_footer ul li a{color: #666; text-decoration: none; padding: 0 3px}
			#footer #navi_footer ul li a:hover{color: #000;}