/* -----------------------------------------------------------------------

	Concorde - Gui.css
	http://concorde.hu

	* Copyright (c) 2010 Everegine Kft.
   
----------------------------------------------------------------------- */

body {
	display: block;
	margin: 0;
	padding: 0;
	background: #d3eaff url(/images/background.jpg) top left repeat-x;
	}
	
	#container {
		width: 900px;
		margin: 20px auto;
		padding: 0 40px 40px 40px;
		-moz-border-radius: 15px;
		-webkit-border-radius: 15px;
		border-radius: 15px;
		background: #fff url(/images/corner.png) top right no-repeat;
		}
		
		#header {
			position: relative;
			width: 900px;
			height: 357px;
			}
			
			#header_top {
				position: absolute;
				display: block;
				width: 900px;
				height: 131px;
				margin: 0;
				background: url(/images/logo.png) top left no-repeat;
				behavior: url(/styles/type/iepngfix.htc);
				z-index: 4;
				}
				
				#header_top h1 {
					float: left;
					width: 200px;
					height: 80px;
					}
				
					#header_top h1 a {
						display: block;
						width: 200px;
						height: 80px;
						text-indent: -1000em;
						}
					
				.en {
					display: block;
					float: left;
					z-index: 500;
					height: 18px;
					margin: 20px 0 0 10px;
					font-size: 14px;
					text-align: center;
					}
					
					.en img {
						display: block;
						margin: 0 auto;
						padding: 1px;
						border: 1px solid #3e3e3e;
						background: #fff;
						}
					
				.ru {
					display: block;
					float: left;
					z-index: 500;
					height: 18px;
					margin: 20px 0 0 500px;
					font-size: 14px;
					text-align: center;
					}
					
					.ru img {
						display: block;
						margin: 0 auto;
						padding: 1px;
						border: 1px solid #3e3e3e;
						background: #fff;
						}
						
				
				#corner {
					float: right;
					width: 63px;
					height: 103px;
					background: url(/images/corner.png) top left no-repeat;
					behavior: url(/styles/type/iepngfix.htc);
					z-index: 1000;
					}
					
			.scrollable {
				position: absolute;
				top: 57px;
				overflow: hidden;
				width: 900px;
				height: 300px;
				z-index: 1;
				}
				
				.header_bottom {
					position: absolute;
					bottom: 0;
					left: 0;
					width: 900px;
					height: 16px;
					background: url(/images/header_bottom.png);
					behavior: url(/styles/type/iepngfix.htc);
					z-index: 2;
					}
				
				.navi {
					position: absolute;
					top: 260px;
					right: 20px;
					height: 20px;
					z-index: 3;
					}
				
				.navi a {
					float: left;
					display: block;
					width: 10px;
					height: 10px;
					margin: 3px;
					-moz-border-radius: 5px;
					-webkit-border-radius: 5px;
					border-radius: 5px;
					background: #8d8b8b;
					font-size: 12px;
					}
					
				.navi a.active { background: #fff; }
				
				.scrollable .items {
					width: 20000em;
					top: 0;
					left: 0;
					position: absolute;
					clear: both;
					}
					
					.scrollable .items .item {
						position: relative;
						width: 900px;
						height: 300px;
						float: left;
						}
						
		#left_side {
			float: left;
			width: 320px;
			padding: 40px 0 0 0;
			}
			
			.nav_header {
				width: 284px;
				height: 55px;
				text-indent: -1000em;
				}
				
			#nav_01 {
				background: url(/images/nav_01_header.png)
				}
				
			#nav_02 {
				background: url(/images/nav_02_header.png)
				}
				
			.nav {
				width: 200px;
				margin: 0 0 20px 20px;
				padding: 5px 20px 38px 20px;
				list-style: none;
				background: #cee4f5 url(/images/nav_footer.png) bottom left no-repeat;
				}
				
				.nav li {
					display: block;
					width: 200px;
					height: 30px;
					margin: 0 0 5px 0;
					background: url(/images/nav.png);
					}
					
					.nav li a {
						display: block;
						width: 170px;
						line-height: 30px;
						padding: 0 15px;
						font-size: 14px;
						color: #fff;
						}
						
					.nav li a:hover {
						text-decoration: none;
						background: url(/images/nav.png) bottom left;
						}
			
		#content {
			font-size: 16px;
			float: left;
			width: 560px;
			padding: 40px 0 0 0;
			}
			
	#footer {
		width: 900px;
		margin: 0 auto 20px auto;
		font-size: 14px;
		color: #4785bc;
		}
		
		#footer .left {
			float: left;
			width: 300px;
			}
			
		#footer .center {
			float: left;
			width: 370px;
			}
			
		#footer .right {
			float: left;
			width: 230px;
			}
			
			.everengine {
				float: right;
				display: block;
				width: 88px;
				height: 29px;
				text-indent: -1000em;
				background: url(/images/everengine.png);
				}
			
			#footer .right p { text-align: right; float: right; margin: 110px 0 0 0; }
			#footer .right a { color: #4785bc; }