* {
	margin: 0; padding: 0;	
}

body {
	margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000; 
	background-image: url(../images/bg.jpg); background-repeat: repeat-x; background-color: #7E975D;
}
.clear {
	height: 1px; overflow: hidden; clear: both; margin: 0 0 -1px 0;
}

#header {
	height: 90px; background-color: #26241D; margin: 0 0 20px 0; border-bottom: 3px solid #FEFEFE;
}
	#header div.logo {
		width: 400px; height: 60px; overflow: hidden; float: left; margin: 15px 460px 0 60px; display: inline;
	}
	#header div.meta {
		float: left; margin: 70px 0 0 0; display: inline;
	}
		#header div.meta ul {
			list-style-type: none;
		}
			#header div.meta ul li {
				float: left; margin: 0 0 0 10px;
			}
				#header div.meta ul li a {
					font-size: 11px; text-decoration: none; color: #FEFEFE; width: 22px; height: 10px; display: block;
				}
					
					#header div.meta ul li a.en {
						border: 2px solid #FEFEFE;
					}
						#header div.meta ul li a.en:hover {
							border: 2px solid #7E975D;
						}
					#header div.meta ul li a.hr {
						border: 2px solid #FEFEFE;
					}
						#header div.meta ul li a.hr:hover {
							border: 2px solid #7E975D;
						}
#wrap { margin: 0 0 10px 0;}
#columns-wrap { width: 1000px; background-image: url(../images/columns_wrap_bg.gif); background-repeat: repeat-y; }
#news-wrap { width: 1000px; background-image: url(../images/news_wrap_bg.gif); background-repeat: repeat-y; margin: 15px 0 0 0;}
#gallery-wrap { width: 1000px; background-image: url(../images/news_wrap_bg.gif); background-repeat: repeat-y; margin: 15px 0 0 0; overflow: hidden;}

#column-1 {
	width: 300px; /*background-color: #FEFEFE;*/ float: left; margin: 0 20px 10px 60px; display: inline;
}
	#column-1 div.intro-image {
		width: 290px; height: 180px; overflow: hidden; margin: 5px 0 10px 5px;
	}
		#column-1 div.intro-image ul {
			list-style-type: none;
		}
	#column-1 div.headline-img {
		width: 290px; overflow: hidden; margin: 5px 0 5px 5px;
	}
		#column-1 div.headline-img h2 {
			font-size: 16px; color: #006633; margin: 0 0 5px 0; padding: 0;
		}
	#column-1 p {
		font-size: 12px; color: #000; padding: 0 5px 15px 5px;
	}
		#column-1 p a {
			color: #006633; text-decoration: none; font-weight: bold;
		}
			#column-1 p a:hover {
				text-decoration: underline;
			}
		#column-1 a.more {
			display: inline; float: right; overflow: hidden; text-indent: -1000em; background-repeat: no-repeat; margin: 0 10px 8px 0;
			width: 80px; height: 20px; background-image: url(../images/link_more_green_mo.gif);
		}
			#column-1 a.more:hover {
				background-position: 0 -20px;
			}
			#column-1 a.more-en {
				display: inline; float: right; overflow: hidden; text-indent: -1000em; background-repeat: no-repeat; margin: 0 10px 8px 0;
				width: 80px; height: 20px; background-image: url(../images/link_more_green_mo_en.gif);
			}
				#column-1 a.more-en:hover {
					background-position: 0 -20px;
				}
	#column-1 div.thumbs {
		margin: 0 0 0px 5px;
	}
		#column-1 div.thumbs a.thumb-intro {
			float: left; display: inline; margin: 0 8px 10px 0; border: 3px solid #357F13;
		}
		#column-1 div.thumbs a.thumb-intro:hover {
			border: 3px solid #006633;
		}
		#column-1 div.thumbs a.thumb-intro-last {
			float: left; display: inline; margin: 0 0 10px 0; border: 3px solid #357F13;
		}
		#column-1 div.thumbs a.thumb-intro-last:hover {
			border: 3px solid #006633;
		} 
		#column-1 div.calendar {
			width: 180px; margin: 15px auto;
		}
