@charset "utf-8";
/* CSS Document */

body { margin:0; background:#7aa133 url(../images/bg_page.gif) repeat-x top left; font-family:Arial, Helvetica, sans-serif; }

#container { width:900px; text-align:left }

#header { height:421px; position:relative; overflow:hidden; background:url(../images/header.jpg) no-repeat top left; }
#header .slogan { position:absolute; top:50px; left:0}
#header .slogan h1 { font-size:18px; color:#00aeef; text-indent:-9000px }
#header .slogan2 { position:absolute; top:165px; left:20px}
#header .slogan2 h2 { font-size:14px; color:#00aeef; color:#362f2d; font-weight:normal; line-height:28px; letter-spacing:0.5px }
#header .slogan2 h2 span { color:#00aeef; font-weight:bold }
#header .topMenu { position:absolute; top:30px; right:5px; width:590px; }

#mainContent { text-align:left }
#mainContent .titleBar { background:url(../images/dot.gif) repeat-x bottom left; position:relative; height:40px; } 
#mainContent .titleBar .titleText { width:210px; height:18px; position:absolute; top:11px; left:20px; }
#mainContent .titleBar .titleText h2 { color:#477846; font-size:14px; line-height:18px; text-indent:-9000px; }
#mainContent .titleBar .menu { position:absolute; top:11px; right:5px; width:590px; }

#mainContent div.itemContainer { margin:17px 0 }
#mainContent div.item { background:#a2bd71; padding:5px; width:203px; float:left; margin:0 16px 16px 0 ;  position:relative } 
#mainContent div.itemLast { background:#a2bd71; padding:5px; width:203px; float:left; margin:0 0 16px 0; } 
#mainContent div.item .itemDesc h2, #mainContent div.itemLast .itemDesc h2 { font-size:12px; color:#25201e; line-height:14px; margin:3px 0; font-weight:bold }
#mainContent div.item .itemDesc p, #mainContent div.itemLast .itemDesc p { font-size:9px; color:#3e3633; line-height:11px; margin:0; font-weight:normal }
#mainContent div.item .itemDesc a, #mainContent div.itemLast .itemDesc a { color:#2a4727; text-decoration:none }
#mainContent div.item .itemDesc a:hover, #mainContent div.itemLast .itemDesc a:hover { color:#396235; text-decoration:none }
#mainContent .description { width:203px; height:60px; position:absolute; left:5px; top:79px; background:url(../images/bg_description.png) no-repeat top left; }
#mainContent .description h2 { font-size:12px; color:#FFFFFF; line-height:14px; margin:3px 0; font-weight:normal }

#footer { background:#736357 url(../images/bg_footer2.jpg) repeat-x top left; text-align:center; width:100%}
#footer .footerInner { height: 385px; width:900px; background:url(../images/bg_footer.jpg) no-repeat top left; position:relative }
#footer .footerInner .box1 { position:absolute; width:405px; left:20px; top:150px; text-align:left }
#footer .footerInner .box1 h2 { line-height:17px; color:#7aa133; text-indent:-9000px; background:url(../images/title_whatwedo.gif) no-repeat top left; margin: 10px 0 15px 0; }
#footer .footerInner .box1 ul { margin:0; padding:0 }
#footer .footerInner .box1 ul li { font-size:12px; color:#FFFFFF; line-height:15px; margin:11px 0; list-style:none; background:url(../images/bullet.gif) no-repeat 0 5px; padding-left:17px }

#footer .footerInner .box2 { position:absolute; width:200px; left:435px; top:150px; text-align:left }
#footer .footerInner .box2 h2 { line-height:17px; color:#7aa133; text-indent:-9000px; background:url(../images/title_contactus.gif) no-repeat top left; margin: 10px 0 15px 0; }
#footer .footerInner .box2 ul { margin:0; padding:0 }
#footer .footerInner .box2 ul li { font-size:12px; color:#FFFFFF; line-height:15px; margin:11px 0; list-style:none; padding-left:17px }
#footer .footerInner .box2 ul li span { color:#c7b299; font-weight:bold }

#footer a { color:#FFFFFF; text-decoration:underline }
#footer a:hover { color:#c7b299; text-decoration:underline }

a.button,a.button_active{
background: none; 
display: block;
float: right;
height: 21px;
margin-left: 15px;
padding-right: 8px;
text-decoration: none;
color: #7aa133;
font-size:13px;
font-weight:bold
}
a.button:hover, a.button_active { text-decoration:none; color:#FFFFFF; background:transparent url('../images/btn_right.png') no-repeat scroll top right}
a.button span, a.button_active span {
background: none; 
display: block;
line-height: 13px;
padding: 4px 0 4px 8px;
}
a.button:hover span, a.button_active span { background: transparent url('../images/btn_left.png') no-repeat; }


a.button2,a.button2_active{
background: none; 
display: block;
float: right;
height: 21px;
margin-left: 15px;
padding-right: 8px;
text-decoration: none;
color: #3a6339;
font-size:13px;
font-weight:bold
}
a.button2:hover, a.button2_active { text-decoration:none; color:#FFFFFF; background:transparent url('../images/btn2_right.png') no-repeat scroll top right}
a.button2 span, a.button2_active span {
background: none; 
display: block;
line-height: 13px;
padding: 4px 0 4px 8px;
}
a.button2:hover span, a.button2_active span { background: transparent url('../images/btn2_left.png') no-repeat; }