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

   HD CSS Framework 1.0 by Hutchington / hdesign.cc

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


/*--------------------------------IMPORTS-------------------------------*/
@import url("reset.css");
@import url("typography.css");
/*--------------------------------GLOBAL--------------------------------*/

body {background: url(../img/bg.jpg) no-repeat center fixed #121212;}

#main {display: block; float: left; width: 100%;}

#site {
	display:block;
	float: left;
	width: 923px;
	left: 50%;
	margin-left: -462px;
	position: relative;
}
/*------------------------------HEADER------------------------------*/
#header {
	display: block;
	float: left;
	width: 923px;
	height: 130px;
	background: url(../img/header.png) no-repeat;
}
	#header h1 a {
		display: block;
		float: left;
		width: 250px;
		height: 60px;
		margin-left: 20px;
		text-indent:-9999px;
	}

/*------------------------------CONTENT------------------------------*/

#content {
	display: block;
	float: left;
	width: 923px;
	background: url(../img/content_bg.png) repeat-y;
	min-height: 400px;
}

	.left_side {
		display: block;
		float: left;
		width: 299px;
		margin-left: 6px;
		padding-left: 11px;
		min-height: 60px;
		background: url(../img/sidebar_bg.png) no-repeat top;
	}
	
	.right_side { display: block; float: left; width: 580px;}
/*------------------------------BREADCRUMBS------------------------------*/

body .breadcrumb {
	display: block;
	float: left;
	width: 100%;
	padding: 5px 0 10px;
	font-size: 11px;
}

.breadcrumb span {
	display: block;
	float: left;
	color: #999;
	padding-left: 5px;
}

.breadcrumb a {
	display: block;
	float: left;
	color: #0098FF;
	padding-left: 5px;
}

/*---------------------------------MODULES---------------------------*/

.module {
	display: block;
	float: left;
	width: 252px;
	height: 137px;
	margin: 0 10px 10px 10px;
	padding: 15px 0 0 15px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #FFF;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}

.mernoki {background: url(../img/module_mernoki.jpg) no-repeat;}
.ertekbecsles {background: url(../img/module_ertekbecsles.jpg) no-repeat;}
.projekt {background: url(../img/module_projekt.jpg) no-repeat;}
.alternativ {background: url(../img/module_alternativ.jpg) no-repeat;}


/*------------------------------ENTRY------------------------------*/
.entry {margin-bottom: 20px; border-bottom: 1px dotted #CCC;}
	
/*------------------------------MENU------------------------------*/
ul.menu{
	display: block;
	float: left;
	width:280px;
	margin-bottom: 20px;
}

ul.menu li {
	display: block;
	float: left;
	width: 280px;
	height: 45px;
	border-bottom: 1px dotted #4881a9;
	margin-top: 3px;
}
ul.menu li a {text-decoration:none;}
ul.menu li a:hover {cursor: pointer;}

ul.menu li .icn, ul.menu li .name, ul.menu li .desc { display: block; float: left;}

ul.menu li .icn {
	margin-left: 5px;
	margin-top: 3px;
	width: 45px;
	height: 32px;
}
	ul.menu li .cegismerteto {background: url(../img/menu_icns.png) no-repeat 0px 0px;}
	ul.menu li .szolgaltatasok {background:url(../img/menu_icns.png) no-repeat 0px -32px;}
	ul.menu li .ertekesites {background:url(../img/menu_icns.png) no-repeat 0px -64px;}
	ul.menu li .ingatlan {background:url(../img/menu_icns.png) no-repeat 0px -96px;}
	ul.menu li .referenciak {background:url(../img/menu_icns.png) no-repeat 0px -128px;}
	ul.menu li .kapcsolat {background:url(../img/menu_icns.png) no-repeat 0px -160px;}

ul.menu li .name {
	width: 230px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	font-weight: bold;
	color: #4881a9;
	padding-bottom: 10px;
}

ul.menu li .desc {
	width: 230px;
	font-family:Tahoma, Geneva, sans-serif;
	font-size: 11px;
	color: #98c1d2;
}

ul.menu li.children {
	display: block;
	float: left;
	width: 280px;
	height: 25px;
	background: url(../img/menu_child.png) no-repeat bottom center;
	margin:0;
}
	ul.menu li.children a {
		display: block;
		float: left;
		width: 210px;
		color: #53A7DF;
		font-size: 12px;
		padding: 5px 0 0 70px;
		text-decoration: none;
	}

/*------------------------------FOOTER------------------------------*/

#footer {
	display: block;
	float: left;
	width: 923px;
	height: 80px;
	background: url(../img/footer_bg.png) no-repeat -1px 0px;
}

	#footer .footlinks {
		display: block;
		float: left;
		font-size: 11px;
		margin: 30px 0 0 20px;
		color: #CCC;
		line-height: 18px;
	}
	
		#footer .footlinks a {color: #CCC; padding-left: 10px;}
		#footer .footlinks a:hover { color: #6FC5FF;}