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

	Kovács XXII. Kft. - layout.css
	http://kovacsxxii.hu

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

html, body {
	display: block;
	height: 100%;
	}

body {
	margin: 0;
	padding: 0;
	background: url(../images/header_gradient.png) top left repeat-x;
	}
	
	#wrapper {
		min-height: 100%;
		height: auto !important;
		height: 100%;
		margin: 0 auto -71px auto;
		background: #f3f3f3 url(../images/header_background.jpg) top center repeat-x;
		}
		
		#container {
			width: 920px;
			margin: 0 auto;
			}
			
			#header {
				width: 900px;
				height: 80px;
				margin: 0 auto;
				padding: 20px 0 0 0;
				}
				
				#logo {
					float: left;
					margin: 0;
					font-size: 30px;
					color: #005276;
					}
					
					#logo a {
						display: block;
						color: #005276;
						}
						
					#logo span {
						display: block;
						font-size: 18px;
						font-weight: normal !important;
						color: #fff;
						}
						
				#header div {
					float: right;
					padding: 5px 0 0 0;
					font-size: 14px;
					color: #fff;
					}
					
					#header div span {
						color: #0d5d81;
						}
						
			#nav {
				display: block;
				width: 900px;
				height: 50px;
				margin: 0 auto;
				padding: 0;
				list-style: none;
				}
				
				#nav li {
					float: left;
					width: 180px;
					height: 100%;
					}
					
					#nav li a {
						display: block;
						height: 100%;
						text-indent: -1000em;
						}
						
					#nav_01 { background :url(../images/nav.png) left top no-repeat; }
					#nav_01:hover { background :url(../images/nav.png) left bottom no-repeat; }
					
					#nav_02 { background :url(../images/nav.png) -180px top no-repeat; }
					#nav_02:hover { background :url(../images/nav.png) -180px bottom no-repeat; }
					
					#nav_03 { background :url(../images/nav.png) -360px top no-repeat; }
					#nav_03:hover { background :url(../images/nav.png) -360px bottom no-repeat; }
					
					#nav_04 { background :url(../images/nav.png) -540px top no-repeat; }
					#nav_04:hover { background :url(../images/nav.png) -540px bottom no-repeat; }
					
					#nav_05 { background :url(../images/nav.png) -720px top no-repeat; }
					#nav_05:hover { background :url(../images/nav.png) -720px bottom no-repeat; }
			
			#carousel {
				width: 900px;
				height: 198px;
				margin: 0 auto;
				border-top: 1px solid #fff;
				border-bottom: 5px solid #8caa1c;
				}
			
				.scrollable {
					position: relative;
					overflow: hidden;
					width: 900px;
					height: 198px;
					}
				
					.scrollable .items {
						width: 20000em;
						position: absolute;
						}
					
						.items .item {
							float:left;
							}
							
			#content_container {
				width: 900px;
				padding: 0 10px;
				background: url(../images/content_background.png) top center repeat-y;
				}
				
				#left_side {
					float: left;
					width: 220px;
					padding: 0 1px;
					}
					
					#left_side h1 {
						line-height: 40px;
						margin: 1px;
						padding: 0 20px;
						background: url(../images/left_side_header.png) top left repeat-x;
						font-size: 16px;
						font-weight: normal !important;
						color: #fff;
						}
						
					#left_side ul {
						margin: 0;
						padding: 0;
						list-style: none;
						}
						
						#left_side ul li {
							margin: 0 0 1px 0;
							border-top: 1px solid #dbdbdb;
							border-bottom: 1px solid #dbdbdb;
							background: url(../images/arrow.png) 20px center no-repeat;
							color: #009ad3 !important;
							}
							
							#left_side ul li a {
								display: block;
								line-height: 30px;
								margin: 0 1px;
								padding: 0 0 0 35px;
								background: url(../images/arrow.png) 20px center no-repeat;
								color: #009ad3 !important;
								}
							
							#left_side ul li a:hover {
								background: #ebebeb url(../images/arrow.png) 20px center no-repeat;
								text-decoration: none;
								}
					
				#content {
					float: left;
					width: 618px;
					padding: 30px;
					}
				
			#content_bottom {
				clear: both;
				width: 920px;
				height: 20px;
				background: url(../images/content_bottom.png);
				}
					
		#push {
			clear: both;
			height: 71px;
			}
			
	#footer_container {
		clear: both;
		height: 71px;
		background: url(../images/footer_background.png) bottom left repeat-x;
		}
		
		#footer {
			width: 900px;
			line-height: 30px;
			margin: 1px auto 0 auto;
			padding: 20px 0 0 0;
			font-size: 11px;
			color: #516409;
			}
			
			#footer p {
				float: left;
				margin: 0;
				}
				
			.everengine {
				display: block;
				float: right;
				width: 99px;
				height: 30px;
				margin: 0;
				background: url(../images/everengine.png) top left;
				text-indent: -1000em;
				}