/*
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- GENERAL CLASSES -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- */
* {margin: 0; padding: 0;}
html {height: 100%;}
body {height: 100%; background: #FFF url(/images/background/grey_line.gif) left 172px repeat-x;; font-family: Tahoma; font-size: 13px; line-height: 15px;}

a{color: #1482c9;}
a:hover{text-decoration: none;}
img{border: none;}
h1{color: #1482c9; font-size: 22px; margin-bottom: 20px;}
h2{}
p{}
ul{list-style: none;}

.clear{clear:both; font-size:1px; line-height:0px;}
.hidden { display:none !important; }
.error { font-weight: bold; color: #f00; }
.center { text-align: center; }
.block { display:block; }
.clearboth { clear:both; }
.left { float:left;}
.right { float:right;}
.nobr { white-space:nowrap;}
.rel{ position: relative;}
/*
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- CONTAINERS CLASSES -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- */
#page{height: 100%; padding: 0px 30px;}
#wrapper{min-height: 100%; min-width: 945px; max-width: 1262px; margin: 0px auto;}
* html #wrapper{height: 100%;}
#content{padding-bottom: 120px;}
#header{height: 172px; position: relative;}
#left_collumn{float:left; width:0px;}
#right_collumn{float:right;width:33%;}
#wrap1{float:right;width:100%;margin-left:-0px;}
#wrap2{margin-left:0px;}
#wrap3{width:100%;}
#wrap4{float:left;width:100%;margin-right:-33%;}
#center_collumn{margin-right:33%; padding-right: 30px;}
#footer{position: relative; height: 63px; width: expression((documentElement.clientWidth||document.body.clientWidth) <925 ? '925px' : ((documentElement.clientWidth||document.body.clientWidth) > 1262 ? 1262 : '') ); min-width: 925px; max-width: 1262px; margin: 0px auto; margin-top: -64px; border-top: solid 1px #25aae1;}

body#projects{background: none;}
body#projects #header{height: 202px;}

body#project_detail{background: none;}
body#project_detail #header{height: 202px;}


/*
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- HEADER -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- */
.logo{position:absolute; top: 34px; left: 0px; width: 243px; height: 72px; background: url(/images/logo.png); text-decoration: none;}
.slogan{position: absolute; top: 42px; left: 318px;}
.slogan strong{display: block; color: #676767; font-size: 13px; font-family: "Trebuchet MS"; line-height: 16px;}
.phone{position: absolute; top: 48px; right: 0px; color: #25aae1; font-family: "Myriad Pro";}
.phone p{font-size: 14px;}
.phone b{font-size: 24px; line-height: 24px;}

.top-menu{position: absolute; top: 135px; left: 318px;}
.top-menu li{float: left; padding-right: 22px;}
.top-menu a{color: #393939; font-size: 15px; font-family: "Georgia"; background: url(/images/blue_marker.gif) 0px 6px no-repeat; padding-left: 8px;}
.top-menu .active{color: #25aae1;}

body#project_detail .top-menu{position: absolute; top: 135px; left: 0px;}

.top-sub-menu{position: absolute; top: 160px; left: 0px; width: 100%;}
.top-sub-menu .container{height: 42px; background: #25aae1; margin-left: 318px; padding-left: 18px;}
.top-sub-menu li{float: left; padding-right: 22px;}
.top-sub-menu li a{line-height: 40px; color: #ffffff; font-size: 14px; font-family: "Georgia";}
.top-sub-menu li a.active{text-decoration: none; font-weight: bold;}

body#project_detail .top-sub-menu{width: 77%;}
body#project_detail .top-sub-menu .container{margin-left: 0px;}

.sort{color: #727272; font-size: 13px; font-family: "Trebuchet MS"; position: absolute; bottom: 0px; left: 0px;}
.sort select{width: 180px;}

.prew_next_project{position: absolute; top: 160px; right: 35px;}
.prew_next_project li{float: left;}

#big-image-container{height: 359px;}
#big-image-container .block{text-align: center; padding-top: 30px;}

.main-slider-container{height: 110px; padding-top: 20px; position: relative;}
.main-slider-container .item{width: 30%; padding: 14px 40px; background: #eaeaea; margin: 0px auto; color: #1482c9; font-size: 11px; text-align: center;}
.main-slider-container .item p, .main-slider-container .item b{padding-bottom: 5px; display: block;}
.main-slider-container .next-horizontal{position: absolute; top: 20px; right: 0px; width: 100px; height: 52px; cursor: pointer; background: url(/images/right_arrow.gif) no-repeat top right; padding-right: 90px; padding-top: 20px; line-height: 15px; text-align: right;}
.main-slider-container .next-horizontal:hover{background: url(/images/right_arrow.gif) no-repeat right -73px;}

.main-slider-container  .prev-horizontal{position: absolute; top: 20px; left: 0px; width: 100px; height: 52px; cursor: pointer; background: url(/images/left_arrow.gif) no-repeat 0 0; padding-left: 90px; padding-top: 20px; line-height: 15px;}
.main-slider-container  .prev-horizontal:hover{background: url(/images/left_arrow.gif) no-repeat left -73px;}

.module-header{padding-bottom: 16px;}




/*
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- NEWS -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- */
#news .module-header a{color: #25aae1; margin-left: 20px; text-decoration: none; border-bottom: dashed 1px #25aae1; font-size: 14px;  font-family: "Trebuchet MS";}
#news .module-header a:hover{border-bottom: none;}
#news ul {margin-left:0!important}
#news li.news {position: relative; padding-left: 82px; color: #393939; font-size: 11px; line-height: 16px; padding-bottom: 40px;background:none;}
#news li .date{position: absolute; top: 0px; left: 0px; width: 80px; color: #aeaeae; font-size: 24px; line-height: 24px; font-weight: bold;}
* html #news li.news .date{left: -82px; top: 14px;}
*+html #news li.news .date{top: 14px;}
* html #news li.news {margin-top: -14px;}
*+html #news li.news {margin-top: -14px;}

/*
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- RIGHT COLLUMN -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- */
#discount li{height: 82px; background: url(/images/background/discount_gradient.gif) top left repeat-x; position: relative; margin-top: 30px;}
#discount li img{position: absolute; left: 10px; bottom: -4px;}
#discount li .link{padding: 20px 0px 0px 130px;}
#discount li a{color: #FFFFFF; font-size: 11px; line-height: 14px;}


#content_block{padding-top: 34px;}
body#project_detail #content_block{width: 77%;}

.project-info{color: #3c3c3c;}
.project-info h3{color: #1482c9; font-size: 14px; margin-bottom: 20px;}
.project-info p{margin: 15px 0px; font-size: 14px; line-height: 20px;}
.project-info .navigation{position: absolute; top: 0px; right: -32%;}
.project-info .navigation a{color: #292929; font-size: 13px; background: #eaeaea; padding: 10px 20px; line-height: 40px;}
.project-info .navigation li{float: left; margin-left: 14px;}
.project-info .pf {border:1px solid #999; padding:2px;}


.left-arrow-small{display: block; width: 45px; height: 41px; background: url(/images/left_arrow_small.gif) 0px 0px no-repeat; text-decoration: none;}
.left-arrow-small:hover{background: url(/images/left_arrow_small.gif) 0px -41px no-repeat;}
.right-arrow-small{display: block; width: 45px; height: 41px; background: url(/images/right_arrow_small.gif) 0px 0px no-repeat; text-decoration: none;}
.right-arrow-small:hover{background: url(/images/right_arrow_small.gif) 0px -41px no-repeat;}
/*
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- FOOTER -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- */
.copyright{position: absolute; top: 14px; color: #7c7c7c; font-size: 10px; line-height: 14px;}


.thumbnails
{
margin: -3em 0 0 -2em;
/* Выравнивание по центру */
/*text-align: center;*/
text-align: justify;
}

.thumbnail
{
/* Убираем подчеркивание у элемента ins,
который был использован для совместимости со старыми версиями Internet Explorer */
text-decoration: none;

/* Следующее правило для Firefox 2 */
display: -moz-inline-box;

/* а это для остальных */
display: inline-block;

vertical-align: top;

/* Убираем выравнивание по центру */
text-align: left;

/* Отступы между блоками */
margin: 3em 0 0 1.8em;

}

.thumbnail-s
{
/* Убираем подчеркивание у элемента ins,
который был использован для совместимости со старыми версиями Internet Explorer */
text-decoration: none;

/* Следующее правило для Firefox 2 */
display: -moz-inline-box;

/* а это для остальных */
display: inline-block;

vertical-align: top;

/* Убираем выравнивание по центру */
text-align: left;

/* Отступы между блоками */
margin: 3em 0 0 1.6em;
}


.thumbnail img{width: 280px;}

.thumbnail .r
{
/* Если есть необходимость, то свойства padding, border, background и position со значением relative
лучше задавать у этого элемента -- это несколько расширит количество поддерживаемых версий браузеров */

/* Задаем минимальную ширину по тексту */
/*width: 14em;*/
width: 280px;
height: 220px;

/* Минимальная ширина в пикселях будет автоматически рассчитываться по ширине картинки */
float: left;
}
.thumbnail .r img{vertical-align: bottom;}

.thumbnail .description{padding: 10px; background: #eaeaea; font-size: 11px; color: #1482c9;height:60px; text-align:center;}
.thumbnail .description strong{display: block; padding-bottom: 6px;}
.thumbnail .more_works{position: absolute; top: 60px; right: 100px; width: 100px; height: 56px; cursor: pointer; background: url(/images/right_arrow.gif) no-repeat top right; padding-right: 90px; padding-top: 16px; line-height: 15px; text-align: right; color: #d7d7d7; font-size: 18px; font-weight: bold; text-decoration: none; line-height: 20px;}
.thumbnail .more_works:hover{color: #1482c9; background: url(/images/right_arrow.gif) no-repeat right -73px;}


.last {padding-right: 0px;}

#news span {margin: 5px;}
.ditto_page {background: #1482c9; color: #fff;margin: 5px; padding: 3px;}
#content_block ul {margin-left: 3em;}
#content_block ul li {list-style-type:none; background:url(/images/li.gif) no-repeat 0 .7em; padding:0 0 0 15px;font-size: 14px; line-height: 20px;}