body { 
margin: 0; 
padding: 0; 
background:ffffff;
font: normal 11px Tahoma; 
} 

.middle a{
		color:#006d9f;
		}
input {
}
a{
text-decoration: underline;
}

a:hover{
text-decoration: none;
}

* img{
padding: 0;
margin: 0;
border: none;
}

#catitemsform table{
	float:left;
}

#page { 
width: 984px; 
margin: 0 auto; 
position: relative;
}



.header{
float: left;
padding:10px 0 5px 5px;
margin:0;
background:url('/files/images/aboutBg.gif') left bottom no-repeat;
}

*html .header{
float: left;
padding:10px 0 3px 5px;
margin:0;
background:url('/files/images/aboutBg.gif') left bottom no-repeat;
}

.topMenu{
float: left;
padding:7px 0 0 0;
margin:0;
height: 24px;
background: #bc4900;
width: 780px;
text-align: center;
}

	.topMenu a{
	margin: 0 30px 0 0;
	font: bold 14px Tahoma;
	color:#ffffff;
	}
	
.about{
float: left;
padding:0 45px 0 0;
margin:0;
width: 733px;
height: 130px;
border-left: solid 1px #cfcfcf;
border-right: solid 1px #cfcfcf;
border-bottom: solid 1px #cfcfcf;
background:url('/files/images/aboutLeftBg.gif') right center no-repeat #ffffff;
}

	.about img.logo{
	float: left;
	padding:5px 0 0 15px;
	margin:0;
	}
	
	.about a.more{
	float: left;
	padding:5px 0 0 0px;
	margin:0;
	color:#006c9f;
	}
	
	img.ico{
	float: left;
	padding:5px 5px 0 0;
	margin:0;
	}
	
	.aboutTxt{
	float: right;
	padding:9px 0 0 0;
	margin:0;
	width: 548px;
	font: normal 11px Tahoma;
	color:#444444;
	}
	
		.aboutTxt h1{
		padding:0;
		margin:0 0 5px 0;
		font: bold 14px Tahoma;
		color:#000000;
		}
		
	#login{
	float: left;
	width: 198px;
	height: 130px;
	padding:0;
	margin:0;
	background:#f8f8f8;
	border-bottom: solid 1px #cfcfcf;
/*	display: none;	*/
	}
	

	*html #login{
	position: relative;
	top: -6px;
	float: left;
	width: 196px;
	height: 130px;
	padding:0;
	margin:-1px 0 0 0;
	background:#f8f8f8;
	border-bottom: solid 1px #cfcfcf;
	}


		#login h1{
		padding:0;
		margin:22px 0 0 9px;
		font: bold 14px Tahoma;
		color:#690101;
		}
		
		#login form{
		display: block;
		float: left;
		padding:15px 0 0 5px;
		margin:0;
		font: bold 11px Tahoma;
		color:#000000;
		}
		
*:first-child+html #login form, *html #login form { /* for ie7*/
		padding:10px 0 0 5px;
}

		#login form td input {
	width: 115px;
}
			.loginField{
			width: 125px;
			font: bold 11px Tahoma;
			color:#000000;
			}
			
			.button{
			font: normal 12px Tahoma;
			color:#690101;
			border: none;
			background: #f8f8f8;
			padding:0;
			margin:0;
			cursor: pointer;
			}


