/*
 Legend:
 	[1] Global
	[2] Master elements
		- wrapper
	[3] Pages elements
*/


/*
 * Global
 */
body, html {
	background: url(../images/bg-body.png) repeat center center;
	font: 13px Arial, Helvetica, sans-serif;
	color: #cdd7de;
	font-weight: bold;
	height: 100.00%;
	min-height: 100.00%;
	overflow-x: hidden;
}

.clear {
	clear: both;
	height: 0px;
	line-height: 0px;
}	

.clearfix {
	overflow: visible !important;
}

	.clearfix:after {
		content: ".";
		display: block;
		clear: both;
		visibility: hidden;
		line-height: 0;
		height: 0;
	}	

/*
 * Master elements
 */

#outer {
	position: absolute;
	z-index: 10;
	width: 1280px;
	min-height: 1880px;
	margin: 0 auto 0 -730px;
	left: 50%;
	background: url(../images/light.png) no-repeat center top;
}

	#wrapper {
		position: relative;
		margin: 0 auto 0 170px;
		width: 1110px;
	}
	
		#header {
			display: block;
			position: relative;
			height: 325px;
			width: 1110px;
			background: url(../images/buildings.png) no-repeat center bottom;
		}
		
			#header h1 {
				display: block;
				position: absolute;
				z-index: 15;
				top: 65px;
				left: 80px;
				height: 145px;
				width: 264px;
			}
			
				.bg-BG #header h1 {
					background: url(../images/bg/logo.png) no-repeat center center;
				}				
				
				.en-EN #header h1 {
					background: url(../images/en/logo.png) no-repeat center center;
				}
				
				.de-DE #header h1 {
					background: url(../images/de/logo.png) no-repeat center center;
				}
				
				.ru-RU #header h1 {
					background: url(../images/ru/logo.png) no-repeat center center;
				}
				
				#header h1 a {
					display: block;
					height: 145px;
					width: 264px;
					text-indent: -9999px;
				}
				
			#header p {
				position: absolute;
				z-index: 15;
				overflow: hidden;
				top: 45px;
				left: 102px;
			}
			
				#header p a {
					float: left;
					width: 15px;
					height: 10px;
					margin: 0 7px 0 0;
					text-indent: -9999px;
				}
				
					#header p a.en {
						background: url(../images/bg-langs.png) no-repeat 0px center;
					}					
					
					#header p a.bg {
						background: url(../images/bg-langs.png) no-repeat -22px center;
					}
					
					#header p a.de {
						background: url(../images/bg-langs.png) no-repeat -44px center;
					}
					
					#header p a.ru {
						background: url(../images/bg-langs.png) no-repeat -66px center;
					}
					
		#menu {
			position: absolute;
			z-index: 1000;
			width: 1110px;
			height: 80px;
			padding: 7px 0 0 0;
			background: url(../images/bg-menu.png) no-repeat center top;
		}
		
			#menu p {
				display: block;
				width: 958px;
				height: 80px;
				margin: 0 auto;
			}
		
			#menu a {
				display: block;
				text-indent: -9999px;
				float: left;
				height: 80px;
				outline: none;
			}
			
				.bg-BG #menu a {
					background: url(../images/bg/menu.png) no-repeat 0px -900px;
				}
			
				.en-EN #menu a {
					background: url(../images/en/menu.png) no-repeat 0px -900px;
				}
			
				.de-DE #menu a {
					background: url(../images/de/menu.png) no-repeat 0px -900px;
				}
			
				.ru-RU #menu a {
					background: url(../images/ru/menu.png) no-repeat 0px -900px;
				}
			
				#menu a.about {
					width: 175px;
					background-position: 0px 0px;
				}
				
					#menu a.about:hover, #menu a.about.selected {
						background-position: 0px -100px;
					}
			
				#menu a.services {
					width: 155px;
					background-position: -175px 0px;
				}
			
					#menu a.services:hover, #menu a.services.selected {
						width: 155px;
						background-position: -175px -100px;
					}
			
				#menu a.projects {
					width: 156px;
					background-position: -330px 0px;
				}
							
					#menu a.projects:hover, #menu a.projects.selected {
						width: 156px;
						background-position: -330px -100px;
					}
			
				#menu a.clients {
					width: 156px;
					background-position: -486px 0px;
				}				
				
					#menu a.clients:hover, #menu a.clients.selected {
						width: 156px;
						background-position: -486px -100px;
					}
			
				#menu a.partners {
					width: 158px;
					background-position: -642px 0px;
				}
			
					#menu a.partners:hover, #menu a.partners.selected {
						width: 158px;
						background-position: -642px -100px;
					}
			
				#menu a.contacts {
					width: 158px;
					background-position: -800px 0px;
				}
			
					#menu a.contacts:hover, #menu a.contacts.selected {
						width: 158px;
						background-position: -800px -100px;
					}
		
		#footer {
			display: block;
			height: 40px;
			line-height: 12px;
			padding: 0 80px;
			overflow: hidden;
			font-size: 11px;
			color: #606e76;
			text-shadow: 1px 1px 1px black;
		}
		
			#footer address {
				float: right;
			}
			
			
				#footer address a {
					color: #b5bfc5;
					text-decoration: none;
				}
				
					#footer address a:hover {
						text-decoration: underline;
					}
				
					#footer address a span {
						color: #509dce;
					}
			
			#footer p {
				float: left;
			}
			
				#footer p a {
					color: #606e76;
					text-decoration: none;
				}
					
					#footer p a:hover {
						text-decoration: underline;
					}
		
