/* CSS Document */

/* import for IE6 */
@import "ie6win.css";

body {
	padding: 0px;
	margin: 0px;
	
	background-color: #fce6a4;
	
	text-align: center;
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	 /* setting the base font-size to 62.5% allows you to set other font sizes in ems that emulate pt.
	so, 1.2em will map to 12pt. 1.6 will map to 16pt, etc. */
	font-size: 62.5%;
}

.clickable {
	cursor: pointer;
}

/* TEMPORARY */
.needContent {
	color: red;
}

br.clear {
	clear: both;
}

.rightAligned {
	float: right;
	margin-right: 8px !important;
}

img {
	border: none;
}

.indented {
	margin-left: 24px !important;
}

img.withBorder {
	border-top: 1px solid #999999;
	border-left: 1px solid #999999;
	border-right: 1px solid #444444;
	border-bottom: 1px solid #444444;
}

div.listContainer {
	width: 452px;
	float: right;
	margin-left: -60px;
	padding-right: 8px;
}

a {
	text-decoration: none;
	font-weight: bold;
	color: #2865aa;
}

p, li {
	letter-spacing: 1px;
}

li {
	padding-right: 6px;
}

ul {
	margin-top: 0px;
	margin-bottom: 8px;
}

ul.stars {
	padding-left: -1px;
	margin-left: -16px;
	list-style-image: url(/images/star.jpg);
}

ul.stars li {
/*	margin-left: 0px;
	padding-left: -5px;*/
	font-size: 1.1em;
}

