body {

font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1em;
color: #000000;
background: url(layout/toprepeat.jpg) repeat-x;
margin: 0px;
padding: 0px;
text-align: center;
}


#container {
	width: 787px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	padding-top: 0px;
	text-align: left;
	position: relative;
	}
	
	
h2.entry-title {

	font-family: "News Gothic Std", Verdana, sans-serif;
	font-weight: normal;
	margin: 0;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 0;
	color: #5B5B5B;
	clear: both;
	font-size: 20px;	
	
}
	
	
h2.entry-title a {
	
	color: #5B5B5B;

	
}


h2.entry-title a:hover {
	
	text-decoration: none;

	
}


.entry-meta a {
	
	color: #0C5781;
	text-decoration: underline;	
}

.entry-meta a:hover {
	text-decoration:none;	
	
}


.entry-utility a {
	
	color: #0C5781;
	text-decoration: underline;	
}

.entry-utility a:hover {
	text-decoration:none;	
	
}

#comments a {


	color: #0C5781;
	text-decoration: underline;	
	
	
}

#comments a:hover {
	
	text-decoration: none;	
}


.entry-content a img {
	
	border: 2px solid #0C5781;
	
	
	
}

ul.xoxo {

	list-style: none;
		
	
}


ul.xoxo li {
	list-style: none;
	color: #5B5B5B;
	
	
}


ul.xoxo li a {
	color: #0C5781;
	text-decoration: underline;	
	
}


ul.xoxo li a:hover {
	color: #0C5781;
	text-decoration: underline;	
	
}


h2.entry-title a:hover {
	
	text-decoration: none;
	
}
	
	
#lefttop {

	position: absolute;
	left: 0px;
	top: 0px;
	width: 203px;

}
	
#lefttop #logo {

	background: url(layout/logo1.jpg) top no-repeat;
	height: 93px;
	width: 203px;

}




#lefttop #leftmenu ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
	margin-top: 3px;
	width: 190px;
	}
	
#lefttop #leftmenu li {
	padding-top: 2px;
	padding-bottom: 4px;
	padding-left: 0px;
	border-bottom: #6192AD 1px solid;
	
	}
	
#lefttop #leftmenu li a {
	font-size: 70%;
	
	
}
	
#lefttop #leftmenu li a:link {
	color: #ffffff;
	text-decoration: none;
}

#lefttop #leftmenu li a:visited {
	color: #ffffff;
	text-decoration: none;
}

#lefttop #leftmenu li a:hover {
	color: #ffffff;
	text-decoration: underline;
}




#lefttop #leftmenucs ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
	margin-top: 3px;
	width: 190px;
	}
	
#lefttop #leftmenucs li {
	padding-top: 1px;
	padding-bottom: 2px;
	padding-left: 0px;
	border-bottom: #6192AD 1px solid;
	
	}
	
#lefttop #leftmenucs li a {
	font-size: 70%;
	
	
}
	
#lefttop #leftmenucs li a:link {
	color: #ffffff;
	text-decoration: none;
}

#lefttop #leftmenucs li a:visited {
	color: #ffffff;
	text-decoration: none;
}

#lefttop #leftmenucs li a:hover {
	color: #ffffff;
	text-decoration: underline;
}





#righttop {

	position: absolute;
	left: 200px;
	top: -1px;
	width: 584px;

}


#righttop #topmenu{
	background: url(layout/topmenuall-1.gif) top no-repeat;
	width: 584px;
	height: 48px;
	
	

}

#righttop #topmenu #home a{
	display: block;
	width: 82px;
	height: 48px;
	float: left;
	}
	
#righttop #topmenu #home a:hover {
	background: url(layout/top-menu.gif) top no-repeat;
	

}


#righttop #topmenu #about a{
	display: block;
	width: 84px;
	height: 48px;
	float: left;
	}
	
#righttop #topmenu #about a:hover {
	background: url(layout/top-menu-02.gif) top no-repeat;
	

}


#righttop #topmenu #casestudies a{
	display: block;
	width: 83px;
	height: 48px;
	float: left;
	}
	
#righttop #topmenu #casestudies a:hover {
	background: url(layout/top-menu-04.gif) top no-repeat;
	

}


#righttop #topmenu #services a{
	display: block;
	width: 84px;
	height: 48px;
	float: left;
	}
	
#righttop #topmenu #services a:hover {
	background: url(layout/top-menu-03.gif) top no-repeat;
	

}


#righttop #topmenu #gallery a{
	display: block;
	width: 83px;
	height: 48px;
	float: left;
	}
	
#righttop #topmenu #gallery a:hover {
	background: url(layout/top-menu-06.gif) top no-repeat;
	

}


#righttop #topmenu #news a{
	display: block;
	width: 83px;
	height: 48px;
	float: left;
	}
	
#righttop #topmenu #news a:hover {
	background: url(layout/top-menu-05.gif) top no-repeat;
	

}


#righttop #topmenu #contact a{
	display: block;
	width: 85px;
	height: 48px;
	float: left;
	}
	
#righttop #topmenu #contact a:hover {
	background: url(layout/top-menu-07.gif) top no-repeat;
	

}

#righttop #topimages {

	margin-top: 1px;


}


#righttop #topimages img {

	float: left;
	
	border: 0px;

}


#righttop #topimages img a {

	border: 0px;

}



#bodyarea {

	padding-top: 292px;
	font-size: 70%;


}



#bodyarea .csleft {

	float: left;
	width: 540px;
	margin-right: 10px;	
	
}


#bodyarea .csleft a {
	
	color: 	#0C5781;
	
}

