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

[Master Stylesheet]

Project: Balatonma Ingatlaniroda
Version: 1.0
Last change: 2009/09/16
Author: Huszár András

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

@import "global.css";

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

[Layout]

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


/*-----------------------------------------------------------------------------
[Basics]
*/

body {
	font-family: Helvetica, sans-serif;
	background: url(img/body_bg.jpg) repeat-x top center #fff;
	color: #666666;
}

#wrapper {
	width: 100%;
	background: url(img/page_bg.jpg) no-repeat top center;
}

.container {
	width: 880px;
	margin: 0 auto;
}

h2, h3 {
	font-family: Georgia, "Times New Roman", serif;
	margin-bottom: 20px;
	font-weight: normal;
	color: #c09f49;
}

h2 small, h3 small {
	font-family: "Times New Roman", serif;
	font-size: 14px;
}


a {	
	color: #00acdf;
	font-weight: normal;
}

p {
	font-size: 14px;
	line-height: 24px;
	margin-bottom: 16px;
}


/*-----------------------------------------------------------------------------
[Header]
*/

#header {
	width: 100%;
	position: relative;
}


/* Logo */

#logo {
	display: block;
	width: 340px;
	height: 180px;
	background: url(img/balatonma_logo.png) no-repeat;
	text-indent: -9999px;
}

/* Navigaiton */

#navigation {
	position: absolute;
	top: 76px;
	right: 40px;
}

#navigation li {
	float: left;
}

#navigation li a {
	float: left;
	margin: 0 14px;
	padding: 6px 8px;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: bold;
}

#navigation li a:hover, #navigation li a.current {
	background: #89e820;
	color: #fff;
}

#page_title {
	width: 100%;
	height: 220px;
}

#page_title h2{
	color: #007293;
	font-size: 30px;
	font-weight: normal;
}

#page_title p {
	color: #2285a1;
}


/*-----------------------------------------------------------------------------
[Featured]
*/

#featured_slider {
	width: 100%;
	height: 270px;
	position: relative;
	background: url(img/featured_slider_bg.png) no-repeat top left;
}

/* images */

#featured_gallerycover {
	width: 282px;
	height: 190px;
	overflow: hidden;
	position: absolute;
	left: 100px;
	top: 28px;
}

#featured_gallerycover li {
	width: 282px;
	height: 190px;
	position: relative;
}

.featured_gallery {
	width: 280px;
}


/* Texts */

#featured_textcover {
	width: 340px;
	height: 230px;
	overflow: hidden;
	position: absolute;
	right: 50px;
	top: 28px;
}

.featured_text li {
	width: 320px;
	height: 230px;
}

.featured_text h3 a {
	display: block;
	margin-bottom: 40px;
	font-size: 22px;
	color: #fff;
	font-weight: normal;
}


.featured_text p {
	font-size: 12px;
	line-height: 16px;
	color: #6b5210;
}


/* Buttons */

#featured_buttons {
	width: 32px;
	height: 74px;
	overflow: hidden;
	position: absolute;
	left: 426px;
	top: 106px;
}

#featured_slider_up {
	width: 32px;
	height: 32px;
	background: url(img/featured_up.png) no-repeat center;
	cursor: pointer;
}

#featured_slider_down {
	margin-top: 10px;
	width: 32px;
	height: 32px;
	background: url(img/featured_down.png) no-repeat center;
	cursor: pointer;
}


/*-----------------------------------------------------------------------------
[Content]
*/

.section {
	padding: 20px 0;
}

.section.border {
	border-bottom: 1px solid #d1b055;
}

#content h2 {
	color: #826106;
	font-size: 18px;
}

#contentbox {	
	min-height: 500px;
  	height: auto !important;
  	height: 500px;
	padding: 20px;
	padding-bottom: 40px;
	background: url(img/contentbox_bg.jpg) repeat-x bottom #fff6db;
	color: #8F742C;
}

#contentbox .item {
	float: left;
	width: 400px;
	height: 180px;
	padding: 10px;
	overflow: hidden;
}

#contentbox .item .image_block {
	float: left;
	margin-right: 16px;
	margin-bottom: 10px;
	width: 144px;
	height: 142px;
	background: url(img/item_bg.jpg);
}

#contentbox .item .image_block img {
	margin: 16px 12px;
}

#contentbox .item .image_block a.more{
	float: right;
	margin: 0 14px;
	font-size: 12px;
	color: #555;
}

#contentbox .item h3 {
	font-size: 18px;
	margin-bottom: 8px;
}

#contentbox .item .text_block {
	float: left;
	width: 180px;
}

