@import url(../css/reset.css);
html { height:100%; font-size:.8125em; }
body { position:relative; background:#f5f8f9; color:#4e4e4e; font:100.1% "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;  min-height:100%; height:auto !important; height:100%; }

#page { width:992px; margin:0 auto; border-top:11px solid #1f1f1f; padding-bottom:93px;background:#fff; }

a { color:#3295e9; }
a:hover { color:#76c0ff; text-decoration:none }

#s-icons { padding:0 0 0 20px; margin:0 0 8px 0; list-style:none; overflow:hidden; height:21px; font-size:.82em; line-height:1; position:relative; background:#fff; float:left; width:200px }
#s-icons img { display:block }
#s-icons li { margin-right:9px; float:left; text-align:center; padding:6px 8px 5px; height:10px }
#s-icons li.active { background:#e9e9e9 }
#s-icons li a, #s-icons li a:hover { color:#4e4e4e; text-decoration:none }

#header { margin-top:-11px; overflow:hidden; border-bottom:3px solid #cacaca }

#logo { width:220px; height:130px; overflow:hidden; background:url(../img/logo.png) no-repeat 0 0 #2fa1da; margin:0 0 0; font-size:2.4em; padding:0; float:left; text-align:center; position:relative }
#logo a, #logo a:hover { text-decoration:none }
#logo br { display:none }
#logo strong { color:#fff; font-size:1.34em; padding-top:24px; display:block }
#logo dfn { font-style:normal; color:#000; font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-size:.64em; display:block; line-height:1; margin-top:-4px }
#logo span { width:220px; height:130px; position:absolute; top:0; left:0; z-index:10; background:url(../img/logo.png) no-repeat 0 0; }

#header-content { height:90px; background:url(../img/logo.png) #1f1f1f no-repeat -220px 0; color:#dcdcdc; overflow:hidden; padding:20px 0 20px 20px; }
#header-content p { padding:20px 0 0; margin:0; font-size:1.4em; font-weight:normal }
#header-content #phone { width:255px; font-size:2.2em; padding:0 0 0 20px; background:url(../img/head_phone_bg.jpg) #4c4c4c repeat; margin:0; float:right; border-right:solid #565656 20px; height:90px; font-weight:normal; line-height:90px; color:#fff  }

#nav { list-style:none; padding:0; overflow:hidden; margin:2px -3px 2px 0; height:32px; font-size:1.28em; }
#nav li { height:22px; width:196px; float:left; border-right:1px solid #b2b2b2; padding-right:1px; margin:5px 1px 0 0 }
#nav a { color:#1f1f1f; text-align:center; display:block; height:32px; width:196px; margin-top:-5px; line-height:34px; text-decoration:none; }
#nav a:hover { background:url(../img/top-menu_li_hover.jpg) #2fa1da no-repeat 0 0; color:#fff }

#main { overflow:hidden; padding:14px 0 0; background:#ededed }

#side { width:180px; overflow:hidden; padding:0 0 0 20px; float:left }

#side .block { margin:0 0 24px -20px; background:url(../img/side_header_bg.png) no-repeat 0 0; padding:0 0 0 20px }
#side .block h3 { padding:0 0 0 20px; margin:0 0 0 -20px; background:url(../img/side_header_bg.png) no-repeat 0 0 #1f1f1f; color:#fff; font-size:1.2em; font-weight:normal; height:30px; line-height:30px; margin-bottom:14px }

#side .block dl { margin:0 0 0 -20px }
#side .block dt, #side .block dd { padding-left:20px }
#side .block dt { text-decoration:underline; color:#1f1f1f; margin:0; padding-top:6px; min-height:15px; height:auto !important; height:15px; font-weight:bold }
#side .block dd { border-bottom:1px dotted #c3c3c3; margin:0; color:#4e4e4e; font-size:.846em;}
#side .block dd p { padding:0 0 1em; margin:0 }
#side .block dl a{ color:#4e4e4e }
#side .block dl a.t { text-decoration:none }

#side .block dt.v2 { background:url(../img/side_n2_corner.png) no-repeat 100% 0 #fff }
#side .block .v2 { background-color:#fff }

#nav2 { font-size:1.1em; list-style:none; padding:0; overflow:visible; margin-right:-10px  }
#nav2 li { border-bottom:1px dotted #c3c3c3; padding:0 0 0 20px; margin-left:-20px; line-height:29px }
#nav2 ul { margin-left:-20px; margin-bottom:-1px; border-top:1px dotted #c3c3c3; }
#nav2 ul li a { padding-left:40px }
#nav2 li a { display:block; height:29px; margin-left:-20px; padding-left:20px; color:#1f1f1f; text-decoration:none }
#nav2 li a:hover { background:url(../img/side_li_hover.png) no-repeat 0 0 #2fa1da; color:#fff }

#login-form p { padding:.3em 1em; font-size:.9em }

#content { overflow:hidden; padding:0 0 0 20px; width:772px }
#content .block { background:#fff url(../img/content_block_corner.png) no-repeat 0 0; padding:20px; margin-bottom:20px  }
#content p.indent { text-indent:2em }

#content h1, #content h2 { border-left:solid #73a6e5 10px; padding:0 0 0 30px; margin:0 0 18px; font-size:1.84em; font-weight:normal; color:#1f1f1f }
#content h2 { margin-top:2em }
#content h2:first-child, #content h2.first { margin-top:0 }

#content dt { font-size:1.15em; }
#content dd { padding:0 }

.last-works { overflow:hidden; padding:0; list-style:none; }
.last-works li { width:31%; margin:0 1%; float:left; text-align:center  }
.last-works li a img { position:absolute; bottom:0; left:0 }
.last-works li .image { position:relative; width:200px; height:150px; display:block; text-align:center; margin:0 auto }

#footer { bottom:0; width:992px; height:93px; background:url(../img/footer_bg.png) no-repeat 0 0 #2fa1da; font-size:.86em; color:#fff; position:absolute }
#footer .container { margin-left:220px; background:url(../img/footer_bg.png) no-repeat -220px 0 #b4b4b4; height:53px; padding:20px;}

#footer p { overflow:hidden}
#footer .counters { float:right; word-spacing:.5em; text-align:right }

.container { overflow:hidden; clear:both }

.left { margin:0 1em 1em 0; float:left; padding-top:8px }
.right { margin:0 0 1em 1em; float:right; padding-top:8px }

.more { text-align:right }
.more a { font-size:.9em;}

input, textarea { padding:1px } 
#phone {white-space:nowrap}