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

a img, iframe, object { border: none; }
a, a:link, a:active, a:visited, a:focus	 { color: blue;}
a:hover { text-decoration: none; }

html, body {
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	line-height: 1.4em;
	background-color: #FFFFFF;
	color: #333333;
	margin: 0;
}


#content {
	margin: 0;
	padding: 0;
	margin: 0 auto;
	background-color: transparent; 
	display: block;
	height: 100%;
}
#header {
	width:960px;
	margin: 0 auto;
	background-color: #FFF;
}
#headerLogo {
	margin: 13px 0;
	height: 55px;

}
#navBG {
	width: 100%;
	background: url(../images/nav_bg.jpg) repeat-x;
}
#navBar {
	width: 960px;
	padding: 0;
	margin: 0 auto; 
	overflow: auto;
}
#nav {
	width: 752px;
	margin: 0;
	padding: 0;
	float: left;
	border-left: 1px solid #fff;
}
#nav ul {
	list-style: none; 
	float: left; 
	margin: 0;
	padding: 0;
}
#nav li { 
	list-style: none; 
	float: left; 
	padding: 0; 
	margin: 0;
	border-right: 1px solid #fff; 
}
#nav a, #nav a:visited, #nav a:active { 
	margin: 0;
	line-height: 45px;
	padding: 0 16px;
	height: auto;
	width: auto;
	text-decoration:none;
	color:#0f3aa2;
}
#nav a:hover {
	margin: 0;
	line-height: 45px;
	padding: 0 16px;
	color: #316734; 
	text-decoration: none;
}
#nav li:hover {
	color: #316734; 
	text-decoration: none;
	background: url(../images/rolover_nav.jpg);
	width: auto;
}
#number { 
	margin: 0;
	padding: 0;
	width: 200px;
	height:44px;
	float:left;
	text-align:right;
}
#number h2 {
	margin:0px 0 0 0px;
	padding:0px 0 0 0;
	font-size:14px;
	font-family: Verdana, Geneva, sans-serif;
	color:#5e5e5e;
	line-height: 20px;
	font-weight: normal;
}
#number h3 {margin:10px 0px 0 0px;	padding:0px 0 0 0;	font-size:10px;	font-family: Verdana, Geneva, sans-serif; color:#0f3aa2;	line-height: 10px;	font-weight: lighter;}
#mainContent {
	width:100%;
	height:479px;
	background:url(../images/content_bg.jpg) 50% 0 no-repeat;
	margin-left: auto;
	margin-right: auto;
	float: left;	
	overflow: auto;
}
#mainContent1 {
	width:100%;
	height: 100%;
	background: #000 url(../images/content_bg1.jpg) 50% 0 no-repeat;
	float: left;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 50px;
	overflow: hidden;
}
#mainContent2 {
	width:100%;
	height: 100%;
	background:url(../images/content_bg2.jpg) 50% 0 no-repeat;
	position: relative;
	float: left;
}

#mainBG {
	width:960px;
	height:380px;
	background-color:#FFF;
	margin-left:auto;
	margin-right:auto;
	margin-top: 45px;

}
#mainBG1 {
	width: 965px;
	height: 285px;
	margin: 30px auto 0 auto;
	clear: both;
	overflow: hidden;
}
#mainBG1 img {
	border: 3px #fff solid;
}
#mainBG1 h3 {
	display: block;
	width: 295px;
/* 	height:34px; */
	margin: 0;
	background-image:url(../images/blueBar.jpg);
	padding: 13px 0 16px 10px;	
	color:#fff;
	font-size: 23px;
	font-family:Verdana, Geneva, sans-serif;
	font-weight: lighter;
	float: right;
	position: relative;
	top: -100px;
	right: 3px;
	z-index: 2;
}

#main1 {
	width:630px;
	height:380px;
	float: left;
}
#main1box {
	width:387px;
	height:47px;
	background-image:url(../images/blueBar.jpg);
	float:left;
	position: relative;
	top: -155px;
}
#main1box h3 {margin:15px 0 0 30px; color:#FFF; font-size:20px; font-family:Verdana, Geneva, sans-serif;}
#main2box {
	width:300px;
	height:47px;
	position:absolute;
	top:200px;
	background-image:url(../images/blueBar.jpg);
	float:right;
	right: 0px;
}
#main2box h3 {
	margin:15px 0 0 30px;
	color:#FFF;
	font-size:23px;
	font-family:Verdana, Geneva, sans-serif;
	font-weight: lighter;
}
#main2 {width:330px; height:380px;float:left;}
#main2 h1 {
	margin: 62px 25px 0px 25px;
	padding:0px 0 0 0;
	font-size: 46px;
	font-family: Verdana, Geneva, sans-serif;
	color: #0f3aa2;
	line-height: 30px;
}
#main2 h3 {
	margin:5px 25px 0 25px;
	padding:0px 0 0 0;
	font-size:14px;
	font-family:Verdana, Geneva, sans-serif;
	color:#757575;
	line-height: 20px;
}
#main2 p {margin: 15px 25px 0 25px; padding: 15px 0 0 0; text-align:justify; font-size: 12px; border-top: 1px solid #000; color: #000; }

