html {margin:0px; background:#e3e3e3; width:100%; height:100%;}
body { margin:0px; padding:0px; background: url(../images/bg.gif) repeat top center; width:100%;}
header, section, footer { margin:auto; width:980px; font-family: Arial, Helvetica, sans-serif; letter-spacing:0.1px; color:#000; font-size:12px; line-height:18px; display:block; background-color:#fff; padding:20px 60px;}
nav, div, p, spam, h1, h2, h3, h4, h5, h6, ul, ul li, dl, dt, dd { margin:0px; padding:0px;}
img { border:none #000;}
.hspace { height:20px; display:block; clear:both; margin:auto; width:960px 100%;}
.clear { clear:both;}
a, a:hover, a:link, a:visited, a:active { text-decoration:none;}



header { height:100px;}
.logo {height:110px; width:980px; display:block; background:url(../images/phone-no.png) no-repeat top right;}
nav { width:980px; display:block; text-align:center;}
nav ul, nav ul li { display:inline; list-style:none;}
nav ul li { margin-right:10px;}
nav ul li a { border-top:1px solid #000; text-transform:uppercase; padding:12px 14px; color:#000;}
nav ul li a:hover { color:#09f; border-top:1px solid #09f;}



section { }
.banner { width:980px; height:418px; background-color:#333;}
.body-panel { width:440px; height:auto; padding:15px; margin:20px 10px 0px 10px; float:left;}
.body-panel-bgcolor { background:#f9f9f9;}
.body-panel h1 { font-size:27px; font-weight:normal; width:440px; border-bottom:1px solid #eee; text-align:center; padding:10px 0px; color:#000;}
.body-panel h1 span { font-weight:bold; color:#09f;}
.body-panel p { margin:7px 0px;}
.readmore { color:#09f; float:right;}
.readmore:hover { color:#000; text-decoration:underline !important;}
.white-border { margin:40px -15px 20px -15px; border-top:10px solid #fff;}
.body-panel dl { width:200px; height:auto; margin:10px; float:left; display:block;}
.body-panel dl dt a { color:#000; line-height:30px; font-size:14px;}
.body-panel dl dt a:hover { color:#09f;}
.body-panel .left-panel { width:200px; height:auto; margin:10px; float:left; display:block;}
.left-panel img { width:200px; height:110px;}
.body-panel h2 { width:200px; font-weight:normal; text-align:center; font-size:17px; margin:10px 0px; padding-bottom:5px; border-bottom:1px solid #eee;}
.body-panel h2 span {color:#09f; font-weight:bold;}

.banner1 { width:980px; height:250px; background-color:#fff; display:block;}
.sub-body-panel { width:960px; height:auto; padding:15px 10px 0px 10px;}
.sub-body-panel a { text-decoration:underline; color:#000;}
.sub-body-panel a:hover { color:#09f; text-decoration:none;}
.sub-body-panel h2 {width:100%; font-weight:normal; text-align:left; font-size:17px; margin:0px 0px 15px; padding-bottom:5px; border-bottom:1px solid #eee;}
.sub-body-panel h2 span {color:#09f; font-weight:bold;}
.sub-body-panel h2 span a {color:#09f; font-weight:bold; text-decoration:none;}
.sub-body-panel h2 span a:hover {color:#000; font-weight:bold; text-decoration:none;}
.sub-body-panel h3 {color:#09f; font-weight:bold; font-size:20px;}
.sub-body-panel h3 span {font-size:17px; color:#000;}
.sub-body-panel p { text-align:left; margin:10px 0px;}
.sub-body-panel ul { margin-left:50px;}
.sub-body-panel ul li { padding-left:10px;}
.sub-body-panel ul a { text-decoration:none; line-height:25px;}
.sub-body-panel ul li.active { color:#09f; text-decoration:none; line-height:25px;}
.sub-body-panel dl { width:100%; height:auto; display:block;}
.sub-body-panel dl h4 {margin:20px 0px 10px; font-size:16px; color:#000; margin-bottom:2px; border-bottom:#ccc 1px solid;}
.sub-body-panel dl dt {font-weight:bold; float:left; font-size:13px; padding:3px 20px 3px 0px; background:url(../images/vline.gif) no-repeat right 10px; margin:0px 10px 0px 25px;}
.sub-body-panel dl dd { font-weight:normal;font-size:12px; padding:3px 0px 3px 10px;}


.catalog a {float:left; background:#eee; border:1px solid #666; -webkit-border-radius:15px; -moz-border-radius:15px; -o-border-radius:15px; border-radius:15px; margin:7px 9px 35px 7px; padding:10px 0 0 10px; width:210px; height:130px; display:block; }
.catalog a img { height: 120px; width: 200px; opacity:0.8; filter:alpha(opacity=80); border:1px solid #ccc; -webkit-border-radius:10px; -moz-border-radius:10px; -o-border-radius:10px; border-radius:10px;}
.catalog a:hover img { height: 120px; width: 200px; opacity:1.0; filter:alpha(opacity=100); border:1px solid #999; -webkit-border-radius:10px; -moz-border-radius:10px; -o-border-radius:10px; border-radius:10px;}
.catalog a p { width: 200px; height:30px; text-decoration:none; color:#666; display:block; text-align:center; margin-top:12px; line-height:16px;}
.catalog a:hover p { text-decoration:none; color:#0169ac;}

.sub-body-panel .catalog-left { width:190px; height:auto; margin-right:10px; padding:0px 10px 0px 10px; float:left;}
.catalog-left ul, .catalog-left ul li { display:block; list-style:none; margin:0px !important;}
.catalog-left ul li { background:url(../images/vline.gif) -3px 9px no-repeat; padding: 0 0 0 15px !important;}
.sub-body-panel .catalog-right { float:left; width:740px;}
.catalog-right h5 {text-align:left; font-size:17px; margin:0px 0px 10px; color:#000; text-decoration:underline;}
.catalog-right a { float:left; background:#eee; border:1px solid #666; -webkit-border-radius:15px; -moz-border-radius:15px; -o-border-radius:15px; border-radius:15px; margin:9px; padding:10px 0 0 10px; width:215px; height:232px; display:block; }
.catalog-right a img { height: 222px; width: 205px; opacity:0.8; filter:alpha(opacity=80); border:1px solid #ccc; -webkit-border-radius:10px; -moz-border-radius:10px; -o-border-radius:10px; border-radius:10px;}
.catalog-right a:hover img { height: 222px; width: 205px; opacity:1.0; filter:alpha(opacity=100); border:1px solid #999; -webkit-border-radius:10px; -moz-border-radius:10px; -o-border-radius:10px; border-radius:10px;}


.contact-img { float:right; width:670px; height:370px; background-color:#ccc; display:block;}



footer { text-align:center; color:#999; border-top:5px solid #f1f1f1;}
footer a { color:#666; text-decoration:underline !important;}
footer a:hover { color:#000; text-decoration:none !important; }