@charset "utf-8"; 
body{text-align:left; background:#fff; font-family:Arial,Helvetica,sans-serif,宋 体 ; font-size:12px; color:#000; margin:0}
form{ margin:0}
td, div{line-height:150%; font-size:12px}
img{border:none}
h1, h2{font-family:Arial,Helvetica,sans-serif; font-size:12px}
table, div, td, th, p{word-wrap:break-word; word-break:break-all}
ul, li{list-style:none; margin:0}
a:link, a:visited{font-size:12px; color:#333; text-decoration:none}
a:hover, a:active{text-decoration:underline}
.header, .main{background-color:#FFF; width:980px; text-align:center; margin:0}

body#home{background:#CCC}
#container{background-color:#132C5A; background-image:url(site-bg.png); background-repeat:repeat-x}
#bg-container{background:url(big-bg.jpg) 50% 91px no-repeat; margin:0 auto; text-align:center}
#about #container, 
#work #container, 
#contact #container, 
#blog #container{background:#F3F3F3 url(site-bg-blue.png) repeat-x}
#about #bg-container, 
#work #bg-container, 
#contact #bg-container, 
#blog #bg-container{background:url(big-bg-blue.jpg) 50% 88px no-repeat}
#header{position:relative; height:35px; width:930px; margin:0 auto; padding-top:60px; text-align:left}
#content-container{width:930px; padding:0; margin:0 auto; padding:30px 0; text-align:left}
#main-content{float:left; width:610px}
#sidebar-right{float:right; width:290px; padding-top:90px}
#sidebar-right-secondary{float:right; width:290px; padding-top:125px}
#footer{ border-top:#CCC solid 1px;  background:url(footer-bg2.png) repeat-x; height:80px; text-align:center}
#home #footer{border:none; font-size:11px; height:235px; background:url(footer-bg.png) repeat-x; color:#000; text-align:center}
#copyright{width:930px; margin:20px auto; padding:0 10px; font-size:12px; text-align:center}
.header-logo{position:absolute; top:0px; right:-100}
#header-nav-ul li{display:inline; font-family:Helvetica,Arial,Verdana,san-serif; font-size:12px}
#header-nav-ul li a{color:#000; font-weight:normal; text-transform:uppercase; margin-right:17px; padding-bottom:24px; display:inline-block; background:url(header-li-hover-bg.gif ) -2000px 100% no-repeat; font-weight:bold}
#header-nav-ul li a.selected{background-position:50% 28px; color:#003F8E; font-weight:bold}
#header-nav-ul li a:hover{background-position:50% 28px; color:#003F8E; font-weight:bold}

.page{font-family:Arial,Helvetica,sans-serif; line-height:normal; font-size:14px}
.page a, .page span{display:block; color:#390; font-weight:normal; text-decoration:none; letter-spacing:0px; border:1px solid #104952; padding-top:3px; float:left; margin-top:5px; margin-right:2px; margin-bottom:5px; margin-left:2px; text-align:center; padding-right:5px; padding-left:5px; height:18px}
.page a:hover, .page a.current{color:#F44; border:1px solid #F44}
.page input{padding:0px; color:#390; height:16px; width:25px; border:0px solid #fff; text-align:center; margin-top:0px; margin-right:-5px; margin-bottom:0px; margin-left:-5px; vertical-align:middle; font-size:12px}

.help-ul{margin-bottom:30px}

html>body .help-ul{margin-bottom:30px}

.ul-left{font-size:12px; margin-left:20px}

.ul-right{float:right; width:145px}

.ul-left li, 
.ul-right li{background:url(icon-check.png) 0% 50% no-repeat; padding-left:30px; margin-bottom:10px}

.sidebar-menu{padding-top:5px}

html>body .sidebar-menu{padding-top:5px}

.sidebar-menu ul{margin:0px 0 0px 30px; color:#000}

.sidebar-menu ul li{font-size:11px; color:#000; background:url(arrow.gif) 0px 50% no-repeat; padding:2px 0 2px 15px}

.sidebar-menu ul li.selected{font-weight: bold; background:url(arrow-selected.gif) 0px 50% no-repeat}

.sidebar-menu-head{height:20px; background:url(clipboard.png) left no-repeat; padding-left:25px; font-weight: bold}
 
a, 
a:link, 
a:visited{ outline:none; color:white}

#content-container a, 
#content-container a:link, 
#content-container a:visited{color:#003F8E; padding:1px 0}

#content-container a:hover{color:#333; background-color:#EFEFEF}

#content-container a.external{background:url(external-link.gif) 100% 40% no-repeat; padding-right:15px}

#home #content-container a, 
#home #content-container a:link, 
#home #content-container a:visited{color:#ECECEC; padding-bottom:1px}

#home #content-container a:hover{color:#FFF; background:none}

#content-container #work-slides a:hover{background:none; border-bottom:none}

h1, h2, h3, h4, h5, h6{margin-bottom:10px}

h1{margin-bottom:15px}

.page-title{color:#000; font:22px normal Helvetica,Arial,Verdana,san-serif; margin-top:20px; padding-bottom:5px; letter-spacing:.3mm; margin-bottom:5px; text-shadow:1px 1px 6px #BBB}

p{line-height:1.8}

#home p, 
#home li{color:#FFF}

.product{float:left; width:190px; text-align:center}
.productimg{width:180; height:100}
.productimg1{width:180; height:120}
.productname a{font-weight:normal; display:block}

.globe-icon-float{width:30px; float:left; margin-right:15px}

.bar-icon-float{width:33px; float:left; margin-right:15px}

.block-what-we-do{margin-bottom:25px; color:white}

.featured-index img{padding-bottom:9px; background:url(feature-img-bottom-bg.gif) left bottom no-repeat}

hr{height:0; border:0; border-bottom:1px solid #DDD; color:#DDD; margin:0; padding:0; clear:both; width:100%}

#content-container .row a, 
#content-container .row a:link, 
#content-container .row a:visited{padding:0; border:none; color:#003F8E; text-decoration:none}

#footer h1, 
#footer h2, 
#footer h3, 
#footer h4, 
#footer h5, 
#footer h6{margin-bottom:0}

#footer p, 
#footer li{color:#000}

#footer a, 
#footer a:link, 
#footer a:visited{color:#000; padding-bottom:2px}

#footer a:hover{color:#333}

.footer-container{width:930px; margin:0 auto; padding-top:20px; text-align:left}

.footer-block-left, 
.footer-block-middle, 
.footer-block-right{width:290px; height:170px; background:url(footer-block-bottom.png) left bottom no-repeat}

.footer-block-left{position:relative; float:left; margin-right:30px; color:#666; line-height:1.6; font-size:12px}

.rss-icon{position:absolute; top:0; right:4px}

.footer-block-left li{margin-bottom:5px}

#footer .footer-block-left li em{font-weight:normal; font-size:10px; font-style:normal}

.footer-block-middle{float:left}

.footer-block-middle p{margin-bottom:10px}

.footer-block-right{float:right}

.footer-block-right p{line-height:1.7; color:#000}

.footer-block-right p span{color:#000}

.footer-block-right strong{font-size:12px; font-weight:normal}

#footer .content{padding:10px 20px 0 20px; border-top-style:none; border-right-style:none; border-bottom-style:none; border-left-style:none}

#quote-heading{ padding:75px 0 0 0;  overflow:hidden;  background:url(we-create-modern.gif) no-repeat;   height:0px !important;  height /**/:75px}

#work #quote-heading{ margin-bottom:50px;  background:url(we-do-what-we-love.gif) no-repeat}

#what-we-do{ padding:29px 0 0 0;  overflow:hidden;  background:url(what-we-do.gif) no-repeat;   height:0px !important;  height /**/:29px; border-bottom:1px solid #426FA8; margin-bottom:5px; width:565px}

#featured-projects{ padding:26px 0 0 0;  overflow:hidden;  background:url(featured-projects.gif) no-repeat;   height:0px !important;  height /**/:22px; border-bottom:1px solid #426FA8; margin-bottom:16px}

#wed-love-to-help{ padding:29px 0 0 0;  overflow:hidden;  background:url(wed-love-to-help.gif) no-repeat;   height:0px !important;  height /**/:29px; border-bottom:1px solid #426FA8; margin-bottom:16px; width:240px}

#still-fresh{ padding:26px 0 0 0;  overflow:hidden;  background:url(still-fresh.gif) no-repeat;   height:0px !important;  height /**/:24px; border-bottom:1px solid #426FA8; margin-bottom:16px}

#whats-happening{ padding:22px 0 0 0;  overflow:hidden;  background:url(whats-happening.gif) no-repeat;  height:0px !important;  height /**/:22px}

#want-to-work{ padding:20px 0 0 0;  overflow:hidden;  background:url(want-to-work.gif) no-repeat;   height:0px !important;  height /**/:20px}

#contact-us{ padding:22px 0 0 0;  overflow:hidden;  background:url(contact-us.gif) no-repeat;  height:0px !important;  height /**/:22px}

.clearfix:after{ content:".";  display:block;  height:0;  clear:both;  visibility:hidden}

* html .clearfix{height:1%}
.clearfix{display:block}

.node{float:left; width:610px; margin:5px; border-bottom:1px solid #C2C2C2; padding:5px}
.node .title{font-weight:bold; padding:7px 5px 5px 5px; text-align:left}

.node .description{padding:2px; line-height:130%; color:#555}

.node .description p{margin:0px; padding:0px}
.node .info{text-align:right; font-size:11px; line-height:20px; color:#666; font-family:Georgia,"Times New Roman",Times,serif; padding-right:18px}

.node .info .span{color:#390}

.page{font-family:Arial,Helvetica,sans-serif; line-height:normal; font-size:12px}
.page a, .page span{display:block; font-weight:normal; text-decoration:none; padding-top:3px; float:left; margin-top:5px; margin-right:2px; margin-bottom:5px; margin-left:2px; text-align:center; padding-right:5px; padding-left:5px; height:15px}

.channel{margin:0px 0px}
.channel .node{float:left; width:120px; margin:2px; padding:1px}
.channel .node .title{border-bottom:2px dashed #BDDFF6; font-weight:bold; padding:5px}

.channel .node .box{line-height:25px; padding-top:6px}
.channel .node .box ul{width:580px; overflow:hidden}
/*---------------内容页:评论*/
.comment { width:600px; border:1px solid #B7B7B7; margin-top:7px; }
.comment .commenttitle { width:598px; height:26px; margin:1px auto; background:url(title_bg_1.gif) repeat-x; border-bottom:1px solid #DDD; }
.comment .commenttitle .title { float:left; margin:5px 0px 0px 12px; color:#999; display:inline; }
.comment .commenttitle .title strong { letter-spacing:4px; color:#444; margin-right:10px; }
.comment .commenttitle .gotopost { float:right; display:block; width:100px; height:23px; }
.comment .commenttitle .gotopost a { width:95px; height:22px; display:inline; float:right; text-align:center; line-height:22px; text-decoration:none; background:url(ico_gotopost.gif) no-repeat; margin:1px 3px 0px 0px; }
.comment .commentbox { width:570px; margin:6px 10px auto;}
.comment .commentbox dl { width:570px; margin:6px auto 0px; border:1px solid #D1DDCE; }
.comment .commentbox dl dt { width:570px; background:#F4F9F2; line-height:25px; text-indent:10px; color:#333; border-bottom:1px solid #E6ECE3; }
.comment .commentbox dl dt span { color:#669933; font-size:11px; }
.comment .commentbox dl dd { padding:10px; font-size:13px; line-height:20px; color:#666; }
/*---------------内容页:发表评论:标题*/
.comment .posttitle { width:598px; height:26px; margin:10px auto; background:url(title_bg_1.gif) repeat-x; border-top:1px solid #DDD; border-bottom:1px solid #DDD; }
.comment .posttitle strong { letter-spacing:4px; color:#444; display:block; margin:7px 0px 0px 13px; }
.comment .postbox { width:540px; margin:5px auto; overflow:hidden; }
.comment .postbox .userbox { width:526px; overflow:hidden; margin-top:10px; }
.comment .postbox .userbox dl { width:526px; }
.comment .postbox .userbox dl dd { float:left; display:block; padding-bottom:2px; }
.comment .postbox .userbox dl dd input.username, .comment .postbox .userbox dl dd input.password { width:100px; border:1px solid #CCC; padding:3px 0px 2px 5px; margin-right:10px; }
.comment .postbox .userbox dl dd.mtop { margin:7px 7px 0px 0px; }
.comment .postbox .txtbox { width:526px; margin:10px; line-height:25px; }
.comment .postbox .txtbox textarea { border:1px solid #CCC; width:504px; height:80px; padding:5px; }
.comment .postbox .sbut { margin:10px; }
.comment .postbox .userbox .submit { width:100px; height:25px; padding-top:2px; }
#zhan{
float: left;             /让块靠左
clear: left;             /让块的左边不能有其它块
height: 20px;   /用这个来控制广告在内容里的位置
width: 1px;         /
}
#ad{
float: left;           /让块靠左
clear: left;         /让块的左边不能有其它块
margin: 5px 5px 5px 0px;
}
#new img,#new table{
clear: left;       /让内容里的图片和表格不会遮挡广告
}
#new{
float: left;
}