/*
 * Page elements
 */
 
#container {
	position: absolute;
	overflow: hidden;
	margin: 87px 0 0 0;
}
 
	#container .box {
		overflow: hidden;
		width: 950px;
		padding: 43px 80px 90px 80px;
		background: url(../images/separator.png) no-repeat center bottom;
	
	}
	
	#container .box .header {
		display: block;
		margin: 0 0 30px 0;
		font-size: 25px;
		font-weight: bold;
		text-transform: uppercase;
		text-shadow: 1px 1px 1px black;
	}
	
		#container .box .header.blue {
			color: #3faeee;
		}
			
		#container .box .header.green {
			color: #6f9c2a;
		}
		
		#container .box .header.yellow {
			color: #deb101;
		}
	
		#container .box .header.orange {
			color: #d97b17;
		}
	
		#container .box .header.red {
			color: #c94826;
		}
			
		#container .box .header.magenta {
			color: #c92650;
		}
	
		#container .box p {
			line-height: 18px;
			text-shadow: 1px 1px 1px black;
			margin: 0 0 25px 0;
		}
		
		#container .box .smallframe {
			display: block;
			padding: 6px 0 0 7px;
			width: 428px;
			height: 241px;
			background: url(../images/bg-small-frame.png) no-repeat center center;
		}
		
		#container .box .bigframe {
			display: block;
			padding: 8px 0 0 8px;
			width: 658px;
			height: 424px;
			background: url(../images/bg-big-frame.png) no-repeat center center;
		}
				
		#container .box ul.list {
			margin: 0 0 0 15px;
		}
	
			#container .box ul.list li {
				padding: 0 0 3px 15px;
				list-style-type: disc;
				list-style-position: outside;
			}		
			
				#container .box ul.list li span {
					color: #cdd7de;
				}
				
				#container .box ul.list li a {
					color: #808d94;
					padding: 0 0 0 10px;
					text-decoration: underline;
				}
				
					#container .box ul.list li a:hover {
						text-decoration: none;
					}
		
			#container #about .smallframe {
				float: left;
				margin: 0 40px 20px 0;
			}
			
			#container #about ol {
				display: block;
				overflow: hidden;
				margin: 50px 0 0 0;
				text-transform: uppercase;
			}
			
				#container #about ol li {
					float: left;
					padding: 95px 0 0 0;
				}
				
					#container #about ol li.first {
						width: 190px;
						margin-right: 60px;
						background: url(../images/bg-about-icons.png) no-repeat 0px top;
					}
								
					#container #about ol li.second {
						width: 190px;
						margin-right: 55px;
						background: url(../images/bg-about-icons.png) no-repeat -260px top;
					}
								
					#container #about ol li.third {
						width: 145px;
						margin-right: 60px;
						background: url(../images/bg-about-icons.png) no-repeat -520px top;
					}
								
					#container #about ol li.fourth {
						width: 80px;
						margin-right: 70px;
						background: url(../images/bg-about-icons.png) no-repeat -780px top;
					}
					
					#container #about ol li.fifth {
						width: 100px;
						background: url(../images/bg-about-icons.png) no-repeat -1040px top;
					}
					
			#container #services ol {
				display: block;
				overflow: hidden;
				margin: 50px 0 0 0;	
				background: url(../images/bg-three-columns.png) no-repeat center bottom;
			}
			
				#container #services ol li {
					float: left;
					width: 225px;
					padding: 50px 35px 40px 35px;
					margin: 0 30px 0 0;
				}	

					#container #services ol li.last {
						margin: 0px !important;
					}
					
				#container #services ol li h3 {
					display: block;
					font-size: 26px;
					font-weight: bold;
					margin: 0 0 35px 0;
					text-transform: uppercase;
				}
				
					#container #services ol li p {
						text-shadow: none;
					}
					
			#container #projects {
				overflow: hidden;
			}
			
				#container #projects .carousel {
					position: relative;
					padding: 25px 0 0 0;
				}
				
					#container #projects .carousel .container {
						display: block;
						padding: 7px 7px 0 7px;
						width: 936px;
						height: 525px;
						background: url(../images/bg-frame.png) no-repeat center top;
					}
					
						#container #projects .carousel .container .image {
							display: block;
							width: 936px;
							height: 463px;
						}
					
			#container #clients {
				overflow: hidden;
			}
			
				#container #clients .left {
					float: left;
					width: 330px;
				}
				
					#container #clients .left ul.list {
						color: #d97b17;
					}
					
				#container #clients .right {
					float: right;
					width: 590px;
				}			
						
					#container #clients .right .testemonial {
						display: block;
						margin: 30px 0 0 0;
					}
					
						#container #clients .right .testemonial:first-child, #container #clients .right .testemonial.first {
							margin: 0;
						}			
						
						#container #clients .right .testemonial .comment {
							display: block;
							padding: 30px 30px 40px 30px;
							margin: 0 0 10px 0;
							color: #303c44;
							background: url(../images/bg-reference.png) no-repeat center bottom;
						}

							#container #clients .right .testemonial .comment p {
								text-shadow: none;						
							}
							
								#container #clients .right .testemonial .comment p a {
									color: #303c44;
									text-decoration: none;
								}
							
						#container #clients .right .testemonial strong {
							display: block;
							text-align: right;
							font-size: 15px;
							font-weight: bold;
							color: #eddab9;
							margin: 0 0 5px 0;
						}
								
						#container #clients .right .testemonial em {
							display: block;
							text-align: right;
							font-size: 11px;
							color: #cccccc;
						}
								
			#container #partners {
				overflow: hidden;
			}
			
				#container #partners .left {
					float: left;
					width: 330px;
				}
				
					#container #partners .left ul.list {
						color: #c94826;
					}				
				
				#container #partners .right {
					float: right;
					width: 590px;
				}	

			#container #contacts {
				overflow: hidden;
			}
			
				#container #contacts .left {
					float: left;
					width: 670px;
				}
				
				#container #contacts .right {
					float: right;
					width: 230px;
				}
				
					#container #contacts .right p {
						display: block;
						min-height: 50px;
						padding: 0 0 0 65px;
						margin: 0 0 30px 0;
					}
					
						#container #contacts .right p a {
							color: #cdd7de;
							text-decoration: none;
						}
						
							#container #contacts .right p a:hover {
								text-decoration: underline;
							}
				
					#container #contacts .right .map {
						background: url(../images/bg-contacts-icons.png) no-repeat left 0px;
					}
					
					#container #contacts .right .phone {
						background: url(../images/bg-contacts-icons.png) no-repeat left -133px;
					}
					
					#container #contacts .right .mail {
						background: url(../images/bg-contacts-icons.png) no-repeat left -266px;
					}