#content{
float: left;
padding:0;
margin:0;
width: 100%;
}

	ul.ourJobs{
	float: left;
	padding:0;
	margin:5px 0 0 0;
	list-style-type:none;
	}
	
		ul.ourJobs li{
		float: left;
		padding:0;
		margin:0;
		}
		
		ul.ourJobs li img{
		float: left;
		padding:0;
		margin:0;
		}
	
	.questions{
	width: 984px;
	float: left;
	padding:54px 0 0 0;
	margin:0;
	}
	
		.questions td{
		height: 300px;
		}
		
		.q1{
		color:#493500;
		padding: 87px 0 10px 0;
		width: 322px;
		border-right: solid 15px #ffffff;
		background:url('/files/images/quest1.gif') left bottom repeat-x #dfa200;
		}
		
			.q1 .txt{
			float: left;
			width: 260px;
			background:url('/files/images/q1Arrow.gif') right 90px no-repeat;
			padding:0 40px 0 22px;
			margin:0;
			}
		
			.cq1{
			position: absolute;
			padding:44px 0 0 50px;
			margin:0;
			width: 179px;
			height: 102px;
			background:url('/files/images/cq1.gif') left top no-repeat;
			top: 445px;
			left: 30px;
			font: bold 12px Tahoma;
			color:#493500;
			}
			
			*html .cq1{
			position: absolute;
			padding:44px 0 0 50px;
			margin:0;
			width: 179px;
			height: 102px;
			background:url('/files/images/cq1.gif') left top no-repeat;
			top: 443px;
			left: 30px;
			font: bold 12px Tahoma;
			color:#493500;
			}
			
			
			.q1More{
			float: left;
			padding:5px 0 0 0px;
			margin:0;
			color:#df4400;
			}
	
			img.q1Ico{
			float: left;
			padding:5px 5px 0 0;
			margin:0;
			}
			
			
		.q2{
		color:#344300;
		padding: 87px 0 10px 0;
		width: 315px;
		background:url('/files/images/quest2.gif') left bottom repeat-x #9bc700;
		}
		
			.q2 .txt{
			float: left;
			background:url('/files/images/q2Arrow.gif') left 90px no-repeat;
			padding:0 40px 0 22px;
			margin:0;
			}
		
		
			.cq2{
			position: absolute;
			padding:44px 0 0 50px;
			margin:0;
			width: 179px;
			height: 102px;
			background:url('/files/images/cq2.gif') left top no-repeat;
			top: 445px;
			left: 376px;
			font: bold 12px Tahoma;
			color:#4e6400;
			}
			
			*html .cq2{
			position: absolute;
			padding:44px 0 0 50px;
			margin:0;
			width: 179px;
			height: 102px;
			background:url('/files/images/cq2.gif') left top no-repeat;
			top: 443px;
			left: 376px;
			font: bold 12px Tahoma;
			color:#4e6400;
			}
			
			.q2More{
			float: left;
			padding:5px 0 0 0px;
			margin:0;
			color:#eaff00;
			}
	
			img.q2Ico{
			float: left;
			padding:5px 5px 0 0;
			margin:0;
			}
		
		
		.q3{
		color:#002333;
		padding: 87px 0 10px 0;
		width: 322px;
		border-left: solid 15px #ffffff;
		background:url('/files/images/quest3.gif') left bottom repeat-x #00aeff;
		}
		
			.q3 .txt{
			float: left;
			background:url('/files/images/q3Arrow.gif') left 90px no-repeat;
			padding:0 40px 0 25px;
			margin:0;
			}
		
		
			.cq3{
			position: absolute;
			padding:44px 0 0 50px;
			margin:0;
			width: 179px;
			height: 102px;
			background:url('/files/images/cq3.gif') left top no-repeat;
			top: 445px;
			left: 700px;
			font: bold 12px Tahoma;
			color:#00537a;
			}
			
			*html .cq3{
			position: absolute;
			padding:44px 0 0 50px;
			margin:0;
			width: 179px;
			height: 102px;
			background:url('/files/images/cq3.gif') left top no-repeat;
			top: 443px;
			left: 700px;
			font: bold 12px Tahoma;
			color:#00537a;
			}
			
			.q3More{
			float: left;
			padding:5px 0 0 0px;
			margin:0;
			color:#beeaff;
			}
	
			img.q3Ico{
			float: left;
			padding:5px 5px 0 0;
			margin:0;
			}
			
	.order{
	display: block;
	float: left;
	padding:28px 0 18px 0;
	margin:0;
	width: 400px;
	}
	
		.order .title{
		float: left;
		padding:18px 0 0 0;
		margin:0;
		width: 243px;
		text-align: center;
		height: 42px;
		font: bold 14px Tahoma;
		color:#ffffff;
		background:url('/files/images/orderTitleBg.gif') left top no-repeat;
		}
		
		.order table{
		font: normal 11px Tahoma;
		width: 100%;
		color:#4d4f54;
		margin: 0 0 0 30px;
		}
		
			.order .f12{
			font: normal 12px Tahoma;
			color:#4d4f54;
			padding-bottom: 15px;
			}
			
			.order .textField{
			width: 195px;
			margin: 3px 0 5px 0;
			}
			
			.order textarea{
			width: 398px;
			height: 179px;
			margin: 3px 0 5px 0;
			overflow: hidden;
			}
			
			.order .but{
			width: 147px;
			height: 24px;
			margin: 3px 0 0px 0;
			font: normal 14px Tahoma;
			color:#000000;		
			cursor: pointer;	
			}
			
	.portfolio{
	float: left;
	padding:28px 0 18px 86px;
	margin:0;
	width: 400px;
	}
	
		.portfolio .title{
		float: left;
		padding:18px 0 0 35px;
		margin:0;
		width: 208px;
		height: 42px;
		font: bold 14px Tahoma;
		color:#ffffff;
		background:url('/files/images/folioTitleBg.gif') left top no-repeat;
		}
		
		.flashGallery{
		float: left;
		padding:0;
		margin:0;
		width: 459px;
		height:349px;
		}
		
		.allWorks{
		display: block;
		float: left;
		padding:0 0 0 35px;
		margin:0;
		font: normal 12px Tahoma;
		color:#006d9f;
		}
	

