@charset "utf-8";
/* CSS Document Design by ZEN */
/* 2010.05.13 16:00 */
@import 'reset.css';
#outmain {width:940px; margin:10px auto; border:1px #CCCCCC solid; padding:20px;}
#header {width:940px; height:68px;}
#header h1 {float:left;}
#header h2 {float:right;}
#navTop {width:930px;  height:29px; padding:10px 5px; margin:10px auto; border-top:1px #CCCCCC solid; border-bottom:1px #CCCCCC solid;}
#navTop li {float:left; padding-right:40px;}
#navTop li a {position:relative;}
#navTop li a:hover {text-decoration:none;}
#navTop li a span {display:none;}
#navTop li a:hover span {display:block; position:absolute; right:-26px; bottom:-5px;}
#navTop li.navHome {width:114px; height:29px;}
#navTop li.navHome a { display:block;width:114px; height:29px; background:url(images/nav_home.gif) left bottom;}
#navTop li.navHome a:hover { display:block;width:114px; height:29px; background:url(images/nav_home.gif) left top;}
#navTop li.navHome a.onPage { display:block;width:114px; height:29px; background:url(images/nav_home.gif) left top;}
#navTop li.navAbout {width:128px; height:29px;}
#navTop li.navAbout a { display:block;width:128px; height:29px; background:url(images/nav_about.gif) left bottom;}
#navTop li.navAbout a:hover { display:block;width:128px; height:29px; background:url(images/nav_about.gif) left top;}
#navTop li.navAbout a.onPage { display:block;width:128px; height:29px; background:url(images/nav_about.gif) left top;}
#navTop li.navService {width:153px; height:29px;}
#navTop li.navService a { display:block;width:153px; height:29px; background:url(images/nav_service.gif) left bottom;}
#navTop li.navService a:hover { display:block;width:153px; height:29px; background:url(images/nav_service.gif) left top;}
#navTop li.navService a.onPage { display:block;width:153px; height:29px; background:url(images/nav_service.gif) left top;}
#navTop li.navCase {width:100px; height:29px;}
#navTop li.navCase a { display:block;width:100px; height:29px; background:url(images/nav_case.gif) left bottom;}
#navTop li.navCase a:hover { display:block;width:100px; height:29px; background:url(images/nav_case.gif) left top;}
#navTop li.navCase a.onPage { display:block;width:100px; height:29px; background:url(images/nav_case.gif) left top;}
#navTop li.navContact {width:191px; height:29px; float:right; padding:0px;}
#navTop li.navContact a { display:block;width:191px; height:29px; background:url(images/nav_contact.gif) left bottom;}
#navTop li.navContact a:hover { display:block;width:191px; height:29px; background:url(images/nav_contact.gif) left top;}
#navTop li.navContact a.onPage { display:block;width:191px; height:29px; background:url(images/nav_contact.gif) left top;}
#navTop li.navContact a:hover span {display:block; position:absolute; left:0px; bottom:-47px; width:191px; height:19px; background:url(images/mContact.gif) no-repeat; padding-top:13px; text-align:center; color:#FFFFFF; z-index:500;}
/* mian pic begin */
#homePic {width:940px; height:350px; clear:both;}
#bannerPic {width:940px; height:150px; clear:both;}
/* mian pic end */

#footer {width:980px; margin:auto; padding-bottom:10px;}
#footer p {text-align:center;}
#footer a {padding:0px 5px;