@import url("reset.css");

body {
	
	background: #fff;
	font: normal 0.75em/140% "Microsoft Sans Serif", Tahoma, sans-serif;
	color: #333;
}

a {
	
	color: #cc0000;
}

a:visited {
	
	color: #990000;
}

.layout {
	
	min-width: 1000px;
	max-width: 1400px;
	margin: 0 auto;
}

#outer {
	
	margin-bottom: -150px;
}

	#outer .outer-inside {
		
		padding-bottom: 180px;
	}
	
#header {
	
	margin-bottom: 15px;
}

	#header .header-inside {
		
		position: relative;
		padding: 15px 20px 0 20px;
	}

	#header h3 {
		
		font-size: 16px;
		font-family: Arial, sans-serif;
		margin-bottom: 15px;
	}

	#header .logo {
		
		position: relative;
		width: 221px;
		height: 51px;
		overflow: hidden;
		font-size: 42px;
	}
	
		#header .logo a, #header .logo span {
			
			display: block;
			width: 100%;
			height: 100%;
		}
	
		#header .logo span {
			
			position: absolute;
			left: 0;
			top: 0;
			background: url("../i/logo.jpg") no-repeat 0 0;
			z-index: 32;
		}
		
		#header .logo a {
			
			position: relative;
			color: #444;
			text-decoration: none;
		}
		
	#header .phone {
		
		display: block;
		position: absolute;
		left: 40%;
		bottom: 5px;
		font-size: 18px;
		color: #cc0000;
		margin-left: -100px;
		width: 300px;
		text-align: center;
	}
	
	#header .service {
		
		float: right;
		width: 28%;
		padding-top: 10px;
		font-size: 14px;
	}
	
		#header .service a.map {
			
			color: #666;
		}
	
		#header .service ul.icons, #header .service .for-clients {
			
			float: right;
		}
		
		#header .service ul.icons {
			
			margin-bottom: 25px;
			overflow: hidden;
		}
		
			#header .service ul.icons li {
				
				float: left;
				margin-left: 15px;
				text-indent: -9999px;
			}
			
				#header .service ul.icons li a {
					
					display: block;
					width: 20px;
					height: 20px;
					background-image: url("../i/graphics.gif");
					background-repeat: no-repeat;
				}
				
			#header .service ul.icons li.home {}
			
				#header .service ul.icons li.home a {
					
					background-position: 0 0;
				}
				
			#header .service ul.icons li.contacts {}
			
				#header .service ul.icons li.contacts a {
					
					background-position: -20px 0;
				}

			#header .service ul.icons li.mail {}

				#header .service ul.icons li.mail a {

					background-position: -40px 0;
				}
		
		#header .service .for-clients {
			
			display: block;
			clear: right;
			height: 27px;
			font-size: 16px;
			font-family: Arial, sans-serif;
			color: #333;
			text-decoration: none;
			padding-left: 15px;
			background: url("../i/graphics.gif") no-repeat 0 -20px;
		}
		
			#header .service .for-clients span {
				
				display: block;
				height: 27px;
				line-height: 27px;
				padding-right: 15px;
				background: url("../i/graphics.gif") no-repeat right -20px;
				cursor: pointer;
			}
		
		#header .service ul.languages {
			
			margin-top: 35px;
		}
		
			#header .service ul.languages li {
				
				display: inline;
				margin-right: 15px;
			}
			
			#header .service ul.languages li.current {}
			
				#header .service ul.languages li.current a {
					
					color: #666;
					text-decoration: none;
				}
	
#splash {
	
	position: relative;
	margin-bottom: 20px;
	overflow: hidden;
	text-align: center;
	min-width: 1000px;
	height: 309px;
}

	#splash img {
		
		position: relative;
		z-index: 32;
	}
	
	#splash .splash-left-text, #splash .splash-right-text {
		
		position: absolute;
		top: 30px;
		width: 200px;
		font-size: 14px;
		color: #fff;
		z-index: 64;
	}
	
		#splash .splash-left-text p, #splash .splash-right-text p {
			
			margin-bottom: 10px;
		}
	
	#splash .splash-left-text {
		
		left: 50%;
		margin-left: -480px;
		text-align: left;
	}
	
	#splash .splash-right-text {
		
		right: 50%;
		margin-right: -480px;
		text-align: right;
	}
	
	#splash .splash-left-background, #splash .splash-right-background {
		
		position: absolute;
		top: 0;
		width: 2000px;
		height: 100%;
		z-index: 16;
	}
	
	#splash .splash-left-background {
		
		right: 50%;
		background: url("../i/splash-left-bg.jpg") repeat-x 0 0;
	}
	
	#splash .splash-right-background {
		
		left: 50%;
		background: url("../i/splash-right-bg.jpg") repeat-x 0 0;
	}

