﻿/*  
Site Name: alpine springs/winter park
Site URI: n/a
Version: 1.0
Author: Terabyte Interactive
Author URI: www.terabyte.co.nz

UPDATE INFO ---------------------------------------

Revision number: 1.0
Last updated: 23 March 2009
Last update made by: Olie Mason (olie@terabyte.co.nz)

CONVENTIONS ---------------------------------------

hyphenate class / id names - #my-id-name, .my-class-name
class / id names to start with lower case letter (ID's reserved for .net use will start with Upper case letter)

CONTENTS ------------------------------------------

*01: Reset
*02: Util classes & Phrase Elements
*03: Default Styles (Typography, colour)
*04: Structure (layout, size, positioning)
*05: Common Containers & Subclasses
*06: Forms
*07: Custom Containers & Subclasses

*/

/* *01: Reset -----------------------------------------------------------------------------------------------------------------*/

body {color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
img{display:block;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:"'";}
abbr,acronym {border:0;font-variant:normal;}
sup,sub {line-height:-1px;vertical-align: text-top;}
sub {vertical-align:text-bottom;}
input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;}

/* *02: Util Classes ----------------------------------------------------------------------------------------------------------*/

.center 				{ text-align: center; }
.right 					{ text-align: right !important; }
.left 					{ text-align: left !important; }
.small 					{ font-size: 0.9em !important;}
.float-right 			{ float: right; }
.float-left 			{ float: left;}
.clear 					{ clear: both; }
.clear-left				{ clear: left; }
.uppercase 				{ text-transform: uppercase; }
.nowrap 				{ white-space: nowrap; }
.offscreen				{ position: absolute; left: -9999px; top: -9999px; }
.hidden					{ display: none; }
.self-clear 			{ zoom: 1; }
.self-clear:after 		{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.no-right-margin		{ margin-right: 0 !important; }
.no-left-margin			{ margin-left: 0 !important; }
.no-top-margin			{ margin-top: 0 !important; }
.no-bottom-margin		{ margin-bottom: 0 !important; }
.hot					{ cursor:pointer; }
.print-image			{ display: none; }

/* *03: Default Styles --------------------------------------------------------------------------------------------------------*/

body {
	font: 62.5%/1.6  'Trebuchet MS', Arial, sans-serif; /* set font size to 10px (a nice round number) - 1.4 line height */
	color: #545454;
}
body.springs-spa {
	background: #fff url('/images/backgrounds/bg-body-springs-spa.jpg') top center no-repeat;
}
body.winter-park {
	background: #fff url('/images/backgrounds/bg-body-springs-spa.jpg') top center no-repeat;
}

h1 { font-size: 2.8em; line-height: 1.1em; color: #666; }

h2, h3, h4, h5, h6 { margin-bottom: 0;  color: #666; line-height:1.1em; }
/*
.winter-park h2, .winter-park h3, .winter-park h4, .winter-park h5, .winter-park h6 { color: #4377b3; }
.springs-spa h2, .springs-spa h3, .springs-spa h4, .springs-spa h5, .springs-spa h6 { color: #AB662F; }
*/
.copy-holder h2, .copy-holder h3, .copy-holder h4, .copy-holder h5, .copy-holder h6 { color: #666; }

h2 { font-size: 2.5em; margin: 0 0 .5em 0; }
h3 { font-size: 1.8em; margin: 0 0 .5em 0; font-weight: normal; }
h4 { font-size: 1.4em; margin: 0 0 .5em 0; font-weight: bold; }

.copy-holder h2 { font-size: 1.8em; }
.copy-holder h3 { font-size: 1.6em; }
.copy-holder h4, .copy-holder h5 { font-size: 1.2em; font-weight:bold; }


p { font-size: 1.2em; line-height: 1.2em; margin: 0 0 1em 0; }

strong { font-weight: bold; }
em { font-style: italic !important; }

.springs-spa a { color: #ab662f; text-decoration: none; }
.winter-park a { color: #4377b3; text-decoration: none; }

a:hover, a:active { text-decoration: underline; }

ul li {
	list-style: disc;
}

ul.no-markers li {
	list-style: none;
	margin-left: 0;
}

ol li {
	list-style-type: decimal;
	margin-left: 2em;
	color: #666;
}

/* *04: Structure -------------------------------------------------------------------------------------------------------------*/
/*    : NOTE: only structural css here - widths, heights, floats, margins etc. any styling code to go in '05: Common Containers & Subclasses' */

#master {
	width:964px;
	margin: 0 auto;
}
	#ie6 #master {
		width: 960px;
	}
	#page {
		position: relative;
		padding: 0 2px;
		background: url(/images/backgrounds/bg-master-border.png) top left repeat-y;
	}
	#ie6 #page { 
		background: none;
		padding: 0;
	}

	#header {
		display:block;
		width: 960px;
		height: 100px;
		position: relative;
	}
	
	.banner-item { float: right; padding-right: 40px; color:#006c9b; }
	
	#banner-address { 
		margin: 15px 0px 0px 0px;
		font-size: 1.4em;
	}
	
	#phone { 
		clear: both;
		margin: 9px 0px 0px 0px;
		font-size: 2.4em;
	}
	
	
	#navigation {
		position: absolute;
		top: 100px;
		left: 2px;
		width: 960px;
		height: 44px;
		display:block;
	}
		#ie6 #navigation {
			left:0;
		}
	
	#content {
		padding-top: 35px;
		clear: left;
		display:block;
		background: #fff;
		overflow: hidden;
	}
	#ie6 #content { zoom:1; }
	#ie7 #content {
		zoom:1;
		padding-bottom: 20px;
	}
	#footer {
		border-top: 2px solid #dfdfdf;
		display: block;
		clear: left;
		padding: 60px 20px 40px;
		position: relative;
	}
	#ie6 #footer {
		border: none;
	}
	#ie7 #footer {
		zoom:1;
	}