#bodyarea .csleft a:hover {

	text-decoration: none;	
	
}


#bodyarea .csright {

	float: left;
	width: 220px;
	
}


#bodyarea .csright img {
	
	border: 2px solid #0C5781;	
	
}


#bodyarea table a img  {
	
	border: 3px solid #CCC;	
	
}


#bodyarea table a:hover img  {
	
	border: 3px solid #999;
	
}

#bodyarea h1 {
	
	font-family: "News Gothic Std", Verdana, sans-serif;
	font-size: 250%;
	font-weight: normal;
	margin: 0;
	margin-bottom: 10px;
	padding: 0;
	color: #5B5B5B;
	clear: both;


}

#bodyarea p {
	
	color: #666;
	
	
}


#bodyarea h2 {
	
	font-family: "News Gothic Std", Verdana, sans-serif;
	font-size: 200%;
	font-weight: normal;
	margin: 0;
	margin-bottom: 10px;
	padding: 0;
	color: #0C5781;
	clear: both;
}

#bodyarea h2 a {
	
	color: #0C5781;
	text-decoration:none;
}

#bodyarea h2 a:hover {
	
	text-decoration:underline;
	
}

#bodyarea h1.page-title {
	
	font-family: "News Gothic Std", Verdana, sans-serif;
	font-size: 200%;
	font-weight: normal;
	margin: 0;
	padding: 0;
	color: #5B5B5B;
	clear: both;


}


#bodyarea #textleft {

	width: 277px;
	float: left;
	
	line-height: 15px;
	color:#666666;
	padding-right: 7px;

}


#bodyarea #textleft p {
	margin-top: 0px;
	margin-bottom: 8px;

}

#bodyarea #textleft a {

	color: #0C5781;


}

#bodyarea #textleft a:hover {

	text-decoration: none;

}

#bodyarea #textleft #highlight p {
	margin-top: 0px;
	margin-bottom: 8px;
	font-weight: bold;
	color: #085584;

}


#bodyarea #contentright {
	
	float: left;
	width: 498px;

}


#bodyarea #contentright img {
clear: both;
border: 0px;
}

#bodyarea #contentright img a {
	border: 0px;

}


#bodyarea #contentright #homepagebanners {

	width: 498px;


}

#bodyarea #contentright #homepagebanners #leftline {
	width: 10px;
	height: 168px;
	background: url(layout/stripline.gif);
	float: left;
	
}

#bodyarea #contentright #homepagebanners #featurecasestudy {
	width: 248px;
	height: 168px;
	float: left;
	
}

#bodyarea #contentright #homepagebanners #featurecasestudy h2 {
	font-size: 120%;
	color: #0C5781;
	font-weight: bold;
	margin-top: 3px;
	margin-bottom: 3px;
	margin-left: 3px;
	clear: both;
	
	
}


#bodyarea #contentright #homepagebanners #featurecasestudy #image {
	float: left;

}

#bodyarea #contentright #homepagebanners #featurecasestudy #fcontent {
	float: left;
	padding-right: 3px;
	width: 146px;
	
}

#bodyarea #contentright #homepagebanners #featurecasestudy #fcontent p {
	margin-top: 0px;

}


#bodyarea #contentright #homepagebanners #featurecasestudy #fcontent a {
	color: #0C5781;
	font-weight: bold;
	
}

#bodyarea #contentright #homepagebanners #contactbox {
	background: url(layout/qq.jpg) top no-repeat;
	width: 240px;
	height: 168px;
	float: left;
	
}

#btmbanner {
	margin: 0px;
	clear: both;
	height: 43px;
	background: url(layout/btmbg.gif) repeat-x;
	color: #a1a1a1;

}

#btmbanner #btmtext {
	width: 787px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	text-align: left;
	position: relative;
	
	}

#btmbanner #btmtext p {
	margin-top: 17px;

font-size: 65%;
float: left;

}

#btmbanner #btmtext #left {
	float: left;

	

}

#btmbanner #btmtext #right {
	float: right;

}

#btmbanner #btmtext #right a {
	color: #a1a1a1;
	text-decoration: none;

}



#applicationForm  {
	width: 520px;
	/*border: #42615A solid 1px;*/
	margin-top: 20px;
	padding: 2px 2px 2px 2px;
	
	
	}
	
	
#applicationForm h4 {
	font-size: 140%;
	/*font-style: italic;*/
	color: #42615A;
	margin-top: 0px;
	margin-left: 9px;
	margin-bottom: 3px;
	
	}
	
#applicationForm .submitContact input {
	color: #42615A;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	background:#FFFFFF;
	border: solid 1px #42615A;
	padding: 3px 3px 3px 3px;
	margin-left: 10px;
	}
#applicationForm p {
	clear:left;
	margin-bottom: 7px;
	margin-top: 7px;
	padding-right: 5px;
	color: #000000;
	
	
	}

#applicationForm p label {
	float: left;
	width: 37%;
	padding-left: 0px;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	color: #085584;
	font-weight: bold; 
	}
	
#applicationForm .fields {
	background-color:#ffffff;
    border: solid 1px #42615A;

	}


.errors {
	width: 400px;
	border: #990000 solid 1px;
	margin-top: 8px;
	margin-left: 0px;
	padding: 3px 3px 3px 3px;
	
	}
	
 .errors p {
	color:#990000;
	font-weight: bold;
	padding-left: 5px;
	
	}
	
 .errors ul {
	color:#990000;
	font-weight: bold;
	margin-top: 0px;

	}
	
  .errors li {
	color:#990000;
	font-weight: bold;

	}