/*===============================Universal Styles =======================*/
*{margin:0px; padding:0px;}

body{ background:#4F471F url('../images/body_bkg.gif') repeat-x top left;   height: 100%; 
text-align:center; 
font-family: Arial, Helvetica, sans-serif;
}

.container{ background: url('../images/container_bkg.png') repeat-y top left !important; background: url('../images/container_bkg.gif') repeat-y top left; 
    margin:5px auto -30px; width:918px;  min-height: 100%; height: auto !important; height: 100%; 
}
.push{ height: 30px;}
.footer{  background: url('../images/footer_bkg.png') no-repeat top center !important; background: url('../images/footer_bkg.jpg') no-repeat top left; 
    width:918px; height: 30px; border:#f00 0px solid;  margin:30px auto; color:#A9A382; font:300 12px Trebuchet MS, Helvetica, sans-serif;
    padding:10px 5px 0px 5px; text-align:center;
}
.footer a:link, .footer a:visited, .footer a:hover, .footer a:active { color:#A9A382; text-decoration: none; }
.top_bar{ background: url('../images/top_bar.jpg') no-repeat top left; width:919px; height:21px;}
.header{ width:900px; height:110px; background:#fff; margin:0px auto; position:relative;}
.logo{ background: url('../images/logo.jpg') no-repeat top left; width:372px; height:80px; position:absolute; top: 11px; left: 19px;}
.header_contact{ position:absolute; top:8px !important; right:9px; top:2px; width: 280px; color:#193E3C;  Font-Family: “Times New Roman”, Times, serif;
    font-size:12px; text-align:right;
}
.spacer{ height:8px !important;}


/*===============================Navigation Styles =======================*/
.nav{ background: url('../images/nav_bkg.jpg') repeat-x top left; width:900px; height:45px; margin:0px auto; position:relative; z-index:4; }
.nav ul {	margin:0px; padding:0px; display:inline; list-style-type: none;}
.nav li {	display:inline;	float:left;}
.nav span { display:none; }

a.home { display:block; width:87px; height:27px; background:url(../images/menu_off/home.gif);}
a.home_active { display:block; width:87px; height:45px; background:url(../images/menu_on/home.gif);}
a.about { display:block; width:109px; height:27px; background:url(../images/menu_off/about.gif);}
a.about_alt { display:block; width:109px; height:45px; background:url(../images/menu_off/about.gif);}
a.about_active { display:block; width:109px; height:45px; background:url(../images/menu_on/about.gif);}
a.clients { display:block; width:94px; height:27px; background:url(../images/menu_off/clients.gif);}
a.clients_active { display:block; width:94px; height:45px; background:url(../images/menu_on/clients.gif);}
a.green { display:block; width:152px; height:27px; background:url(../images/menu_off/greenbuilding.gif);}
a.green_active { display:block; width:152px; height:45px; background:url(../images/menu_on/greenbuilding.gif);}
a.portfolio { display:block; width:104px; height:27px; background:url(../images/menu_off/portfolio.gif);}
a.portfolio_active { display:block; width:104px; height:45px; background:url(../images/menu_on/portfolio.gif);}
a.contact { display:block; width:100px; height:27px; background:url(../images/menu_off/contact.gif);}
a.contact_active { display:block; width:100px; height:45px; background:url(../images/menu_on/contact.gif);}

.left_cell{ background: url('../images/left_shadow.png') repeat-y top left !important; background:url('../images/left_shadow.gif'); width:7px;}
.right_cell{ background: url('../images/right_shadow.png') repeat-y top right !important; background:url('../images/left_shadow.gif'); width:7px;}
.left_corner{ background: url('../images/btm_left_shadow.png') repeat-y top right !important; background:url('../images/left_shadow.gif');width:7px; height:7px;}
.right_corner{ background: url('../images/btm_right_shadow.png') repeat-y top left !important; background:url('../images/left_shadow.gif'); width:7px; height:7px;}
.bottom_cell{background: url('../images/btm_shadow.png') repeat-x top right !important; background:url('../images/left_shadow.gif'); height:7px;}

div.submenu_table { margin:0px; padding:0px; z-index:4; font-size:12px; text-align: left; line-height: 16px;
      background:#B86F0A url('../images/menu_bkg.jpg') repeat-x top left; padding:0px 0px 0px 14px; cursor:pointer;
}

div.submenu_table a { display:block; width:120px; height:20px; margin:0px; padding:0px;	overflow:hidden;
			color:#fff;text-decoration:none; z-index:4;
}

div.submenu_table a:hover, div.submenu_table a:active {
		display:block; width:120px; height:20px; margin:0px; padding:0px;	overflow:hidden;
		color:#fff;text-decoration:underline; z-index:4;
}
		
.apad {	padding:0px; margin:3px 0px 0px 3px !important;	margin:0px 0px 0px 3px;	overflow:hidden; cursor:pointer;}

div.submenu_about_hide {display:none; position:absolute; overflow:hidden; z-index:3; top:26px; left:130px; width:161px; height:160px;}
div.submenu_about_show {display:block; position:absolute; overflow:hidden; z-index:3; top:26px; left:130px; width:161px; height:160px;}

div.submenu_clients_hide {display:none; position:absolute; overflow:hidden; z-index:3; top:26px; left:292px; width:161px; height:160px;}
div.submenu_clients_show {display:block; position:absolute; overflow:hidden; z-index:3; top:26px; left:292px; width:161px; height:160px;}

div.submenu_green_hide {display:none; position:absolute; overflow:hidden; z-index:3; top:26px; left:433px; width:120px; height:160px;}
div.submenu_green_show {display:block; position:absolute; overflow:hidden; z-index:3; top:26px; left:433px; width:120px; height:160px;}

div.submenu_portfolio_hide {display:none; position:absolute; overflow:hidden; z-index:3; top:26px; left:633px; width:151px; height:160px;}
div.submenu_portfolio_show {display:block; position:absolute; overflow:hidden; z-index:3; top:26px; left:633px; width:151px; height:160px;}

div.submenu_portfoliosub_hide {display:none; position:absolute; overflow:hidden; z-index:3; top:55px; left:743px; width:131px; height:160px;}
div.submenu_portfoliosub_show {display:block; position:absolute; overflow:hidden; z-index:3; top:55px; left:743px; width:131px; height:160px;}


/*===============================Home Page Styles =======================*/

.home_splash{ background: url('../images/frame.png') no-repeat top left !important; background: url('../images/home_splash_ie6.jpg') no-repeat top left; width:900px; height:361px; margin:0px auto; z-index: 1;  }

.home_holder{position:relative;  width:900px; height:361px; border:#f00 0px solid; z-index: -2;}

.home_splash_top{ background:#757A24 url('../images/home_splash_top.jpg') no-repeat top left !important; background: url('../images/home_splash_.jpg') no-repeat top left;  width:228px; height:15px;  z-index: 2;
    position:absolute; top:30px; left:495px; 
}

.flash_holder{ width:390px; height:380px; background:#fff; position:absolute; top:0px; left:470px; z-index: -2; color: #000;}

.home_content{ background:#EAE5E2; width:900px; height:363px; margin:0px auto; position:relative;}

.home_splash_bottom{ background:#EAE5E2 url('../images/home_splash_bottom.jpg') no-repeat top left; width:408px; height:53px;
    position:absolute; top:0px; left:470px; 
}

.round_div{ background:#EAE5E2 url('../images/div_bkg.jpg') no-repeat top left; width:261px; height:301px; float:left; margin:25px 15px 0px 15px !important; margin:55px 10px 0px 10px;}

.spacer_wide{ border:#f00 0px solid; width:13px; float:left;}

.dagger_div{ background:#F6F4F2 url('../images/dagger.gif') no-repeat bottom center; color:#193E3C; font:bold 18px “Times New Roman”, Times, serif;
    width: 245px; height:27px; margin:13px auto;
}

.round_div p{  color:#666666; font:300 12px “Arial”, Helvetica, sans-serif; text-align: left; width: 230px; padding:0px 0px 0px 3px; margin:3px auto;}

.round_div ul{ border:#f00 0px solid; width: 230px; margin:0px auto; font:300 12px Arial, Helvetica, sans-serif; color:#666; list-style-position: inside; 
    list-style-image: url('../images/bullet.gif'); vertical-align:top; text-align: left;
 }
.round_div li{ margin: 0px; padding: 1px 0px 1px 0px;}
.round_div a:link, .round_div a:visited, .round_div a:hover, .round_div a:active { color:#996600; }


/*===============================Sub Page Styles =======================*/

.sub { background:#EAE5E2 url('../images/home_bkg.gif') repeat-x top left; width:900px; margin:0px auto; z-index:0;}

.sub_content{text-align:left; font-family: Arial, Times New Roman, Times, serif; font-size: 13px; color:#193E3C; margin: 0px 20px 20px 20px; z-index:1;}

ul {margin: 0px 0px 0px 20px;}
ol {margin: 0px 0px 0px 20px;}

.Q2{font-family: Times New Roman, Times, serif; font-size: 17px; font-weight: bold; color:#8c4f00;}

a { color:#898c31; text-decoration:none; }
a:hover, a:active { color:#898c31; text-decoration:underline;}

h3 {
color:#898c31;
}

#sub_container {
	width:900px;
	margin:0px auto;
}

.sub_col {
	width:250px;
	/*height:292px;*/
	overflow:hidden;
	margin:0px 20px 20px 10px;
	float:left;
	/*border:#f00 1px solid;*/
}


.sub_colexp {
	width:250px;
	height:90px;
	overflow:hidden;
	margin:0px 30px 2px 0px;
	float:left;
}