/* *05: Common Containers & Subclasses ----------------------------------------------------------------------------------------*/

/* *05:a Main navigation ------------------------------------------------------------------------------------------------------*/
#navigation li {
	display:block;
	float:left;
	margin:0;
	padding: 0;
	position: relative;
}

	#navigation li a {
		display:block;
		height:35px;
		overflow: hidden;
		text-indent: -9999999px;
		background-repeat: no-repeat;
	}
	
	.springs-spa #navigation li a { background-image: url('/images/backgrounds/bg-nav-alpine-springs.png'); }
	.winter-park #navigation li a { background-image: url('/images/backgrounds/bg-nav-winter-park.png'); }
	
	.springs-spa #ie6 #navigation li a { background-image: url('/images/backgrounds/bg-nav-alpine-springs.gif'); }
	.winter-park #ie6 #navigation li a { background-image: url('/images/backgrounds/bg-nav-winter-park.gif'); }
	
		#navigation li a.sel {
			height: 44px;
		}
		#ie6 #navigation li a.sel {
			height: 35px;
		}
	
		#navigation li.home a {
			width: 86px;
			background-position: 0 0;
		}
			#navigation li.home a:hover,
			#navigation li.home a.sel {
				background-position: 0 -45px;
			}
		#navigation li.about a {
			width: 92px;
			background-position: -86px 0;
		}
			#navigation li.about a:hover,
			#navigation li.about a.sel {
				background-position: -86px -45px;
			}
		#navigation li.pools a {
			width: 94px;
			background-position: -178px 0;
		}
			#navigation li.pools a:hover,
			#navigation li.pools a.sel {
				background-position: -178px -45px;
			}
		#navigation li.spa a {
			width: 82px;
			background-position: -272px 0;
		}
			#navigation li.spa a:hover,
			#navigation li.spa a.sel {
				background-position: -272px -45px;
			}
		#navigation li.rink a {
			width: 107px;
			background-position: -354px 0;
		}
			#navigation li.rink a:hover,
			#navigation li.rink a.sel {
				background-position: -354px -45px;
			}
		#navigation li.park a {
			width: 97px;
			background-position: -461px 0;
		}
			#navigation li.park a:hover,
			#navigation li.park a.sel {
				background-position: -461px -45px;
			}
		#navigation li.combos a {
			width: 113px;
			background-position: -558px 0;
		}	
			#navigation li.combos a:hover,	
			#navigation li.combos a.sel {
				background-position: -558px -45px;
			}
		#navigation li.cafe a {
			width: 105px;
			background-position: -671px 0;
		}
			#navigation li.cafe a:hover,
			#navigation li.cafe a.sel {
				background-position: -671px -45px;
			}
		
		#navigation li.gallery-page a {
			width: 78px;
			background-position: -776px 0;
		}
			#navigation li.gallery-page a:hover,
			#navigation li.gallery-page a.sel {
				background-position: -776px -45px;
			}
			
		#navigation li.contact a {
			width: 106px;
			background-position: -854px 0;
		}
			#navigation li.contact a:hover,
			#navigation li.contact a.sel {
				background-position: -854px -45px;
			}
	
