@charset "utf-8";

html,body{
text-align: center;
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
}

div#container{
width: 770px;
margin: auto;
text-align: left;
margin-top: 30px;
}

div#nav{
height: 54px;
background-color:#89a97f;
border-bottom: 2px solid #fff;
}

#home div#nav{
border-bottom: none;
}

div#flash{
height: 187px;
border-bottom: 1px solid #fff;
}

div#content{
background-color:#eeeed9;
position: relative;
padding-top: 20px;
padding-bottom: 20px;
}

#menu  {
	height: 54px;
	list-style: none;
	display: inline-block;
	overflow: hidden;
text-align: center;
float: left;
margin-left: 12px;

	}
	
html>body #menu{margin-right: 20px;}

#menu li {
	margin: 0; 
	padding: 0;
    list-style: none;
	display: inline;
	}

#menu a {

	padding: 54px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:54px; /* for IE5/Win only */
	}
	
#menu a:hover {
	background-position: 0 -54px;
	}

#menu a:active, #nav a.selected {
	background-position: 0 -108px;
	}

#nav-overview a {
width: 117px;
background: url(../images/nav_overview.gif) top left no-repeat;
float: left;
}
	
#nav-services a  {
width: 96px;
background: url(../images/nav_services.gif) top left no-repeat;
float: left;
}
	
#nav-portfolio a {
width: 106px;
background: url(../images/nav_portfolio.gif) top left no-repeat;
float: left;
}
	
#nav-news a{
width: 77px;
background: url(../images/nav_news.gif) top left no-repeat;
float: left;
}

#nav-contact a  {
width: 75px;
background: url(../images/nav_contact.gif) top left no-repeat;
float: left;
}




div#content a{
color:#68966d;
}

div#content a:hover{
color:#1a543f;
}

div#news{
width: 195px;
float: left;
}

div#news a{text-decoration: none; font-size: 11px;}

div#news img{padding-left: 10px;}

div#news p{
padding-left: 10px;
padding-right: 10px;
line-height: 18px;
padding-top: 10px;
}

div#featured
{
width: 193px;
float: left;
text-align: center;
}

div#featured p{
padding-left: 10px;
padding-right: 10px;
line-height: 18px;
font-size: 11px;
text-align: left;
}

div#mission{
width: 362px;
float: left;
}

div#mission h1{
padding-left: 10px;
}


div#mission p{
padding-left: 10px;
padding-right: 10px;
line-height: 18px;
padding-top: 5px;
padding-bottom: 5px;
}

div#footer{
clear: both;
margin-top: 2px;
background-image:url(../images/footer.gif);
height: 44px;
padding-top: 10px;
margin-bottom: 30px;
}

div#footer p{
line-height: 16px;
padding-left: 10px;
color:#fff;
font-size: 11px;
}

div#footer p a{
color: #fff;
padding-right: 5px;
padding-left: 5px;
}

div#footer p a:hover{
color:#1a543f;
}


.overview #masthead{
background-image:url(../images/masthead-overview.jpg);
height: 51px;
border-bottom: 2px solid #fff;
}

.overview #nav{
height: 54px;

}

.services #masthead{
background-image:url(../images/masthead-services.jpg);
height: 51px;
border-bottom: 2px solid #fff;
}

.services #nav{
height: 54px;
}

.services h1{
font-size: 16px;
font-weight: bold;
color:#1a543f;
padding-bottom: 10px;
}



.services h2{font-size: 14px;
font-weight: bold;
color:#1a543f;
padding-bottom: 10px;
}

.services h2 a{text-decoration: none; !important}

.sitemap h1{
font-size: 16px;
font-weight: bold;
color:#1a543f;
padding-bottom: 10px;
}

.sitemap #content, .privacy #content{
padding-left: 20px;
}

.sitemap #content ul{
line-height: 18px;
padding-top: 5px;
padding-bottom: 5px;
color:#616161;
}

.sitemap #content ul li{
line-height: 18px;
padding-top: 5px;
padding-bottom: 5px;
color:#616161;
}

.sitemap #content ul ul{
padding-left: 20px;
}





.news #masthead{
background-image:url(../images/masthead-services-detail.jpg);
height: 51px;
border-bottom: 2px solid #fff;
}

.portfolio #masthead{
background-image:url(../images/masthead-portfolio.jpg);
height: 51px;
border-bottom: 2px solid #fff;
}

.portfolio #nav{

height: 54px;

}

.news #nav{
height: 54px;

}

.contact #nav{

height: 54px;

}

.contact #masthead{
background-image:url(../images/masthead-contact.jpg);
height: 51px;
border-bottom: 2px solid #fff;
}




#projectdetail2
{
background-color: transparent;
}
	
#projectdetail{
width: 714px;}

#projectdetailtop{
background-color:#89a97f;
height: 51px;
}

#projectdetailtop h1{
color: #fff;
text-align: left;
font-weight: bold;
font-size: 16px;
padding-top: 20px;
padding-left: 10px;
}

#projectdetailcontent{width: 712px;
border-left: 1px solid #96b58f;
border-right: 1px solid #96b58f;
background-color:#fff;
text-align: left;
}

#projectdetailcontent p{
line-height: 16px;
}

#projectdetailcontent ul{
padding-left: 25px;
padding-top: 15px;
}

#projectdetailcontent li{
list-style:square;
line-height: 18px;
}


#projectdetailbottom{
background-image:url(../images/bg-projectdetail-bottom.png);
height: 14px;
}

ul#sidemenu{
line-height: 24px; 
margin-left: 15px; 
margin-right: 15px; 
list-style-type: none;
}

ul#sidemenu li{
padding-bottom: 5px !important; 
border-bottom: 1px solid #89a97f; 
background-image:url(../images/arrow.gif); 
background-repeat: no-repeat;
background-position: 0px 9px;
}

ul#sidemenu li a{
color:#1a543f; text-decoration: none; font-size: 11px; 
padding-left: 10px;
}


*:lang(en) ul#overview li{
background-position: 0px 8px;
}

.overview #content p{
line-height: 18px;
padding-top: 5px;
padding-bottom: 5px;

}

.news #content p{
line-height: 18px;
padding-top: 5px;
padding-bottom: 5px;

}

.overview h1{
font-size: 16px;
font-weight: bold;
color:#1a543f;
padding-bottom: 10px;
}

.portfolio h1{
font-size: 16px;
font-weight: bold;
color:#1a543f;
padding-bottom: 10px;
}

.contact h1, .news h1, .privacy h1{
font-size: 16px;
font-weight: bold;
color:#1a543f;
padding-bottom: 10px;
}

ul.bulletlist {padding-left: 10px;}

ul.bulletlist li{background-image: url(../images/bullet.gif);background-repeat: no-repeat; padding-left: 8px; background-position: 0 10px; line-height: 24px;}

.privacy #content p{line-height: 16px; padding-top: 5px; padding-bottom: 5px;padding-right: 20px;}
