@charset "utf-8";
/* CSS Document */



* { 
	padding: 0px; 
	margin: 0px;
	border:none;
}

a, a:hover, a:active, a:visited { text-decoration:none; outline:none;}

a, a strong {
	color:#5f0c03;
	text-decoration:none;
}

html,body  {
	margin:0;
	padding:0;  
	color:#000000;
	font-size:11px;       
	background:#281832;
	font-family: tahoma;
	height: 100%;  /*needed for container min-height */
}


div#container{
	width:890px;
	margin:0px auto;
	min-height:100%; /*real browsers */
}

* html div#container {
	height: 100%;
}

	

	.left{ float:left !important;}
	.right{ float:right !important;}
	
/*************************************************************************/

	#idezet{
		width:600px;
		margin:0px auto;
	}
	
		#idezet p{ padding:20px 0px 0px 0px; color:#ee9fff; font-size:13px; font-style:italic;}
		#idezet span { color:#ffffff;}
	
/*************************************************************************/
	h1{
		text-indent:-9999px;
	}
	
	#ajax_loader{
		width:32px;
		height:32px;
		background:url(../img/ajax-loader.gif) center no-repeat;
		overflow:hidden;
		position:absolute;
		left:50%;
		margin-left:-18px;
		top:50%;
		margin-top:-18px;
		display:none;
	}

/*************************************************************************/
	
	.menu{
		position:absolute;
		top:465px;
		left:45px;
		width:800px;
		height:50px;
	}
	
	.menu a{
		float:left;
		width:111px;
		height:42px;
		text-indent:-9999px;
		overflow:hidden;
		margin:8px 18px 0px 0px;
		display:inline;
	}
	
	.menu ul{ list-style:none; float:left; padding-left:18px; }
	.menu li{
		float:left;
		width:130px;
		height:50px;
	}
	
		#menu_1 { background:url(../img/bg_menu.jpg) -18px 0px no-repeat;  }
		#menu_1:hover { background:url(../img/bg_menu.jpg) -18px -50px no-repeat;  }
		#menu_1 .current { background:url(../img/bg_menu.jpg) -18px -58px no-repeat !important;  }
		
		#menu_2 { background:url(../img/bg_menu.jpg) -148px 0px no-repeat;  }
		#menu_2:hover { background:url(../img/bg_menu.jpg) -148px -50px no-repeat;  }
		#menu_2 .current { background:url(../img/bg_menu.jpg) -148px -58px no-repeat !important;  }
		
		#menu_3 { background:url(../img/bg_menu.jpg) -279px 0px no-repeat;  }
		#menu_3:hover { background:url(../img/bg_menu.jpg) -279px -50px no-repeat;  }
		#menu_3 .current { background:url(../img/bg_menu.jpg) -279px -58px no-repeat !important;  }
		
		#menu_4 { background:url(../img/bg_menu.jpg) -409px 0px no-repeat;  }
		#menu_4:hover { background:url(../img/bg_menu.jpg) -409px -50px no-repeat;  }
		#menu_4 .current { background:url(../img/bg_menu.jpg) -409px -58px no-repeat !important;  }
	
		#menu_5 { background:url(../img/bg_menu.jpg) -538px 0px no-repeat;  }
		#menu_5:hover { background:url(../img/bg_menu.jpg) -538px -50px no-repeat;  }
		#menu_5 .current { background:url(../img/bg_menu.jpg) -538px -58px no-repeat !important;  }
		
		#menu_6 { background:url(../img/bg_menu.jpg) -667px 0px no-repeat;  }
		#menu_6:hover { background:url(../img/bg_menu.jpg) -667px -50px no-repeat;  }
		#menu_6 .current { background:url(../img/bg_menu.jpg) -667px -58px no-repeat !important;  }
		
			
/*************************************************************************/
	
	
	#container2{
		width:890px;
		height:580px;
		background: url(../img/alexdesign_bg_body.jpg) center no-repeat;
		position: absolute; top: 50%;
		margin-top: -290px;
	}
	
	#content{
		width:600px;
		height:380px;
		position:absolute;
		left:45px;
		top:90px;
		overflow:hidden;
		color:#FFFFFF;
		padding:0px 0px 0px 200px;
	}
	
		
	
		#content a{ font-weight:bold; color:#EE9FFF; }
		#content a:hover{ text-decoration:underline; }
	
		
		#content p{ 
			padding-bottom:10px; 
			font-size:11px; 
			color:#ffffff; 
			line-height:14px; 
			text-align:justify;
			width:100%;	
			float:left;
			line-height:15px;
		}
		
		#content ul{
			padding:0px 0px 10px 15px;
		}
		
		#content ul li{ margin:5px 0px; }
		
		
		#content h2{
			float:left;
			width:100%;
			overflow:hidden;
			padding-bottom:10px;
		}
		
		#content h3{
			float:left;
			width:100%;
			overflow:hidden;
			padding-bottom:2px;
		}

