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

body {
	background-image:  url(../css/images/bg.gif);
	background-repeat: repeat;
	background-color:#ffffff;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #444444;
	margin:0px;
	padding:0px;
	/* for IE */
	text-align: center;
}

/* main */
#wrap {
	padding: 0px;
	width: 920px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	/* for IE */
	text-align: left;
}
/* header */
#header {
	background-image:url(../css/images/header.jpg);
	background-repeat:no-repeat;
	margin: 0px;
	padding: 0px;
	height: 150px;
	width:920px;
}
#header img {width:225px; height:144px; margin: 3px 0 0 36px;}

/* nav */
#nav {
	background-image:url(../css/images/nav_bg.gif);
	background-repeat:no-repeat;
	padding-left:0px;
	margin: 0px;
	width: 920px;
	height: 29px;
}
#navbtn_holder{
	padding-right:33px;
}
.navbtn {
	padding: 0px;
	margin-right: 14px;	
	font-size: 11px;
	float: right;
	height: 19px;
	text-align:center;
}
.navbtn a {
		color: #bcd0df;
		text-decoration: none;
}
.navbtn a:hover {
		color: #ffffff;
		text-decoration: none;
}
/* content */
#content {
	width: 920px;
	padding-top:14px;
	margin:0px;
	float:left;
	display: block;
	background-image:url(../css/images/main_repeat.gif);
	background-repeat:repeat-y;
}
#leftcolumn {
	padding-left: 20px;
	margin-top: 0px;
	width: 200px;
	float:left;
	display: inline-block;
}
#rightcolumn {
	padding-left: 10px;
	padding-bottom: 10px;
	margin-left: 0;
	margin-top:0;
	/*border:1px solid #000000;*/
	width:690px;
	float:right;
	display: inline-block;
}
/* feature */
.feature {
	width:92%;
	padding-left:10px;
	padding-top:10px;
}

/* flash content */
#altContent {
	padding: 0px;
}

/* services content */
.services {
	padding:0px;
	margin-left:0px;
	margin-top:6px;
	float:left;
}
.servicestitle {
	background-image:url(../css/images/services_title.jpg);
	background-repeat:no-repeat;
	margin-left:0px;
	height:40px;
	width:200px;
}
.servicesbox {
	margin-bottom:20px;
	margin-right:20px;
	width:150px;
	height:130px;
	border:0;
	float:left;
	display: block;
	
}
.homepage_table{
	float:left;
}

/* news content */
#latest_news_area {
	margin-top:16px;
	min-height:100px;
}
div.latest_news {margin-bottom:12px;}
.latest_news p {
	font-style:normal;
	font-size:12px;
	font-style:italic;
	margin:4px 35px 4px 0;	
}


/* footer */
#footer {
	background-image:url(../css/images/footer_bg.gif);
	background-repeat:no-repeat;
	margin: 0px;
	padding: 0px;
	width: 920px;
	float:left;
	display: inline;
	clear:both;

}
#footer_content {
	margin: 20px;
	padding: 0px;
	color:#666;
	text-align:right;
	font-size:11px;
}