#contentContainer {
	width:960px;
	top:350px;
	padding: 20px 0;
	margin-right: auto;
	margin-left: auto;
	color: #ffffff;
}
#contentContainer h2 {
	margin: 0 0 4px 0;
}
#contentContainer p {
	margin: 0 0 1em 0;
}
#contentContainer ul {
	margin-bottom: 1em;
	list-style: disc;
}
#contentContainer li { list-style: disc; }
#contentContainer li li { list-style: circle; }

#contentC1 {
	width:50%;
	height:250px;
	float: left;
	color:#FFF;
}
#contentC1 p {padding-right:30px;}
#contentC2 {
	width:50%;
	height:250px;
	float: right;
	color:#FFF;
}
#contentC2 p {padding-right:30px;}
#footer{
	width:960px;
	height:50px;
	margin-right: auto;
	margin-left: auto;
	clear: left;
}
#projectContainer {
	width:960px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	overflow: hidden;
}
#projectbox {
	width:387px;
	height:47px;
	background-image:url(../images/blueBar.jpg);
	float:left;	
	margin-top: 30px;
}	
#projectbox h3 {
	margin: 15px 30px;
	color:#FFF;
	font-size:25px;
	font-family:Verdana, Geneva, sans-serif;
	font-weight: lighter;
}
#projectSbox {
	float:left;
	height:220px;
	width:219px;
	margin-right: 20px;
}

#projectSimg {width:219px; height:149px;}

#projecth3 {
	width:219px;
	background-image: url(../images/projecth3_bg.jpg);
}
#projecth3 h3 {
	margin:0px;
	color:#FFF;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;	
	font-weight: lighter;
	text-align: left;
	padding: 6px;
}

#projectTitle {
	width:100%;
	height:50px;
	float:left;
}
#projectTitle h3 {
	color:#FFF;
	font-size:20px;
	font-weight: lighter;
	font-family: Verdana, Geneva, sans-serif;
	padding: 0px;
	margin: 17px 0 0 0;
}

#detailsTop {
	height:509px;
	width:960px;
	margin-top: 30px;
}
#detailsC1 {width:791px; height:509px; float:left; position:relative;}
#detailsC1box {position:absolute; top:380px; left:0px; width:304px; padding: 0; margin: 0; background-image:url(../images/detailsC1h3_bg.jpg);}
#detailsC1box h3 { color:#FFF; font-size:20px; text-align:left; line-height: 110%; margin: 8px 5px 8px 6px;}
#detailsC2 {
	width:169px;
	height:509px;
	float:left;
}
#detailsC2 h3 {margin:10px 10px 10px 10px;color:#FFF;}
#detailsC2 img {margin-bottom:20px; margin-left:10px; border:#FFF solid 1px;}
#detailsC3 {
	width:430px;
	min-height:380px;
	float:left;
	margin-right: 30px;
	margin-left: 20px;
	border-right-style: solid;
	border-right-width: 1px;
	border-right-color: #666;
}
#C3a {width:150px;height:75px;float:left;}
#C3a h3{margin:0px;color:#1947b5; font-size:20px; line-height: 110%;}
#C3b {width:270px;	margin-left: 5px; height:75px;float:left;}
#C3b p {color:#FFF; margin:0px;}
#C3c {
	width:150px;
	height:180px;
	float:left;
}
#C3c h3{margin:0px;color:#1947b5; font-size:20px;}
#C3d {
	width:270px;
	margin-left: 5px; 
	float:left;
}
#C3d p {color:#FFF; margin:0px;}
#detailsC4 {
	width:450px;
	min-height:420px;
	float:left;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
}
#detailsC4 p {
	margin:0px 30px 0 0px;
	color:#FFF;
	font-family: Verdana, Geneva, sans-serif;
}
#detailsContent {
	width:960px;
	min-height:420px;
	margin-top: 30px;
	color:#FFFFFF;
}
#footer h3 {
	margin:10px 0 0 0;
	padding:0px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight:lighter;
}
#footer h4 {
	margin:0px;
	padding:0px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 9px;
	font-weight:lighter;
}
#f1 {
	width:629px;
	height:50px;
	float:left;
	font-size: 12px;
	font-weight:lighter;
	color:#989797;
}
#f1 a {
	color:#989797;
	font-size: 12px;
	font-weight:lighter;
	text-decoration:none;
}
#f1 a:hover {
	color:#0f3aa2;
	font-size: 12px;
	font-weight:lighter;
	text-decoration:underline;
}
#f2 {width:330px; height:50px; float:left;}
#f2 p {
	margin:10px 0 0 0;
	padding:0px;
	text-align:right;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 9px;
	font-weight:lighter;
}
#f2 a{color:#009;}
#f2 a:hover{color:#000;}

.clear { clear: both; }