/*global css*/
*{margin:0; padding:0;}
body{margin:0; padding:0; font-size:13px; background:#AFAF97; color:#fff;}
p,h1,h2,h3{margin:0; padding:0; }
img{margin:0; padding:0; border:0;}
ul,li{margin:0; float:left; list-style-type:none;}
a{color:#fff; text-decoration:none;}
a:hover {color:#ff0;text-decoration:underline;}
h1{font-size:25px; font-weight:bold;}
h2{font-size:20px; font-weight:bold;}
h3{font-size:14px; font-weight:bold;}

/*current css*/
.clear{line-height:0px; height:0px; font-size:0px; overflow:hidden;}
.space{line-height:0px; font-size:0px; height:8px; clear:both;}

/*top css*/
#top{margin:0 auto; width:778px;}
#top .tu{float:left;}
#prod{margin:0 auto; width:778px;}
#prod .tu2{float:left; background:#3C4E64;}
#prod .tu2-di{float:left; background:url(images/product-di.gif) repeat-x #3C4E64; width:317px; height:70px;}

/*mainbody css*/
#main{margin:0 auto; width:778px;}
#main .cont{float:left; width:778px; background:url(images/body-di.gif) repeat-y;}
.left{float:left; width:180px; padding:2px 12px 0px 7px; background:url(images/item-di.gif) repeat-y; height:500px;}
.left li{float:left; width:135px; padding-left:45px; height:28px; padding-top:12px; background:url(images/item.gif) no-repeat; font-weight:bold;}
.left2 .curr{color:#FF0;}
.right{float:right; width:508px; padding:0px 35px;}
.right .tt{float:left; width:496px; background:url(images/tt-di.gif) no-repeat left bottom;}
.right .tt li{float:left; padding:0px; padding:8px 4px 0px 4px; height:23px;}
.right .tt .curr2{ color:#FFFF99;}
.right .title{float:left; width:496px; font-size:14px; font-weight:bold; color:#FFCC00; padding-top:30px;}
.right .info{float:left; width:496px; line-height:24px; padding:15px 0px; color:#c9c9c9;}


/*bottom css*/
#bott{margin:0 auto; width:778px;}
#bott .bottom{float:left; width:778px; height:32px; padding-top:20px; text-align:center; color:#000; background:#CC6601;}