/* *05:b Headers --------------------------------------------------------------------------------------------------------------*/
#header a {
	display: block;
	position: absolute;
	overflow: hidden;
	text-indent: -9999999999px;
	height: 100px;
	color: Transparent; /*-- This fixes chrome bug where text doesn't indent on abs position elms --*/
}

.springs-spa #header {
	background: url('/images/backgrounds/bg-header-springs-spa.gif') top left repeat-x;
}
	.springs-spa #header .springs-spa-home {
		top: 0; left: 0;
		width: 258px;
		background: url('/images/buttons/btn-springs-spa-header-springs-spa.gif') top left no-repeat;
	}
	.springs-spa #header .winter-park-home {
		top: 0; right: 0;
		width: 258px;
		background: url('/images/buttons/btn-springs-spa-header-winter-park.gif') top right no-repeat;
	}
	
.winter-park #header {
	background: url('/images/backgrounds/bg-header-hybrid.jpg') top left repeat-x;
}
	.winter-park #header .winter-park-home {
		top: 0; left: 0;
		width: 285px;
		background: url('/images/buttons/btn-winter-park-header-winter-park.gif') top left no-repeat;
	}
	.winter-park #header .springs-spa-home {
		top: 0; right: 0;
		width: 258px;
		background: url('/images/buttons/btn-winter-park-header-springs-spa.gif') top right no-repeat;
	}
	
