/* CSS Document */
*{ font: normal 12px/170% "??",Arial;color:#555; padding:0; margin:0;}
img{border:none;}
a{ text-decoration:none;}
a:hover{ color:#FF0000; text-decoration:none;}
botton{ cursor:pointer;}
input{ background:none;}
ul,ol,dl{ list-style:none;}

body{ background-color:#fff; text-align:center;}
#top,#middle,#bottom_bottom,#center_all{ width:950px; margin:0 auto; padding:0;}

#top_top{ width:950px; margin:0 auto;}
#top_top_left{float:left; width:23px; height:51px; background:url(../images/top_left.gif) no-repeat;}
#top_top_middle{ float:left; width:900px; height:49px; margin-left:2px; background:url(../images/top_middle.gif) repeat-x; }
#top_top_right{ float:right; width:23px; height:51px; background:url(../images/top_rigth.gif) no-repeat;}

#top_middle{  width:950px; display:block; margin:0 auto;margin-top:-5px;background:url(../images/background2.gif) repeat-y;}
#top_middle_center{ width:900px; height:140px; margin:0 auto; background:url(../images/top_middle_center_bg.jpg) repeat-x;}
#top_logo{ float:left;width:224px; height:66px; display:block; margin-top:10px; margin-left:5px;}
#top_flash{float:left; width:530px; margin-top:0px;}
#top_right_menu{ float:right; margin:10px 15px 0 0;  font-family:Arial, Helvetica, sans-serif; }
#top_right_menu a{font-weight:bold; color:#0000FF;}
#top_menu{ float:left; width:900px; margin:25px 0 0 0px; }
#top_tu{ width:900px; margin:0 auto; height:150px; margin:5px 0 0 0 ;}

.text{float:right; text-align:left; width:500px;}

.middle_left{ float:left;width:532px; margin:16px 0 0 18px;}
.middle_left.title{float:left; width:532px; }
.middle_left.title.title_samples{ float:left; width:84px; height:25px; background: url(../images/samples_title.gif) no-repeat;}
.partner_title{ float:left; width:84px; height:25px; background: url(../images/partner_title.gif) no-repeat;}
.middle_left.title.samples_jj{float:right; text-align:center; width:160px; margin-top:7px;  background:url(../images/samples_jj.gif) no-repeat 50px 5px;}
.middle_left.title.samples_bg{ float:left; width:531px; height:13px; margin-top:3px; background:url(../images/samples_bg.jpg) no-repeat;}
.middle_left.samples_center{ float:left; width:532px; margin:12px 0 0 0; text-align:left;}
.middle_left.samples_center img{float:left; margin-right:7px; border:1px solid #EEEEEE; padding:2px;}
.middle_left.samples_center h1{float:left; width:400px; font-size:14px; background:url(../images/jj.jpg) no-repeat 0 7px; padding-left:22px;}
.middle_left.samples_center h1 a{ font-size:12px;font-weight:bold; }
.middle_left.samples_center h1 a:hover{ font-size:12px; text-decoration:underline;color: #333333;}
.middle_left.samples_center p{ float:left;color:#666; font-size:12px; text-indent:0em;}
.middle_left.samples_center p a{ color: #FF0000;}
.middle_left.samples_center p a:hover{ font-size:12px; text-decoration:underline; color: #FF6600;}
.middle_left.partner{ float:left; width:532px; margin:5px 0 0 0 ;} 
.middle_left.partner.divimg{ float:left; margin-left:4px; margin-top:10px;}
.middle_left.partner a{float:left; border:1px solid #EEEEEE; padding:2px;}
.middle_left.partner a:hover{float:left; border:1px solid #E9DF9C;}
.middle_left_bottom{ float:left; margin-top:18px;}

#middle_right{ float:left;width:322px; margin:43px 0 0 22px;}
#middle_right.repoet{ float:left; width:322px; height:141px;}
.bott_center{ float:left;width:322px; margin-top:10px;}
.bott_center_top{float:left; width:322px; background:url(../images/bottom_top.jpg) no-repeat;}
.bott_center_middle{float:left; width:322px; margin-top:-10px;background:url(../images/bottom_middle.jpg) repeat-y;}
.bott_center_middle img{float:left; margin:15px 0 0 15px;}
.bott_center_middle ul{ float:left; width:280px; height:178px; margin:12px 0 0 12px; text-align:left; border-bottom:1px dotted #CCCCCC; padding-bottom:5px;}

.bott_center_middle li a{ float:left; width:200px; margin-bottom:2px; margin-top:0px; background:url(../images/jj2.gif) no-repeat 0 7px; padding-left:15px;}
.bott_center_middle span{float:right; width:60px;}

#iso{ float:left; width:270px; margin:13px 0 0 20px; padding-bottom:15px;}
#iso img{ float:left; margin:10px 10px 0 6px;}
.bott_center_bottom{ float:left; width:322px; background:url(../images/bottom_bottom.jpg) no-repeat;}

#bottom{ width:900px; margin:0 auto; height:80px; margin-top:15px; background:url(../images/bottom_bg.jpg) repeat-x;}
#bottom2{ width:900px; margin:0 auto; height:30px; margin-top:5px; background:url(../images/bottom_bg.jpg) repeat-x;}
#bottom_text{ width:900px; text-align:center; margin-top:19px;}
#bottom_text p{ font-size:9px;color:#666; line-height:130%;}
#bottom_bottom_left{ float:left;width:23px; height:27px; background:url(../images/bottom_left.gif) no-repeat;}
#bottom_bottom_middle{ float:left; width:900px; margin:0 0 0 2px; background:url(../images/bottom_middle_bottom.gif) repeat-x;}
#bottom_bottom_right{ float:right; width:23px; height:27px; background:url(../images/bottom_right.gif) no-repeat;}

 /*get rid of the IE bug that prints the the end of the !doctype */
.menu {display:none;}
.holder {color:#000; width:103px; height:18px; display:block; background:#dca; border:1px solid #000; margin-right:1px; text-align:center; float:left; text-decoration:none; font-family:tahoma, vardana, arial, sans-serif; font-size:14px; line-height:18px; font-weight:bold; overflow:hidden;}
.holder:hover {height:auto; cursor:pointer;color: #FF0000; background:#000;}
a.inner, a.inner:visited {display:block; width:103px; height:18px; border-bottom:1px solid #000; text-decoration:none; color:#000; background:#eee;}
a.inner:hover {background:#add;}
p { color:#000; font-size:16px;}


<!--[if IE]>

 /*<![CDATA[*/ 
.holder {display:none;}
.menu {display:block;}
.outer, .outer:visited {color:#666; width:150px; height:35px; display:block; background:#dca;margin-right:0px; text-align:center; float:left; text-decoration:none;  font-size:14px; line-height:35px; overflow:hidden;background:url(../images/menu_tt.jpg) no-repeat;}
a.outer:hover { background:#000; overflow:visible;background:url(../images/menu_1.jpg) no-repeat; color:#FF0000;}
a.outer:hover table { display:block; background:#eee; border-collapse:collapse;position:absolute;margin-left:-103px;margin-top:25px;}

a.inner, a.inner:visited {display:block; width:142px; height:25px; border-bottom:1px solid #757575; text-decoration:none; color:#666;font-family:tahoma, vardana, arial, sans-serif; font-size:12px; text-align:left; padding-left:5px; }
a.inner:hover {background:#add;}


.outer2, .outer2:visited {color:#666; width:150px; height:35px; display:block; background:#dca;margin-right:0px; text-align:center; float:left; text-decoration:none;  font-size:14px; line-height:35px; overflow:hidden;background:url(../images/menu_tt.jpg) no-repeat;}
a.outer2:hover { background:#000; overflow:visible;background:url(../images/menu_1.jpg) no-repeat; color:#FF0000;}
a.outer2:hover table { display:block; background:#eee; border-collapse:collapse;position:absolute;margin-left:-109px;margin-top:25px;}
a.inner2, a.inner2:visited {display:block; width:142px; height:25px; border-bottom:1px solid #757575; text-decoration:none; color:#666;font-family:tahoma, vardana, arial, sans-serif; font-size:12px; text-align:left; padding-left:5px; }
a.inner:hover {background:#add;}
 /*]]>*/

<![endif]-->