/* RESET*/
*{margin:0; padding:0; outline:0;}
html, body{height:100%;	width:100%; text-align:center;}
table{border-collapse: collapse; border-spacing: 0;}
ul, ol{list-style-type:none;}
img{border:0;}
input, textarea, select{vertical-align:middle; font:12px Arial, Helvetica, sans-serif; color:#808080;}
a{color:#000; text-decoration:underline;}
a:hover{text-decoration:none;}
.visual a {text-decoration:none}

.btn{cursor:pointer; border:none;}
.btn:hover{position:relative; top:1px; left:1px;}
.selected a, .selected a:hover{cursor:text; text-decoration:none!important;}
.current, .current:hover{cursor:text; text-decoration:none!important;}

.overflow{overflow:hidden; zoom:1;}
.clear{clear:both;}
.float_left{float:left;}
.float_right{float:right;}

/* H */
h1{font:bold 24px Arial, Helvetica, sans-serif; margin-bottom:20px; color:#333; letter-spacing:-1px;}
h2{font:bold 15px/18px Arial, Helvetica, sans-serif; margin-bottom:4px; color:#000;}
h3{font:bold 12px/18px Arial, Helvetica, sans-serif; margin-bottom:15px; color:#333;}
h4{}
h5{}
h6{}

/* SETTINGS*/
body{font:14px Arial, Helvetica, sans-serif; color:#444444; background:#fff url(/site_media/images/body_bg.gif) repeat-x;}
.main{width:990px; margin:0 auto; text-align:left; min-height:100%; _height:100%; xbackground:url(/site_media/images/bg1.jpg) no-repeat 50% 0;}

/* HEADER */
.header{height:80px; position:relative; border-bottom:1px solid #c2c2c2;}
.logo{position:absolute; top:14px; left:20px;}
/* navigation */
.navigation{position:absolute; top:43px; left:258px; height:27px;}
.navigation li{float:left; height:27px;}
.navigation a{float:left; height:27px; padding:0 9px; font:18px/25px Arial, Helvetica, sans-serif; color:#808080; text-decoration:none;}
.navigation a:hover{color:#333;}
.navigation .current, .navigation .current:hover{background:#36b4e3; color:#fff;}
/* search */
.search{position:absolute; top:43px; right:0; height:27px; width:198px; height:23px; border:1px solid #ccc; background:#fff;}
.search .inp{font-size:11px; padding:5px 6px; width:150px; float:left; border:none; background:none;}
.search .btn{float:right; margin:3px 2px 0 0;}

/* VISUAL */
.visual{height:345px; position:relative; border-bottom:1px solid #c2c2c2; background:url(/site_media/images/visual_bg.gif) no-repeat 260px 52px;}
.visual h1{font:bold 81px/64px Arial, Helvetica, sans-serif; color:#000; position:absolute; top:45px; left:15px; letter-spacing:-6px; margin:0;}
.visual div{position:absolute; white-space:nowrap;}
.visual p{font-size:11px; padding-left:3px;}
.visual strong{font-size:41px; line-height:30px; letter-spacing:-2px; margin-right:5px; color:#333;}
.link_1{left:543px; top:39px;}
.link_2{left:826px; top:59px;}
.link_3{left:627px; top:96px;}
.link_4{left:744px; top:155px;}
.link_5{left:554px; top:213px;}
.link_6{left:839px; top:227px;}

/* INDEX */
.outer{overflow:hidden; zoom:1; padding-bottom:237px;}
.title{border-bottom:1px solid #0077bb; padding-bottom:9px; margin-bottom:10px;}
.title h1{margin-bottom:2px;}
.title h1 a{text-decoration:none;}
.title span{font-size:14px;}
/* intro */
.intro{padding:24px 0 0 20px; overflow:hidden; zoom:1; background:url(/site_media/images/intro_bg.jpg) no-repeat 100% 0;}
.intro .item{width:217px; float:left; margin-right:21px;}
.intro .title{margin-bottom:15px;}
.intro .image{width:217px; height:147px; overflow:hidden; zoom:1; margin-bottom:12px;}
.intro p{font-size:12px; line-height:18px; margin-bottom:20px;}
.intro ul{font-size:12px; color:#0077bb; line-height:20px;}

/* INNERS */
.container{float:right; width:100%; margin-left:-257px;}
.content{margin-left:257px; padding:23px 40px 0 0;}
.content p, .content ul, .content ol{margin:0 0 18px 0; line-height:18px;}
.content ul li{list-style:disc; margin-left:15px;}
.content ol li{list-style:decimal; margin-left:20px;}
.content img{display:block; margin:0 auto 18px auto;}
.sign{font-size:11px; font-style:italic; text-align:center; color:#000; margin-bottom:18px;}
.up a{display:block; width:116px; height:27px; background:#4dc1eb; color:#fff; text-align:center; font-size:14px; line-height:25px;}
/* clients */
.clients{color:#333; overflow:hidden; zoom:1; margin-left:-20px;}
.clients ul{width:217px; float:left; margin-left:20px; display:inline;}
.clients ul li{list-style-type:none; margin:0;}
.clients a{color:#0077bb;}
/* portfolio */
.portfolio{margin:-20px -40px 0 -20px;}
.portfolio .line{background:url(/site_media/images/intro_bg.jpg) no-repeat 100% 0; overflow:hidden; zoom:1; border-top:1px solid #e5e5e5; padding:30px 0 0 20px;}
.portfolio .first{border:none; background:none;}
.portfolio .item{width:217px; float:left; margin-right:21px;}
.portfolio .image{width:217px; height:147px; overflow:hidden; zoom:1; margin-bottom:12px;}
.portfolio p{font-size:11px; line-height:18px;}
.portfolio ul{font-size:11px; color:#0077bb; overflow:hidden; zoom:1; line-height:11px; margin-left:-10px;}
.portfolio ul li{float:left; border-left:1px solid #808080; padding:0 10px; margin:0 0 5px -1px; list-style-type:none;}
/* categories */
.categories{overflow:hidden; zoom:1; padding-top:3px; font-size:11px; margin-bottom:20px;}
.categories h4{float:left; font:11px/11px Arial, Helvetica, sans-serif; color:#333;}
.categories ul{overflow:hidden; zoom:1; line-height:11px; margin-left:-3px; float:left; margin-bottom:0;}
.categories ul li{float:left; border-left:1px solid #808080; padding:0 9px; margin:0 0 5px -1px; list-style-type:none;}
.categories ul span{color:#0077bb;}
.categories a{color:#0077bb;}
/* author */
.author{overflow:hidden; zoom:1; padding-top:3px; font-size:11px; margin-bottom:20px;}
.author span{color:#333;}
/* works */
.works img{margin-bottom:30px;}
.works .sign{margin:-10px 0 30px 0;} 
/* blog */
.blog{margin:0 -40px 0 -20px;}
.blog .item{padding:30px 40px 0 20px; background:url(/site_media/images/intro_bg.jpg) no-repeat 100% 0; overflow:hidden; zoom:1; border-top:1px solid #e5e5e5;}
.blog .first{border:none; background:none; padding-top:0;}
/* comments */
.comments{margin:0 -40px 0 -20px; border-top:1px solid #e5e5e5; padding:20px 40px 5px 20px;}
.comments .head{padding:0 0 2px 0;}
.comments .head span{color:#333; border-right:1px solid #808080; padding-right:9px; margin-right:9px;}
.comments .body{background:#ededed url(/site_media/images/comments_b.gif) no-repeat 0 100%; line-height:18px; margin-bottom:25px;}
.comments .body .bg{background:url(/site_media/images/comments_t.gif) no-repeat; padding:20px 16px 12px 16px;}
/* form */
.reply{margin:0 -40px 0 -20px; border-top:1px solid #e5e5e5; padding:20px 40px 0 20px;}
.form div{padding-bottom:8px;}
.form .inp{width:206px; background:#fff; border:1px solid #ccc; margin-right:20px; padding:2px 5px;}
.form label{font-size:11px; color:#333;}
.form label span{color:#34b2e0;}
.form label.error{color:red;}
.form textarea{width:443px; height:93px; padding:5px; background:#fff; border:1px solid #ccc; margin-bottom:12px;}
.form .btn{width:124px; height:27px; background:#4dc1eb; color:#fff; text-decoration:underline; font-size:14px;}

/* SIDEBAR */
.sidebar{float:left; width:217px; padding:21px 0 0 20px;}
.sidebar ul{margin-bottom:30px;}
.sidebar li{font:14px/28px Arial, Helvetica, sans-serif;}
/* sidenav */
.sidenav a{color:#0077bb;}
.sidenav a:hover, .sidenav .current{color:#808080;}
/* offer */
.offer{overflow:hidden; zoom:1; margin-top:-15px;}
.offer li{border-top:1px solid #ebebeb; margin-top:-1px; padding:25px 0 0 0;}
.offer .image{width:217px; height:147px; overflow:hidden; zoom:1; margin-bottom:12px;}
/* accordion */
.accordion ul{display:none;}
.accordion h2{padding-bottom:10px;}
.accordion h2 span{cursor:pointer; padding-right:18px; background:url(/site_media/images/accordion_bg.gif) no-repeat 100% 4px;}
.accordion .active span{background-position:100% -89px;}
.accordion ul{margin-top:-10px;}
/* services */
.services{padding-top:69px;}
.services li{font-size:11px; color:#0077bb; line-height:20px;}

/* FOOTER */
.footer{min-width:1000px; width:expression(document.body.clientWidth > 1000 ? "100%" : "1000px"); margin:0 auto; text-align:left; height:193px; margin-top:-193px; background:url(/site_media/images/footer_bg.gif) repeat-x 0 100%;}
.footer .bg{height:193px; background:url(/site_media/images/footer_bg.jpg) no-repeat 0 100%;}
.footer .intend{width:990px; margin:0 auto; height:192px; border-top:1px solid #ccc; position:relative; font-size:11px;}
.footer .arrow{position:absolute; top:-16px; left:-61px;}
.footer .overflow{padding:20px 0 35px 147px;}
.footer ul{float:left; width:238px;}
.footer li{padding-bottom:4px;}
.footer .contact{width:349px;}
.copy{text-align:right;}