#footer p a img { 
	display: inline;
	position: relative;
	top: 8px; 
}
	
	
/* *05:c Side bar elements -------------------------------------------------------------------------------------------------------------*/
.side-bar {
	float: left;
	display: block;
	width: 210px;
	overflow: hidden;
	padding-bottom:13px;
}
	.side-bar a {
		display: block;
		width: 210px;
		margin-top: 20px;
		overflow: hidden;
		text-indent: -9999px;
		background-position: 0 0;
		background-repeat: no-repeat;
	}
	
	.side-bar .japanese {
		margin: 0;
		height: 34px;
		background-image: url(/images/buttons/btn-jap-sidebar.png);
	}
	.side-bar .japanese:hover { background-position: 0 -34px; }
	
	.side-bar .web-cam {
		margin: 0;
		height: 62px;
		margin-top: 3px;
	}
	.winter-park .side-bar .web-cam {
		background-image: url('/images/buttons/btn-web-cam-winter-park.gif');
	}
	.springs-spa .side-bar .web-cam {
		background: url('/images/buttons/btn-web-cam-springs-spa.gif');
	}
	.side-bar .web-cam:hover {
		background-position: 0 -62px;
	}

	.side-bar .book-now {
		margin-top: 0px;
		height: 120px;
	}
	
	.side-bar .spa-club {
		margin: 0 0 20px;
		height: 142px;
		background:0 0 no-repeat;
	}
	.side-bar .spa-club:hover {
		background-position:0 -142px;
	}
	
	.winter-park .side-bar .spa-club {
		background-image: url('/images/buttons/btn-winter-spaclub.jpg');
	}
	.springs-spa .side-bar .spa-club {
		background-image: url('/images/buttons/btn-alpine-spaclub.jpg');
	}
	
	.winter-park .side-bar .book-now {
		background-image: url('/images/buttons/btn-book-now-winter-park.gif');
	}
	.springs-spa .side-bar .book-now {
		background-image: url('/images/buttons/btn-book-now-springs-spa.gif');
	}
	.side-bar .book-now:hover {
		background-position: 0 -120px;
	}
	
	.side-bar .gift-cert {
		height: 84px;
	}
	.winter-park .side-bar .gift-cert {
		background-image: url('/images/buttons/btn-gift-cert-winter-park.gif');
	}
	.springs-spa .side-bar .gift-cert {
		background-image: url('/images/buttons/btn-gift-cert-springs-spa.gif');
	}
	.side-bar .gift-cert:hover {
		background-position: 0 -84px;
	}
	
	.side-bar .pamper-packs {
		height: 94px;
	}
	.winter-park .side-bar .pamper-packs {
		background-image: url('/images/buttons/btn-pamper-pack-winter-park.gif');
	}
	.springs-spa .side-bar .pamper-packs {
		background-image: url('/images/buttons/btn-pamper-pack-springs-spa.gif');
	}
	.side-bar .pamper-packs:hover {
		background-position: 0 -94px;
	}
	
	.side-bar .qualmark {
		width: 92px;
		height: 147px;
		background: url('/images/buttons/btn-qualmark.gif') top left no-repeat;
		float:left;
	}
	.side-bar .qualmark-silver {
		width: 92px;
		height: 147px;
		background: url('/images/buttons/btn-qualmark-silver.gif') top left no-repeat;
		margin-left: 16px; 
		float:left;
	}
	
	.side-bar ul.social-links {
		margin: 14px 0 13px;
		display: block;
		width: 200px;
		height: 45px;
		padding: 25px 0 0;
		background: url(/images/backgrounds/bg-social-links.png) top left no-repeat;
		overflow: hidden;
		zoom: 1;
	}
		.side-bar ul.social-links li,
		.side-bar ul.social-links li a {
			display: block;
			height: 45px;
			width: 100px;
			float: left;
			margin: 0;
		}
		.side-bar ul.social-links li a:hover {
			background-position: 0 -45px;
		}
		
		.side-bar ul.social-links .facebook {
			background-image: url(/images/buttons/btn-facebook-sidebar.png);
		}
		.side-bar ul.social-links .youtube {
			background-image: url(/images/buttons/btn-youtube-sidebar.png);
		}
	
		

/* *05:d Footer Social Links ------------------------------------------------------------------------------------------------------------*/		
#footer ul.social-links {
	position: absolute;
	bottom: 50px;
	right: 20px;
}
	#ie6 #footer ul.social-links,
	#ie6 #footer ul.social-links li { zoom:1; }
	
	#footer ul.social-links li {
		display: inline;
		list-style: none;
		font-size: 1.2em;
		position: relative;
	}
	#footer ul.social-links li a {
		display: inline-block;
		background-position: top left;
		background-repeat: no-repeat;
		width: 64px;
		height: 22px;
		text-indent: -9999px;
		overflow: hidden;
		position: relative;
		top: 6px;
	}
	#ie7 #footer ul.social-links li a { top: auto; }
	#footer ul.social-links li a:hover {
		background-position: bottom left;
	}
	#footer ul.social-links .facebook { background-image: url(/images/buttons/btn-facebook-footer.png); }
	#footer ul.social-links .youtube { background-image: url(/images/buttons/btn-youtube-footer.png); }

