@charset "utf-8";
* html { overflow-x: hidden; }
* {padding:0; margin:0;}

/* global div */ 

body{ font-size:12px;font-family:Arial,Helvetica,Sans-Serif;padding-bottom:10px; background:#fff; color:#484848; padding-top:10px;}

ul {margin:0; padding:0; list-style-type:none}
a {text-decoration:none; color:#484848}
a:hover{ text-decoration:underline; color:#e51b2b}

/* global class */ 
.clear {clear:both; font-size:0px;}

/* Body */ 
#body{ width:980px; margin:0px auto;}

#header{}
#main-menu{ background:url(images/menu_bg.gif) no-repeat; height:50px; width:980px; }
#main-menu ul{ margin-left:1px;}
#main-menu ul li{ float:left;background:url(images/menu_gav.gif) no-repeat right top;}
#main-menu ul li a{ display:block; padding-left:25px; padding-right:25px; padding-top:19px; padding-bottom:16px;color:#868686;font-weight:bold; margin-right:2px; outline:none}
#main-menu ul li a:hover{ color:#e51b2b; text-decoration:none; background:url(images/menu_bg_over.gif) repeat-x top}

#intro{ width:980px; height:192px;}
#intro strong{ display:none}
.intro{ background:url(images/intro_home.jpg) no-repeat;}
.intro-about-us{ background:url(images/intro_about_us.jpg) no-repeat;}

#home-intro{ width:980px; height:150px; background:url(images/home_banner.jpg) no-repeat;color:#FFFFFF}
#home-intro ul{}
#home-intro ul li{ float:left; width:150px;margin-left:17px; margin-right:78px; margin-top:45px;}
#home-intro ul li p{ padding-bottom:5px;}
#home-intro ul li a{ color:#FFFFFF; font-weight:bold}
.home-03{ color:#000000}
.home-04{ color:#000000}
#home-intro ul li.home-03 a{ color:#000000}
#home-intro ul li.home-04 a{ color:#000000}

#container{  background:url(images/content_bg.gif) repeat-x top; }
#main { float:left;width:630px; padding-left:20px;margin-top:20px;}
#sidebar { float:left;width:300px; margin-left:20px;margin-top:20px;}
#sidebar h2{color:#454545; font-size:16px; padding-bottom:7px; padding-top:4px; padding-left:15px; background:url(images/h2_bg.gif) no-repeat; margin-bottom:7px;}
#sidebar h2 a:hover{text-decoration:none}
#main h2{color:#454545; font-size:16px; padding-bottom:7px;}
#main h2 a{color:#454545; text-decoration:underline}
#main h2 a:hover{color:#e51b2b; }

.call-me{  margin-bottom:10px;}
.call-me a{ display:block;background:url(images/call_me.jpg) no-repeat; width:300px; height:200px;}
.call-me a span{ display:none;}
ul.side-list{ margin-bottom:10px;}
ul.side-list li{ list-style-type:disc; margin-left:20px;}
ul.side-list li a{color:#454545;}

ul.related-post{margin-bottom:10px;}
ul.related-post li{list-style-type:disc; margin-left:20px;}
ul.related-post li a{color:#454545;}

.main h1{ color:#454545; font-size:24px; padding-bottom:7px;}

.page{}
.page p{ padding-bottom:7px;}
.page ol{ margin-left:40px;}
.page ol li{ list-style-type: decimal; vertical-align:text-top; padding-bottom:5px;}
.page ul{ margin-left:40px;}
.page ul li{ list-style-type:disc; vertical-align:text-top; padding-bottom:5px;}
.page blockquote{ margin-left:30px;}

.p-promote{ font-size:20px; padding-bottom:10px;}
.p-promote strong{ color:#e51b2b}

.navigation{ clear:both; padding:10px 0px 0px 0px;}
.navigation a{ display:block; padding:2px 10px; font-weight:bold}
.navigation a:hover{ text-decoration:none; color:#000}
.navigation .alignright{ float:left; padding-left:10px;}
.navigation .alignleft{ float:right; padding-right:10px;}

#footer{ background:url(images/footer_bg.jpg) no-repeat top; height:90px; color:#FFFFFF;margin-top:10px; font-size:11px;}
.f-left{ float:left; width:680px; margin-left:20px; padding-top:10px;}
.f-left p{ padding-bottom:3px;}
.f-left p a{text-transform:uppercase}
.f-left p.f-call{ padding-bottom:10px; font-size:13px; font-weight:bold}
.f-left p.f-call span{font-size:18px;}
.f-right{ float:left; width:260px; text-align:right; margin-right:20px; padding-top:10px;}
.f-right ul{}
.f-right ul li{ padding-bottom:3px;}
.f-right ul li a{ color:#FFFFFF; text-transform:uppercase}
.f-right ul li a:hover{ color:#FF0000}

#footer a{ font-weight:bold; color:#FFFFFF}

/* sendmail */
#sendmail { padding-left:80px;}
#sendmail .mail-error{ color:#FF0000}
#sendmail .mail-success{ color:#339900;}
#sendmail .box-sending{text-align:center; background:#BEEFFD; border:1px solid #0DC3F7; padding-top:3px;padding-bottom:3px}
#sendmail .box-error{text-align:center; background:#FAB8B8; border:1px solid #CC0000; padding-top:3px;padding-bottom:3px}
#sendmail .box-success{text-align:center; background:#DDF8C5; border:1px solid #8DC83A; padding-top:3px;padding-bottom:3px}
#sendmail .box-hide{ display:none}
#sendmail input{ width:300px;}
#sendmail textarea{ width:300px; height:100px;}
#sendmail #send{ width:auto;}