#footer{
float: left;
padding:15px 0 0 0;
margin:0;
height: 31px;
background: #838383;
width: 100%;
text-align: center;
font: normal 12px Tahoma;
color:#d5d5d5;
}
#footer a{
color:#d5d5d5;
}

/* ========== Inner Page =========== */

.mainTable{
float: left;
width: 99%;
position: relative;
margin:10px 0 10px 5px;
}

	.left{
	width: 200px;
	margin:0;
	padding:26px 10px 0 0;
	}
	
		.left h1{
		font: bold 14px Tahoma;
		color:#000000;
		}
		
		.navMenu{
		float: left;
		padding:0 0 25px 0;
		margin:0;
		list-style-type: none;
		width: 196px;
		}
		
			li.lev1{
			float: left;
			padding:0 0 10px 13px;
			margin:0;
			width: 186px;
			background:url('/files/images/lev1.gif') left 4px no-repeat;
			}
			
				li.lev1 a{
				font: bold 11px Tahoma;
				color:#bc4900;
				}		
				
		.subMenu{
		float: left;
		padding:10px 0 0 15px;
		margin:0;
		list-style-type: none;
		width: 172px;
		}
		
			li.lev2{
			float: left;
			padding:3px 0 3px 10px;
			margin:0;
			width: 164px;
			border-left: solid 3px #cdcdcd;
			}
			
				li.lev2 a{
				font: normal 11px Tahoma;
				color:#006d9f;
				}
		
				
		.reviews{
		float: left;
		padding:5px 0 10px 0;
		margin:0;
		width: 143px;
		}
		
			.reviews h2{
			margin:0;
			padding:0 0 10px 0;
			font: normal 11px Tahoma;
			color:#707070;
			}
			
			.reviews h2 strong{
			font: bold 12px Tahoma;
			color:#707070;
			}
			.reviews h2 a{
			font: bold 12px Tahoma;
			color:#006D9F;
			font-weight:bold;
			}
			
		.allReviews{
		float: left;
		padding:0;
		margin:0;
		width: 143px;
		font: normal 11px Tahoma;
		color:#006d9f;
		}
		
			.allReviews a{
			color:#006d9f;
			}
			
	.right{
	width: 194px;
	margin:0;
	padding:26px 0 0 30px;
	}
	
		.right h1{
		padding: 10px 0 10px 0;
		margin:0;
		font: bold 14px Tahoma;
		color:#000000;
		text-align:right;
		}
		
		.partners{
		float: left;
		padding:0 0 40px 0;
		margin:0;
		list-style-type:none;
		width: 194px;
		color:#444444;
		}
		
			.partnersInfo{
			float: left;
			padding:15px 0 15px 0;
			margin:-1px 0 0 0;
			width: 194px;
			border-top: solid 1px #e3e3e3;
			border-bottom: solid 1px #e3e3e3;
			}
			
			.partnersLogo{
			float: left;
			padding:0;
			margin:0;
			width: 87px;
			}
			
		.klients{
		float: left;
		padding:0 0 40px 0;
		margin:0;
		list-style-type:none;
		width: 194px;
		color:#444444;
		}
		
			.klientsInfo{
			float: left;
			padding:15px 0 15px 0;
			margin:-1px 0 0 0;
			width: 194px;
			border-top: solid 1px #e3e3e3;
			border-bottom: solid 1px #e3e3e3;
			}
			
			.klientsLogo{
			float: left;
			padding:0;
			margin:0;
			width: 87px;
			}
			