/* *05:e Extra Util Classes -------------------------------------------------------------------------------------------------------------*/
/*== Reguler Column ==*/
.main-col {
	display:block;
	width: 700px;
	margin-right: 20px;
	float:left;
	clear: left;
}
	/* -- only seen on terms? -- */
	.main-col ul,
	.main-col ol {
		margin: 0 0 2em 2em;
		font-size: 1.1em;
	}

/*== Main Page heading ==*/
h1.detail-heading {
	margin: 0 0 .5em;
}

/*== Highlighted Text (normally just below Page Title) ==*/
.highlight-text {
	display:block;
	padding: 20px 20px 5px;
	color: #fff;
	font-size: 1.25em;
	background: #cfcec5 url('/images/backgrounds/bg-highlight-text.gif') top right no-repeat;
	margin: 0 0 20px;
}
	.winter-park .highlight-text strong {
		color: #006089;
	}
	.springs-spa .highlight-text strong {
		color: #AB662E;
	}

/*== Reused gradient shadows ==*/
.bot-shader {
	overflow: hidden;
	padding-bottom: 20px;
	background: url('/images/backgrounds/bg-promo-shade-bot.gif') bottom left repeat-x;
}
.top-shader {
	overflow: hidden;
	padding-top: 20px;
	background: url('/images/backgrounds/bg-promo-shade-bot.gif') top left repeat-x;
}
.padding-sides {
	padding-left: 20px;
	padding-right: 10px;
}

/*== Mainpage content side pods details box ==*/
.main-content-sidepod {
	display:block;
	float:left;
	width: 168px;
	padding:20px;
	margin: 0 0 20px;
	background:#f2f1ed;
}

	/*== Location details box ==*/
	.location-pod a.schedule {
		display:block;
		width:168px;
		height:51px;
		margin: 0 0 10px;
		overflow: hidden;
		text-indent: -999999999px;
		background-position: top left;
		background-repeat: no-repeat;
	}
		.winter-park .location-pod a.schedule {
			background-image: url('/images/buttons/btn-schedule-winter-park.gif');
		}
		.springs-spa .location-pod a.schedule {
			background-image: url('/images/buttons/btn-schedule-springs-spa.gif');
		}
		.location-pod a.schedule:hover {
			background-position: bottom left;
		}

	.location-pod .loc-map-img {
		border: 1px solid #cacaca;
		margin: 10px 0;
	}
	
	.location-pod p.details {
		font-size: 1.1em;
		line-height: 1.8em;
		margin: 0;
	}
	
	.location-pod #play-video {
		display: block;
		overflow: hidden;
		text-indent: -9999px;
		background-image: url('/images/buttons/btn-watchvideo-detailpage.gif');
		background-position: top left;
		background-repeat: no-repeat;
		width: 168px;
		height: 67px;
		margin: -10px 0 10px;
	}
		.location-pod #play-video:hover {
			background-position: 0 -67px;
		}
	
	/*== Notice board box ==*/
	.winter-park .notices {
		background-color: #006089;
		/*background-color: #F2F1ED;*/
		
	}
	.springs-spa .notices {
		background-color: #AB662E;
	}
	.notices h4 {
		font-size: 1.8em;
		color: #fff;
		/*color: #4377B3;*/
	}
	.notices p { color: #fff; }
	
	.notices ul {
		margin: 0 0;
	}
		.notices ul li {
			list-style: none;
			display: block;
			margin: 10px 0 0;
		}	
		.winter-park .notices ul li {
			color: #d9f2f9;
		}
		.springs-spa .notices ul li {
			color: #F9EDD9;
		}

/*== Jump to header link ==*/	
a.back-to-top {
	display: block;
	width: 7em;
	font-size: 1.1em;
	float:left;
	clear:both;
	margin: 0 0 20px;
}

/*== More link (highlighted link) ==*/
.more-link {
	font-size: 1.1em;
	display: block;
	text-decoration: none;
	text-indent: 15px;
}
.winter-park .more-link {
	background: url('/images/indicator/ind-click-thru-winter-park.gif') 0 3px no-repeat;
}
.springs-spa .more-link {
	background: url('/images/indicator/ind-click-thru-springs-spa.gif') 0 3px no-repeat;
}

.page-pod-item .more-link:hover {
	text-decoration: underline;
}

/* *07:a Home Page Styles -------------------------------------------------------------------------------------------------------------*/

/*== Slide show holder on homepage ==*/
.home-image-gallery {
	display: block;
	width: 700px;
	height: 305px;
	float:left;
	background: #000;
}
/*== Homepage intro text ==*/
.home-intro-holder {
	position: relative;
	display: block;
	padding: 20px;
	float: left;
	width: 220px;
	height: 265px;
	background: url('/images/backgrounds/bg-home-intro.jpg') top left no-repeat;
}
	.home-intro-holder h1 {
		margin-bottom: .3em;
		font-size: 2.5em;
		font-weight: bold;
	}

	.home-intro-holder h1,
	.home-intro-holder p {
		color: #fff;
		font-size: 1.6em;
	}
	
	.home-intro-holder #play-video {
		position: absolute;
		bottom: 20px;
		right: 20px;
		display: block;
		overflow: hidden;
		text-indent: -9999px;
		background-image: url('/images/buttons/btn-watchvideo-homepage.gif');
		background-repeat: no-repeat;
		background-position: top left;
		width: 220px;
		height: 66px;
	}
		.home-intro-holder #play-video:hover {
			background-position: bottom left;
		}
	
