/*
Author: Dizzy
*/

/* Основные
---------------------- */
* { padding: 0; margin: 0;}
body {background: #8490a0 url(img/bg.png) repeat-x; color: #f5f4f2; font-family: Arial, Helvetica, Sans-Serif; font-size: 14px; line-height: 18px;}
a {color: #fff; text-decoration: none;}
a:hover {text-decoration: underline;}
a img {border: 0;}
img.ico {vertical-align: middle; padding-right: 0; padding-left: 0;} 
p {padding-bottom: 4px; }
.left {float: left; display: inline;}
.right {float: right; display: inline; margin: 10px 5px 0 0;}
.cl { font-size: 0; line-height: 0; clear: both; display: block; height: 0; }
.notext { font-size: 0; line-height: 0; text-indent: -4000px; background-repeat: no-repeat; }
.all { width: 960px; margin: 0 auto; }
ul,li {list-style: none;}
input, select, textarea {font-family:Arial, Helvetica, sans-serif; font-size: 12px; vertical-align: middle; font-weight:normal; color:#393939; margin:0; padding:0;}
fieldset {border:0}

/* Лого
---------------------- */
.head { padding: 30px 0 10px 280px; position: relative; height: 100%; }
.logo { width: 300px; font-size: 0; line-height: 0; position: absolute; top: 0; left: 0; }
.logo a { display: block; height: 150px;  background: url(img/logo.png) no-repeat; }

/* Меню навигации (top)
---------------------- */
.menu {width: 100%; margin: 15px; padding-left: 85px;}
.menu a {text-transform: uppercase; font-size: 11px; font-weight: bold; text-decoration: none; line-height: 38px; height:38px;}
.menu li{ display: block; float: left; margin: 0 2px;}
.menu li a{display: block; float: left; color: #336699; text-shadow: 1px 1px 1px #fff; background: url(img/menu.png) no-repeat left; padding: 0 0 0 7px; }
.menu li a span{display:block; float:left; background:url(img/menu_.png) no-repeat right; color:#336699; padding:0 18px 0 8px;}
.menu li a:hover{display:block; float:left; background:url(img/menu_nav.png) no-repeat left;}
.menu li a:hover span{display:block; float:left; background:url(img/menu_nav_.png) no-repeat right; color:#555;}
.menu li a.act{display:block; float:left; color:#555; background:url(img/menu_nav.png) no-repeat left; padding:0 0 0 7px; text-decoration:none;}
.menu li a.act span{display:block; float:left; background:url(img/menu_nav_.png) no-repeat right; color:#555; padding:0 18px 0 8px;}

/* Слайдер
---------------------- */
.container {text-align: left; margin: 0 auto; width: 960px; position: relative; }
#slider {margin-bottom: 15px; margin-top: 55px;}				
.slider-img { display:block; float:left; padding:4px; position:relative; }
.slider-img span.overlay {display:block; height:292px; left:-1px; position:absolute; top:-1px; width:451px; }
.description { float: right; width: 466px; margin: 23px;}
#slider h2.title { font-size: 40px; line-height: 30px; color: #9ad81a; text-shadow: 1px 1px 4px #364657;}
#slider h2.title cufon { margin-bottom: -19px; }
#slider h2.title a {text-decoration: none; color: #9ad81a; text-shadow: 1px 1px 4px #364657;}
#slider .description p { font-size: 20px; margin-top: 17px; color: #e7e8e5; text-shadow: 1px 1px 1px #5d606e;}	
#controllers {margin-top: 10px; text-align: center;}
#controllers a { background:url(img/controll.png) no-repeat; display:block; height:15px; margin-right:4px; text-indent:-9999px; width:15px; display: inline-block }
#controllers a.activeSlide { background:url(img/controlm.png) no-repeat; }			
#slider .description-left .slider-img { float: right; }
#slider .description-left .description { float: left; text-align: right; }
#slider_content, #slider_content .slide { width: 960px; }
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

/* Бокс
---------------------- */
#box {width: 903px; margin: 0 auto; padding: 10px 0 10px 47px; background: url(img/box.png) repeat-y top left; overflow: hidden;}
.box_lite {float: left; width: 300px;}
.box_lite h3 {font-size: 16px; margin: 0 0 23px 3px; text-transform: uppercase; color: #aaef16; text-shadow: 1px 1px 3px #364657;}
.box_lite img { margin: 0 0 19px 0; }
.box_lite .scrn {background: transparent url(img/box_.png) no-repeat 0 0; display: block; width: 256px; height: 180px; float: left; margin-left: 0; position: relative;}
.box_lite .scrn img {margin: 7px 8px;}
.box_lite.right a.scrn {float: right;}
.box_lite .scrn span.hover {position: absolute; left: 13px; top: 11px; width: 230px; height: 180px; background-image: none;}
.box_lite.right .scrn span.hover {right: 50px; top: 11px;}
.box_lite p {width: 250px; font-size: 14px; margin: 0 0 18px 3px;}
.box_lite a {color: #e4e4e4; text-decoration: none; margin: 0 0 0 0px; padding: 0 22px 2px 0; line-height: 14px; background: url(img/act.png) no-repeat 100% 50%;}
.more { background: url(img/act.png) no-repeat 0 center; padding-left: 8px; }

/* Контент
---------------------- */
.page {padding: 28px 0 34px; }
.page .col {float: left; display: inline; }
.page .two {margin-right: 0 !important; max-width: 250px;}
.two h1 {font-size: 16px; padding-bottom: 3px; text-shadow: 1px 1px 3px #364657;}
.page .col h2 {padding-bottom: 3px; font-weight: normal; text-shadow: 1px 1px 3px #364657;}
.page .col h2.notext {height: 24px; }
.page .col .content {padding: 5px 0 0 5px; }
.cols .col {width: 310px; margin-right: 20px; }
.cols .col .content {padding-top: 0; }
.cols .one {width: 630px; }
.cols .one h2 {margin-left: 0; }
.cols .one .content {padding-left: 0; }
.content h2 {color: #aaef16; margin: 0 0 12px 3px; text-shadow: 1px 1px 3px #364657;}

/* Foot
---------------------- */
.foot {height: 70px; padding: 5px 0 0 5px; font-size: 12px; color: #f2f2f2; background: url(img/foot.png) repeat-x top; overflow: hidden;}
.foot a {color: #fff; text-decoration: none;}
.foot a:hover {color: #fff; text-decoration: underline;}
.foot span {margin: 0 8px; color: #ced1c7; }

/* Социальные сети
---------------------- */
.social a{width: 25px; height: 25px; display: block; text-indent: -13000em; margin: 5px 0 0 5px; float: left; border: 0;}
.social a:hover{background-position: 0 -26px; padding: 0; border: 0;}
.twitter{background: url(img/twitter.png);}
.facebook{background: url(img/facebook.png);}
.vkontakte{background: url(img/vkontakte.png);}

/* Копирайт
---------------------- */
.true {font-size: 11px; line-height: 10px; padding-top: 6px;} 
.true a{width: 36px; height: 24px; display: block; text-indent: -13000em; margin: 5px 0 0 5px; float: right; border: 0;}
.true a:hover{background-position: 0 -23px; padding: 0; border: 0;}
.true_design {background: url(img/true_design.png);}

/* Новости
---------------------- */
.news {padding-top: 25px;}
.news_ {border-bottom: 2px solid #f5f4f2;}
.date {margin: -40px 0 0 10px; float: right;}
/* Портфолио
---------------------- */
.portfolio {padding-top: 25px;}
.work_menu {float: left; padding: 0 0 0 10px; margin-right: 40px; color: #f5f4f2;}
.work_menu a  {color: #f5f4f2; text-decoration: none; line-height: 20pt; }
.work_menu a:hover {text-decoration: underline;}
.work_menu h2 {font-weight: normal; text-shadow: 1px 1px 4px #364657;}
.work {float: left; width: 750px;}
.work h2 {font-weight: normal; text-shadow: 1px 1px 4px #364657;}
.prew {float: left; width: 250px;}
.prew h2 {font-size: 14px; font-weight: bold; text-align: center; margin: 5px 30px 5px 0; text-transform: uppercase; color: #fff; text-shadow: 1px 1px 3px #364657;}
.prew .job {background: transparent url(img/prew.png) no-repeat 0 0; display: block; width: 220px; height: 190px; float: left; margin-left: 0; position: relative;}
.prew .job img {margin: 5px 0 0 4px;}
.prew.right a.job {float: right;}

/* Услуги
---------------------- */
.services {padding-top: 25px;}
.content_s {float: right; width:725px;}
.content_s h1 {font-size: 16px; margin: 10px 0 10px 0; text-transform: uppercase; color: #aaef16; text-shadow: 1px 1px 3px #364657;}
.content_s h2 {font-weight: normal; text-shadow: 1px 1px 4px #364657;}
.content_s h3 {font-size: 16px; margin: 10px 0 10px 0; text-transform: uppercase; color: #aaef16; text-shadow: 1px 1px 3px #364657;}

/* Обратная связь
---------------------- */
.content_f {float: right; width:700px;}
.content_f h2 {font-weight: normal; text-shadow: 1px 1px 4px #364657;}
.content_f h3 {font-size: 16px; margin: 10px 0 10px 0; text-transform: uppercase; color: #aaef16; text-shadow: 1px 1px 3px #364657;}
.contact-form .field {width: 100%; overflow: hidden;}
.contact-form .field.text {height: 30px;}
.contact-form label {float: left; width: 94px;}
.contact-form input, .contact-form textarea {border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; position:relative; border:1px solid #cbcbcb; background-color:#fff; float:left; color:#464646;}
.contact-form input {width: 300px; padding:3px 3px;}
.contact-form textarea {width:549px; height: 293px; padding: 3px 3px; overflow:auto; margin-bottom:17px;}
.contact-form a {float: right; margin: 0 55px 0 0;}
.alignright {margin-left: 95px;}

/* Пагинация
---------------------- */
.pagination a:link, .pagination a:visited, .pagination span {float: left; padding: 25px 0 0 8px; width: 13px; height: 18px; margin: 0 3px 0 3px; font: 11px Tahoma; color: #eee;}
.pagination a.active, .pagination span {background:url(img/pagination.png) no-repeat bottom left; width: 21px; height: 18px; padding: 25px 0 0 1px; text-align: center; color: #485b72;}

/* Счётчики
---------------------- */
.counters {margin: 5px 0 0 5px;}