/* BODY */

body {
    font-size: 62.5%; /* Resets 1em to 10px */
    font-family: Tahoma, 'Lucida Grande', Verdana, Arial, Sans-Serif;
    background: #ffffff;
    color: #333333;
    margin: 0;
    padding: 0;
}

#page {
    text-align: left;
    margin: 0;
    padding: 0;
    width: 100%;
}

#header {
    background: url('../images/header.jpg') repeat-x;
    margin: 0;
    padding: 0;
    height: 94px;
    width: 100%;
}

.headertel{
    height: 21px;
    text-align: right;
    padding: 11px 42px 0 0;
}

.headerlogo{
    float:left;
    width: 380px;
    padding: 15px 0 0 13px;
}

.headermenu{
    float:left;
    padding: 20px 0 0 13px;
    font-size: 1.4em;
}

.headermenu a{
    color: #003366;
    margin: 0 20px 0 0;
    font-weight: bold;
}

.headermenu a:hover{
    text-decoration: none;
}

.leftcolum{
    float:left; 
    position:relative; 
    width:316px;
    left:0px;
    overflow: hidden;
    padding: 0 5px 0 14px;
    font-size: 1.2em;
}

.zakaz{
    width: 316px;
    background: url('../images/zakaz.jpg') no-repeat;
    padding: 42px 20px 20px 20px;
}

.zakazf{
    width: 316px;
    background: url('../images/zakazf.jpg') no-repeat right bottom;
}

.zakaz p{
    padding: 0;
    margin: 5px 0 0 0;
}

.form {
    width: 270px;
}

.input{
    width: 270px;
    border: 1px solid #bdc3d6;
}

.submit{
    float: right;
    margin: 10px 0 0 0;
    background: url('../images/submit.jpg') no-repeat;
    width: 192px;
    height: 28px;
    border: 0px;
}

.lastjob{
    padding: 0 0 20px 0;
}

/*.lastjob a{*/
/*    float: left;*/
/*    display: block;*/
/*}*/
/**/
/*.lastjob a.pic1{*/
/*    margin: 0 23px 0 0;*/
/*}*/
/**/
/*.lastjob a.last{*/
/*    background: url('../images/last.jpg') no-repeat;*/
/*    width: 16px;*/
/*    height: 18px;*/
/*    margin: 23px 0 0 15px;*/
/*}*/
/**/
/*.lastjob a.next{*/
/*    background: url('../images/next.jpg') no-repeat;*/
/*    width: 16px;*/
/*    height: 18px;*/
/*    margin: 23px 0 0 0;*/
/*}*/

.klient{
    float:left; 
    text-align: center;
    width: 138px;
    padding: 10px;
}

.newsblock{
    padding: 15px;
}

span.yellow{
    color: #ffcc66;
    font-size:16px;
}

#content {
    font-size: 1.3em;
    line-height: 1.4em;
    margin-left:335px;
    position:relative; 
    display:block;
    padding: 0 20px 0 0;
}

.nav td a{
    display: block;
    width: 200px;
    height: 170px;
}

a.prodvijenie{
    background: url('../images/prodvijenie.jpg') no-repeat;
}

a.prodvijenie:hover{
    background: url('../images/prodvijenie_h.jpg') no-repeat;
}

a.sozdanie{
    background: url('../images/sozdanie.jpg') no-repeat;
}

a.sozdanie:hover{
    background: url('../images/sozdanie_h.jpg') no-repeat;
}

a.napolnenie{
    background: url('../images/napolnenie.jpg') no-repeat;
}

a.napolnenie:hover{
    background: url('../images/napolnenie_h.jpg') no-repeat;
}

#footerline{
    width: 90%;
    clear: both;
    font-size: 1.1em;
    padding: 20px;
    color: #63718b;
}

#footer {
    background: url('../images/footer.jpg') repeat-x;
    border: none;
    padding: 15px 0 0 0;
    margin: 0 auto;
    width: 100%;
    height: 40px;
    clear: both;
    text-align: center;
    font-size: 1.4em;
}

#footer a{
    color: #003366;
    margin: 0 20px 0 0;
    font-weight: bold;
}

#footer a:hover{
    text-decoration: none;
}

.clear {
    clear: both;
}

a{
    color: #3399cc;
}

/* END BODY */

div#preloadImages { 
	position: absolute; 
	width: 0; 
	height: 0; 
	margin: -150px 0 0;
	clip: rect(0 0 0 0); /*Эта строчка для IE 5.5*/
}


/* Courusel
  -----------------------------------------------------*/

#slider 		{ /*border: 1px dashed #ccc;*/ margin: 0 auto; position: relative; width: 230px; }
.scroll 		{ overflow: hidden; width: 230px; margin: 0 auto; position: relative; }
.scrollContainer 	{ position: relative; }
    .scrollContainer div.panel { height: 120px; padding: 5px; width: 122px; }

.inside { padding: 5px; }
    .inside img {  border: 1px solid #999; display: block; margin: 0 0 5px 0; width: 110px; }

.scrollButtons 	{ position: absolute; top: 138px; cursor: pointer; }
    .scrollButtons.left 	{ left: -25px; }
    .scrollButtons.right 	{ right: -25px; }

.hide { display: none; }