/*== Page link pods ==*/
.home-page-pod {
	display: block;
	width: 300px;
	margin-right: 20px;
	margin-bottom: 20px;
	overflow: hidden;
	padding: 20px 20px 0;
	float: left;
	background: #f2f1ed url('/images/backgrounds/bg-home-page-pod.jpg') top left no-repeat;
}

	.home-page-pod h2 { color: #666; font-size: 2em; }

	.page-pod-item {
		background: #fff;
		padding: 8px 8px 8px 121px;
		position: relative;
		margin-bottom: 20px;
		min-height:105px;
	}
	
	#ie6 .page-pod-item {
		zoom:1;
	}
	
	.page-pod-item img {
		border: 1px solid #cacaca;
		position: absolute;
		top: 8px;
		left: 8px;
	}
	

/* *07:b Main Page Styles -------------------------------------------------------------------------------------------------------------*/
/*== Slide show holder on main content pages ==*/
.image-gallery {
	display: block;
	width: 700px;
	height: 305px;
	float:left;
	margin-bottom: 20px;
	background: #000;
}

/*== Div that holds wysiwyg content ==*/
.copy-holder {
	display:block;
	float:left;
	width: 472px;
	margin: 0 20px 20px 0;
}

	.copy-holder table {
		margin: 0 0 20px;
	}
	.copy-holder table.half-width {
		width: 226px;
		float: left;
		margin-right: 20px;
	}
	.copy-holder table.last {
		margin-right: 0 !important;
	}
	.copy-holder table.full-width {
		width: 472px;
		clear: left;
	}
	
	.copy-holder table th {
		padding: 5px;
		font-weight: bold;
		color: #fff;
		font-size: 1.4em;
	}
	.copy-holder table th a {
		display: block;
		float: right;
		overflow: hidden;
		text-indent: -99999999px;
		width: 94px;
		height: 24px;
		background-position: 0 0;
		background-repeat: no-repeat;
	}
	.copy-holder table th a:hover {
		background-position: 0 -24px;
	}
		.winter-park .copy-holder table th a {
			background-image: url(/images/buttons/btn-book-winter.gif);
		}
		.springs-spa .copy-holder table th a {
			background-image: url(/images/buttons/btn-book-spring.gif);
		}
	
	.springs-spa .copy-holder table th {
		background:#AB662E;
	}
	.winter-park .copy-holder table th {
		background:#006089;
	}
	
	.copy-holder table td {
		background: #f2f1ed;
		padding: 5px;
		font-size: 1.2em;
	}
	.copy-holder table td p { font-size: 1em; }
	.copy-holder table .alt td {
		background: #fff;
	}
	.copy-holder table td strong {
		display: block;
		text-align: right;
	}
	
