@charset "utf-8";
/* CSS Document */

* {padding:0}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

body { font-family:Tahoma, Arial; font-size:11px; color:#333333 }

#wrapper { width:800px; margin:0 auto}
#logo { height:79px; background:url(images/logo_01.jpg) no-repeat; clear:right}
#menu { height:30px; clear:right;padding-left:15px; background:url(images/menu-bg_02.jpg) repeat-x}

#nav { width:590px;margin-left:0px; list-style:none}
#nav li { height:28px;float:left}

.home a{width:52px; color:#b9292f; height:27px; background:url(images/button_03.jpg) no-repeat; display:block}
.home a:hover{ width:52px; height:27px; background:url(images/button_03.jpg) no-repeat; opacity:.8; display:block}

.about a{width:63px; color:#b9292f; height:27px; background:url(images/button_05.jpg) no-repeat; display:block}
.about a:hover{ width:63px; height:27px; background:url(images/button_05.jpg) no-repeat; opacity:.8; display:block}

.wt a{width:122px; color:#b9292f; height:27px; background:url(images/button_07.jpg) no-repeat; display:block}
.wt a:hover{ width:122px;color:#b9292f; height:27px; background:url(images/button_07.jpg) no-repeat; opacity:.8; display:block}

.other a{width:101px; color:#b9292f; height:27px; background:url(images/button_09.jpg) no-repeat; display:block}
.other a:hover{ width:101px;color:#b9292f; height:27px; background:url(images/button_09.jpg) no-repeat; opacity:.8; display:block}

.contact a{width:74px; color:#b9292f; height:27px; background:url(images/button_11.jpg) no-repeat; display:block}
.contact a:hover{ width:74px;color:#b9292f; height:27px; background:url(images/button_11.jpg) no-repeat; opacity:.8; display:block}

.partner a{width:58px; color:#b9292f; height:27px; background:url(images/button_13.jpg) no-repeat; display:block}
.partner a:hover{ width:58px;color:#b9292f; height:27px; background:url(images/button_13.jpg) no-repeat; opacity:.8; display:block}

.promo a{width:54px; color:#b9292f; height:27px; background:url(images/button_15.jpg) no-repeat; display:block}
.promo a:hover{ width:54px;color:#b9292f; height:27px; background:url(images/button_15.jpg) no-repeat; opacity:.8; display:block}

.testi a{width:71px; color:#b9292f; height:27px; background:url(images/button_17.jpg) no-repeat; display:block}
.testi a:hover{ width:71px;color:#b9292f; height:27px; background:url(images/button_17.jpg) no-repeat; opacity:.8; display:block}

input { padding:3px; border:1px solid #CCCCCC; font-size:11px}
textarea { padding:3px; border:1px solid #CCCCCC; font-family:Tahoma, Arial; font-size:11px}
.button{ color:#FFFFFF; background: #993300; border:none; font-size:11px; font-family:Tahoma, Arial}

#thumb{ list-style:none; min-height:100px; clear:both; margin-top:5px;}
#thumb li {float:left}
#thumb li a img{border:1px solid #CCCCCC; padding:3px; margin-right:5px; margin-bottom:3px; width:100px; height:77px}
#thumb li a:hover img{ border:#333333 1px solid; padding:3px}

.ok {border-top:1px solid #99CC00; background-color: #CCFFCC; height:15px; margin-top:10px; padding:5px;}
.error {border-top:1px solid #FF3399; background-color: #FF99CC  ; height:15px; margin-top:10px; padding:5px;}

h1 { font-family:"Trebuchet MS"; font-size:16px; margin:0; color:#993300}
h2 {font-family:Tahoma, Arial; font-size:14px; text-transform:capitalize}
#content { width:780px;clear:right; }
#content2 { width:780px;clear:right;  line-height:14px; padding:10px}

#footer { margin-top:10px; clear:right}

.navs {list-style:none; margin-right:5px; padding-bottom:20px; padding-left:2px; padding-right:2px}
.navs li {margin-right:5px; float:left}
.navs li a{color:#FF3300; text-decoration:none}
.navs li a:hover{ text-decoration:underline}