#content {}

	#content .content-inside {
		
		padding: 0 20px;
		overflow: hidden;
	}
	
	#content h2 {
		
		font-size: 18px;
		font-family: Tahoma, sans-serif;
		line-height: 130%;
		color: #003366;
		margin-bottom: 10px;
	}
	
		#content h2 a {
			
			color: #003366;
		}
	
	#content .content-left-column {
		
		float: left;
		width: 26%;
	}
	
		#content .content-left-column ul.menu {}
		
			#content .content-left-column ul.menu li {
				
				margin-bottom: 25px;
			}
				
				#content .content-left-column ul.menu li ul {
					
					font-size: 14px;
					line-height: 130%;
				}
				
					#content .content-left-column ul.menu li ul li {
						
						margin-bottom: 4px;
					}
					
						#content .content-left-column ul.menu li ul li a {
							
							color: #333;
						}
					
		#content .content-left-column dl.quotes {

			font-size: 14px;
			line-height: 130%;
		}
		
			#content .content-left-column dl.quotes dt {
				
				font-size: 18px;
				font-family: Tahoma, sans-serif;
				line-height: 130%;
				color: #003366;
				margin-bottom: 10px;
			}
			
				#content .content-left-column dl.quotes dt a {
					
					color: #003366;
				}
				
			#content .content-left-column dl.quotes dd {
				
				margin-bottom: 20px;
			}
			
				#content .content-left-column dl.quotes dd p {
					
					margin-bottom: 5px;
				}
			
			#content .content-left-column dl.quotes dd.all {
				
				margin-bottom: 0;
			}
			
				#content .content-left-column dl.quotes dd.all a {
					
					color: #003399;
					text-decoration: none;
				}
	
	#content .content-middle-column {
		
		float: left;
		width: 48%;
	}
	
		#content .content-middle-column .content-middle-column-inside {
			
			padding: 0 15px;
		}
		
		#content .content-middle-column h1 {
			
			font-size: 18px;
			font-family: Tahoma, sans-serif;
			color: #003333;
			margin-bottom: 10px;
		}
		
		#content .content-middle-column h2 {
			
			font-size: 20px;
			color: #cc0000;
			margin: 25px 0 0 0;
		}
		
		#content .content-middle-column p {
			
		//	color: #666;
			margin-top: 10px;
font-size: 14px;
			line-height: 130%;
		}
		
		#content .content-middle-column ul.certificates {
			
			margin: 0 15px;
		}
		
			#content .content-middle-column ul.certificates li {
				
				display: inline;
				margin-right: 40px;
			}
			
				#content .content-middle-column ul.certificates li img {
					
					vertical-align: bottom;
				}
	
	#content .content-right-column {
		
		float: right;
		width: 26%;
		padding-top: 0px;
	}
	
		#content .content-right-column ul.facts {
			
			font-size: 14px;
			font-family: Arial, sans-serif;
			color: #003366;
			margin-bottom: 70px;
		}
		
			#content .content-right-column ul.facts li {
				
				margin-bottom: 25px;
			}
			
				#content .content-right-column ul.facts li strong {
					
					display: block;
					font-size: 18px;
					font-weight: normal;
					color: #cc0000;
					margin-bottom: 5px;
				}
				
		#content .content-right-column dl.news {

			font-size: 14px;
			line-height: 130%;
			margin-bottom: 35px;
		}

			#content .content-right-column dl.news dt {

				font-size: 18px;
				font-family: Tahoma, sans-serif;
				line-height: 130%;
				color: #003366;
				margin-bottom: 10px;
			}

				#content .content-right-column dl.news dt a {

					color: #003366;
				}

			#content .content-right-column dl.news dd {

				margin-bottom: 20px;
			}

				#content .content-right-column dl.news dd p {

					margin-top: 5px;
				}
				
		#content .content-right-column dl.happy-clients {

			font-size: 14px;
			line-height: 130%;
			margin-bottom: 35px;
		}

			#content .content-right-column dl.happy-clients dt {

				font-size: 18px;
				font-family: Tahoma, sans-serif;
				line-height: 130%;
				color: #003366;
				margin-bottom: 10px;
			}

				#content .content-right-column dl.happy-clients dt a {

					color: #003366;
				}

			#content .content-right-column dl.happy-clients dd {

				margin-bottom: 20px;
			}

				#content .content-right-column dl.happy-clients dd p {

					margin-bottom: 5px;
				}
				
		#content .content-right-column dl.articles {

			font-size: 14px;
			line-height: 130%;
		}

			#content .content-right-column dl.articles dt {

				font-size: 18px;
				font-family: Tahoma, sans-serif;
				line-height: 130%;
				color: #003366;
				margin-bottom: 10px;
			}

				#content .content-right-column dl.articles dt a {

					color: #003366;
				}

			#content .content-right-column dl.articles dd {

				margin-bottom: 20px;
			}