.quastion{
display: block;
margin:0;
float: left;
padding:5px 0 0px 0;
width: 194px;
border-top: solid 1px #e3e3e3;
border-bottom: solid 1px #e3e3e3;
}

	.quastion input{
	width: 188px;
	border: solid 1px #838383; /*#e3e3e3;*/
	font: normal 11px Tahoma;
	color:#838383; /*#adadad;*/
	margin:0 0 5px 0;
	padding:2px;
	}	
	
	.quastion textarea{
	width: 188px;	
	height: 122px;
	border: solid 1px #838383; /*#e3e3e3;*/
	font: normal 11px Tahoma;
	color:#838383; /*#adadad;*/
	margin:0 0 5px 0;
	padding:2px;
	}

	.breadCrumbs{
	float: left;
	padding:0;
	margin:0;
	width: 100%;
	color:#9e9e9e;
	}
	
		.breadCrumbs a{
		color:#b6cbd5;
		}
		
		.middle{
		color:#444444;
		}

.middle a.hre{
		color:#444444;
		text-decoration:none;
		}

		
		.middle h1{
		display: block;
		float: left;
		width: 100%;
		padding: 15px 0 10px 0;
		margin:0;
		font: normal 24px Tahoma;
		color:#000000;
		}
		
		.middle h2{
		display: block;
		float: left;
		width: 100%;
		padding: 30px 0 0px 0;
		margin:0;
		font: bold 16px Tahoma;
		color:#000000;
		}
		
		.middle h3{
		display: block;
		float: left;
		width: 100%;
		padding: 30px 0 0px 0;
		margin:0;
		font: bold 14px Tahoma;
		color:#000000;
		}
		
		.middle h4{
		display: block;
		float: left;
		width: 100%;
		padding: 30px 0 0px 0;
		margin:0;
		font: bold 12px Tahoma;
		color:#000000;
		}
		
		p.look1{
		background: #fffcf0;
		border: solid 1px #f6f5f1;
		padding: 15px 15px 15px 50px;
		margin: 0 0 5px 0;
		color:#444444;
		background:url('/files/images/1.gif') 18px 20px no-repeat;
		}
		
			p.look1 strong{
			color:#000000;
			}
			
		p.look2{
		background: #fffcf0;
		border: solid 1px #f6f5f1;
		padding: 15px 15px 15px 50px;
		margin: 0 0 5px 0;
		color:#444444;
		background:url('/files/images/2.gif') 18px 20px no-repeat;
		}
		
			p.look2 strong{
			color:#000000;
			}
			
		p.look3{
		background: #fffcf0;
		border: solid 1px #f6f5f1;
		padding: 15px 15px 15px 50px;
		margin: 0 0 5px 0;
		color:#444444;
		background:url('/files/images/3.gif') 18px 20px no-repeat;
		}
		
			p.look3 strong{
			color:#000000;
			}
		
		p.padding{
		padding: 10px 10px 10px 40px;
		font: normal 11px Tahoma;
		}