/*************************************************************************/	
		#page_1{
			float:left;
			padding-top:130px;
			width:300px;
		}
		
		#page_2{
			float:left;
			padding-top:100px;
			width:300px;
		}
		
		#page_3{
			float:left;
			padding-top:60px;
			width:550px;
		}
		
		#jognyilatkozat{
			float:left;
			padding-top:35px;
			width:550px;
		}
		
		
/*************************************************************************/	
		#slideshow, #slideshow div{
				float:right;
				width:224px;
				height:334px;
				overflow:hidden;
		}
		
		
		#slideshow{ display:inline; margin: 20px 30px 0px 0px;}
		#slideshow img{ border:2px solid #dddddd;}
	
/*************************************************************************/	
	
	#page_4{
		float:left;
		padding-top:30px;
	}
	
	#page_4 h2{
		float:left;
		width:200px;
		overflow:hidden;
	}
	
	#tervek{
		float:right;
		font-size:14px;
		width:60px;
		padding-top:5px;
		background:url(../img/tervek.jpg) right center no-repeat;
		text-indent:-9999px;
	}
	
	#fotok{
		float:right;
		font-size:14px;
		width:60px;
		padding-top:5px;
		background:url(../img/fotok.jpg) right center no-repeat;
		text-indent:-9999px;
	}
	
	.galeria_box .items a{
		float:left;
		width:172px;
		text-align:center;
		overflow:hidden;
		margin:10px 15px 0px 0px;
		border:1px solid #cfced0;
	}
	
	.galeria_box .items a:hover{
			border:1px solid #25162e;
	}
	
	.galeria_box2 .items a{
		float:left;
		width:266px;
		text-align:center;
		overflow:hidden;
		margin:45px 9px 0px 4px;
		border:1px solid #cfced0;
	}
	
	.galeria_box2 .items a:hover{
			border:1px solid #25162e;
	}
	
	.next{
		float:left;
		width:18px;
		height:18px;
		overflow:hidden;
		background:url(../img/right.png) left bottom no-repeat;
		position:absolute;
		left:772px;
		top:210px;
		cursor:pointer;
	}
	
	.prev{
		float:left;
		width:18px;
		height:18px;
		overflow:hidden;
		background:url(../img/left.png) left bottom no-repeat;
		position:absolute;
		left:165px;
		top:210px;
		cursor:pointer;
	}


/*************************************************************************/	
	
	/* override the root element to enable scrolling */ 
	#flowpanes { 
		position:relative; 
		overflow:hidden; 
		clear:both;
		float:left; 
		width:567px;
		height:290px;
		overflow:hidden;
	}
	 
	/* override single pane */ 
	#flowpanes div { 
		float:left; 
		display:block; 
		cursor:pointer; 
		font-size:14px; 
		width:567px;
		height:290px;
	} 


	/* our additional wrapper element for the items */ 
	#flowpanes .items { 
		width:20000em; 
		position:absolute; 
		clear:both; 
		margin:0; 
		padding:0; 
	} 
	 
	#flowpanes .less, #flowpanes .less a { 
		color:#999 !important; 
		font-size:11px; 
	}

/*************************************************************************/	
	
	.vcard{
		padding-bottom:10px;
		margin-bottom:10px;
	}
	
	.vcard .type, .vcard_label, .vcard_label2{
		font-weight:bold;
		font-size:12px;
		float:left;
		width:70px !important;
	}
	
	.latitude{ float:left; height:15px; }
	.longitude{ float:left;  height:15px; }
	
	.vcard_label2{ font-weight:normal; width:100px !important;}
	
	.vcard .adr_label{ height:50px; }
	.vcard .e_type{ height:30px; }
	
	.vcard, .vcard span, .vcard div, .vcard a{ float:left;}
	.vcard .adr{ width:260px;}

	.vcard .email, .vcard .adr span, .vcard .adr div, .vcard .tel{
		width:120px;
		margin:2px 0px;
	}
	
	.vcard .email:hover{ text-decoration:underline;}
	
	.vcard .org{
		color:#ffffff;
		font-size:14px;
		padding:0px 0 10px 0px;
		font-weight:bold;
		width:100%;
	}