/* -- */
h1, h2, h3, h4 {
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Arial, Helvetica, sans-serif;
	font-weight: bolder;
	padding: 0;
	margin: 0;
}
h1 {
	font-size: 24px;
	line-height: 20px;
	color: #666666;
}
h2 {
	font-size: 24px;
	line-height: 20px;
	color: #195c92;
}
h3 {
	font-size: 16px;
	line-height: 16px;
	color: #195c92;
	margin-bottom:10px;
}
a {
	color: #195c92;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

p {
	color:#444444;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Arial, Helvetica, sans-serif;
}
.sml_red_text {
	color:red;
	font-size: 10px;
}
hr {
	border-bottom:1px solid #bcc949;
	border-top:none; border-left:none; border-right:none;
	height: 1px;
	width: 100%;
	text-align: left;
	margin-bottom:15px;
	margin-top:15px;
	clear:left;
}

/* copy tags */
.greentxt{
	color:#bcc949;
	font-weight:bold;
	font-style:normal;
}

/* images */
.entry img, .imgbox{
	float:left;
	display:block;
	margin-top:2px;
	margin-right:30px;
	margin-bottom:2px;
	margin-left:0px;
}

.imgcaption {
	color:#666666;
	font-size:10px;
	font-style:italic;
	float:bottom;
	margin:0;
	padding:0;
}
.servicescaption {
	color:#195C92;
	font-size:12px;
	text-align:center;
	float:bottom;
	margin:2px;
	padding-bottom:10px;
}
.imgbox_right{
	float:right;
	display:block;
	margin-top:5px;
	margin-right:5px;
	margin-bottom:5px;
	margin-left:15px;
}
.map_right{
	float:right;
	margin-top:5px;
	margin-right:0px;
	margin-bottom:5px;
	margin-left:15px;
}
.imgpdf{
	float:left;
	width:14px;
	height:16px;
	margin-right:16px;
	background-image: url(../css/images/pdf.gif);
	background-repeat:no-repeat;	
}
.downloads_table{
	float:left;
	
	width:600px;
}
.imghtml{
	float:left;
	width:14px;
	height:17px;
	margin-right:16px;
	margin-left:16px;
	background-image: url(../css/images/html.gif);
	background-repeat:no-repeat;	
}

.form_element{
	width:300px;
}
.contact_form{
	float:left;
}

/* accordian menu */
.arrowlistmenu{
	width: 180px; /*width of accordion menu*/
}
.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
	font-size: 14px;
	color: white;
	background: #195c92 url(../css/images/titlebar.png);
	background-repeat:no-repeat;
	margin-bottom: 4px; /*bottom spacing between header and rest of content*/
	text-transform: uppercase;
	padding: 5px 0px 4px 32px; /*header text is indented 10px*/
	cursor: hand;
	cursor: pointer;
}
.arrowlistmenu .menuheader_about{ /*CSS class for menu headers in general (expanding or not!)*/
	font-size: 14px;
	color: white;
	background: #195c92 url(../css/images/titlebar_about.jpg);
	background-repeat:no-repeat;
	height:116px;
	margin-bottom: 4px;
	text-transform: uppercase;
	padding: 5px 0px 4px 32px; /*header text is indented 10px*/
	cursor: hand;
	cursor: pointer;
}
.arrowlistmenu .menuheader_projects{ /*CSS class for menu headers in general (expanding or not!)*/
	font-size: 14px;
	color: white;
	background: #195c92 url(../css/images/titlebar_projects.jpg);
	background-repeat:no-repeat;
	height:116px;
	margin-bottom: 4px;
	text-transform: uppercase;
	padding: 5px 0px 4px 32px; /*header text is indented 10px*/
	cursor: hand;
	cursor: pointer;
}
.arrowlistmenu .menuheader_services{ /*CSS class for menu headers in general (expanding or not!)*/
	font-size: 14px;
	color: white;
	background: #195c92 url(../css/images/titlebar_services.jpg);
	background-repeat:no-repeat;
	height:116px;
	margin-bottom: 4px;
	text-transform: uppercase;
	padding: 5px 0px 4px 32px; /*header text is indented 10px*/
	cursor: hand;
	cursor: pointer;
}

.arrowlistmenu .menuheader_ppp{ /*CSS class for menu headers in general (expanding or not!)*/
	font-size: 14px;
	color: white;
	background: #195c92 url(../css/images/titlebar_ppp.jpg);
	background-repeat:no-repeat;
	height:116px;
	margin-bottom: 4px;
	text-transform: uppercase;
	padding: 5px 0px 4px 32px; /*header text is indented 10px*/
	cursor: hand;
	cursor: pointer;
}


.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
}

