body{ background: #fff; margin: 0; font-family:Arial, Helvetica, sans-serif; font-size: 12px; }
#main_container{ width: 100%; }
#page_container{ margin: 0 auto; width: 980px; }

/* Header classes/id's */
#header{background: #fff url(../images/header_bg.jpg) repeat-x top left; width: 980px;  height: 106px; position: relative; }

#logo{ position: absolute; top: 0px; left:0; }

#nav{ width: 700px; height: 102px; font-size: 13px; }
#nav ul{ list-style-type: none; margin: 0; padding:0; }
#nav ul li{ list-style-type: none; margin:0; padding:0; float: left; position:relative; line-height: 100px; }
#nav a:link,#nav a:visited,#nav a:active{ text-transform:lowercase; display: block; height: 102px; padding: 0 17px; border: 1px solid #9bb8de; border-width: 0 0 0 1px; color: #333; font-weight:bold; text-decoration:none; }
#nav a:hover{ background: #cedef5; }
#nav a.selected{ background: #eb7d23; color: #fff; }

/* Contact information under the header */
.contactinfo{ height: 35px; padding:5px 0; }
.contactinfo h1{ color: #567bb2; font-size: 25px; font-weight: normal; }
.contactinfo h1 a, .contactinfo h1 a:visited, .contactinfo h1 a:active{ color: #567bb2; font-size: 20px; font-weight: normal; text-decoration: none; }
.contactinfo h1 a:hover{ color: #567bb2; font-size: 20px; font-weight: normal; text-decoration: underline; }

#content_header{ width: 980px; }

/* Content area classes/id's */
#content{ width: 980px; position:relative; padding:0; margin:0; }

/* LEFT Content area classes/id's */
#content_left{ float: left; position:relative; width: 263px; }
#content_left table{ width: 90%; margin: 0 auto; border-top: 1px solid #dceafd; }
#content_left h1{ font-size: 24px; color: #567bb2; font-weight: normal; border-bottom: 1px solid #d1dded; width: 90%; margin: 0 auto;  }
#content_left span{ color: #eb7d23; }
#content_left ul{ list-style-type: none; margin: 0; padding:0; }

#news{ width: 100%; position:relative; margin: 0 auto; padding: 10px 0; background: #eff4fb; }
#news .news_header{ background: url(../images/news_header.gif) no-repeat top left; width: 263px; height: 9px; position:absolute; top: 0; left: 0; }
#news .news_footer{ background: url(../images/news_footer.gif) no-repeat top left; width: 263px; height: 9px; position:absolute; bottom: 0; left: 0; }
#news li{ margin: 3px 0; }
#news a{ color: #212456; font-weight: bold; text-decoration:none; }
#news a:hover{ color: #eb7d23; font-weight: bold; text-decoration:none; }

#projects{ width: 100%; position:relative; margin: 0 auto; padding: 10px 0; background: #E4ECF8; }
#projects .projects_header{ background: url(../images/projects_header.gif) no-repeat top left; width: 263px; height: 9px; position:absolute; top: 0; left: 0; }
#projects .projects_footer{ background: url(../images/projects_footer.gif) no-repeat top left; width: 263px; height: 9px; position:absolute; bottom: 0; left: 0; }
#projects li{ margin: 3px 0; }
#projects a{ color: #212456; font-weight: bold; text-decoration:none; }
#projects a:hover{ color: #eb7d23; font-weight: bold; text-decoration:none; }

.project_images{ background: #E4ECF8; border: 1px solid #7892B5; /*padding: 38px 0;*/ }
.project_images img{ border: 1px solid #7892B5; margin: 5px; vertical-align:middle; }

		/* SERVICES SUB NAV */
		#services{ width: 100%; position:relative; margin: 0 auto; padding: 10px 0; background: #eff4fb; }
		#services .serv_header{ background: url(../images/news_header.gif) no-repeat top left; width: 263px; height: 9px; position:absolute; top: 0; left: 0; }
		#services .serv_footer{ background: url(../images/news_footer.gif) no-repeat top left; width: 263px; height: 9px; position:absolute; bottom: 0; left: 0; }
		#services ul{ margin-left: 15px; } 
		#services li{ margin: 3px 0; }
		#services a{ background: url(../images/serv_off.jpg) no-repeat top left; color: #212456; font-weight: bold; text-decoration:none; display: block; width: 233px; height: 53px; text-transform:uppercase; text-align: center; line-height: 60px; }
		#services a:hover{ background: url(../images/serv_hover.jpg) no-repeat top left; color: #212456; }
		#services a#selected{ background: url(../images/serv_on.jpg) no-repeat top left; color: #fff; }
/* RIGHT Content area classes/id's */

#content_right{ float: left; position:relative; width: 677px; color: #212456; padding: 0 20px; line-height: 20px; }
#content_right li{ list-style-type: none; padding: 0 0 0 20px; background: url(../images/bullet.jpg) no-repeat 0 5px; line-height: 24px; }



/* Footer classes/id's */
#footer{ margin: 0 auto; position:relative; background: #e4ecf8 url(../images/byways_footer.gif) no-repeat center center; height: 27px; width: 940px; padding: 10px 20px; font-size: 11px; margin-bottom: 10px; }

/* clearing and floating classes */
.clear{ clear: both; line-height:0; height: 0; }
.fleft{ float: left; position:relative; }
.fright{ float: right; position: relative; }