/*== Book It List styles ==*/
.main-col .bookit-list {
	overflow: hidden;
	display: block;
	width: 472px;
	margin: 0 0 20px;
}
	.bookit-list li {
		list-style: none;
		background: #f2f1ed;
		padding: 8px;
		overflow: hidden;
		border-bottom: 2px solid #fff;
	}
		#ie6 .bookit-list li {
			zoom:1;
		}
	.bookit-list li.hover a {
		text-decoration: underline;
	}
	.winter-park .bookit-list li.hover {
		background-color:#D9F2F9;
	}
	.springs-spa .bookit-list li.hover {
		background-color:#F9EDD9;
	}
	.bookit-list li img {
		border: 1px solid #ccc;
		float: left;
		margin-right: 8px;
	}
	.bookit-list .more-link {
		float:left;
	}


/* *07:c Webcam Page Styles -------------------------------------------------------------------------------------------------------------*/
.cam-wrapper {
	overflow: hidden;
	padding: 20px 20px 0;
	margin: 0 0 20px;
	background: #cfcec5 url('/images/backgrounds/bg-highlight-text.gif') top right no-repeat;
}
	#ie6 .cam-wrapper {
		zoom:1;
	}

	.cam-wrapper p {
		font-size: 1.6em;
		margin:0 0 20px;
		color: #545454;
	}
.cam-holder {
	float:left;
	margin-right: 20px;
}

	.cam-holder img {
		margin-bottom: 20px;
	}
	
/* *07:d Contact Page Styles -------------------------------------------------------------------------------------------------------------*/
.contact-wrapper {
	overflow: hidden;
	padding: 20px 20px 0;
	display: block;
	width: 340px;
	float: left;
	margin: 0 20px 20px 0;
	background: #F2F1ED url(/images/backgrounds/bg-contact-form.jpg) no-repeat right top;
}
	#ie6 .contact-wrapper {
		zoom:1;
	}

	.output-message {
		margin-bottom: 20px;
	}
.contact-input-list {
	overflow:hidden;
}

	.contact-input-list li {
		overflow: hidden;
		list-style:none;
		clear: both;
		margin-bottom: 10px;
	}
	
	.contact-input-list li label {
		display: block;
		width: 80px;
		float: left;
		clear: left;
		font-weight: bold;
		font-size: 1.2em;
		overflow: hidden;
	}
	
	.springs-spa .contact-input-list li label { color: #AB662F; }
	.winter-park .contact-input-list li label { color: #4377B3; }
	
	.contact-input-list li .text-field {
		border: 1px solid #ccc;
		width: 252px;
		font-size: 1.2em;
		padding: 3px;
		float: left;
		overflow: hidden;
	}
	.contact-input-list li .select-field {
		width: 260px;
	}
	
	.contact-input-list li .submit {
		float: right;
		margin-bottom:10px;
	}
	.contact-input-list li span {
		float: left;
	}
	.contact-input-list .error-message {
		clear: both;
		display: block;
		margin: 5px 0 0;
		position: relative;
		padding: 3px 10px;
		font-size: 1.4em;
		color: #fff;
		background: #c00000;
		float: none;
	}
	
	.contact-input-list .error-message span {
		float: none;
		position: absolute;
		top: -9px;
		left: 10px;
		display: block;
		width: 14px;
		height: 9px;
		overflow: hidden;
		text-indent: -999999px;
		background: url('/images/indicator/ind-error-arrow.gif') top left no-repeat;
	}
	
	.google-map-wrap {
		float: left;
		margin: 0;
		width: 480px;
		height: 400px;
		background: #F2F1ED;
		padding: 20px;
		margin-bottom: 20px;
	}
	
		#ie6 .google-map-wrap {
			zoom:1;
		}
		
		.google-map-wrap #gmap {
			display:block;
			width: 480px;
			height: 400px;
		}
		
