@charset "utf-8";
body{font-size: 12px;font-family:  Arial, Helvetica, sans-serif;margin-top: 0px;margin-bottom: 0px;color: #fff; background: url(../img/bg.jpg) 0 0 repeat-x; background-color:#506D2A;}
a {noFocusLine:expression(this.onFocus=this.blur());} 
:focus {-moz-outline-style: none;}
a:link {color: #fff;text-decoration: none;}
a:visited {color: #fff;text-decoration: none;}
a:hover {color: #fff;text-decoration: none;}
a:active {color: #fff;text-decoration: none;}
img{border:0 ;}
#outer{width: 900px;margin: 0 auto; background: url(../img/bg.png) 0 0 repeat-x; background-color:#202020;}
#capability{ width:900px; height:35px; margin-top: 20px;}
#capability ul{list-style-type: none;margin: 0px 0px 0px 0px; padding: 0px;}
#capability li{float: left; }
#capability li a {display: block;text-indent: -3000px;font-size: 1px;}
#capability li.home a {width: 150px;height: 35px;background: url(../img/home.jpg) 0 0px;}
#capability li.home a:hover{background: url(../img/home.jpg) 0 35px;}
#capability li.about a {width: 142px;height: 35px;background: url(../img/about.jpg) 0 0px;}
#capability li.about a:hover{background: url(../img/about.jpg) 0 35px; }
#capability li.products a {width: 159px;height: 35px;background: url(../img/products.jpg) 0 0px;}
#capability li.products a:hover{background: url(../img/products.jpg) 0 35px; }
#capability li.contact a {width: 150px;height: 35px;background: url(../img/contact.jpg) 0 0px;}
#capability li.contact a:hover{background: url(../img/contact.jpg) 0 35px; }
#capability li.guestbook a {width: 152px;height: 35px;background: url(../img/guestbook.jpg) 0 0px;}
#capability li.guestbook a:hover{background: url(../img/guestbook.jpg) 0 35px; }
#capability li.link a {width: 146px;height: 35px;background: url(../img/link.jpg) 0 0px;}
#capability li.link a:hover{background: url(../img/link.jpg) 0 35px; }




#secondarycontent{width:872px;margin-left: 28px;}
#secondarycontent_2{width:844px;background: url(../img/06.png) 0 0 repeat-x; background-color:#1D1D1D;}
#secondarycontent #secondarycontent_2 .left{  float:left; width: 200px;padding-left: 30px;}

#secondarycontent #secondarycontent_2 ul{list-style-type: none;margin: 0px 0px 0px 20px; padding: 0px;}
#secondarycontent #secondarycontent_2 li{float: left; }
#secondarycontent #secondarycontent_2 li a {display: block;}
#secondarycontent #secondarycontent_2 li.categories a {width: 120px;height: 19px;background: url(../img/08.gif);padding: 10px 0px 0px 20px;}
#secondarycontent #secondarycontent_2 li.categories a:hover{background: url(../img/09.gif);}
#secondarycontent #secondarycontent_2 li.categories_c a{width: 120px;height: 29px;background: url(../img/09.gif);}
#secondarycontent #secondarycontent_2 .right{ float:right; width: 600px;color: #000;}
#secondarycontent #secondarycontent_2 .right a:link {color: #000;text-decoration: none;}
#secondarycontent #secondarycontent_2 .right a:visited {color: #000;text-decoration: none;}
#secondarycontent #secondarycontent_2 .right a:hover {color: #000;text-decoration: none;}
#secondarycontent #secondarycontent_2 .right a:active {color: #000;text-decoration: none;}
#secondarycontent #secondarycontent_2 .right .pic{ float:right; padding-right: 40px; }
#secondarycontent #secondarycontent_2 .right .name{ width: 500px;height: 26px; margin: 10px 0px 20px 50px;font-size: 24px;font-weight: bold;}
#secondarycontent #secondarycontent_2 .left .strap{ float: left; margin-top: 20px;}
#bottom{ width: 844px; clear : both; }
#title{ width:900px; height:360px;}
#text{ width:900px; height:372px;}
#base{ width: 830px;  padding: 10px 0px 0px 70px; color: #fff;}
.textarea_a{background: #efefef;border: 1px solid #ccc;}
.text_s{ font-size: 16px;color:#7DA91F;font-weight: bold;}
.text_a{color:#fff;}
input.groovybutton{ width:79px; height:18px; background: url(../img/11.png) 0 0 repeat-y;border-style:none;
}