/**/
#column-2 {
	width: 300px; /*background-color: #FEFEFE;*/ float: left; margin: 0 20px 10px 0px; display: inline;
}
	#column-2 div.intro-image {
		width: 290px; height: 180px; overflow: hidden; margin: 5px 0 10px 5px;
	}
		#column-2 div.intro-image ul {
			list-style-type: none;
		}
	#column-2 div.headline-img {
		width: 290px; overflow: hidden; margin: 5px 0 5px 5px;
	}
		#column-2 div.headline-img h2 {
			font-size: 16px; color: #006633; margin: 0 0 5px 0; padding: 0;
		}
	#column-2 p {
		font-size: 12px; color: #000; padding: 0 5px 15px 5px;
	}
		#column-2 a.more {
			display: inline; float: right; overflow: hidden; text-indent: -1000em; background-repeat: no-repeat; margin: 0 10px 8px 0;
			width: 80px; height: 20px; background-image: url(../images/link_more_green_mo.gif);
		}
			#column-2 a.more:hover {
				background-position: 0 -20px;
			}
			#column-2 a.more-en {
				display: inline; float: right; overflow: hidden; text-indent: -1000em; background-repeat: no-repeat; margin: 0 10px 8px 0;
				width: 80px; height: 20px; background-image: url(../images/link_more_green_mo_en.gif);
			}
				#column-2 a.more-en:hover {
					background-position: 0 -20px;
				}
	#column-2 div.thumbs {
		margin: 0 0 0px 5px;
	}
		#column-2 div.thumbs a.thumb-intro {
			float: left; display: inline; margin: 0 8px 10px 0; border: 3px solid #357F13;
		}
		#column-2 div.thumbs a.thumb-intro:hover {
			border: 3px solid #006633;
		}
		#column-2 div.thumbs a.thumb-intro-last {
			float: left; display: inline; margin: 0 0 10px 0; border: 3px solid #357F13;
		}
		#column-2 div.thumbs a.thumb-intro-last:hover {
			border: 3px solid #006633;
		} 
		#column-2 div.calendar {
			width: 180px; margin: 15px auto;
		}
/**/
#column-3 {
	width: 300px; /*background-color: #FEFEFE;*/ float: left; margin: 0 0px 10px 0px; display: inline;
}
	#column-3 div.intro-image {
		width: 290px; height: 180px; overflow: hidden; margin: 5px 0 10px 5px;
	}
		#column-3 div.intro-image ul {
			list-style-type: none;
		}
	#column-3 div.headline-img {
		width: 290px; overflow: hidden; margin: 5px 0 5px 5px;
	}
	#column-3 div.headline-img h2 {
		font-size: 16px; color: #006633; margin: 0 0 5px 0; padding: 0;
	}
	#column-3 p {
		font-size: 12px; color: #000; padding: 0 5px 15px 5px;
	}
		#column-3 a.more {
			display: inline; float: right; overflow: hidden; text-indent: -1000em; background-repeat: no-repeat; margin: 0 10px 8px 0;
			width: 80px; height: 20px; background-image: url(../images/link_more_green_mo.gif);
		}
			#column-3 a.more:hover {
				background-position: 0 -20px;
			}
			#column-3 a.more-en {
				display: inline; float: right; overflow: hidden; text-indent: -1000em; background-repeat: no-repeat; margin: 0 10px 8px 0;
				width: 80px; height: 20px; background-image: url(../images/link_more_green_mo_en.gif);
			}
				#column-3 a.more-en:hover {
					background-position: 0 -20px;
				}
	#column-3 div.thumbs {
		margin: 0 0 0px 5px;
	}
		#column-3 div.thumbs a.thumb-intro {
			float: left; display: inline; margin: 0 8px 10px 0; border: 3px solid #357F13;
		}
		#column-3 div.thumbs a.thumb-intro:hover {
			border: 3px solid #006633;
		}
		#column-3 div.thumbs a.thumb-intro-last {
			float: left; display: inline; margin: 0 0 10px 0; border: 3px solid #357F13;
		}
		#column-3 div.thumbs a.thumb-intro-last:hover {
			border: 3px solid #006633;
		} 
		#column-3 div.calendar {
			width: 180px; margin: 15px auto;
		}
/**/
#news {
	width: 390px; float: left; margin: 0 0 10px 60px; display: inline;
}
	#news	div.headline-img {
		margin: 8px 0 15px 5px;
	}
	#news span.date {
		color: #666; font-size: 10px; display: block; margin: 0 0 5px 0; width: 180px;
	}
	#news h3 {
		font-size: 13px; margin: 0; padding: 0 0 8px 0; width: 180px;
	}
	#news p {
		font-size: 12px; color: #000; 
	}
		#news p a {
			color: #3B8EEA;
		}
		#news p a:hover {
			text-decoration: none; color: #3366FF;
		}
	#news	div.news-article {
		width: 170px; float: left; display: inline; margin: 0 10px 10px 5px;
	}
#guestbook-box {
	float: left; width: 225px; display: inline; margin: 10px 25px 0 0;
}
	#guestbook-box	div.headline-img {
		margin: 0px 0 10px 0px;
	}
	#guestbook-box span {
		font-size: 12px; color: #708090; display: block; margin: 0 0 5px 0;
	}
	#guestbook-box p {
		font-size: 12px; padding: 0 5px 5px 0;
	}
		#guestbook-box a.guest-btn {
			width: 110px; height: 20px; overflow: hidden; display: block; margin: 10px auto; 
			background-image: url(../images/knjiga_dojmova_btn.gif); background-repeat: no-repeat;
		}
		#guestbook-box a.guest-btn:hover {
			background-position: 0 -20px;
		}
			#guestbook-box a.guest-btn-en {
				overflow: hidden; display: block; margin: 10px 0px; 
				width: 80px; height: 20px; background-image: url(../images/link_more_green_mo_en.gif);
			}
			#guestbook-box a.guest-btn-en:hover {
				background-position: 0 -20px;
			}
	
