@charset "UTF-8";
/* CSS Document */

body 
{
	margin:0px;
	padding:0px;
	background:#000000;
	
}


#header_wrap {
	width:100%;
	height:114px;
	margin:0px;
	background:url(header_bg.jpg) repeat-x;
	
}

#header {
	width:980px;
	margin:0 auto;
}


#site_logo {
	width:340px;
	height:100px;
	background:url(logo.jpg) no-repeat;
}


#menu_wrap {
	clear:both;                                             
	width:100%;
	height:41px;
	margin:0 auto;                  
	background:url(menu_bg.jpg) repeat-x;
}

#menu {
	width:980px;
	height:41px;
	margin:0 auto;
}


#menu ul {
	margin:0 0 0 28px;     
	padding:0px;
	list-style:none;
}

#menu li {
	margin:0px;            
	padding:0px;
	display:inline;
}
	
#menu a {
	float:left;
	display:block;
	height:22px;
	width:128px;
	background:url(menu.jpg) bottom no-repeat;
	text-align:center;
	font-size:14px;
	text-decoration:none;
	color:#ffffff;
	font-weight:bold;
	outline:none;	
		
}
	
#menu a:hover {
	color:#000000; 
	background:url(menu_hover.jpg) bottom no-repeat;
}

		
#menu .current {
	color:#000000;
	background:url(menu_hover.jpg) bottom
	no-repeat;
}

#content_wrap {
		width:980px;
	margin:0 auto;
}

#content {
	width:900px;
	margin:30px;
	padding:9px;
	border:1px solid #c3c4c5;
	background:#d8d7d7;

}
	
	.top_image {
		float:left;
		width:610px;
		height:260px;
		padding:0px;
		overflow:hidden;
		background:url(banner.jpg);
		 
	}
	
	
	.project_content {
		float:right;
		width:250px;
		height:180px;
		padding:40px 20px;
		overflow:hidden;
		background:#1d4b73;
		
	}
	
	
	.project_content p {       
		font-size:16px;
		line-height:20px;
		color:#ffffff;
		
	}
	
	

	.read_me a {
		display:block;
		width:104px;
		height:25px;
		padding-top:5px;
		background:url(css/readmore 1.jpg) no-repeat;
		color:#000000;
		font-size:13px;
		font-family:Arial, Helvetica, sans-serif;
		text-weght:bold;
		text-align:center;
		text-decoration:none;
	}
	
		
		
	.project_text {
		font-size:18px;
		color:#d8d7d7;
		font-weight:bold;	
	}


#content_area {
	width:898px;
	background:#eeeeee;
}


#content_width {
	float:left;
	width:510px;
	padding:40px 48px 20px 50px;
	background:#ffffff;
}
	
	
	.cleaner {
		clear:both;
		width:100%;
	}
	
	.welcome {
		font-size:22px;
		padding-bottom:30px;
		margin-bottom:15px;
		letter-spacing:2px;
		color:#000000;
		background:url(line.jpg) left bottom no-repeat;
		}
		
		
	#content_width p {
		font-size:11px;
		font-family:Arial, Helvetica, sans-serif;
		color:#000000;
		line-height:20px;
	}
	
	.list {
		margin:0 0 0 30px;
		padding:0px;
		list-style: none;
	}
	
	.list li {
		margin:0 0 10px 0;
		padding:0 0 0 30px;
		background:url(icon%20copy.jpg) left top no-repeat;   
		font-size:11px;
		font-family:Arial, Helvetica, sans-serif;
		color:#666666;
		line-height:20px;
	}
	
		
		
		
		
		
		
		
		#news_container {
			float:right;
			width:290px;			
			background:#eeeeee;
			padding-top:2px;
			padding-right:0;
			padding-bottom:20px;
			padding-left:0px;
		}
		
	.news {
		clear:both;
		font-size:18px;
		letter-spacing:2px;
		margin-bottom:10px;
		font-family:"Arial Black", Gadget, sans-serif;
		color:#d8d7d7;
		height:20px;
		padding:10px 20px;
		background:#1e4b74;			
		}
		
		.news_section {
		margin:0 20px 20px 20px;
		}
		
		.news_section .square {
			float:left;
			width:70px;
			height:70px;
			background:url(project_pic.jpg) no-repeat;
			
		}
		.news_content {
			float:right;
			width:160px;
		}
		
		.text_content {
			font-family:Arial, Helvetica, sans-serif;
			font-size:12px;
			font-weight:bold;
			color:#000000;	
		}
		
		p {
			margin:0px;
			padding:0px;
			font-size:12px;
			font-family:Arial, Helvetica, sans-serif;
			
			
		}