/*
Project: --------------
Author: Stadnikov [lobster] Veniamin
e-mail: veniamins@gmail.com
icq: 264927884  */

/* IE6 png filter 
-background-image: none;
-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/header/car.png,sizingMethod='scale');
*/

/*
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- GENERAL CLASSES -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- */
* {margin: 0; padding: 0;}
html {height: 100%;}
body {height: 100%; background: #e4edfc url(images/background/body_patern.jpg) top left repeat; color: #363636; font-size: 12px; font-family: Tahoma;  line-height: 18px;}

a{color: #0072be;}
a:hover{text-decoration: none;}
img{border: none; vertical-align: bottom;}

h1{color: #2a1f00; font-size: 30px; line-height: 26px; font-family: "Times New Roman", Times, serif; font-style: italic;}
h2{color: #2a1f00; font-size: 24px; line-height: 22px; font-family: "Times New Roman", Times, serif; font-style: italic;}
p{}
ul{list-style: none;}

.clear{clear:both; font-size:1px; line-height:0px;}
.hidden {display:none !important; }
.error { font-weight: bold; color: #f00; }
.text_center{text-align: center;}
.text_right{text-align: center;}
.center { margin: 0px auto;}
.block { display:block; }
.clearboth { clear:both; }
.left { float:left;}
.right { float:right;}
.nobr {white-space:nowrap;}
.rel{ position: relative;}
/*
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- CONTAINERS CLASSES -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- */
#page{height: 100%;}
#wrapper{min-height: 100%; /*overflow: hidden; background: url(images/head.png) top center no-repeat;*/}
#content{padding-bottom: 315px; width: 960px; margin: 0px auto;}
#header{height: 520px; position: relative; margin-top: -625px;}
#left_collumn{float:left; width:15em; background: #aa33cc;}
#right_collumn{float:right;width:10em; background: #ffcc00;}
#wrap1{float:right;width:100%;margin-left:-15em;}
#wrap2{margin-left:15em;}
#wrap3{width:100%;}
#wrap4{float:left;width:100%;margin-right:-10em;}
#center_collumn{margin-right:10em; background: #ff3300;}
#footer{position: relative; height: 475px; margin-top: -475px; overflow: hidden;}

/*
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- HEADER -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- */
.head_imag{background: #e4edfc url(images/background/body_patern.jpg) top left repeat;}
/*.head_imag{position: absolute; top: 0px; left: 50%; margin-left: -800px; width: 1600px; height: 625px; z-index: -1; background: url(images/head.png);}*/
.foot_imag{position: absolute; top: 0px; left: 50%; margin-left: -787px; width: 1574px; height: 475px; z-index: -1; background: url(images/foot.png);}

.logo{position: absolute; top: 58px; left: 16px; width: 160px; height: 47px; background: url(images/logo.png); text-decoration: none; z-index: 1000;}
.phone{position: absolute; top: 0px; right: 0px; width: 256px; height: 164px; background: url(images/phone.png); text-decoration: none;}

.menu{position: absolute; top: 212px; left: 0px; width: 334px; height: 263px; background: url(images/menu/bg.png);}
.menu ul{padding: 17px 0px 0px 2px;}
.menu ul li a{display: block; width: 181px; height: 33px; text-decoration: none;}
.menu ul li a:hover{background-position: 0px -33px;}
.menu ul li a.about{background: url(images/menu/about.png) 0px 0px no-repeat; margin-bottom: 5px;}
.menu ul li a.about:hover{background-position: 0px -33px;}
.menu ul li a.choose{background: url(images/menu/choose.png) 0px 0px no-repeat; margin-bottom: 8px;}
.menu ul li a.choose:hover{background-position: 0px -33px;}
.menu ul li a.our_works{background: url(images/menu/our_works.png) 0px 0px no-repeat; margin-bottom:5px;}
.menu ul li a.our_works:hover{background-position: 0px -33px;}
.menu ul li a.price{background: url(images/menu/price.png) 0px 0px no-repeat; margin-bottom: 5px;}
.menu ul li a.price:hover{background-position: 0px -33px;}
.menu ul li a.contacts{background: url(images/menu/contacts.png) 0px 0px no-repeat;}
.menu ul li a.contacts:hover{background-position: 0px -33px;}

/*.menu ul li a.about{background: url(images/menu/about.png) 0px 0px no-repeat;}*/
/*.navigation li{float: left; padding: 0px 0px; margin: 0px 0px;}*/


.products{position: relative; padding-top: 20px; float: left; width: 720px;}
.products .label{position: absolute; top: -36px; left: 490px; width: 181px; height: 73px; background: url(images/our_products.png);}
.products li{float: left; padding-right: 4px; height: 236px;}
.products .block{width: 219px; height: 144px; padding: 58px 11px 6px 6px; background: url(images/product_item.png);}
.products .block img{width: 219px; height: 144px;}
.products .arrows{height: 32px; position: relative;}
.products .arrows a{text-decoration: none;}
.products .arrows .l{position: absolute; top: 0px; left: 500px; display: block; width: 62px; height: 32px; background: url(images/left_arrow.png);}
.products .arrows .r{position: absolute; top: 0px; left: 650px;  display: block; width: 62px; height: 32px; background: url(images/right_arrow.png);}

.services{width: 230px; float: right; position: relative;}
.services .top{height: 29px; background: url(images/services/top.png);}
.services .bottom{height: 29px; background: url(images/services/bottom.png); position: relative;}
.services .center{background: url(images/services/center.gif); padding: 0px 15px;}
.services li{background: url(images/services/marker.gif) 0px 18px no-repeat; padding: 10px 0px 3px 13px; line-height: 13px;}
.services a{position: relative; line-height: 13px;}

.text h1{margin-bottom: 35px;}
.text p{margin-bottom: 12px;}
/*.text ul{margin: 0px 0px 12px 36px;}*/
/*.text img{border: solid 6px #FFF;}*/
.text .img_left{float: left; margin-right: 20px;}
.text_halves{width: 100%; border-collapse: collapse;}
.text_halves .left_cell{vertical-align: top; width: 470px; padding-right: 80px;}
.text_halves .right_cell{vertical-align: top; width: 410px;}

#footer .box{width: 960px; margin: 0px auto; position: relative;}
#footer .copyright{position: absolute; top: 354px; left: 0px; color: #666666; font-size: 11px;}

#footer .call{position: absolute; top: 354px; left: 220px; color: #464646; font-size: 22px; font-family: "Myriad Pro"; font-style: italic;}
#footer .call b{float: left; padding-right: 10px;}
#footer .call span{float: left;}
#footer .call span.code{font-size: 14px; line-height: 14px; padding-right: 5px; padding-top: 2px;}
#footer .call b.number{color: #dc3701; font-size: 24px; padding-top: 3px;}
#footer .vetrov{position: absolute; top: 364px; right: 0px;}