#page {
	width: 588px;
	margin: auto;
	padding-left: 27px;
	padding-right: 27px;

	background-image: url(/images/page_background.jpg);
	background-position: top;
	background-repeat: repeat-y;
	background-color: transparent;
		
	text-align: left;
}

	#page #intraPageNavigation {
		display: none;
		visibility: hidden;
	}

	#page #header {
		width: 588px;
		height: 193px;
		background-image: url(/images/header_background.jpg);
		background-position: top;
		background-repeat: no-repeat;
		background-color: #FFFFFF;
	}

		#page #header h1 {
			padding: 0;
			margin: 0;
			text-indent: -9999px;
			width: 160px;
			height: 63px;
			position:relative !important;
			top: 18px;
			left: 12px;
			background-image: url(/images/logo.jpg);
		}
			#page #header h1 a {
				display: block;
				margin:0;
				padding: 0;
				width: 100%;
				height: 100%;
				text-decoration: none;
			}
			
		#page #header #languages {
			float: right;
			color: #86cdff;
			padding-top: 3px;
			padding-right: 5px;
			padding-bottom: 3px;
			text-align: right;
		}
			#page #header #languages img {
				vertical-align: middle;
				width: 25px;
				height: 25px;
			}
			#page #header #languages span.tiny {
				font-size: 9px;
			}
				#page #header #languages span.tiny a {
					color: white;
				}
		
		#page #header #navigation {
			clear: both;
			padding-top: 35px;
		}
			#page #header #navigation img {
				vertical-align: top;
			}		
			#page #header #navigation #home_button {

			}
			#page #header #navigation img#about_button {
				margin-left: -4px;
				margin-top: -2px;
			}
			#page #header #navigation img#contact_button {
				margin-left: -4px;
				margin-top: -10px;
			}
			#page #header #navigation img#links_button {
				margin-left: -6px;
				margin-top: -17px;
			}
			#page #header #navigation img#getting_there_button {
				margin-left: -8px;
				margin-top: -33px;
			}
			#page #header #navigation img#about_croatia_button {
				margin-left: -9px;
				margin-top: -46px;
			}
			#page #header #navigation img#properties_button {
				margin-left: -6px;
				margin-top: -49px;
			}
			#page #header #navigation img#reviews_button {
				margin-left: -4px;
				margin-top: -49px;
			}

	#page #mainContent {

	}
		#page #mainContent div.breadcrumb {
			height: 18px;			
			
			margin: 7px 6px 0px 6px;
			
			font-size: 1.2em;
			font-weight: bold;
		}
		
			#page #mainContent div.breadcrumb a {
				padding: 1px 0px 2px 0px;
				text-decoration: none;
				color: #000000;
			}
			
			#page #mainContent div.breadcrumb a:hover {
				border-top: 1px solid black;
				border-bottom: 1px solid black;
				color: #000000;
			}
	
		#page #mainContent h2 {
			clear: both;
		
			margin-top: 6px;
			margin-bottom: 6px;
			padding: 3px 6px 3px 6px;

			background-color: #d9efff;	
		
			border-top: 1px solid #86cdff;
			border-bottom: 1px solid #86cdff;
			
			font-size: 1.6em;
			font-weight: bold;
		}
		
		#page #mainContent h2 a {
			font-weight: normal;
		}
		
		#page #mainContent h3 {
			clear: both;	
		
			margin-left: 8px;
			margin-right: 8px;
			margin-top: 3px;
			margin-bottom: 5px;
			padding-bottom: 2px;			

			border-bottom: 1px dashed #ABABAB;

			font-size: 14px;
		}
		
		#page #mainContent p, form {
			margin-top: 2px;
			margin-bottom: 10px;
			padding-left: 8px;
			padding-right: 8px;
			
			font-size: 1.1em;
		}
		
			#page #mainContent form label {
				width: 120px;
				float: left;
			}
			
			#page #mainContent form input {
				margin-bottom: 2px;
				margin-top: 1px;
			}
			
			#page #mainContent form input.submit {
				margin-left: 120px;
			}
			
			#page #mainContent form textarea {
			}
				
		#page #mainContent .leftImage {
			float: left;
			margin: 0px 12px 3px 6px;
		}
		
		#page #mainContent .rightImage {
			float: right;
			margin: 0px 6px 0px 12px;
		}
		
		#page #mainContent .shadow {
			padding: 1px;
			
			border-top: 1px solid #999999;
			border-left: 1px solid #999999;
			border-right: 2px solid #000000;
			border-bottom: 2px solid #000000;		
		}
		
		#page #mainContent .fullImage {
			padding: 0px 2px 0px 2px;
		}
		
		#page #mainContent hr {
			clear: both;
			height: 5px;
			margin-top: 3px;
			margin-bottom: 3px;
			background-color: #007ac7;
			color: #007ac7;
			border: none;
		}
		
		#page #mainContent table.pricing {
			margin: 0px 10px 3px 10px;
			width: 568px;
			border-right: 1px solid #000000;
			border-bottom: 1px solid #000000;
		}
		
		#page #mainContent table.pricing td, th {
			border-top: 1px solid #000000;
			border-left: 1px solid #000000;
			margin: 0px;
			padding: 2px;
			text-align: center;
		}
		
		#page #mainContent table.pricing th {
			vertical-align: middle;
			height: 28px;
		}
		
		#page #mainContent table.pricing .noBorder {
			background-color: #ffffff;
			border-top: none;
			border-left: none;
		}
		
		#page #mainContent table.pricing .light {
			background-color: #eff8ff;
		}
			
		#page #mainContent table.pricing .dark {
			background-color: #d9efff;
		}
		
		#page #mainContent table.pricing .highlight {
			background-color: #fce6a4;
		}
		
		#page #mainContent ul.threeCol {
			padding: 0px;
			margin-left: 45px;
			width: 500px;
		}

			#page #mainContent ul.threeCol li {
				display: inline;
				width: 160px;
				float: left;
				text-align: center;
				margin-bottom: 3px;
			}

		#page #mainContent div.leftImage {
			text-align: center;
		}

		#page #mainContent div.leftImage a {
			font-size: 12px;
		}
		
		#page #mainContent #mainImage {
			text-align: center;
			min-height: 426px;
		}
		
		#page #mainContent #mainImage img {
			vertical-align: middle;
		}
		
		#page #mainContent #thumbnails {
			overflow: auto;
			padding: 2px;
			white-space: nowrap;
			/*max-height: 175px;*/
			width: 584px;
			margin-top: 10px;
		}

	#page #footer {
		clear: both;
		
		height: 30px;
		margin-top: 21px;
		margin-left: -27px;
		margin-right: -27px;
		
		padding-left: 33px;
		padding-right: 33px;

		background-image: url(/images/footer_background.jpg);
		background-position: top;
		background-repeat: no-repeat;
		background-color: #fce6a4;
	}
	
	#page #footer p {
		position: relative;
		top: -19px;
		padding-top: 3px;
		padding-bottom: 3px;
		border-top: 1px solid #666666;		
		color: #666666;
		letter-spacing: normal;
		text-align: center;
	}