.footer-outside {
	
	height: 150px;
	background: url("../i/footer-bg.gif") repeat-x 0 2.1em;
}

#footer {

	color: #003366;
}

	#footer .footer-inside {
		
		padding: 0 20px;
	}
	
	#footer .copyright {
		
		float: left;
		width: 26%;
	}
	
	#footer .about {
		
		float: left;
		width: 48%;
	}
	
		#footer .about p {
			
			padding: 0 15px;
		}
	
	#footer .contacts {
		
		float: right;
		width: 15%;
		color: #333;
	}
	
		#footer .contacts .phone {
			
			font-size: 14px;
			margin-bottom: 15px;
		}
		
		#footer .contacts a {
			
			color: #333;
		}
	
	#footer .mail {
		
		display: block;
		font-size: 18px;
		font-family: Tahoma, sans-serif;
		font-style: normal;
		margin-bottom: 25px;
	}
	
		#footer .mail a {
			
			text-decoration: none;
		}
			





		.for-feedback {
				float: right;
			display: block;
			clear: right;
			height: 27px;
			font-size: 16px;
			font-family: Arial, sans-serif;
			color: #333;
			text-decoration: none;
			padding-left: 15px;
			background: url("../i/graphics.gif") no-repeat 0 -20px;
		}
		
			.for-feedback span {
				
				display: block;
				height: 27px;
				line-height: 27px;
				padding-right: 15px;
				background: url("../i/graphics.gif") no-repeat right -20px;
				cursor: pointer;
			}

/* Форма отправки */	
#feedback {margin:30px 0 60px 0; width:402px;}
#feedback input {height:20px}
#feedback textarea {height:100px;margin:5px 0;}
#feedback input, #feedback textarea {border:1px solid #666;color: #666;margin:5px 0;width:400px;}

#f_load {position:relative;top:-100px;border:1px solid black;height:27px;width:70%;display:none;background:#bbb3b3;z-index:100;padding-top:5px;text-align:center;margin-left:50px}

/* ******************** */


a.cgrey {color: #333;}
img.newsfoto {float:left;margin:10px}




/* Портфолио */
body.works {}

	body.works #content {}
	
		body.works #content h1 {
			
			font-size: 20px;
			color: #cc0000;
			margin-bottom: 25px;
		}
	
		body.works #content .content-right-column {
			
			width: 71%;
			padding-top: 0;
		}
		
			body.works #content .content-right-column .works {
				
				overflow: hidden;
			}
			
				body.works #content .content-right-column ul {
				
					overflow: hidden;
					margin-right: -25px;
				}
				
					body.works #content .content-right-column ul li {
						
						float: left;
						width: 210px;
						height: 20em;
						margin: 0 25px 0 0;
						font-size: 14px;
						line-height: 130%;
						overflow: hidden;
					}
					
						body.works #content .content-right-column ul li img {
							
							display: block;
						/*	border: 5px solid #cc0000;*/
							margin-bottom: 10px;
						}
						
			body.works #content .content-right-column .work {}
			
				body.works #content .content-right-column .work p {
					
					margin-top: 20px;
					font-size: 14px;
					line-height: 130%;
				}
				
				body.works #content .content-right-column .work p.picture {
					
					margin-top: 0;
					text-align: center;
				}
				
					body.works #content .content-right-column .work p.picture img {
						
						/*border: 5px solid #cc0000;*/s
					}