/*
	CSS
*/

body, h1, h2, h3, h4, h5, h6, p, ul, li, ol, br, tr, td, th, a, img, input, form, textarea {
	border:					0;
	margin:					0;
	padding:				0;
}

body {
	background-image:		url(background.gif);
	background-repeat:		repeat-x;
	background-color:		#bc7736;

	text-align:				center;
}

.hidden {
	display:				none;
}

.image_left {
	background-image:		url(image-border.gif);
	background-repeat:		no-repeat;

	width:					160px;
	height:					120px;

	padding:				5px;

	float:					left;
	clear:					left;
	margin:					5px 15px 15px 0;
}

.image_right {
	background-image:		url(image-border.gif);
	background-repeat:		no-repeat;

	width:					160px;
	height:					120px;

	padding:				5px;

	float:					right;
	clear:					right;
	margin:					5px 0px 15px 15px;
}

.image_gallery {
	background-image:		url(image-border2.gif);
	background-repeat:		no-repeat;

	width:					140px;
	height:					105px;

	padding:				5px;

	float:					left;
	margin:					5px 10px 15px 5px;
}

.link_left {
	border:					0!important;
	font-weight:			bold;
	float:					left;
}

.link_right {
	border:					0!important;
	font-weight:			bold;
	float:					right;
}

#container {
	text-align:				left;

	background-image:		url(background-corner-sun.gif);
	background-repeat:		no-repeat;
	background-position:	top right;
	width:					740px;
	margin:					12px auto 0 auto;

	padding:				25px 55px 0 0;
}

#leftside {
	float:					left;

	background-image:		url(left-background2.gif);
	background-repeat:		no-repeat;

	width:					176px;
	height:					607px;

	padding:				10px 6px 0 5px;
}

#leftside h1 {
	background-image:		url(logo.gif);
	background-repeat:		no-repeat;
	background-position:	50% 50%;

	height:					100px;
	width:					100%;

	padding-bottom:			7px;

	border-bottom:			3px #fff solid;
}

#leftside img {
	border-bottom:			3px #fff solid;
}

#leftside ul {
	display:				block;
	list-style-type:		none;
	margin-top:				-5px;
}

#leftside ul li a {
	display:				inline;

	width:					100%;
	height:					28px;
	border-bottom:			2px #fff solid;
}

#leftside ul #menu_sol a {		background-image:		url(menu_sol_montana.gif);	}
#leftside ul #menu_info a {		background-image:		url(menu_information.gif);	}
#leftside ul #menu_gallery a {	background-image:		url(menu_gallery.gif);	}
#leftside ul #menu_booking a {	background-image:		url(menu_booking.gif);	}
#leftside ul #menu_contact a {	background-image:		url(menu_contact.gif);	}
#leftside ul #menu_links a {	background-image:		url(menu_links.gif);	}
#leftside ul #menu_welcome a {	background-image:		url(menu_welcome.gif);	}
#leftside ul #menu_villa a {	background-image:		url(menu_villa.gif);	}

#leftside ul #sub_local a {			background-image:		url(sub_local.gif);			background-position: 40px 50%;	}
#leftside ul #sub_beaches a {		background-image:		url(sub_beaches.gif);		background-position: 40px 50%;	}
#leftside ul #sub_winter a {		background-image:		url(sub_winter.gif);		background-position: 40px 50%;	}
#leftside ul #sub_activities a {	background-image:		url(sub_activities.gif);	background-position: 40px 50%;	}

#leftside ul li a {
	background-position:	30px 50%;
	background-repeat:		no-repeat;
	display:				block;
	width:					100%;
}

#content {
	float:					left;

	background-image:		url(content-background.gif);
	background-repeat:		no-repeat;

	width:					500px;

	padding:				10px 18px 0 18px;

	margin-left:			17px;
}

#content h3 {
	float:					right;
	width:					100%;
	height:					18px;
	margin:					3px 8px 20px 0;
}

#content #header_sol {
	background-image:		url(header-sol-montana.gif);
	background-repeat:		no-repeat;
	background-position:	right;
}

#content_close {
	float:					right;
	display:				inline;

	background-image:		url(content-bottom.gif);
	background-repeat:		no-repeat;

	width:					536px;
	height:					27px;

	padding-bottom:			20px;
}

#copyright {
	width:					722px;
	height:					52px;

	margin:					4px auto 0 auto;
	padding:				6px;
}

#copyright #left {
	float:					left;
}

#copyright #right {
	float:					right;
}

.booking {
	float:					left;
	display:				inline;


	margin:					0px 0 20px 30px;
	width:					450px
}

.booking td, .booking th {
	font-family:			'Georgia', serif;
	text-align:				left;

	background-color:		#9a3233;
	border:					1px #fff solid;
	padding:				5px 10px 5px 10px;
	margin:					1px;
}

.booking th {
	font-size:				11pt;
	color:					#fec214;
}
	

.booking td {
	font-size:				10pt;
	color:					#fff;
}


/*
	Fonts
*/

#content .infolist {
	font-family:			'Georgia', serif;
	font-size:				11pt;
	text-align:				justify;
	line-height:			18pt;
	color:					#652121;

	padding-bottom:			20px;

	margin-left:			30px;
}

#content a {
	color:					#652121;
	text-decoration:		none;
	border-bottom:			1px #652121 dashed;
}

#content a:hover {
	border-bottom:			none;
}

#content p, tr {
	font-family:			'Georgia', serif;
	font-size:				11pt;
	text-align:				justify;
	line-height:			18pt;
	color:					#652121;

	padding-bottom:			20px;
}

#content h4 {
	font-family:			'Georgia', serif;
	font-size:				12pt;
	font-weight:			bold;
	text-align:				left;
	line-height:			18pt;
	color:					#652121;

	padding-bottom:			12px;
}

#copyright p {
	font-family:			'Georgia', serif;
	font-size:				9pt;

	color:					#fff;

	padding-bottom:			30px;
}

#copyright a {
	color:					#fff;
	text-decoration:		none;
	border-bottom:			1px #fff dashed;
}

#copyright a:hover {
	border-bottom:			none;
}






/*
	Clearfix
*/

.clearfix:after {
    content:				""; 
    display:				block; 
    height:					0; 
    clear:					both; 
    visibility:				hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {			
	height:					1%;
}
/* End hide from IE-mac */