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

body,td{font-size:12px;font-family: "Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana, sans-serif; color:#333333}

/* global div */ 
ul {margin:0; padding:0; list-style-type:none;}
a {color:#1F8BDA; text-decoration:none;}
a:hover{ text-decoration:underline}
/* global class */ 
.clear {clear:both;}

/* body */ 
#body{width:980px; margin-left:auto; margin-right:auto;}

/* Table */
.table {width:100%; text-align:center; padding-bottom:10px; padding-top:5px;}
.table table{ width:100%;}
.table thead{ background:url(images/table_title_bg.gif)}
.table thead tr{height:24px;}
.table tbody tr{height:20px;}
.table tbody th { font-weight:normal;}
.table tfoot tr{height:30px;}
.table .line { background:#F1F5FA;}

/* header */
#header {padding:10px;}
#header .header-left{float:left; width:50%; }
#header .header-livechat{float:left; width:25%; text-align:right }
#header .header-right{float:left; width:25%; text-align:right;}
#header .header-right ul {float:right;}
#header .header-right ul li{float:left; font-size:12px; padding-left:5px;padding-right:5px; border-left:1px solid #DEDEDE}
#header .header-call{ clear:both;font-size:12px; padding-top:10px;}
#header .header-left strong{ display:none;}
#header .logo a{ display:block;width:300px; height:50px; background:url(/images/logo.gif) no-repeat; outline:none;}

/*wrapper*/
#wrapper{ padding:0px 0px;}
#wrapper .wrapper-left{float:left; width:10px; height:32px; background:url(images/wrapper-gav.gif) no-repeat left;}
#wrapper .wrapper-center{ float:left; width:960px;background:url(/images/bg.jpg) bottom;border-top:1px solid #DFDFDF;border-bottom:1px solid #DFDFDF;}
#wrapper .wrapper-right{ float:left; width:10px; height:32px; background:url(images/wrapper-gav.gif) no-repeat right;}
#wrapper ul li{ float:left;}
#wrapper ul li a{ outline:none;padding:7px 15px;display:block;color:#313333; font-size:13px; text-decoration:none; font-weight:bold;font-family:tahoma, verdana, arial, sans-serif;}
#wrapper ul li a:hover{ background:url(/images/bg.jpg) center; color:#525252;}

/* content */
#content { width:100%;  padding-bottom:10px; }
#content #content-left{float:left; width:180px;margin-top:10px;}
#content #content-main{float:left; width:790px; margin-left:10px;margin-top:10px;}
#content p{ padding-bottom:5px;}
#content .content-inner{ width:100%; padding-top:10px;}
#content h1{ width:100%; padding-bottom:10px; color:#F78231; font-size:24px;}
#content h2{ width:100%; font-size:14px; padding-top:10px; padding-bottom:7px;}

/* page tag */
#content-main ul { padding-left:45px;list-style:disc; padding-bottom:5px;}
#content-main ol { padding-left:45px;list-style:decimal; padding-bottom:5px;}


/* contact-form */
#contact-form{ padding:10px 30px 0px 30px;}
#contact-form .contact-list{  padding-bottom:5px;}
#contact-form .contact-name{float:left; text-align:right; font-weight:bold; vertical-align:top; width:120px;}
#contact-form .contact-input{ float:left; padding-left:7px;}

/* footer */ 
#footer { text-align:center;font-size:12px;  color:#BBBBBB; }
#footer .footer-menu{ border-top:1px solid #DEDEDE;border-bottom:1px solid #DEDEDE;padding:6px 10px 5px 10px;}
#footer .footer-left{ float:left; width:40%; text-align:left; color:#666666}
#footer .footer-right{ float:left; width:60%; text-align:right;}
#footer .footer-right ul {float:right;}
#footer .footer-right ul li{float:left; padding-left:7px;padding-right:7px; border-left:1px solid #DEDEDE}
#footer .copyright{ padding:7px 0px;font-size:11px;font-family:tahoma, verdana, arial, sans-serif;}
#footer .copyright a{ padding-right:5px;}
#footer p{ padding-bottom:3px}

/* menu-box */
.menu-box{ width:180px; margin-bottom:10px; }
.menu-box .box-title {background:url(images/side_bg_title.gif) top; color:#313333; font-size:13px;width:160px; padding:4px 10px; font-family:tahoma, verdana, arial, sans-serif;}
.menu-box .box-body{ background:url(images/side_bg_line.gif) repeat-y; padding:5px 10px 0px 10px;}
.menu-box .box-top{ font-size:0px;background:url(images/side_bg.gif) no-repeat top left; height:3px;}
.menu-box .box-bottom{ font-size:0px;background:url(images/side_bg.gif) no-repeat bottom left; height:10px;}
.menu-box ul { background:url(images/side_bg_line.gif) repeat-y}
.menu-box ul li {padding:5px 10px 0px 20px;}
.menu-box ul li a{ outline:none;}

/* headline */
.headline { width:100%;}
.headline .headline-gav{ font-size:0px;background:url(images/ticker_top_grey.gif) no-repeat; height:5px;}
.headline .headline-content{ padding:0px 10px 7px 10px; margin-bottom:10px;background:url(images/ticker_btm_grey.gif) no-repeat bottom;}

/* home */
#home-promotion{ padding-bottom:10px; margin-top:10px;}
#home-promotion ul{ width:100%;}
#home-promotion ul li { float:left; width:25%}
#home-promotion .promotion-1 { text-align:left}
#home-promotion .promotion-2 { text-align:center}
#home-promotion .promotion-3 { text-align:center}
#home-promotion .promotion-4 { text-align:right}

/* img */
#img-home{ background: url(/pics/home.jpg) no-repeat;width:790px; height:250px; padding-bottom:7px;}
#img-webdesign{ background: url(/pics/webdesign.jpg) no-repeat;width:790px; height:250px; padding-bottom:7px;}
#img-contact{ background: url(/pics/contact.jpg) no-repeat;width:790px; height:250px; padding-bottom:7px;}
#img-hosting{ background: url(/pics/hosting.jpg) no-repeat;width:790px; height:250px; padding-bottom:7px;}
#img-domain{ background: url(/pics/domain.jpg) no-repeat;width:790px; height:250px; padding-bottom:7px;}
#img-support{ background: url(/pics/support.jpg) no-repeat;width:790px; height:250px; padding-bottom:7px;}
#img-policy{ background: url(/pics/policy.jpg) no-repeat;width:790px; height:250px; padding-bottom:7px;}
#img-terms{ background: url(/pics/terms.jpg) no-repeat;width:790px; height:250px; padding-bottom:7px;}
#img-aboutus{ background: url(/pics/aboutus.jpg) no-repeat;width:790px; height:250px; padding-bottom:7px;}
#img-promote{ background: url(/pics/promote.jpg) no-repeat;width:790px; height:250px; padding-bottom:7px;}
#img-profile{ background: url(/pics/profile.jpg) no-repeat;width:790px; height:250px; padding-bottom:7px;}
#img-promotion{ background: url(/pics/promotion.jpg) no-repeat;width:790px; height:250px; padding-bottom:7px;}

/* 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;}

/* Blog */
#content #content-blog{float:left; width:790px; margin-left:10px;}
#content-blog div.post{ border-bottom:1px dashed #dedede; padding-bottom:10px;}
#content-blog div.post h2{color:#F78231;font-size:24px;}
#content-blog div.post h2 a{color:#F78231;font-size:20px;}
#content-blog div.post h3 { margin-top:8px;}
#content-blog div.post h3 a{color:#F78231;font-size:20px;}

#content-blog h2.pagetitle{ font-size:24px;}

#content-blog #respond { margin-left:20px; padding-top:10px;}
#content-blog #respond h3{font-size:16px; padding-bottom:5px;}
#content-blog #respond textarea{ width:400px;}

#content-blog .entry{ padding-top:3px;}
#content-blog .entry p{padding-bottom:7px;}
#content-blog .entry ol{ margin-left:40px;}
#content-blog .entry ol li{ list-style-type: decimal;}
#content-blog .entry ul{ margin-left:40px;}
#content-blog .entry ul li{ list-style-type:disc}
#content-blog .entry h3{ font-size:16px;}

#content-blog .navigation{ clear:both; padding:10px 0px 0px 0px;}
#content-blog .navigation a{ display:block; background:#f6f6f6;border:1px solid #dedede; padding:2px 10px;}
#content-blog .navigation a:hover{ text-decoration:none; background:#dddddd; color:#000}
#content-blog .alignright{ float:left; padding-left:10px;}
#content-blog .alignleft{ float:right; padding-right:10px;}

#content-blog .related{}
#content-blog .related h3{ font-size:16px; color:#F78231; padding:5px 0px;}
#content-blog .related ul{ margin-left:40px;}
#content-blog .related ul li{list-style-type:disc}

#content-blog .blog-banner{ padding-left:0px; padding-right:0px; text-align:center; padding-top:10px;}
#content-blog .blog-banner a{}
#content-blog .blog-banner img{ border:0px;}