@charset "utf-8";
/* CSS Document */

body{margin:0px auto; font-family:Arial, Helvetica, sans-serif; font-size:12px; background-color:#4C4D4F; background:url(images/1.jpg) center top repeat;  color:#fff;}

p, div, h1, h2, h3 {margin:0px auto; padding:0; line-height:22px;}
img{border:0px;}
p{margin:0px 0px 8px; font-size:12px; font-weight:normal; color:#CCC}
#outer-div{width:100%; float:left; margin:0px auto; height:auto;}
#inner-div{width:980px; margin:0px auto; height:auto; padding:0px 0px; }
/*#inner-div_2{float:left; width:100%; background:url(images/1.jpg) repeat; padding:0px 0px 0px 0px;  }*/

#top-logo-div{float:left; height:95px; padding-top:7px;}

#top-link-div{float:right; width:30%; height:38px;}
#top-link-div ul{margin:10px 0px 0px; padding:0; list-style:none;}
#top-link-div ul li{float:right; margin:0px 10px 0px 0px; padding:0; list-style:none; color:#CCC; width:auto;}
#top-link-div ul li a{float:right; color:#FFF; text-decoration:none; padding:5px 5px;}
#top-link-div ul li a:hover{float:right; text-decoration:none; color:#000; background-color:#FFF; border-bottom:4px #900 solid;}

#banner{float:left; clear:left; width:99%; height:150px; position:relative; background:url(images/home-banner.jpg); margin-bottom:7px; }
#inner-banner{float:left; clear:left; width:100%; height:50px; position:relative;}

#cont-home{float:right; width:78%; height:auto; padding:7px 1% 0px 2%; border-left:1px #999 dotted;}


#cont-left-contact{float:left; clear:left; width:55%; height:auto; padding:7px 1%;}
#cont-left-contact h5{font-size:16px; line-height:30px; margin:0; margin-bottom:8px;}

#cont-left{float:left; clear:left; width:17%; height:auto; padding:7px 0% 7px 0%;}
#cont-left h5{font-size:16px; line-height:30px; margin:0; background:#900; padding-left:5px; margin-bottom:8px;}
#cont-left p{line-height:20px;}
#cont-left ul { margin:0px; padding:0px; }
#cont-left ul li { margin:0px; padding:0px; margin-bottom:8px; border-bottom:1px #999 dotted; }
#cont-left ul li a{ color:#FFF; text-decoration:none; line-height:14px; }
#cont-left ul li a:hover{ color:#F60; text-decoration:none; line-height:14px; }


#cont{float:left; clear:left; width:98%; height:auto; padding:7px 1% 0px 0%;}


#cont-right-contact{clear:none; float:right; width:40%; height:auto; padding:7px 0px 0px 0px; text-align:left;}
#cont-right-contact h3{ color:#FFF; font-size:16px; }
#cont-right-contact img{float:left; padding-right:8px;}
#cont-right-contact p{line-height:22px; margin-top:7px; color:#CCC;}
#cont-right-contact form{margin:0;}
#cont-right-contact .textfield{width:98%;}

#cont-right .list{float:right; padding:4px 1%; width:98%; background-color:#000; margin-bottom:5px;}
#cont-right .list a{color:#FFF; text-decoration:none;}
#cont-right .list a:hover{text-decoration:underline;}



#cont-right{float:left; width:44%; height:auto; padding:7px 0% 0px 0%; text-align:left;}
#cont-right h3{ color:#FFF; font-size:16px; }
#cont-right img{float:left; padding-right:8px;}
#cont-right p{line-height:22px; margin-top:7px; color:#CCC;}
#cont-right form{margin:0;}
#cont-right .textfield{width:98%;}

#cont-right .list{float:right; padding:4px 1%; width:98%; background-color:#000; margin-bottom:5px;}
#cont-right .list a{color:#FFF; text-decoration:none;}
#cont-right .list a:hover{text-decoration:underline;}
h1, h2{margin:0px 0px 12px 0px; line-height:28px;}
a.readmore{color:#9F0; text-decoration:none;}
a:hover.readmore{color:#FF0; text-decoration:underline;}


#pro1, #pro2, #pro3, #pro4, #pro5, #pro6, #pro7, #pro8, #pro9, #pro10, #pro11, #pro12, #pro13, #pro14, #pro15, #pro16, #pro17, #pro18, #pro19, #pro20{float:left; margin:0px 0px 60px 35px; padding:8px 8px 8px 8px; background:#FFF; border:2px #000 solid; position:relative;}
#pro1.newline, #pro2.newline, #pro3.newline, #pro4.newline, #pro5.newline, #pro6.newline, #pro7.newline, #pro8.newline, #pro9.newline, #pro10.newline, #pro11.newline, #pro12.newline, #pro13.newline, #pro14.newline, #pro15.newline, #pro16.newline, #pro17.newline, #pro18.newline, #pro19.newline, #pro20.newline{float:left; clear:left; margin:0px 0px 55px 0px;}
#pro1, #pro2, #pro3, #pro4, #pro5, #pro6, #pro7, #pro8, #pro9, #pro10, #pro11, #pro12, #pro13, #pro14, #pro15, #pro16, #pro17, #pro18, #pro19, #pro20 img{width:180px; height:180px; border:0;}

#bottom{ float:right; clear:left; width:98%; height:18px; padding:7px 1% 7px 1%; background:url(images/bottom-back.jpg) repeat-x; color:#000; text-align:center;}
#blk{position:absolute; top:0; left:0; width:209px; height:216px; background:#000; visibility:hidden;}
#detail{ float:left; clear:both; width:96%; height:auto; text-align:center; padding:7px 3px 12px; font-size:12px; color:#FFF; margin:0; line-height:18px; }
#detail.last{ padding:14px 3px 0px; }


table.tabborder { float:left; width:100%; border-collapse:collapse; border:2px #FFF solid; margin:10px 0px; }
table.tabborder thead tr th { border-right:1px #000 solid; border-bottom:1px #000 solid; font-size:13px; background-color:#069; padding:2px 6px; color:#FFF; }
table.tabborder tbody tr td { border-right:1px #000 solid; border-bottom:1px #000 solid; font-size:12px; background-color:#EBEBEB; color:#000; }


.others{float:right; padding:7px 1%; background:#900; width:150px; clear:both; text-align:center; margin-bottom:10px;}
.others a{ color:#FFF; text-decoration:none; font-size:16px; font-weight:bold; }


.prolink{background:#900; color:#FFF; font-size:14px; padding:4px 4px; font-weight:bold; width:90%; margin:auto 0px;}
.prolink a{ color:#FFF; text-decoration:none; }
.prolink a:hover { color:#FC0; }

.whiteline{float:left; height:5px; border-bottom:2px #FFF solid; width:100%;}