#contentbox .item p {
	font-size: 12px;
	margin-bottom: 6px;
}

#contentbox .item ul li {
	font-size: 12px;
	line-height: 18px;
}

#contentbox .item_show .image_block {
	float: right;
	width: 320px;
	height: 248px;
	margin-left: 20px;
	background: url(img/item_show_bg.png) no-repeat top left;
}

#contentbox .item_show  img {
	margin-top: 21px;
	margin-left: 18px;
}

#contentbox table {
	margin-bottom: 16px;
	font-size: 12px;
	background: #FFFBEF;
}

#contentbox table td {
	padding: 6px;
}

#contentbox .imagegallery li {
	float: left;
}

#contentbox .imagegallery li a {
	float: left;
}

#contentbox .imagegallery li img {
	float: left;
	background: #fff;
	padding: 4px;
	margin: 0 12px 12px 0;
}

/*-----------------------------------------------------------------------------
[Last items]
*/

#last_slider {
	float: left;
	width: 482px;
	margin-top: 20px;
	padding-right: 16px;
	padding-bottom: 16px;
	background: #d1b055;
}

#last_slider h2 {
	float: left;
	margin: 16px;
	margin-bottom: 0;
	color: #826106;
}

#last_slider_top {
	width: 482px;
}

.last_buttons {
	float: right;
	margin: 16px;
	margin-bottom: 0;
}

#last_slider_prev {
	float: left;
	width: 23px;
	height: 28px;
	background: url(img/last_prev.jpg) no-repeat;
	cursor: pointer;
}

#last_slider_next {
	float: left;
	width: 23px;
	height: 28px;
	background: url(img/last_next.jpg) no-repeat;
	cursor: pointer;
}

#last_gallery_cover {
	width: 482px;
	overflow: hidden;	
}

#last_slider li {
	float: left;
	margin-top: 16px;
	margin-left: 16px;
	width: 144px;
	height: 142px;
	background: url(img/last_item_bg.jpg);
}

#last_slider li a.more{
	float: right;
	margin: 0 14px;
	font-size: 12px;
	color: #555;
}

#last_slider li img {
	margin: 16px 12px;
}


/*-----------------------------------------------------------------------------
[Search]
*/

#search_block {
	float: right;
	width: 362px;
	background: url(img/searchblock_bg.jpg) repeat-x center center #fbe19a;
	border: 1px solid #b98c12;
}

#search_block h2 {
	margin-bottom: 10px;
}

#search_block .inner {
	padding: 16px;
	padding-right: 0;
	border: 1px solid #fff9e9;
}

#search_block form div {
	float: left;
	width: 168px;
	height: 40px;
	padding: 3px 0;
}

#search_block form label {
	font-size: 12px;
	color: #826106;
	width: 150px;
	display: block;
	margin-bottom: 4px;
}

#search_block form select, #search_block form input {
	font-size: 14px;
	width: 150px;
}

#search_block form input.search_submit {
	font-size: 12px;
	width: 100px;
}


/*-----------------------------------------------------------------------------
[ Pagenaitor ]
*/	

.paginator {
	float: left;
	margin: 10px;
	padding: 5px;
	width: 90%;
}	
.paginator li {
	float: left;
	margin: 0px;
	padding: 0px;
	background: none;
	text-indent: 0;
}	
.paginator li a {
	float: left;
	padding: 3px 10px;
	margin-right: 10px;
	background: #fff;
	color: #46AEE5;
}	
.paginator li a:hover {
	background: #f88926;
	color: #fff;
}
.paginator li span {
	float: left;
	padding: 3px 10px;
	margin-right: 10px;
	background: #46AEE5;
	display: block;
	color: #fff;
}


/*-----------------------------------------------------------------------------
[Footer]
*/

.col30 {
	float: left;
	width: 264px;
}

.col40 {
	float: left;
	width: 352px;
}

.col50 {
	float: left;
	width: 50%;
}

a.contact {
	font-size: 18px;
}

#footer p {
	line-height: 30px;
	margin-bottom: 20px;
}

#footer li {	
	margin-bottom: 20px;
	list-style-type: square;
}

#footer {
	width: 100%;
}

#credits {
	width: 100%;
	border-top: 1px solid #d1b055;
	font-size: 12px;
	color: #00acdf;
}

/* Subpage styles */

#sub {
	background: url(img/body_bg2.jpg) repeat-x top;
}

#sub #page_title {
	height: auto;
	margin-bottom: 20px;
}

#sub #search_block {
	width: 840px;
	margin-bottom: 20px;
}

#sub #search_block {
	border: 1px solid #d9af3c;
}