/* CSS Document */
body{padding:0px; margin:0px; background:#fff; color:#848484; font:10px/14px Tahoma, sans-serif;}
div, p, ul, h2, h3, h4, img{padding:0px; margin:0px;}
ul{list-style-type:none;}

.clear {clear: both; margin: 0px; height:0}
/* hyperlink properties */
p a{font:10px/14px Tahoma, sans-serif; color:#00137f; font-weight:bold; text-decoration:underline;}
p a:hover{ color:#0000ee; text-decoration:none;}

.headline{font:11px/14px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#433e33;}

#container{width:775px; position:relative; margin:0 auto; background:url(../images/b_header4.png) 0 0 no-repeat; border:#848484 1px solid}

/* HEADER */
/* position of header or main body */
#header{width:775px; height:120px;  position:relative;}
#header img#logo{position:absolute; top:30px; left:60px}
#header img#logotagline{position:absolute; top:69px; left:325px}
/* position of menu bar */
#header ul.menu{position:absolute; top:10px; left:320px; width:460px}
#header ul.menu li{height:17px; margin-right:10px; float:left}
#header ul.menu li a{height:20px; display:block; text-indent:-20000px; }
#header ul.menu li a:hover{height:20px;}

#header ul.menu li.btn_1 a{width:60px; background:url(../images/btn_1.png) 0 0 no-repeat; }
#header ul.menu li.btn_1 a:hover{width:60px; background:url(../images/btn_1_over.png) 0 0 no-repeat;}

#header ul.menu li.btn_2 a{width:78px; background:url(../images/btn_2.png) 0 0 no-repeat; }
#header ul.menu li.btn_2 a:hover{width:78px; background:url(../images/btn_2_over.png) 0 0 no-repeat;}

#header ul.menu li.btn_3 a{width:78px; background:url(../images/btn_3.png) 0 0 no-repeat; }
#header ul.menu li.btn_3 a:hover{width:78px; background:url(../images/btn_3_over.png) 0 0 no-repeat;}

#header ul.menu li.btn_4 a{width:78px; background:url(../images/btn_4.png) 0 0 no-repeat; }
#header ul.menu li.btn_4 a:hover{width:78px; background:url(../images/btn_4_over.png) 0 0 no-repeat;}

#header ul.menu li.btn_5 a{width:94px; background:url(../images/btn_5.png) 0 0 no-repeat; }
#header ul.menu li.btn_5 a:hover{width:94px; background:url(../images/btn_5_over.png) 0 0 no-repeat;}

#header ul.menu li.btn_6{margin-right:0}
#header ul.menu li.btn_6 a{width:59px; background:url(../images/btn_6.png) 0 0 no-repeat; }
#header ul.menu li.btn_6 a:hover{width:59px; background:url(../images/btn_6_over.png) 0 0 no-repeat;}

	
	/* Toggles for index.html (from old site)*/
	/* - Toggles */  
.toggle-view > li {
    margin-top: 1em;
    position: relative; }
.toggle-title {
		padding: 0.8em 2em;
		font-size: 1.2em; 
		border: #00137f 2px solid; }
.toggle-title-detail {
    font-size: 2em;
    color: #ff0000;
    font-weight: normal;
    text-transform: lowercase; }

/* color of arrow when not hovering over */		
.toggle-title:after {
    content: "\25C0";
    float: right;
    color: #00137f; }
		
/* color of arrow when hovering over before or after clicking */		
.toggle-title:hover:after {
		color: #00ffff; }

/* color of item background once activated */		
.tactive { background: #edf0f9 }

/* once a toggle item has been activated, and the cursor has been moved off bar */
.tactive:after {
    content: "\25BC";
    color: #00137f; }

.toggle {
    padding: 1em 2em;
    display: none;
    overflow: hidden; }
	/* .toggle > ul li { line-height: 2.5 }
.toggle > ul li:before {
    content: "\25cf ";
    color: #333;
    margin-right: 1em; } */
.toggle > ul { 
	overflow:hidden;
	padding-left:0; 
	margin-left:0; 
}		
.toggle > ul li { 
	list-style:none; 
	position:relative; 
	float:left; 
	clear:left; 
	padding:5px 0 0 30px; 
}
.toggle > ul li:before {
	display:inline-block; 
	content:'\2022'; 
	height:0.2em; 
	width:30px; 
	margin-left:-30px; 
	text-align:center; 
	font-size:1.3em; 
	color:#555; 
	line-height:0; 
	vertical-align:middle; 
	-webkit-transition-duration:0.12s; 
	-moz-transition-duration:0.12s; 
	transition-duration:0.12s;
}
	/* - End of Toggles for index.html (from old site)*/  

/* Main Page - CONTENT1 */
/* CSS for top part (white) of main page */

#content1{width:775px; position:relative; clear:both;}

#welcome{width:445px; margin:0 0 27px 55px; clear:both}
#welcome h2{height:28px; position:relative; background:url(../images/h_welcome.png) 0 0 no-repeat; margin-bottom:6px}
#welcome p{margin-left:5px}
#welcome p span{display:block; margin-bottom:10px}

#welcome{width:445px; margin:0 0 27px 55px; clear:both}
#welcome h2{height:28px; position:relative; background:url(../images/h_welcome.png) 0 0 no-repeat; margin-bottom:6px}

#services{width:320px; margin:0 30px 0 55px; float:left; display:inline}
#services h2{height:16px; position:relative; background:url(../images/h_services.png) 0 0 no-repeat; margin-bottom:12px}
#services img{float:left; margin:0 13px 0 4px; display:inline}
#services p{margin-left:150px}
#services p.headline{float:left; width:170px; margin-left:0; margin-bottom:6px}
#services .clear{height:10px}

#projects{width:320px; float:left;}
#projects h2{height:16px; position:relative; background:url(../images/h_projects.png) 12px 0 no-repeat; margin-bottom:12px}
#projects img{float:left;margin:0 13px 0 4px; display:inline}
#projects p{margin-left:150px}
#projects p.headline{float:left; width:170px; margin-left:0; margin-bottom:6px}
#projects .clear{height:10px}

/* Main Page - CONTENT2 */
/* CSS for bottom part (grey) of main page */

#content2{width:775px; height:161px; background:#e4e7f5; position:relative; clear:both; margin-top:20px;}

#spotlight{width:210px; float:left; margin:23px 40px 0 55px; display:inline }
#spotlight h2{height:16px; position:relative; background:url(../images/h_links.png) 0 0 no-repeat; margin-bottom:13px}
#spotlight ul{width:206px; margin-left:2px}
#spotlight ul li{font:10px/14px Tahoma, sans-serif; ; background:url(../images/arrow1.png) 0 0 no-repeat; padding-left:20px; height:18px; padding-top:1px}
#spotlight ul li a{color:#00137f; text-decoration:underline;}
#spotlight ul li a:hover{color:#fff; text-decoration:none; background:#000}

#contact {width:210px; float:left; margin-top:23px}
#contact h2{height:16px; position:relative; background:url(../images/h_contact.png) 0 0 no-repeat; margin-bottom:13px}
#contact img{float:left; margin-right:13px}
#contact p span{display:block; margin-bottom:5px}

#weather {width:230px; float:left; margin-top:6px}
#weather h2{height:16px; position:relative; background:url(../images/h_contact.png) 0 0 no-repeat; margin-bottom:13px}
#weather img{float:left; margin-right:13px}
#weather p span{display:block; margin-bottom:5px}

/* ABOUT page - Content */

#about1{width:227px; margin:0 30px 0 55px; float:left; display:inline}
#about1 h2{height:16px; position:relative; background:url(../images/h_about.png) 0 0 no-repeat; margin-bottom:12px}
#about1 img{float:left; margin:0 13px 0 4px; display:inline}
#about1 p{margin-left:0px}
#about1 p.headline{float:left; width:227px; margin-left:0}
#about1 .clear{height:10px}

#whoweare{width:420px; float:left; }
#whoweare h2{height:16px; position:relative; background:url(../images/h_whoweare.png) 0px 0 no-repeat; margin-bottom:12px}

#approach{width:420px; float:left; }
#approach h2{height:16px; position:relative; background:url(../images/h_approach.png) 0px 0 no-repeat; margin-bottom:12px}

#mission{width:420px; float:left; }
#mission h2{height:16px; position:relative; background:url(../images/h_mission.png) 0px 0 no-repeat; margin-bottom:12px}

#vision{width:420px; float:left; }
#vision h2{height:16px; position:relative; background:url(../images/h_vision.png) 0px 0 no-repeat; margin-bottom:12px}

/* Services page - Content */

#services1{width:227px; margin:0 30px 0 55px; float:left; display:inline}
#services1 h2{height:16px; position:relative; background:url(../images/h_services.png) 0 0 no-repeat; margin-bottom:12px}
#services1 img{float:left; margin:0 13px 0 4px; display:inline}
#services1 p{margin-left:0px}
#services1 p.headline{float:left; width:227px; margin-left:0}
#services1 .clear{height:10px}

#services2{width:420px; float:left; }
#services2 h2{height:16px; position:relative; background:url(../images/h_whoweare.png) 0px 0 no-repeat; margin-bottom:12px}

/* Projects page - Content */

#projects1{width:227px; margin:0 30px 0 55px; float:left; display:inline}
#projects1 h2{height:16px; position:relative; background:url(../images/h_projects.png) 0 0 no-repeat; margin-bottom:12px}
#projects1 img{float:left; margin:0 13px 0 4px; display:inline}
#projects1 p{margin-left:0px}
#projects1 p.headline{float:left; width:227px; margin-left:0}
#projects1 .clear{height:10px}

#projects2{width:420px; float:left; }
#projects2 h2{height:12px; position:relative; margin-bottom:12px}
#projects2 ul li { 
	list-style:none; 
	position:relative; 
	float:left; 
	clear:left; 
	padding:5px 0 0 30px; 
}
#projects2 ul li:before {
	display:inline-block; 
	content:'\2022'; 
	height:0.2em; 
	width:30px; 
	margin-left:-30px; 
	text-align:center; 
	font-size:1.3em; 
	color:#00137f; 
	line-height:0; 
	vertical-align:middle; 
	-webkit-transition-duration:0.12s; 
	-moz-transition-duration:0.12s; 
	transition-duration:0.12s;
}

/* Contact page - Content */

#contact1{width:227px; margin:0 30px 0 55px; float:left; display:inline}
#contact1 {font-size:1.2em;} 
#contact1 h2{height:16px; position:relative; background:url(../images/h_contact.png) 0 0 no-repeat; margin-bottom:12px}
#contact1 img{float:left; margin:0 13px 0 4px; display:inline}
#contact1 p{margin-left:0px;}
#contact1 p.headline{float:left; width:227px; margin-left:0;}
#contact1 .clear{height:10px}

#contact2{width:420px; float:left; }
#contact2 h2{height:16px; position:relative; background:url(../images/h_approach.png) 0px 0 no-repeat; margin-bottom:12px}

#whereweare{width:420px; float:left; }
#whereweare h2{height:18px; position:relative; background:url(../images/h_whereweare.png) 0px 0 no-repeat; margin-top: 24px;margin-bottom:12px}

/* FOOTER */

#footer{height:51px; clear:both; width:775px; background: url(../images/b_footer.jpg) 0 0 repeat-x}
#footer p{padding: 10px 0 0 0; font:10px/16px Tahoma, sans-serif; font-weight:normal; text-align:center; color:#848484;}
#footer p a{font:10px/16px Tahoma, sans-serif; font-weight:normal; color:#848484; text-decoration:none; padding: 0 3px }
#footer p a:hover{text-decoration:none; background:#848484; color:#fff}