#contact {
	width: 300px; /*background-color: #FEFEFE;*/ float: left; margin: 0 0px 10px 0px; display: inline;
}
	#contact	div.headline-img {
		margin: 8px 0 15px 5px;
	}
	#contact p {
		font-size: 12px; padding: 0 5px 12px 5px;
	}
		#contact p strong {
			color: #357F13;
		}
			#contact p a {
				color: #3B8EEA;
			}
				#contact p a:hover {
					text-decoration: none; color: #3366FF;
				}

/* subcontent */
#house-description {
	width: 620px; float: left; margin: 0 20px 10px 60px; display: inline;
}
	#house-description h2.green {
		font-size: 16px; color: #006633; margin: 10px 0 10px 10px;
	}
	
	#house-description p {
		font-size: 12px; padding: 0 10px 12px 10px;
	}
		#house-description p a.green {
			color: #006633; font-weight: bold;
		}
			#house-description p a.green:hover {
				text-decoration: none;
			}
	#house-description div.image-map {
		margin: 0 0 10px 10px;
	}
#house-description span.guest-name {
	font-size: 12px; font-weight: bold; padding: 5px 20px 0 10px; display: block;
}
#house-description p.guest-comment {
	font-size: 12px; padding: 5px 10px 12px 10px;
}
#house-detail {
	width: 300px; float: left; margin: 0 0px 10px 0px; display: inline;	
}
	#house-detail span.error {
		font-size: 11px; color: #B30000; display: block; padding: 10px 0 0 5px;
	}
	#house-detail h3 {
		color: #006633; font-size: 16px; margin: 10px 0 5px 5px;	
	}
	#guest-form {
		margin: 0 5px 0 5px;
	}
		#guest-form label {
			display: block; font-size: 12px; margin: 0 0 2px 0; line-height: 18px;
		}
			
			#guest-form label span {
				color: #B30000; font-size: 10px;
			}
			#guest-form input.txt {
				width: 288px; height: 17px; border: 1px solid #000; margin: 0 0 4px 0; font-size: 11px;
			}
			#guest-form input.sub-btn {
				width: 50px; height: 20px; border: 1px solid #000; font-size: 11px; color: #FEFEFE; float: right; background-color: #006633;
				margin: 10px 0 0 0;
			}
			#guest-form textarea {
				width: 288px; height: 170px; border: 1px solid #000; margin: 0 0 5px 0; font-family: Arial, Helvetica, sans-serif; font-size: 11px;
			}
		#house-detail div.calendar-box {
			width: 250px; margin: 5px auto;
		}
		#cal-legend div.cube {
			float: left; margin: 0 5px 0 0; display: inline; background-color: #FF0066; width: 20px; height: 15px; overflow: hidden;
		}
			#cal-legend span {
				font-size: 12px; display: block; float: left;
			}
	#house-detail p {
		font-size: 12px; padding: 0 5px 10px 5px;
	}
	#house-detail p a {
		color: #006633; 	
	}
		#house-detail p a:hover {
			text-decoration: none;
		}
	
	#house-detail table {
		margin: 10px 0 12px 5px;
	}
		#house-detail tr.green-light {
			 background-color:#99CC66;
		}
		#house-detail tr.green-dark {
			 background-color:#669933; 
		}
		#house-detail td {
			padding: 2px 0 2px 3px; font-size: 12px;
		}
			#house-detail td.head-green {
				border-bottom: 2px solid #006633; font-size: 12px; font-weight: bold; color: #006633;
			}
#gallery {
	width: 600px; margin: 0 0 0 10px;
}
	#gallery h3 {
		font-size: 14px; margin: 0 0 5px 0; color: #006633;
	}
	#gallery a.thumb {
		width: 190px; display: inline; float: left; border: 2px solid #357F13; margin: 0 5px 10px 0;
	}
		#gallery a.thumb:hover {
			border: 2px solid #006633;
		}
		
#footer {
	margin: 10px 0 0 0; 
}
	#footer p {
		color: #FEFEFE; font-size: 11px; padding: 0 0 10px 60px;
	}
		#footer p a {
			color: #FEFEFE; 
		}
			#footer p a:hover {
				text-decoration: none;
			}
		#footer p a.design {
			color: #006633; font-weight: bold; text-decoration: none;
		}
			#footer p a.design:hover {
				color: #FEFEFE; text-decoration: underline; 	
			}