div.padding{
		padding: 10px 10px 10px 40px;
		font: normal 11px Tahoma;
		}
		
			p.padding a{
			display: block;
			float: left;
			padding:0 0 5px 0;
			margin:0;
			font: normal 11px Tahoma;
			color:#006d9f;
			width: 100%;
			}	
		
		.aMore{
		float: left;
		padding:0;
		margin:0;
		text-align: right;
		width: 100%;
		color:#b6cbd5;
		}
		
			.aMore a{
			color:#b6cbd5;
			}
			
		p.analitica{
		float: left;
		display: block;
		width: 100%;
		margin:0;
		padding: 5px 0 5px 0;
		line-height: 18px;
		
		}
		
			p.analitica a{
			color:#006d9f;
			}
			
	.why{
	float: left;
	padding:5px 0 10px 0;
	margin:0;
	width: 100%;
	}
	
	.whyLnk{
	float: left;
	padding:0px 0 0px 0;
	margin:0;
	list-style-type: none;
	width: 228px;
	}
	
		ul.whyLnk li{
		float: left;
		padding:0 0 15px 15px;
		margin:0;
		width: 213px;
		background:url('/files/images/arr.gif') left 6px no-repeat;
		}
		
			ul.whyLnk li a{
			color:#006d9f;
			}

	p.whyTxt1, p.whyTxt11{
	width: 250px;
	float: right;
	padding:10px 10px 10px 45px;
	margin:0 0 5px 0;
	background:url('/files/images/w1.gif') 15px center no-repeat #faffe8;
	border: solid 1px #eef4d7;
	}	
	
	p.whyTxt2, p.whyTxt21{
	width: 250px;
	float: right;
	padding:10px 10px 10px 45px;
	margin:0 0 5px 0;
	background:url('/files/images/w2.gif') 15px center no-repeat #faffe8;
	border: solid 1px #eef4d7;
	}	
	
	p.whyTxt3, p.whyTxt31{
	width: 250px;
	float: right;
	padding:10px 10px 10px 45px;
	margin:0 0 5px 0;
	background:url('/files/images/w3.gif') 15px center no-repeat #faffe8;
	border: solid 1px #eef4d7;
	}	
	
	p.whyTxt4, p.whyTxt41{
	width: 250px;
	float: right;
	padding:10px 10px 10px 45px;
	margin:0 0 5px 0;
	background:url('/files/images/w4.gif') 15px center no-repeat #faffe8;
	border: solid 1px #eef4d7;
	}