.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
	list-style-type: none;
	margin: 0;
	padding-left: 5px;
	margin-bottom: 4px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
	padding-bottom: 2px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li a{
	color: #195c92;
	background: url(../css/images/arrowbullet.gif) no-repeat center left; /*custom bullet list image*/
	display: block;
	padding: 2px 0;
	padding-left: 19px; /*link text is indented 19px*/
	text-decoration: none;
	font-weight: bold;
	border-bottom: 1px solid #dadada;
	font-size: 90%;
}

.arrowlistmenu ul li a:visited{
	color: #3b74a2;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
	color: #6b96b9;
}
/*  end accordian menu */

.clear {
	clear:both;
}

table tr td {
	font-size:12px;
}

/******************** Webvance Additional Formatting *********************/

a:active {outline:none;}
a:focus {-moz-outline-style:none;}
a img {border:none;}
a:hover h3 {text-decoration:underline;}

.news-page {width:640px; display:inline-block;margin-top:10px;}

/* Image Gallery */

#imagegallery {
	margin:0px;
	padding:0px;
	width:660px;
	min-height:250px;
	float:left;
	background-color:#CCCCCC;
}

.shareit { padding:5px 0px;}

.shareit li	{display:inline;  padding:0 6px 0 0;}		

.slider_part {padding:20px 0px; overflow:hidden; height:100%; border-bottom:1px solid #CCCCCC;}

#carousel {margin: 0 0;	width: 660px; height: 250px; padding: 0; background:#fff; overflow: scroll;	border: 8px solid #e0e0e0;}
#carousel ul {list-style: none;	width: 1500px; margin: 0; padding: 0; position: relative;}
#carousel li {display: inline; float: left;}
			
.textholder {padding: 10px;	position:absolute; color:#BCD0DF; bottom:-24px;}
.textholder span a {margin:0; padding:0px; display:block; font:bold 16px/25px "Trebuchet MS", Tahoma, Arial, sans-serif; color:#fff;}

p.appearo {background: #195c91; margin: 0; padding:2px 0 4px 8px; color:#fff; font-size:11px; position:relative; width:160px; top:152px; border-right:solid 8px #bcc949; display:block; cursor:pointer;}

a#people-pc, a#people-th, a#people-go, a#people-mb, a#people-lm, a#people-mi, a#people-jl, a#people-rk, a#people-dm, a#people-my, a#people-ag, a#people-sn  {display:inline-block; width:180px; height:200px; margin:0; overflow:hidden; margin-bottom:20px;}

a#people-mi {background: url(../css/images/chw-staff.jpg); margin-left:20px}
a#people-my {background: url(../css/images/chw-staff.jpg) -180px 0; margin-left:20px}
a#people-dm {background: url(../css/images/chw-staff.jpg) -360px 0;margin-left:20px}
a#people-sn {background: url(../css/images/chw-staff.jpg) -360px -400px; margin-left:20px}
a#people-pc {background: url(../css/images/chw-staff.jpg) -180px -200px; margin-left:20px}
a#people-th {background: url(../css/images/chw-staff.jpg) -360px -200px; margin-left:20px}
a#people-rk {background: url(../css/images/chw-staff.jpg) 0 -400px; margin-left:20px}
a#people-ag {background: url(../css/images/chw-staff.jpg) -180px -400px; margin-left:20px}
a#people-go {background: url(../css/images/chw-staff.jpg) 0 -600px; margin-left:20px}
a#people-mb {background: url(../css/images/chw-staff.jpg) -360px -600px; margin-left:20px}
a#people-lm {background: url(../css/images/chw-staff.jpg) -180px -600px; margin-left:20px}
/* Note: Also update wvfade script */

.info-container {display:inline; width:250px; margin:0; float:right;}

/* Begin Images */
p img {padding: 0; max-width: 100%;}

img.centered {display: block; margin-left: auto; margin-right: auto;}
img.alignright {padding: 4px; margin: 0 0 2px 7px; display: inline;}
img.alignleft {padding: 4px; margin: 0 7px 2px 0; display: inline;}

.alignright {float: right;}
.alignleft {float: left;}
/* End Images */