* { margin:0; padding:0; }
img { border:0; }
ul { list-style:none; }
.clear { clear:both; }
select{ font-size:12px;}
label { font-weight:bold; font-size:13px;}

a, a:hover { color:#433b6c; }

.d-left { float:left; }
.d-right { float:right; }

h1 { font-size:25px; font-weight:bold; color:#2d8000; font-family:Trebuchet MS; margin-bottom:10px; }
h2 { font-size:20px; font-weight:bold; color:#2d8000; font-family:Trebuchet MS; margin-bottom:10px; }
p {  font-family:Arial; }
h3{color:#2D8000; font-size:16px;}


html{}
body {background:url(../images/body-bg.jpg) repeat-x #4F8F31;  font-family:Arial; font-size:14px;}
.header { height:168px; padding:44px 0 0;}
.header-container{ margin:0 auto; width:1004px; }

h1#logo { margin:0 0 0 20px; padding:35px 0 0px 0; float:left; }
.call { float:right; padding:25px 0 10px; margin:0 20px 0 0; }
.header-top { background:url(../images/header-top-bg.jpg) top left no-repeat; height:168px; }

#top-menu { margin:0 20px; border:1px solid #000; height:39px; background:url(../images/top-menu-bg.jpg) repeat-x; }
#nav { display:inline; }
#nav li { float:left; border-right:1px solid #000; }
#nav li a{ text-decoration:none; text-transform:uppercase; font-family:Trebuchet MS; font-size:14px; font-weight:bold; color:#fff; padding:10px 20px; float:left; }

#nav li.over,
#nav li:hover,
#nav li.home,
#nav li.aboutus,
#nav li.services,
#nav li.sub,
#nav li.contactus
{ background:url(../images/top-menu-hover.jpg) repeat-x; position:relative;}

#nav li.over a,
#nav li:hover a,
#nav li.home a,
#nav li.aboutus a,
#nav li.services a,
#nav li.sub a,
#nav li.contactus a{ color:#f9e169; background:url(../images/nav-a-hover.jpg) center top no-repeat; padding:11px 20px 10px 20px; z-index:1000; position:relative; top:-1px; left:0;}

#nav {}

#nav li { position:relative; z-index:1000; }

#nav ul { position:absolute; top:40px; left:-1000px; border:1px solid #000; z-index:1001;}
#nav ul li { float:none; width:250px; margin:0; padding:0; height:auto; border:none; z-index:1001;}
#nav ul li a { float:none; margin:0; z-index:1001;}

#nav li.over ul, #nav li:hover ul { left:0; z-index:1001; }
#nav li.over ul li , #nav li:hover ul li { background:#fcf8e8; border-bottom:1px solid #000; padding:5px 5px; z-index:1001;}
#nav li.over ul li.over , #nav li:hover ul li:hover { background:#628744; border-bottom:1px solid #000; padding:5px 5px; z-index:1001;}

#nav li.over ul li a, #nav li:hover ul li a { background:none; font-size:14px; color:#000; }
#nav li.over ul li a:hover, #nav li:hover ul li a:hover { background:none; color:#FFF; z-index:1001;}

.main { }
.main-container { width:964px; margin:0 auto; background:#fcf8e8; padding:10px 20px 0px 20px; }
.banner { border:1px solid #a9a699; margin-bottom:20px; }
.banner2 { border:1px solid #a9a699; margin:0 auto 20px; width:600px; }
.banner .d-left { padding:10px 20px; width:314px; border-right:1px solid #a9a699; background:url(../images/banner-left-bg.jpg) no-repeat; height:318px; }
.banner h2 { }
.banner p { font-size:15px; color:#000; }

.banner .d-right { padding:3px; }
#ui0 { background:#000; }

.content { }

.mission { position:relative; }
.mission p { margin-top:10px; font-size:18px; color:#2D8000; }
.mission ul { margin-top:15px; width:450px; }
.mission li { font-size:15px; font-family:Arial; padding:10px 0 10px 20px; background:url(../images/arrow.gif) left center no-repeat;}
.mission img { position:absolute; top:105px; right:20px; }

.contact { padding-top:10px; }
.contact h2 { background:url(../images/contact.jpg) left center no-repeat; padding-left:45px; padding-top:5px; }
.contact p { padding-left:45px; font-size:12px; margin-bottom:5px; }

.special-box { margin-top:3px; }
.special-box .head { background:url(../images/specialty-bg.jpg) left top no-repeat; width:231px; height:40px; border-right:1px solid #dadfa7; border-left:1px solid #dadfa7; border-top:1px solid #dadfa7; }
.special-box .head h2 { color:#FFF; padding:7px 5px 7px 40px; margin:0; font-size:16px; }
.special-box .contents { background:url(../images/specailty-content.jpg) no-repeat; width:233px; height:509px; }
.special-box .contents ul { padding:20px; }
.special-box .contents ul li { border-bottom:1px solid #d7d6be; font-size:12px; padding:5px 10px; font-family:Arial; font-size:13px; }
.special-box .contents ul li.last { border:none; }

.contact-box { margin-top:3px; }
.contact-box .head { background:url(../images/specialty-bg.jpg) left top no-repeat; width:231px; height:40px; border-right:1px solid #dadfa7; border-left:1px solid #dadfa7; border-top:1px solid #dadfa7; }
.contact-box .head h2 { color:#FFF; padding:7px 5px 7px 40px; margin:0; font-size:16px; }
.contact-box .contents { background:url(../images/contact-box-bg.jpg) left top no-repeat; width:207px; height:414px; padding:13px; }

.input-box { margin-bottom:10px; }
.input-box label { font-size:12px; font-weight:normal; }
.input-text { width:204px; height:18px; border:1px solid #6ca701; margin-top:5px; padding:3px 0; }


.right-navi { background:url(../images/right-navi.jpg) no-repeat; width:233px; height:115px; margin-bottom:20px; padding:15px 0;  }
.right-navi li { margin-bottom:10px; padding:0 10px; height:23px; }
.right-navi li.active { background:url(../images/right-navi-active.jpg) repeat-x; height:23px; border-right:1px solid #dedaf2; border-left:1px solid #dedaf2; } 
.right-navi a { background:url(../images/arrow.gif) left center no-repeat; padding-left:15px; text-decoration:none; font-size:12px; color:#4838a2; text-transform:uppercase; font-weight:bold; }

.othercontent { background:#f9f8cd url(../images/content-bg.jpg) repeat-x; border:1px solid #DADFA7; }
.othercontent h2 { color:#2D8000; background:url(../images/mission-head-bg.png) left bottom no-repeat; padding-bottom:5px; }
.othercontent p { font-size:15px; color:#000; margin-bottom:10px; }
.othercontent li { margin:5px 0; }
.othercontent a { color:#0000ff; }
.button-set { text-align:right; margin-top:20px; }
.corner { background:url(../images/content-corner.gif) right top no-repeat; padding:10px 20px; width:664px; }

.inter-content { min-height:300px; padding:5px 20px; }
.inter-content p { margin-bottom:10px; }

.solutions-content .corner { width:923px; }
.solutions-content h2 { color:#2D8000; padding-bottom:5px; font-size:20px; border-bottom:1px solid #d6d6d6; background:none; }

.footer { background:#294b17; }
.footer-container { width:984px; margin:0 auto; padding:20px 10px; background:url(../images/footer-bg.jpg) repeat-x; }
.footer-container ul { display:inline; }
.footer-container ul li { display:inline;  float:left; padding:0 5px; color:#9e9f45; }
.footer-container ul li a{ text-decoration:none; font-size:12px; color:#a1b099; font-family:Arial; }
.footer-container p { margin-top:30px; font-family:Arial; color:#a1b099; font-size:12px; padding-left:5px; }
.footer-container img { margin-right:20px; }

 
.secondary{padding:15px 50px 20px 50px;} 
.secondary ul{float:none; padding:5px 0 10px 25px; margin:0; list-style-type:disc}
.secondary ul li{float:none; padding:0 0 10px 0; margin:0;}
 
#family{list-style-type:none; }
#family li{padding:5px 0 5px 0;}
#family li li{font-style:italic; }
#family li li li{font-style:normal; border-bottom:1px dotted gray;}
#family ul{padding:0 0 0 20px;}
#family ul ul{padding: 0 0 0 20px !important;}

 
.peoples { margin-bottom:10px; }
.peoples .photo { float:left; width: 157px; margin-right:10px; }
.peoples .photo img { width:157px; height:206px; }
.peoples .infos { float:left; width:480px; }
.peoples .infos a { color:#0000ff; }
  
.whoweare { background:url(../images/whoweare.jpg) 0 0 no-repeat; padding-left:120px; }
.overview { background:url(../images/overview.gif) 0 0 no-repeat; padding-left:129px; }

.single-contact { background:url(../images/single-contact.gif) 0 40px no-repeat; padding-left:283px; }
.recycling { background:url(../images/recycling.gif) right 100px no-repeat; padding-right:252px; }
.frans-city { background:url(../images/frans-city.gif) 0 0 no-repeat; padding-left:137px; }
.equipement { background:url(../images/equipment.gif) right bottom no-repeat; padding-right:259px; }
.cam { background:url(../images/cam.gif) right bottom no-repeat; padding-right:132px; }

.resource a { color:#0000ff; }

.left-item{float:left; margin:0 20px 10px 0;}
.right-item{float:right; margin:0 0 10px 20px;}
.clr{clear:both;}

#list-cols ul{float:left; width:45%; margin-left:20px; list-style-type:square; }
#specialized-contact{width:200px; float:right; border:1px solid #D6D6D5; background:white; padding:10px; float:right; line-height:150%; text-align:center; margin:0 15px 20px 20px;}
.services-list, .approach-img{ margin-left:20px; list-style-type:square !important;}
.services-list li, .approach-img li{padding-bottom:10px; font-size:12px; }