@import url(../css/reset.css);
html { height:100%; font-size:1em }
body { position:relative; font:12px/1.4 Verdana, Arial, Helvetica, sans-serif; min-height:100%; height:auto !important; height:100%;background:#eaefe9; min-width:960px }

#page { padding:40px 0 0; position:relative; z-index:5; }
#page, #footer .box { max-width:1120px; min-width:880px; margin:0 40px; }

a { color:#005604; text-decoration:underline }
a:hover { color:#2a4aa9; text-decoration:underline }

h1 { font-size:24px; font-weight:normal; color:#009800; margin:.8em 0 -.2em; line-height:1.2; position:relative; top:-.2em  }
h2 { font-size:18px; font-weight:normal; color:#037f00; margin:.8em 0 .5em; line-height:1.2  }
h3 { font-size:14px; font-weight:normal; color:#005604; margin:.8em 0 .5em; line-height:1.2; font-weight:bold; color:#565656  }

q, blockquote { quotes:none !important; font-style:italic; font-family:Georgia, "Times New Roman", Times, serif }
q:before, q:after,blockquote:before, blockquote:after { content:"" }
blockquote { font-size:1.2em; padding-left:1em; margin:1em 0 }

p { margin:1em 0 }

table { margin:.7em 0 }
//table { margin:.7em 0; width:auto }
th { vertical-align:middle }
th,td { border:1px solid #e0e0e0 }
//th,td { border:1px solid #FFFFFF }

ul { overflow:visible; margin:1em 0; padding-left:1.5em }
ul ul { margin:0 }
li { margin:0 0 }

img { font-size:0 }
#content img {margin-right:20px;margin-bottom:10px}

#header { height:226px; width:288px; color:#6F6F6F; font-size:11px; position:relative }
#header .contact { text-align:right; padding-left:120px; margin:20px 0 20px; font-size:20px }
#header .contact .line { width:160px; height:1px; overflow:hidden; background:#cccccc; display:block; position:absolute; left:-40px }
#header .contact address { font-style:normal; font-size: 12px }

#logo { margin-bottom:40px }

#main { position:relative; padding-bottom:120px }

#nav { width:288px; float:left; position:relative; z-index:10 }
#nav .box { margin-top:40px }

#nav .menu { overflow:visible; margin:0; padding:0; font-size:12px; float:left; width:104px }
#nav .menu li { list-style:none; margin:0; position:relative; text-transform:uppercase; margin:0 0 2px; color:#5b605b  }
#nav .menu a, .footer-menu a { text-decoration:none; color:#5b605b }
#nav .menu a:hover, .footer-menu a:hover { text-decoration:underline }
#nav .menu li.active, .footer-menu li.active { color:#fff }
#nav .menu li.active a, .footer-menu li.active a { color:#fff; text-shadow:0 0 10px #009900 }

#nav .submenu { margin-left:18px; text-transform:uppercase; font-size:10px; width:156px; font-family:Tahoma, Arial, Helvetica, sans-serif }
#nav .submenu .line { width:1px; height:30px; position:absolute; left:118px; top:0; background:#fff; overflow:hidden }
#nav .submenu ul { padding:0; margin:0 0 .8em; }
#nav .submenu li { list-style:none; color:#5b605b  }
#nav .submenu li a { color:#5b605b; text-decoration:none }
#nav .submenu li a:hover { color:#5b605b; text-decoration:underline }
#nav .submenu li.active, #nav .submenu li.active a, #nav .submenu li.active a:hover { color:#fff; text-shadow:0 0 10px #009900 } 
//#nav .submenu li.active .l { height:1px; width:40px; position:absolute; right:-42px; margin-top:.6em; background:#fff; overflow:hidden }

/*#nav .menu .sub:hover { background:#009800; padding-left:5px; left:-5px; padding-right:15px }
#nav .menu .sub:hover a, #nav .menu .sub:hover a:hover { color:#fff }
#nav .menu .sub:hover ul { display:block }
#nav .menu ul { position:absolute; left:100%; top:0; display:none; background:#009800; padding:3px 10px; font-size:12px; width:100px }
#nav .menu ul li { padding:2px 0 }*/

#content { width:100%; float:left; position:relative; left:100%; margin-left:-100%; min-height:530px; height:auto !important; height:530px }
#content .box { margin-top:40px; margin-left:374px }

.footer-menu {  margin:0 0 10px; z-index:20; top:10px; left:0; color:#5b605b; font-size:12px; text-transform:uppercase; padding:0; text-align:right; word-spacing:10px }
.footer-menu li { display:inline } 
.footer-menu li a {white-space:nowrap; word-spacing:normal}
#footer { position:absolute; z-index:100; bottom:0; left:0; width:100%; height:110px; font-size:11px  }
#footer .box { padding-top:12px; margin:0; padding-left:40px; padding-right:40px; border-top:1px solid #fff; position:relative; top:-1px;}
#footer .text { width:288px; float:left }
#footer .counters { float:right; padding-left:20px; letter-spacing:4px }

.clear { display:block; clear:both; overflow:hidden }

#bg { width:100%; height:100%; position:absolute; left:0; top:0; overflow:hidden; z-index:3 }
#bg .bg0 { background:url(../images/bg00.jpg) no-repeat 0 0 }
#bg .bg0a { background:url(../images/bg00a.jpg) no-repeat 0 0 }
#bg .bg1 { background:url(../images/bg01.jpg) no-repeat 0 0 }
#bg .bg2 { background:url(../images/bg02.jpg) no-repeat 0 0 }
#bg .bg3 { background:url(../images/bg03.jpg) no-repeat 0 0 }
#bg .bg4 { background:url(../images/bg04.jpg) no-repeat 0 0 }
#bg .bg5 { background:url(../images/bg05.jpg) no-repeat 0 0 }
#bg .bg6 { background:url(../images/bg06.jpg) no-repeat 0 0 }
#bg .bg7 { background:url(../images/bg07.jpg) no-repeat 0 0 }
#bg .bg8 { background:url(../images/bg08.jpg) no-repeat 0 0 }
#bg .bg9 { background:url(../images/bg09.jpg) no-repeat 0 0 }
#bg .bg10 { background:url(../images/bg10.jpg) no-repeat 0 0 }
#bg .bg11 { background:url(../images/bg11.jpg) no-repeat 0 0 }
#bg .bg12 { background:url(../images/bg12.jpg) no-repeat 0 0 }
#bg .bg13 { background:url(../images/bg13.jpg) no-repeat 0 0 }
#bg .bg14 { background:url(../images/bg14.jpg) no-repeat 0 0 }
#bg .bg15 { background:url(../images/bg15.jpg) no-repeat 0 0 }
#bg .bg16 { background:url(../images/bg16.jpg) no-repeat 0 0 }
#bg .bg17 { background:url(../images/bg17.jpg) no-repeat 0 0 }
#bg .bg18 { background:url(../images/bg18.jpg) no-repeat 0 0 }
#bg .bg19 { background:url(../images/bg19.jpg) no-repeat 0 0 }
#bg .bg20 { background:url(../images/bg20.jpg) no-repeat 0 0 }
#bg .bg21 { background:url(../images/bg21.jpg) no-repeat 0 0 }
#bg .bg22 { background:url(../images/bg22.jpg) no-repeat 0 0 }
#bg .bg23 { background:url(../images/bg23.jpg) no-repeat 0 0 }
#bg .bg24 { background:url(../images/bg24.jpg) no-repeat 0 0 }
#bg .bg25 { background:url(../images/bg25.jpg) no-repeat 0 0 }
#bg .bg-image { height:800px; width:100%; position:absolute; left:0; top:0; z-index:2 }
#bg .bg-image b { background:url(../images/bg-fade.png) no-repeat 0 0; width:100%; height:300px; position:absolute; bottom:0 }
#bgc { width:100%; height:100%; position:absolute; bottom:0; left:0; overflow:hidden }
#bgc i { width:370px; height:100%; background:#b2e0b2; position:absolute; bottom:0; left:0; border-bottom:110px solid #b2e0b2; z-index:2  }
#bgc b { width:1200px; height:100%; background:#fff; left:0; bottom:0; position:absolute; border-bottom:110px solid #b2e0b2   }

table.no-border td, table.no-border th {border:0}
table.text-center td, table.text-center th {text-align:center}