/*
p.whyTxt11{
	
	float: left;
width:80%;
	padding:10px 10px 10px 45px;
	margin:0 0 5px 0;
	background:url('/files/images/w1.gif') 15px center no-repeat #faffe8;
	border: solid 1px #eef4d7;
	}	
	
	p.whyTxt21{
width:80%;
	float: left;
	padding:10px 10px 10px 45px;
	margin:0 0 5px 0;
	background:url('/files/images/w2.gif') 15px center no-repeat #faffe8;
	border: solid 1px #eef4d7;
	}	
	
	p.whyTxt31{
width:80%;
	float: left;
	padding:10px 10px 10px 45px;
	margin:0 0 5px 0;
	background:url('/files/images/w3.gif') 15px center no-repeat #faffe8;
	border: solid 1px #eef4d7;
	}	

	p.whyTxt41{
width:80%;
	float: left;
	padding:10px 10px 10px 45px;
	margin:0 0 5px 0;
	background:url('/files/images/w4.gif') 15px center no-repeat #faffe8;
	border: solid 1px #eef4d7;
	}
*/
.kniga {background-image:url(/files/images/left.jpg); background-repeat:no-repeat; float:left; padding:0; margin:0; width:257px; height:330px;}
.kniga2 {background-image:url(/files/images/right.jpg); background-repeat:no-repeat; float:left; padding:0; margin:0; width:256px; height:330px;}
.pad {padding:35px 0 0 0;}
.tit {padding:35px 15px 15px 15px; font-size:11px; font-family:Tahoma; color:#4D4F54;}
.pad2 {padding:5px 15px 15px 15px;}
.pad2 a {font-size:11px; font-family:Tahoma; color:#2374A6;}

.ssil{
	float: right;
padding:0 0 10px 0;
			}

		
			.ssil a {
			color:#006d9f;
			}

.quastion2{
display: block;
margin:0;
float: left;
padding:5px 0 0px 0;
width: 100%;

}

.quastion2 input{
	width: 250px;
	border: solid 1px #838383; /*#e3e3e3;*/
	font: normal 11px Tahoma;
	color:#838383; /*#adadad;*/
	margin:0 0 5px 0;
	padding:2px;
	}	
	
	.quastion2 textarea{
	width: 250px;	
	height: 122px;
	border: solid 1px #838383; /*#e3e3e3;*/
	font: normal 11px Tahoma;
	color:#838383; /*#adadad;*/
	margin:0 0 5px 0;
	padding:2px;
	}

#block {
	display:none;
	}

		.z1{
		
		font: bold 14px Tahoma;
		color:#000000;
		}


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


.poll div {
	width:100%; 
	height:90px; 
	background-color::#FBFFEB;
padding:0;
	}

	.polej img {
		border:1px solid #E9E7C6;
 width:78px;
		}

.name {
	padding:0 0 0 15px; 
	color:#000000; 
	font-size:16px; 
	font-family:Tahoma; 
	font-weight:bold;
	}

.link {
	padding:0 0 0 15px;
	}

	.link a {
		color:#006D9F; 
		font-size:12px; 
		font-family:Tahoma; 
		font-weight:bold;
		}

.bull {
	color:#2374A6; 
	font-size:11px; 
	font-family:Tahoma; 
	font-weight:bold;
padding:0;
	}

.bull a {
	color:#2374A6; 
	font-size:11px; 
	font-family:Tahoma; 
	font-weight:bold;
	}

.line {background-image:url(/files/images/portfolio/line.jpg); background-repeat:repeat-x; height:22px; }

.tabl {border-collapse:collapse; 
	border: solid 1px #838383; /*#e3e3e3;*/}
.tabl td {
	border: solid 1px #838383; /*#e3e3e3;*/
}

.z1{
		font: bold 14px Tahoma;
		color:#1c842b;
		}
.h2{
		display: block;
		float: left;
		width: 100%;
		padding: 30px 0 15px 0;
		margin:0;
		font: bold 16px Tahoma;
		color:#000000;
		}

/*---------*/
.bold {
	font-weight: bold;
}
.ind {
	text-indent: 25px;
}
.pad {
	padding: 0 0 0 25px;
}
.lister {
	list-style-type: none;
}

.styl {padding-top:15px;}

.style2 {
	font-size: xx-large;
	color: #FF0000;
}
.style3 {
	color: #006600;
	font-size: x-large;
	font-weight: bold;
}

.port_ul {list-style:none;}
.port_ul li{display:inline-block;vertical-align:top;width:150px;text-align:center;margin:5px}
.port_ul li img {width:140px;margin:10px 0}
.port_ul li p{text-align:left}
.port_ul li h5{font-size: 10px;height: 15px;}

.jScrollPaneContainer {
	z-index: 1;
	overflow: hidden;
	position: relative
}
.jScrollPaneTrack {
	background: url(../images/slider-bg.gif) top left repeat-x;
	left: 0px;
	width: 100%;
	cursor: pointer;
	bottom:0;
	position: absolute
}
.jScrollIntervalTrack {
	position: absolute;
	display:none
}
.jScrollPaneDrag {
	background: url(../images/handle.gif) no-repeat 0% 0%;
	overflow: hidden;
	cursor: pointer;
	position: absolute;
	width:80px !important;
	margin:0 25px
}
.jScrollPaneDragLeft {
	left: 0px;
	overflow: hidden;
	bottom: 0px;
	position: absolute
}
.jScrollPaneDragRight {
	right: 0px;
	overflow: hidden;
	bottom: 0px;
	position: absolute
}
ul.blocks {
	display: block;
	padding: 0px;
	width: 1920px;
	overflow:hidden
}
ul.blocks li {
	display: block;
	float: left;
	margin: 0px !important;
	width: 219px;
	overflow:hidden;
	padding:0 21px 0 0px !important;
}
.holder {
	display: block;
}
.scroll-pane {
	padding-right:0px;
	padding-left: 0px;
	float: left;
	padding-bottom: 0px;
	width: 940px;
	padding-top: 0px
}
.pane5 {
	display: block;
	overflow: hidden;
	width: 600px;
	padding-top: 0px;
}

.previewTovar img{border:5px #CECECE  solid;}

.previewTovar {
	list-style:none;
	margin:0 auto;
	width:540px;
	padding:0;
}
.previewTovar li{
	width:160px;
	margin:0 10px 20px;
	float:left;
}
.catalogImg li img{
	background:#d9d9d9;
	width:150px;
}