/*************************************************************************/
		
	#contact_box{
		float:left;
		width:250px;
		overflow:hidden;
		padding:135px 0px 0px 0px;
	}
	.contact_small_box{
		float:left;
		width:190px;
		height:220px;
		padding:0px 5px 0px 0px;
		margin: 0px 10px 10px 0px;
	}
		.contact_small_box div{
			padding:5px 0px 5px 30px;
		}
		
/*************************************************************************/
	.form{ width:300px; float:right; padding:20px 0px 0px 0px;}
	.form2{ width:300px; float:right; padding:135px 0px 0px 0px;}
	
	
	.form fieldset { float:left; overflow:hidden; width:100%;}
	.form table{ width:400px;}
	
	.form div{
		padding:2px 0px 2px 12px;
		float:left;
		width:100%;
		overflow:hidden;
	}
	
	.red{ color:#EE9FFF !important; padding-top:10px;}
	
	.required{ padding-left:12px !important; background:url(../img/csillag.png) left 9px no-repeat;}	
	
	input{
		background:#e3ecf3;
		padding:2px;
		border:1px solid #225584;
		width:230px;
		font-size:11px;
		float:left;
		overflow:hidden;
		-moz-border-radius-bottomleft:4px;
		-moz-border-radius-bottomright:4px;
		-moz-border-radius-topleft:4px;
		-moz-border-radius-topright:4px;
	}
	
	input:focus, textarea:focus, select:focus{
		border:1px solid #281832; background:#EE9FFF; color:#000000;
	}
	
	textarea{
		background: #e3ecf3;
		padding:3px;
		border:1px solid #225584;
		width:228px;
		height:100px;
		font-size:11px;
		font-family: tahoma;
		-moz-border-radius-bottomleft:4px;
		-moz-border-radius-bottomright:4px;
		-moz-border-radius-topleft:4px;
		-moz-border-radius-topright:4px;
	}
	
	select{
		background: #e3ecf3;
		padding:3px;
		border:1px solid #225584;
		width:236px;
		font-family: tahoma;
		font-size:11px;
		-moz-border-radius-bottomleft:4px;
		-moz-border-radius-bottomright:4px;
		-moz-border-radius-topleft:4px;
		-moz-border-radius-topright:4px;
	}
	
	label{ 
		display:none;
	}
	
	
	.submit input{
		width:52px;
		height:22px;
		text-align:center;
		border:none;
		background: none !important;
		margin:3px 63px 2px 0px;
		float:right;
		font-size:12px;
		color:#000000;
		cursor:pointer;
	}
	
	.submit input:hover{
		margin:1px 63px 4px 0px;
	}
	
	.error_box, .error-message {
		color:#EE9FFF; font-weight:bold; padding:3px 0px 3px 20px !important; font-size:10px;
	}
	
/*************************************************************************/
	

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

	#footer{
		float:left;
		width:100%;
		height:45px;
		background:#3f1b34;
		color:#ececec; 
		text-align:left;
		font-family: tahoma;
		position:absolute; 
		bottom:0px;		
		border-top:1px solid #412d4d;
	}
	
	
	#footer a{ font-size:11px; color:#ececec; margin:0px 3px;}
	#footer a:hover{ text-decoration:underline;}
	
	#footer ul{ list-style:none; margin:0px; padding:17px 20px 0px; float:left; }
	#footer li{ display:inline; }
	
	#footer p{ padding:17px 0px 0px 0px; font-size:11px; float:left }
	
	#footer span { color:#4c4128; margin:0px 15px;}
	
	#footer .logo{
		float:left;
		width:97px;
		height:45px;
		background:url(../img/footer_alexdesign_logo.jpg) center no-repeat;
		overflow:hidden;
		text-indent:-9999px;
		display:inline;
		margin:0px 15px;
	}
	
	#sharky{
		float:right;
		width:110px;
		height:45px;
		background:url(../img/sharky.jpg) left center no-repeat;
		overflow:hidden;
		text-indent:-9999px;
		display:inline;
		margin:0px 15px 0px 0px;
	}