/* 
 ----------------------------------------------------------------------------
  Copyright CMTM Inc. Used with Permission. May not be duplicated or reproduced.
  Please check for cross-browser compatibility prior to making changes
  MINIMUM BROWSER CHECK :: IE5.x/IE6/Firefox/Safari
  CSS Document - layout.css
 ---------------------------------------------------------------------------- 
*/


/* undo some default styling of common (X)HTML browsers
 * ------------------------------------------------------------------------- */

/* No list-markers by default - must redefine bullets w/ bg graphics */
ul,ol { list-style:none; }

/* Avoid browser default inconsistent heading font-sizes and pre/code */
h1,h2,h3,h4,h5,h6,pre,code,td { font-size:1em; }
h1,h2,h3,h5,h6,pre,code,td { font-family: 'Trebuchet MS', Arial, sans-serif, Helvetica, Verdana; font-size: 12px; }

/* Remove inconsistent (among browsers) default padding or margin */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,div,dd,dt,dl { margin:0; padding:0; }

/* prevent blue linked image borders */
a img,:link img,:visited img,fieldset { border:none; }
img { vertical-align: text-top }

/* global elements
 * ------------------------------------------------------------------------- */
body { background: url(../images/bg.jpg) top repeat-x;  text-align: center;  background-color: #4a5763; margin: 0px ; padding: 0px; font-family: Arial, sans-serif, Helvetica, Verdana; font-size: 11px; color: #434f58; line-height: 20px; }
a { color: #606599; }
a:hover { text-decoration: underline; }
input,textarea,blockquote { font-family: Arial, sans-serif, Helvetica, Verdana; font-size: 11px; }

/* classes
 * ------------------------------------------------------------------------- */
.hdr_bar { background: url(../images/home/hdr_bg.gif) repeat-x top; background-color: #e6e2d5; }
.mid_bar { background: url(../images/home/mid_sep.gif) repeat-x top; }
.redbold, .news_headline { color: #d13e0f; font-weight: bold; font-size: 12px; text-decoration: none; margin: 0 7px 0 0; }
.redbold:hover, .news_headline:hover { text-decoration: underline; }
.arrow { background: url(../images/home/bullet.gif) no-repeat top left; margin: 0 0 0 11px; padding: 0 0 0 8px; }
.imgleft { margin: 0px 10px 0px 0px; padding-top: 10px; float: left; }
.imgright { margin: 10px 0px 0px 10px; float: right; }
.graytxt { font-size: 12px; color: #aeaeae; font-weight: normal; } 

 
/* framework
 * ------------------------------------------------------------------------- */
#container { width: 920px; text-align: left; margin: 34px auto 0px auto; padding: 0px;  background: url(../images/home/content_bg.gif) repeat-y; }
#subcontainer { width: 920px; text-align: left; margin: 34px auto 0px auto; padding: 0px;  background: url(../images/sub/subcontent_bg.gif) repeat-y; }
#content_area:after, #footer_content:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }



/* top area */
#top_area { width: 920px; height: 114px; background: url(../images/home/top_right.gif) no-repeat top right; }
	#logo_area { width: 357px; height: 114px; background: url(../images/home/top_logo.gif) no-repeat; float: left; }
		#logo_area h1 { display: none; }
	
	/* navigation */
	#nav_area { width: 563px; height: 40px; float: left; background: url(../images/home/nav.gif) no-repeat; margin: 74px 0 0 0; }
	#nav { background: url(../images/home/nav.gif) no-repeat top center; width: 563px; height: 40px; position: relative; margin: 0px; padding: 0px; }
	#nav li { list-style: none; padding: 0px; margin: 0px; position: absolute; top: 0px;}
	#nav li, #nav a { height: 40px; display: block; }
	#nav span { display: none;}
	#nav_home { width: 81px; left: 0px;}
	#nav_about { width: 82px; left: 81px;}
	#nav_services { width: 95px; left: 163px;}
	#nav_projects { width: 95px; left: 258px;}
	#nav_resources { width: 111px; left: 353px;}
	#nav_contact { width: 99px; left: 464px;}
	#nav_home a:hover, #nav_home a:active { background: transparent url(../images/home/nav.gif) -0px -40px no-repeat;}
	#nav_about a:hover, #nav_about a:active { background: transparent url(../images/home/nav.gif) -81px -40px no-repeat;}
	#nav_services a:hover, #nav_services a:active { background: transparent url(../images/home/nav.gif) -163px -40px no-repeat;}
	#nav_projects a:hover, #nav_projects a:active { background: transparent url(../images/home/nav.gif) -258px -40px no-repeat;}
	#nav_resources a:hover, #nav_resources a:active { background: transparent url(../images/home/nav.gif) -353px -40px no-repeat;}
	#nav_contact a:hover, #nav_contact a:active { background: transparent url(../images/home/nav.gif) -464px -40px no-repeat;}

	
	
	
/* flash area */
#flash_area { width: 920px; height: 314px; background:#fff url(../images/banner.jpg) left top no-repeat;}
#coe_more a{ float:left; margin:0; display:block; width:440px; height:314px; text-indent:-9999px; outline:none;}
#coe_more span {visibility:hidden;}

#ob_more a{ float:right; margin:0; display:block; width:460px; height:314px; text-indent:-9999px; outline:none;}
#ob_more span {visibility:hidden;}

/* spacer */
#subpage_spacer { width: 920px; height: 10px; background-color: #ffffff; }

/* content area */
#content_area { width: 903px; margin: 0 9px 0 8px; background: url(../images/home/rtcol_bg.gif) no-repeat bottom right;}
	#content_area h1, #content_area h2, #content_area h3 { padding: 5px 9px 4px 9px; }
	#left_column { width: 423px; float: left; }
	#subleft_column { width: 663px; margin: 0px 9px 0px 0px; float: left; }
		#left_column h1, #left_column h2, #subleft_column h1, #subleft_column h2 { background: url(../images/home/hdr_bg.gif) repeat-x top; background-color: #e6e2d5; }
			#left_column h4 { font-size: 12px; color: #aeaeae; font-weight: normal; } 
			#left_column h4 a, #subleft_column h4  {  color: #d13e0f; font-weight: bold; text-decoration: none; margin: 0 7px 0 0; }
			#left_column h4 a:hover, #subleft_column h4 a:hover { text-decoration: underline; }
			#sitemap_content { padding: 8px 11px 15px 11px; }
				#sitemap_content li { background: url(../images/home/bullet.gif) no-repeat top left; margin: 0; padding: 0 0 0 8px; font-weight: bold;}
					#sitemap_content li li { font-weight: normal; background: none; }
			#main_content { padding: 8px 11px 15px 11px; }
				#main_content hr { height: 0; border: 0; border-top: 1px solid #eaeaea; }
				#main_content ul { margin: 0 0 0 10px; }
				#main_content li { background: url(../images/home/bullet.gif) no-repeat top left; margin: 0; padding: 0 0 0 8px; }
					#main_content li li { font-weight: normal; background: none; }
			#blurb_2_body { }
				#testimonials ul { margin: 0px 0px 8px 0px; padding: 0px; }
				#testimonials li { padding: 8px 11px 10px 11px; margin: 0px; border-width: 0 0 1px 0; border-style: solid; border-color: #eaeaea; }
					.alt_row { background-color: #f5f5f5; }
	
	#middle_column { width: 231px; margin: 0 9px 0 9px; float: left; }
		#recent_projects {  }
		#recent_projects img { margin-bottom: 5px; }
		#recent_projects li { background-color: #e2dfd0; margin: 8px; padding: 10px 10px 0 10px; }
		
	#right_column { width: 231px; float: left; }
		#quick_contact, #feature_area { padding: 0px 10px 10px 10px; }
			#quick_contact p, #feature_area p { margin: 8px 0px 8px 0px; }
			.quick_field { width: 205px; height: 22px; border-width: 1px; border-style: solid; border-color: #afb7be; padding: 2px 0px 0px 4px; margin-bottom: 3px; }
			.quick_textarea { width: 205px; height: 80px; border-width: 1px; border-style: solid; border-color: #afb7be; padding: 2px 0px 0px 4px; margin-bottom: 3px; }
		#location, #more_projects { padding: 0px 10px 10px 10px;}
			#location p, #more_projects p { margin: 0px 0px 10px 0px; }

/* footer area */
#footer_area { background: url(../images/home/footer_bg.gif) top repeat-x; background-color: #eeebe2; }
	#footer_top { padding: 10px 0 0 0; width: 920px; background-color: #ffffff; } 
	#footer_content { background: url(../images/home/footer_logo.gif) top right no-repeat; padding: 0 0 0 8px; height: 120px; }
		#footer_content ul { width: 118px; float: left; margin: 0 6px 0 0; }
			#footer_content li a { border-width: 0 0 1px 0; border-style: solid; border-color: #d0c3b2; display: block; height: 20px; text-decoration: none; font-weight: bold; padding: 0 0 0 5px; }
			#footer_content li a:hover { background-color: #616bd1; color: #ffffff; }
			#footer_content ul ul { float: none; margin: 0px;  }
				#footer_content li li a { border-style: none; font-weight: normal; color: #5a666f }
	#footer_bottom { background: url(../images/home/footer_bottom.gif) no-repeat; height: 38px; width: 920px;  }
		#footer_bottom p { margin: 0px; padding: 8px 0 0 13px; font-size: 11px; color: #606599; }
		

#contact_main {
width:210px;
margin: 0 0 0 200px;
text-align:right;
}

/* light box */
.project_set a { margin: 10px 0px 10px 0px; padding: 7px; background-color: #f7f7f8; border-width: 1px; border-style: solid; border-color: #e2e2e2; overflow:auto;}

#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/lightbox/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/lightbox/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%	
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}