/* BLOCK BOXOK */
html, div, form { display: block; }
html, body { height: 100%; }
body {
	display:block;
	margin: 0;
	padding: 0;
	background: url(../images/background3.jpg) top center repeat;
	font-family: arial, sans-serif;
	font-weight: bold;
	font-size: 12px;
	color: #000;
	overflow-y: scroll;
	}

h1, h1 a { font-family: arial, sans-serif; font-weight: bold; font-size: 16px; color: #022843; margin: 0 0 10px 0; }
p{ display:block; margin: 0 0 10px 0; }
img { margin: 0; border: 0; display: block;}
a { color: #000; outline: none; text-decoration: none; }
a:hover { color: #000; text-decoration: underline; outline: none; }
	
#container {
	width: 820px;
	margin: 0 auto 0 auto;
	background: url(../images/conBg.jpg) top left repeat-y;
	}
	
	#leftSide {
		width: 320px;
		float: left;
		}
		
		#menu {
			display: block;
			width: 254px;
			height: 258px;
			padding: 9px 0 0 0;
			margin: 0 0 30px 26px;
			list-style-type: none;
			}
			
			.menu0 { background: url(../images/menu/menu0.jpg); }
			.menu1 { background: url(../images/menu/menu1.jpg); }
			.menu2 { background: url(../images/menu/menu2.jpg); }
			.menu3 { background: url(../images/menu/menu3.jpg); }
			.menu4 { background: url(../images/menu/menu4.jpg); }
			.menu5 { background: url(../images/menu/menu5.jpg); }
			.menu6 { background: url(../images/menu/menu6.jpg); }
			
			#menu li {
				display: block;
				width: 233px;
				height: 50px;
				line-height: 50px;
				margin: 0;
				text-align: center;
				font-family: arial, sans-serif;
				font-size: 15px;
				font-weight: bold;
				}
				
				.menuItem { background: url(../images/menuItem.jpg) top left no-repeat; }
			
			#menu li a {
				display: block;
				width: 233px;
				height: 50px;
				cursor: pointer;
				color: #000;
				text-decoration: none;
				}
					
				.menuItem a:hover { background: url(../images/menuItemHover.jpg) top left no-repeat; }
					
				.menuLyoness {
					display: block;
					width: 233px;
					height: 50px;
					background: url(../images/menuLyoness.jpg) top left no-repeat;
					}
					
					.menuLyoness a:hover {
						background: url(../images/menuLyonessHover.jpg) top left no-repeat;
						}
				
		#car {
			width: 173px;
			height: 120px;
			margin: 30px 0 0 40px;
			}
		
	#contentContainer {
		width: 500px;
		min-height: 100%;
		_height: 100%;
		float: left;
		background: url(../images/contentBackground.jpg) top left repeat-y;
		}
		
		#header {
			width: 500px;
			height: 198px;
			/*background: url(../images/contentHeader.jpg);*/
			}
			
		#content {
			width: 470px;
			padding: 15px;
			overflow: hidden;
			}
			
			#gyartasButton {
				width: 225px;
				height: 39px;
				line-height: 39px;
				margin: 0 10px 20px 0;
				background: url(../images/menuItem_grey.gif) top left no-repeat;
				text-align: center;
				font-family: arial, sans-serif;
				font-size: 15px;
				font-weight: bold;
				float: left;
				}
				
				#gyartasButton a {
					display: block;
					width: 225px;
					height: 39px;
					cursor: pointer;
					}
				
			#kereskedelemButton {
				width: 225px;
				height: 39px;
				line-height: 39px;
				margin: 0 0 20px 0;
				background: url(../images/menuItem_grey.gif) top left no-repeat;
				text-align: center;
				font-family: arial, sans-serif;
				font-size: 15px;
				font-weight: bold;
				float: left;
				}
				
				#kereskedelemButton a {
					display: block;
					width: 225px;
					height: 39px;
					cursor: pointer;
					}
					
			.gallery {
				list-style-type: none;
				margin: 0;
				padding: 0;
				overflow: hidden;
				}
				
				.gallery li {
					border: 5px solid #615e5e;
					float: left;
					margin: 0 5px 5px 0;
					}
					
					.gallery li img {
						border: 1px solid #fff;
						}