/* CSS Document */

body { background: #fff url(bg.png) repeat-x; margin: 0px; padding: 0px; font-family: Arial; }
img { border: 0px; }
.clear { clear: both; }
a { font-weight: bold; text-decoration: none; color: #000; }

#container { width: 100%; margin: 0 auto; }
#wrapper { background: url(wrapper.png) no-repeat; width: 992px; height: 100%; margin: 0 auto; text-align: center; }
#subwrap { width: 892px; margin: 0 auto; text-align: center; }

#top { background: #333333; width: 100%; height: 8px; }
.logo { float: left; margin-top: 50px; margin-left: 30px; }
.nav { float: right; margin-top: 38px; margin-right: 30px; font-size: 13px; }
.nav ul { list-style-type: none; }
.nav li { float: left; margin-left: 40px; }
.nav a { color: #2a2a2a; text-decoration: none; font-weight: normal; }
.nav a:hover { text-decoration: underline; }
.bar_left { float: left; background: url(bar_left.png) no-repeat; width: 8px; height: 87px; }
.bar { float: left; background: url(bar_mid.png) repeat-x; width: 100%; height: 87px;  }
.bartitle { float: left; }
.barsearch { float: left; margin-left: 110px; margin-top: 27px; }
.barsearch input { float: left; background: url(search.png) no-repeat; width: 256px; height: 37px; border: 0px; color: #fff; padding-left: 5px; }
.bar_right { float: right; background: url(bar_right.png) no-repeat; width: 8px; height: 87px; }

.box {  background: url(boxbg.png) repeat-x; width: 100%; height: 260px; margin-top: 12px; margin-bottom: 10px; border-left: 1px solid #e2e2e2; border-right: 1px solid #e2e2e2; overflow: hidden; }
.boxl { float: left; width: 500px; text-align: left; margin-left: 10px; margin-top: 25px; }
.boxl p { font-size: 12px; color: #373737; line-height: 18px; }
.boxr { float: right; margin-right: 20px; margin-top: 25px; }

.box_about { background: url(about_bg.png) repeat-x; width: 100%; height: 269px; margin-top: 12px; margin-bottom: 10px; border-left: 1px solid #e2e2e2; border-right: 1px solid #e2e2e2; overflow: hidden; }
.box_about span { float: left; font-weight: bold; font-size: 13px; margin-top: 18px; margin-left: 8px; }
.box_about p { font-size: 12px; color: #121212; text-align: left; margin-left: 10px; }

.contact_box { background: url(portfolio_bg.png); width: 100%; height: 100%; padding-top: 10px; padding-bottom: 10px; margin-top: 10px; margin-bottom: 10px; color: #666; }
.contact_box p { text-align: left; font-size: 12px; }
input.cb { width: 170px; height: 20px; margin-bottom: 4px; border: 1px solid #dadada; }
.servicebg textarea { width: 250px; height: 60px; margin-bottom: 4px; border: 1px solid #dadada; font-family: Arial; }
.cbl { float: left; width: 490px; }
.cbr { float: right; width: 385px; margin-right: 10px; }
.cbr p { margin-top: 65px; line-height: 25px; }
.cb_l { float: left; font-size: 13px; margin-left: 10px; }
.cb_r { float: right; margin-right: 30px; }

.portfolio_box { background: #fbfbfb url(portfolio_bg.png) repeat-x; width: 100%; height: 100%; margin-top: 12px; margin-bottom: 10px; border-left: 1px solid #e2e2e2; border-right: 1px solid #e2e2e2; border-bottom: 1px solid #e2e2e2; overflow: hidden; padding-bottom: 15px; }
.portfolio_box { color: #000; font-size: 12px; }
.pb_site { background: url(portfolio_site_bg.png) repeat-x; width: 865px; height: 261px; margin: 10px auto; overflow: hidden; color: #fff; }
.pb_site p { font-size: 12px; text-align: left; margin-top: 7px; padding-top: 0px; margin-left: 18px; }
.pb_site img { margin-top: 10px; }
.pb_site span { font-size: 11px; }

.servicebg { background: url(servicesbg.png) repeat-x; width: 100%; height: 361px; border: 1px solid #e1e1e1; margin-top: 12px; margin-bottom: 10px; text-align: left; }
.sl { float: left; width: 575px; margin-left: 10px; margin-top: 10px; }
.sl p { font-size: 12px; line-height: 18px; }
.sl ul { float: left; font-size: 12px; }
.sl li { list-style-type: none; line-height: 25px; }
.sr { float: right; width: 295px; margin-top: 35px; margin-right: 10px; }
.sr img { float: left; margin-right: 10px; }
.spush { margin-top: 60px; }
.cpush { margin-top: 70px; }
.sr p { font-size: 12px;}

.service_c1 { float: left; width: 441px; }
.service_c2 { float: right; width: 441px; }
.service { float: left; background: url(service_box.png) no-repeat; width: 441px; height: 160px; margin-top: 2px; }
.icon { float: left; width: 128px; margin-top: 10px; }
.title { float: left; width: 310px; text-align: left; margin-top: 15px; }
.s_content { float: left; width: 310px; text-align: left; font-size: 12px; color: #303030; }
.sc_button { float: right; margin-right: 5px; }

#bottom { background: url(bottom_box.png) no-repeat; width: 900px; height: 78px; margn-right: 15px; }
#footer { background: url(fbg.png) repeat-x; width: 100%; height: 88px; margin-top: 20px; }
.fl { float: left; font-size: 12px; color: #373737; margin-top: 37px; }
.fr { float: right; margin-top: 37px; }