/* *07:e Gallery Page Styles -------------------------------------------------------------------------------------------------------------*/

#ie7 .gallery-content .back-to-top {
	margin: 20px 0 0;
}

.gallery {
	display: block;
	float: left;
	width: 295px;
	margin-right: 20px;
	margin-bottom: 20px;
	padding: 20px;
	overflow: hidden;
	background-color: #f2f1ed;
}

	.gallery-closed, .gallery-open {
		background-position: 310px 10px;
		background-repeat: no-repeat;
	}
	.gallery-closed {
		background-image: url('/images/indicator/ind-gallery-open.gif');
	}
	
	.gallery-open {
		background-image: url('/images/indicator/ind-gallery-close.gif');
	}
	
		.winter-park .gallery-hover, 
		.winter-park .gallery-open {
			background-color: #d9f2f9;
		}
		.springs-spa .gallery-hover, 
		.springs-spa .gallery-open {
			background-color: #F9EDD9;
		}
		
		.gallery-hover h3 {
			text-decoration: underline;
		}

	.gallery .album-content {
		overflow: hidden;
	}
		.gallery .album-content img {
			float: left;
			margin-right: 12px;
			border: 1px solid #c2c1be;
		}
		.gallery .album-content .more-link {
			float: left;
		}
		
	.gallery ul.gallery-items {
		margin: 20px 0 0;
		padding: 0;
		clear: left;
		border-top: 1px solid #fff;
	}
	
		.gallery ul.gallery-items li {
			float: left;
			list-style: none;
			margin: 20px 20px 0 0;
		}
		
			.gallery ul.gallery-items li a img {
				border: 1px solid #ccc;
			}
			
			.winter-park ul.gallery-items li a:hover img {
				border-color: #4377B3;
			}
			.springs-spa ul.gallery-items li a:hover img {
				border-color: #AB662F;
			}
			
			
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
	font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #333333;
}

#TB_secondLine {
	font: 10px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#666666;
}
/*
#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}
*/
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
}

.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
.TB_overlayBG {
	background-color:#000;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
	position: fixed;
	background: #ffffff;
	z-index: 102;
	color:#000000;
	display:none;
	border: 1px solid #000;
	text-align:left;
	top:50%;
	left:50%;
}

* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
	display:block;
	margin: 0 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption {
	color: #545454;
	font-size: 11px;
	padding:7px 30px 10px 25px;
	float: left;
}

#TB_closeWindow {
	padding:5px 20px 5px 0;
	text-align: right;
}
	#TB_closeWindow a {
		text-decoration: none;
	}

#TB_closeAjaxWindow{
	padding:7px 10px 5px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#TB_title{
	background-color:#e8e8e8;
	height:27px;
}

#TB_NewTitle {
	padding: 5px 0 0 25px;
	margin: 0;
	font-size: 12px;
	color: #545454;
	font-weight: bold;
}

#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent.TB_modal{
	padding:15px;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
}


	#TB_next, #TB_prev {
		position: absolute;
		top: 65%;
	}
	#TB_next { right: 14px; }
	#TB_prev { left: 14px; }
	
	#TB_next a, #TB_prev a {
		display: block;
		padding: 5px 10px;
		background: #000;
		color: #fff !important;
		text-decoration: none;
	}
	
	.winter-park #TB_next a:hover, 
	.winter-park #TB_prev a:hover {
		background: #4377B3;
	}
	.springs-spa #TB_next a:hover, 
	.springs-spa #TB_prev a:hover {
		background: #AB662F;
	}                      

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> END thickbox <<<----------------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/