/* @override http://www2.skistar.com/Projects/VacationClub/Styles/site.css */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
	font-family: Arial, Helvetica, sans-serif;
	min-height: 1200px;
	background: white url(/Projects/VacationClub/Images/shade_bottom.png) repeat-x 0 bottom;
}
a
{
	color: inherit;
	text-decoration: none;
}
a h3, a span
{
    color:#000; 
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* COMMON */
.clearer
{
	display: block;
	clear: both;
}

/* TYPOGRAPHY */
body
{
	font-family: Arial, Helvetica, sans-serif;
}

/* Flash */

#flashFallback
{
    display:none;   
}

#ie_historyFrame { width: 0px; height: 0px; display:none }
#firefox_anchorDiv { width: 0px; height: 0px; display:none }
#safari_formDiv { width: 0px; height: 0px; display:none }
#safari_rememberDiv { width: 0px; height: 0px; display:none }

/* Cufon */
h1
{
	font-size: 25px;
	font-weight: bold;
}

h2
{
	
}

h3
{
	font-weight: normal;
}

h4
{
	font-size: 13px;
}

.franklinGothic
{
	font-size: 13px;
}


/* Columns */
#mainWrapper
{
	
}

#contentWrapper,
.topBanner .inner,
#footerTeasers .inner,
#footer
{
	width: 1006px;
	margin: 0 auto;
}

#contentWrapper .article .teaser
{
	margin-top: 10px;
}

.topBanner
{
	width: 100%;
	background: #000 url(/Projects/VacationClub/Images/sprite_gradients.png) repeat-x;
	height: 102px;
	clear: both;
	color: white;
}

/* Article */
.article
{
	padding-top: 30px;
	width: 600px;
	font-size: 13px;
	line-height: 18px;
	margin-bottom: 20px;
}
	.article h1
	{
		text-transform: uppercase;
	}
	
	.article p
	{
		display: block;
		margin-bottom: 0px;
	}
	
		.article p a
		{
			color: black;
			font-weight: bold;
		}
	
	.article span
	{
		font-size: 13px;
		margin-bottom: 20px;
	}
	.article span.bold
	{
		font-weight: bold;
		margin: 0;
	}
	
	.article h3
	{
		font-weight: bold;
	}

/* Right Column */
.rightCol
{
	padding-top: 30px;
	float: right;
	width: 315px;
	margin-left: 90px;
}
	.rightCol .teaser
	{
		margin-bottom: 20px;
		padding: 0;
		clear: both;
	}

/* Teasers */
.teaser
{

}
	.teaser h3
	{
		font-size: 14px;
		font-weight: bold;
		text-transform: uppercase;
		margin-bottom: 10px;
		padding-left: 13px;
		background: transparent url(/Projects/VacationClub/Images/sprite_icons.png) no-repeat 0 2px;
		*background: transparent url(/Projects/VacationClub/Images/sprite_icons.png) no-repeat 0 6px;
	}
	
	.teaser img
	{
		display: block;
		margin-bottom: 10px;
	}
		
	.teaser span
	{
		font-size: 14px;
	}


/* Overlay */
.overlay
{
	position: relative;
	margin-top: -517px;
	padding: 21px;
	background: transparent url(/Projects/VacationClub/Images/bg_overlay.png);
	margin-bottom: 50px;
	overflow: hidden;
	width: 989px;
	position: relative;
	left: -4px;
}
	.overlay .inner
	{
		width: 2500px;
		position:relative;
	}
	
	#objectDetailsContent,
	.overlay #overlayContent
	{
		position: relative;
	}
	
	.overlay .navigation
	{
		padding: 0 0 9px 0;
		overflow: visible;
		position: relative;
		zoom: 1;
	}
		.overlay .navigation a.back
		{
			float:left;
			display: block;
			height: 26px;
			width: 68px;
			background: transparent url(/Projects/VacationClub/Images/sprite_objectNavigation.png) no-repeat 0 0; 
			text-indent: -4000px;
			position: relative;
			left: -5px;
		}
			.overlay .navigation a.back:hover
			{
				background-position: -200px 0;
			}
	
	.overlay a.close
	{
		margin-right: 0;
		display: block;
		float: right;
		height: 26px;
		width: 62px;
		background: transparent url(/Projects/VacationClub/Images/sprite_objectNavigation.png) no-repeat 0 -300px; 	
		position: relative;
		left: 8px;
	}
		.overlay a.close:hover
		{
			background-position: -200px -300px;
		}
		
	.overlay a.anchorDescription
	{
		display:  block;
		float:  right;
		width:  130px;
		height:  26px;
		background: transparent url(/Projects/VacationClub/Images/sprite_objectNavigation.png) no-repeat 0 -100px;
		margin-right: 5px;
		position: relative;
		left: 8px;
	}
		.overlay a.anchorDescription:hover
		{
			background-position: -200px -100px;
		}

	.overlay a.anchorBook
	{
		width:  93px;
		height:  26px;
		float:  right;
		display:  block;
		background: transparent url(/Projects/VacationClub/Images/sprite_objectNavigation.png) no-repeat 0 -200px;
		margin-right: 5px;
		position: relative;
		left: 8px;
	}
		.overlay a.anchorBook:hover
		{
			background-position: -200px -200px;
		}


/* Object List */
.objectList
{
	float: left;
	background: white;
	padding: 21px;
	width: 947px;
}
	.objectList h1
	{
		margin-bottom: 20px;
		font-family: Georgia;
		font-size: 44px;
	}

	.objectList .preamble
	{
		font-size: 12px;
		font-weight: bold;
		color: #4f4f4f;
		max-width: 480px;
		margin-bottom: 25px;
		line-height: 18px;
	}

	.objectList .header
	{
		margin: 9px 0 9px 9px;
		clear: both;
		background: transparent url(/Projects/VacationClub/Images/bg_objectHeader.png) repeat-x 0 bottom;
		height: 16px;
	 	padding: 0;
	}
		.objectList .header h2
		{
			float: left;
			font-size: 18px;
			font-weight: bold;
			text-transform: uppercase;
			margin: 0;
			padding: 0 6px 0 0;
			background: white;
		}
		
		.objectList .header span
		{
			font-size: 18px;
			text-transform: uppercase;
			padding: 0 6px 0 0;
			position: relative;
			top: -1px;
			display: block;
			background: white;
			float: left;
			margin-top: 1px;
		}


		.objectList .objectTeaser .imageWrapper .meta h3
		{
			color: #fff;
		}

/* Object Teasers */
.objectTeaser
{
	float: left;
	padding: 7px 9px 17px;
	width: 293px;
}
	.objectTeaser a
	{
		display: block;
	}

	.objectTeaser:hover
	{
		background: #e5e5e5;
		cursor: pointer;
	}
	
	.objectTeaser.item4
	{
	    *padding-right:0; 
	}
	
	.objectTeaser .imageWrapper
	{
		position: relative;
		margin-bottom: 7px;
	}
		.objectTeaser .imageWrapper img
		{
			display: block;
		}
	.objectTeaser .meta
	{
		background: transparent url(/Projects/VacationClub/Images/bg_objectDescription.png);
		position: absolute;
		bottom: 0;
		color: white;
		width: 279px;
		padding: 8px;
	}
	
	.objectTeaser.item1 .meta,
	.objectTeaser.item2 .meta
	{
		width: 431px;
	}
	
	
		.objectTeaser .meta h3
		{
			text-transform: uppercase;
			font-size: 15px;
			font-weight: bold;
		}
		.objectTeaser .meta .area
		{
			float: right;
			font-size: 11px;
			padding-top: 2px;
		}
	
	.objectTeaser h5
	{
		font-size: 12px;
		font-weight: bold;
		margin-bottom: 7px;
		color: #000;
	}
	
	.objectTeaser .description
	{
		font-size: 11px;
		color: #000;
	}

/* Object Details */
.objectDetails
{
	float: left;
	top: 0;
	/*left: 990px;*/
	background: white;
	width: 946px;
	padding:9px 21px 21px;
	margin-left: 25px;
	position:relative;
}
	.objectDetails h1,
	.objectDetails .preamble,
	.objectDetails .subtitle,
	.objectDetails .body
	{
	}

	.objectDetails .body
	{
		width: 540px;
		display: block;
		position: relative;
	}

	.objectDetails h1
	{
		font-size: 61px;
		letter-spacing: -1pt;
		text-transform: uppercase;
	}

	.objectDetails .objectLabel
	{
		text-align: center;
		position: absolute;
		display: block;
	}
		.objectDetails .objectLabel h3
		{
			position: relative;
			display: block;
			text-align: center;
			margin:  0 auto;
			top: -37px;
			font-size: 15px;
			font-weight: bold;
			text-transform: uppercase;
			width:550px;
			margin-left: 100px;
			padding-top: 8px;
			padding-bottom: 8px;
		}

	.objectDetails .imageWrapper
	{
	}
		.objectDetails .imageWrapper img
		{
			display: block;
			height: auto;
			width: 922px;
		}
	
	.objectDetails .subtitle
	{
		font-size: 27px;
		font-style: italic;
		letter-spacing: -0.5pt;
		color: #b2b2b2;
		margin-bottom: 25px;
		margin-top: -10px;
	}
	
	.objectDetails .rightCol
	{
	
	}
	
	.objectDetails .preamble
	{
		font-size: 13px; 
		line-height: 18px;
		text-transform: uppercase;
		margin-bottom: 30px;
	}
	
	.objectDetails .body
	{
	
	}
		.objectDetails .body h4
		{
			font-size: 13px;
			text-transform: uppercase;
		}
		.objectDetails .body p,
		.objectDetails .body span
		{
			margin-bottom: 20px;
			line-height: 18px;
			font-size: 11px;
		}
		
		.objectDetails .body p strong
		{
			text-transform: uppercase;
		}
	
	.objectDetails .objectList
	{
		width: 316px;
		padding: 0;
	}
	
	.objectDetails .objectTeaser
	{
		width: 100px;
		padding: 0px;
		margin: 0 4px 4px 0;
	}
		.objectDetails .objectTeaser .imageWrapper
		{
			margin: 0;
		}
		.overlay .objectDetails .objectTeaser img
		{
			width: 100% !important;
			height:auto;
			margin: 0;
		}
	
	.objectDetails .meta li
	{
		margin-bottom: 10px;
		font-size: 11px;
	}
		.objectDetails .meta li em
		{
			font-weight: bold;
			float: left;
			
			text-transform: uppercase;
			font-style: normal;
			width: 120px;
		}

	.objectDetails #objectDetailsContent .imageWrapper iframe
	{
		width: 100% !important;
		display: none;
	}

	.objectDetails #objectDetailsContent .imageWrapper
	{
		height: 600px;
		height: 492px;
	}
		.objectDetails #objectDetailsContent .teaser .imageWrapper
		{
			height: auto;
		}
		
	#photoFrame
	{
		margin-bottom: 20px;
		
	}	
		
	/* Temporary adjustments of items at level 1 and 2 */
	.objectTeaser.item1,
	.objectTeaser.item2
	{
		width: 48%;
	}
	.objectTeaser.item3
	{
		clear: left;
		
	}
	
	.objectTeaser.item3,
	.objectTeaser.item4,
	.objectTeaser.item5
	{
		overflow: hidden;
	}
	
		.objectTeaser.item1 .objectTeaser .meta,
		.objectTeaser.item2 .objectTeaser .meta
		{
			width: 439px;
		}
		
		.objectTeaser.item1 .imageWrapper,
		.objectTeaser.item2 .imageWrapper
		{
			
		}
			.objectTeaser.item1 .imageWrapper img,
			.objectTeaser.item2 .imageWrapper img
			{
				
			}
	
	#imageLoader
	{
		display: none;
	}


/* Contact form */


.contactLabel
{
	font-size: 12px;
	margin-right:  50px;
}

.contactName,
.contactPhone,
.contactMail,
.contactSubmit
{
	padding-top: 2px;
	padding-left: 2px;
	
	border:  0;
	background: transparent url(/Projects/VacationClub/Images/sprite_form.png) no-repeat right 0px;
	color: white;
	font-size: 11px;
	height: 18px;
	margin-bottom: 1px;
	width: 197px;
	font-weight: bold;
}

.contactName,
.contactPhone,
.contactMail
{
	
}

.contactMail
{
	width: 140px;
	background-position: 0 0;
}

.contactSubmit
{
	padding-top: 0;
	padding-left: 0;
	text-align: center;
	background-position: right -100px;
	width: 56px;
	text-transform: uppercase;
	position: relative;
	top: -23px;
	*top: -24px;
	left: 144px;
	height: 20px;
}


/* No flash? */
.noFlashWrapper
{
	width: 100%;
	position: relative;
	height: 545px;
	min-width: 1280px;
	overflow: hidden;
}
	.noFlashWrapper img
	{
		position: absolute;
		width: 100%;
		height: auto;
	}

	.noFlashWrapper a
	{
		display: block;
		width: 288px;
		margin: 184px auto 0;
		
	}
	
	.noFlashWrapper a img
	{
		display: block;
		width: 288px;
		position: relative;
		height: 145px;
	}



/* Footer Teasers */
#footerTeasers
{
	background: #000 url(/Projects/VacationClub/Images/sprite_gradients.png) repeat-x 0 bottom;
	padding-top: 27px;
}
	#footerTeasers .inner
	{
		padding-bottom: 45px;
	}
	
	#footerTeasers .teaser
	{
		width: 25%;
		*width:24%;
		float: left;
	}
		#footerTeasers .teaser span
		{
			width: 220px;
			display:block;
		}
	

/* Footer */
#footer
{

}
	#footer .inner
	{
		padding: 30px 0 0 75px;
		background: transparent url(/Projects/VacationClub/Images/logo_footer.png) no-repeat 0 20px;
		height: 120px;
	}
	#footer h4
	{
		text-transform: uppercase;
	}

	#footer span
	{
		text-transform: uppercase;
		display: block;
		font-size: 13px;
	}

	.footerLinks
	{
		float: right;
		color: #434444;
		font-size: 12px;
		font-weight: bold;
	}
		.footerLinks a
		{
			font-weight: bold;
			text-transform: uppercase;
			color: #60b6c6 !important;
		}