/*---------------GLOBAL STYLES START------------------------*/
html{
	width:100%;
	height:100%;
	_border:none;
}
body {
	margin: 0px;
	text-align: center;
	width:100%;
	height:100%;
}
a img, img a, img{
	border:none;
}
img, embed, object{
	display:block;
}
.clearer:after{
    content: "."; 
    display: block; 
    height: 0; 
    font-size:0;	
    clear: both; 
    visibility:hidden;
}
.clearer{display: inline-block;} 
/* Hides from IE Mac \*/
* html .clearer {height: 1%;}
.clearer{display:block;}
/* End Hack */
div.container {
	text-align: left;
	padding: 0px 0px 20px;
	width: 856px;
	margin-top: 20px;
	margin-right: auto;
	margin-left: auto;
}
/*---------------global styles end------------------------*/
/*---------------header styles start------------------------*/
div.header {
	background-image: url(images/ui/headerTopCorners.gif);
	background-repeat: no-repeat;
	background-position: left top;
	background-color: #004C71;
	height: 160px;
}
div.header img.logo {
	float: right;
	margin-top: 50px;
	margin-right: 0px;
}
div.header img.printLogo {
	display: none;
}
/*---------------header styles end------------------------*/
/*---------------Nav styles start------------------------*/
div.navContainer {
	position: relative;
}
div.nav {
	position: absolute;
	left: 0px;
	top: 0px;
}
/*---------------Nav styles end------------------------*/
/*---------------content styles start------------------------*/
div.contentContainer {
	clear: both;
	margin: 0px;
	padding: 0px;
	background: #EDEDEC;
}
div.leftImage1 {
	background: #EEEDEB url(images/leftImg-projectstall1-BG.jpg) repeat-y left top;
}
div.leftImage2 {
	background: #EEEDEB url(images/leftImg-projectstall2-BG.jpg) repeat-y left top;
}
div.leftImage3 {
	background: #EEEDEB url(images/leftImg-projectstall3-BG.jpg) repeat-y left top;
}
div.leftImage4 {
	background: #EEEDEB url(images/leftImg-projectstall4-BG.jpg) repeat-y left top;
}
div.leftImage5 {
	background: #EEEDEB url(images/leftImg-projectstall5-BG.jpg) repeat-y left top;
}
div.leftImage6 {
	background: #EEEDEB url(images/leftImg-projectstall6-BG.jpg) repeat-y left top;
}
div.leftColumn {
	width: 200px;
	float: left;
}
div.content {
	float: right;
	width: 656px;
	padding-top: 80px;
	padding-bottom: 20px;
}
div.content p {
	font: 12px/150% Verdana, Arial, Helvetica, sans-serif;
	color: #444444;
	margin: 0px;
	padding: 0px 25px 15px;
}
div.content ul {
	margin: 0px;
	padding: 0px 0px 15px 35px;
}
div.content ul li {
	font: 12px/150% Verdana, Arial, Helvetica, sans-serif;
	color: #444444;
	list-style: none;
	margin: 0px;
	padding: 0px 0px 0px 15px;
	background:url(images/ui/li-green.gif) no-repeat 0px 7px;
}
h2{
	color: #444444;
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	margin: 0px 25px 0px 25px;
	padding: 10px 0px 0px 0px;
}
div.project h2{}
div.content p a {
	color: #007CB9;
}
div.content p a:hover {
	color: #005E8A;
	text-decoration: none;
}
div.content img.contentImage {
}
div.project{
	margin:0px 0px 5px 0px;
	clear: both;
	background: url(images/ui/rule-red.gif) no-repeat 25px bottom;
}
div.project p{
	margin: 0px;
	padding: 0px 284px 15px 25px;
}
div.project h3.caption{
	width:234px;
	margin: 0px 25px 15px 0px;
	float:right;
	clear:right;
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	color: #C2C516;
}
div.project img{
	float: right;
	margin:0px 25px 5px 25px;
}
div.project img.secondImage{
	clear: right;
	margin-top: 5px;
}
/*div.project div.hr{
	margin: 0px 25px 0px 25px;
	font-size: 0px;
	line-height: 0px;
	text-decoration: none;
	height: 0px;
	border-bottom: 1px solid #E5513F;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	clear: both;
}*/
div.project div.hr {
	line-height: 0px;
	margin: 0px 0px 0px 0px;
	height: 0px;
	padding: 0px;
	clear:both;
}
/*---------------content styles end------------------------*/
/*---------------footer styles start------------------------*/
div.footer {
	clear: both;	
}
/*---------------footer styles end------------------------*/