/*HI =) -> (c) Apus - Moscow Creative Agency = info@apusgroup.ru  */

/*
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- GENERAL CLASSES -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- */
* {margin: 0; padding: 0;}
html {height: 100%;}
body {height: 100%; background: #FFF; color: #201718; font-size: 12px; font-family: Georgia, "Times New Roman", Times, serif; line-height: 18px;}
a{color: #005688;}
a:hover{text-decoration: none;}
img{border: none;}
h1{color: #201718; font-size: 22px; line-height: 24px;}
h2{}
p{}
ul{list-style: none;}
.clear{clear:both; font-size:1px; line-height:0px;}
.center-box{max-width: 1280px; margin: 0px auto; position: relative;}

/*
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- CONTAINERS CLASSES -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- */
#page{height: 100%; width: expression((documentElement.clientWidth||document.body.clientWidth)<995?'995px':''); min-width: 995px;}
#wrapper{min-height: 100%;}
* html #wrapper{height: 100%;}
#content{padding-bottom: 100px;}
#header{height: 607px; background: #14062a url(/images/background/header.jpg) top center no-repeat; position: relative;}
#header_inner{height: 235px; background: #14062b url(/images/background/header.jpg) top center no-repeat; position: relative;}
#left_collumn{float:left; width:0px;}
#right_collumn{float:right;width:35%; position: relative;}
#wrap1{float:right;width:100%;margin-left:-0px;}
#wrap2{margin-left:0px;}
#wrap3{width:100%;}
#wrap4{float:left;width:100%;margin-right:-35%;}
#center_collumn{margin-right:35%;}
#footer{position: relative; height: 86px; margin: 0px 4.5%; margin-top: -87px; border-top: solid 1px #eaeaea;}
#footer_in{position: relative; height: 86px; margin: 0px 4.5%; margin-top: -87px; border: 0px;}

/*
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- HEADER -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- */
#header a, #header_inner a{color: #efcd12;}
.flash{position: absolute; top: 66px; left: 4.5%;}
.language{position: absolute; top: 66px; right: 24.7%;}
.language li{width: 35px; height: 19px; text-align: center; line-height: 18px; color: #201718; font-size: 12px; float: left;}
.language li.active{background: url(/images/language.gif);}
.contacts{position: absolute; top: 66px; right: 4.5%; padding-left: 24px; padding-right: 12px; text-align: right; background: url(/images/phone.gif) 0px 3px no-repeat;}
.contacts strong{display: block; color: #eaeaf1; font-size: 14px; font-style: italic; line-height: 12px; padding-bottom: 4px;}
.contacts a{font-size: 11px; line-height: 20px;}
.to_main{position: absolute; top: 0px; left: 50%; display: block; width: 235px; height: 235px; margin-left: -118px; text-decoration: none;}

#carousel-box{position: absolute; bottom: 0px; left: 50%; margin-left: -500px;}
#carousel-wave{position: absolute; bottom: 0px; left: 50%; margin-left: -400px; width: 800px; height: 92px; background: url(/images/wave2.png); z-index: 2000;
-background-image: none;
-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/wave2.png,sizingMethod='scale');}
/*
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- RIGHT COLLUMN -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- */
.news{width: 80%;}
.news li{padding-bottom: 12px;}
.news li i{color: #b5b5b5; font-size: 11px; line-height: 14px;}
.news li p{line-height: 14px;}
.news li a{color: #005688;}
/*
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- CENTER COLLUMN -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- */
.center-container{margin-left: 5%; margin-right: 3%; }
.by-block{background: #FFF; border-left: solid 3px #fcef62; border-right: solid 3px #c8eaf0; background: url(/images/blue-yellow/top_bottom.gif) center bottom no-repeat;}
.by-block .container{background: url(/images/blue-yellow/top_bottom.gif) center top no-repeat; padding: 20px 20px;}
.center-container .corner{width: 11px; height: 23px; background: url(/images/blue-yellow/corner.gif); margin-left: 23px; margin-top: -3px; position: relative;}
* html .by-block .container .corner{left: 0px;}
*+html .by-block .container .corner{bottom: -3px;}
.by-block .container a{color: #005688;}

.work-on{padding: 10px 20px;}
.work-on i{color: #470f3f;}

/*
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- GREY BOX -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- */
#grey-box{min-height: 211px; background: #dddddd url(/images/background/grey-box.gif) center center no-repeat;}
#grey-box li{float: left; position: relative;}
#grey-box .left-box{width: 60%; float: left;/* position: relative;*/}
#grey-box .left-box .menu{margin-left: 4.5%; position: relative;}
#grey-box .left-box .menu span{font-size: 12px;}
#grey-box .left-box .menu a:hover{text-decoration: underline;}

#grey-box .left-box .menu .optimization{position: absolute; top: 16px; left: 27.2%; color: #201718; font-size: 12px; line-height: 12px; height: 12px; background: url(/images/plus.gif) -13px -13px no-repeat; padding-right: 20px;}
#grey-box .left-box .menu .flash{position: absolute; top: 52px; left: 17.8%; color: #201718; font-size: 12px; line-height: 12px; height: 12px; background: url(/images/plus.gif) -13px -13px no-repeat; padding-right: 20px;}
#grey-box .left-box .menu .graphic3d{position: absolute; top: 110px; left: 49.8%; color: #201718; font-size: 12px; line-height: 12px; height: 12px; background: url(/images/plus.gif) -13px -13px no-repeat; padding-right: 20px;}
#grey-box .left-box .menu .firmstyle{position: absolute; top: 128px; left: 7.7%; color: #201718; font-size: 12px; line-height: 12px; height: 12px; background: url(/images/plus.gif) -13px -13px no-repeat; padding-right: 20px;}
#grey-box .left-box .menu .makesite{position: absolute; top: 148px; left: 55.5%; color: #201718; font-size: 12px; line-height: 12px; height: 12px; background: url(/images/plus.gif) -13px -13px no-repeat; padding-right: 20px;}
#grey-box .left-box .menu .brending{position: absolute; top: 182px; left: 19.6%; color: #201718; font-size: 12px; line-height: 12px; height: 12px; background: url(/images/plus.gif) -13px -13px no-repeat; padding-right: 20px;}

#grey-box .left-box .menu .makeorder{position: absolute; top: 28px; left: 40.5%; color: #201718; font-size: 42px; line-height: 42px; height: 42px; background: url(/images/plus.gif) top right no-repeat; padding-right: 20px;}
#grey-box .left-box .menu .portfolio{position: absolute; top: 78px; left: 10.8%; color: #201718; font-size: 42px; line-height: 42px; height: 42px; background: url(/images/plus.gif) top right no-repeat; padding-right: 20px;}
#grey-box .left-box .menu .siteprogress{position: absolute; top: 78px; left: 62.3%; color: #201718; font-size: 12px; line-height: 16px; height: 16px; background: url(/images/plus2.gif) top right no-repeat; padding-right: 8px;}
#grey-box .left-box .menu .services{position: absolute; top: 146px; left: 30.5%; color: #201718; font-size: 36px; line-height: 36px; height: 36px; background: url(/images/plus.gif) top right no-repeat; padding-right: 20px;}

#grey-box li.right-box{width: 40%; float: right;}
#grey-box li.right-box .review{position: relative; margin-top: 20px; padding-left: 72px;  padding-right: 8.5%;}
#grey-box li.right-box .review img{position: absolute; top: 6px; left: 0px;}
#grey-box li.right-box .review p{padding-bottom: 8px;}
#grey-box li.right-box .review a{color: #005688; font-weight: bold;}
* html #grey-box{height: 211px;}
/*
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- SCROLLER -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- */
#slideshow { width:100%; overflow:hidden; white-space:nowrap; position:relative;}
#scroller{height:75px; border-bottom:1px solid #e5e5e5; border-top:1px solid #e5e5e5; margin-bottom: 28px;}
#scroler { position:relative; display:inline; z-index:1; }
#scroler span{display:inline !important; display:block;}
#scroler img{position:relative; margin: 0px 28px; filter:alpha(opacity=30); -moz-opacity: 0.3; -khtml-opacity: 0.3; opacity: 0.3;}
#gallery { position:relative; margin:0px 46px; z-index:0;}
#gallery .leftarr { cursor:pointer; position: absolute; z-index:2; left:-34px; top: 32px;}
#gallery .rightarr { cursor:pointer; position:absolute; z-index:2; right:-34px; top: 32px;}


/*
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- SCROLLER -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- */
.red-box{width: 513px;}
.red-box .top{height: 9px; overflow: hidden; background: url(/images/red-box/top.png) top left no-repeat;
-background-image: none;
-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/red-box/top.png,sizingMethod='scale');}
.red-box .bottom{height: 26px; background: url(/images/red-box/bottom.png) top left no-repeat; 
-background-image: none;
-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/red-box/bottom.png,sizingMethod='scale');}
.red-box .container{background: #ad152d; padding: 15px 25px; color: #FFF;}
.red-box .container h1{font-style: italic; color: #fff}
.red-box .container p{padding: 10px 0px;}
.red-box .container .lik{color: #000000; font-size: 20px; margin-left: 210px; font-style: italic;}

#makeorder-text h1{color: #fff;}
#makeorder-text table{width: 100%;}
#makeorder-text table td{color: #FFF; font-size: 12px;}
#makeorder-text table td.label{width: 320px; padding-top: 12px;}
#makeorder-text table .textfield{width: 218px; height: 25px; border: solid 1px #e54965; background: #b52b42;}
#makeorder-text table textarea{width: 100%; height: 78px; border: solid 1px #e54965; background: #b52b42;}

.work-name{line-height: 45px;}
.work-info{padding-top: 45px;}
.work-info i{color: #b5b5b5; font-size: 11px; line-height: 14px;}
.work-info .link{color: #eb008b; font-size: 14px; background: url(/images/plus3.gif) bottom left no-repeat; margin-left: 2px; padding-left: 20px; line-height: 30px; padding-top: 5px;}
.work-info p{line-height: 16px; padding: 2px 0px 8px 0px; font-style: italic; font-size: 14px;}
.work-info .eshe{line-height: 12px; padding: 2px 0px 8px 7px; font-style: normal; font-family: Tahoma; font-size: 11px;}
.work-info .type{line-height: 12px; color: #666666;}
.work-info .link2{line-height: 12px; color: #5BB7B4; text-decoration: none; margin-bottom: 20px;}
.work-info span.update{padding: 4px 4px; background: #e8e8e8; font-size: 10px; line-height: 30px; margin-top: -10px;}

.work-images{padding-bottom: 40px;}
.work-images li{padding-top: 22px;}
.work-images li img{width: expression((documentElement.clientWidth||document.body.clientWidth)<1024?'565px':'');}
.work-images i{display: block; margin-left: 28px;}

.categories-box{height: 23px; background: url(/images/background/categories.gif) top center; padding: 19px 0px 21px 0px;}
#categories{position: relative; padding-left: 100px; margin: 0px auto; width: 175px;}
#categories p{position: absolute; top: 0px; left: 0px; line-height: 23px;}
/*
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- FOOTER -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- */
/* copyright */
#footer .copyright{position: absolute; top: 16px; left: 20px;}
#footer .copyright a{color: #005688; font-style: normal;}
#footer .copyright p{color: #b5b5b5; font-size: 11px; font-style: italic;}
#footer .copyright strong{color: #201718; font-weight: normal;}
/* copyright in */
#footer_in .copyright{position: absolute; top: 16px; left: 20px;}
#footer_in .copyright a{color: #005688; font-style: normal;}
#footer_in .copyright p{color: #b5b5b5; font-size: 11px; font-style: italic;}
#footer_in .copyright strong{color: #201718; font-weight: normal;}
/* search */
#footer .search{position: absolute; top: 14px; right: 66px;}
#footer .search li{float: left;}
#footer .search .inputbox input{width: 204px; height: 19px; padding-top: 2px; border: solid 1px #cccccc; font-family: Georgia, "Times New Roman", Times, serif;}

/**/
#makeorder-text, #portfolio-text, #siteprogress-text, #services-text{display: none;}
#simplemodal-overlay{background: #000 url(/images/modal-patern.gif); cursor:wait; filter: alpha(opacity=90); height: 100%;}
#simplemodal-container{height:auto; left:50%; top:50%; padding: 10px;}
a.modalCloseImg {background:url(/images/x.gif) no-repeat; width:11px; height:11px; z-index:3200; cursor:pointer; position: absolute; top: 20px; left: 500px;}


.project-information{position: relative;}
.project-information .left-link{position: absolute; top: 81px; left: 20px; color: #fcfcfc; font-size: 12px; font-family: Georgia; text-decoration: none; background: #542234; padding: 4px 4px; line-height: 12px; z-index: 1000;}
.project-information .left-count{position: absolute; top: 100px; left: 20px; color: #efcd12; font-size: 11px; font-family: Georgia; background: #542234; padding: 4px 4px; line-height: 10px; z-index: 1000;}
.project-information .right-link{position: absolute; top: 81px; right: 20px; color: #fcfcfc; font-size: 12px; font-family: Georgia; text-align: right; text-decoration: none; background: #542234; padding: 4px 4px; line-height: 12px; z-index: 1000;}
.project-information .right-count{position: absolute; top: 100px; right: 20px; color: #efcd12; font-size: 11px; font-family: Georgia; text-align: right; background: #542234; padding: 4px 4px; line-height: 10px; z-index: 1000;}