@charset "UTF-8";
/* FirstView CSS LAYOUT */

/*================================= DEFAULT =================================*/

html, body{
	font-family:Arial, Helvetica, sans-serif;
	height:100.1%;
}

html, body, p, blockquote, pre, abbr, acronym, address, big, cite, code, font, img, ins, kbd, q, s, b, u, i, caption, tbody, tfoot, thead, tr, th, td{
	font-size:11px;
	letter-spacing:3px;
	line-height:14px;
	text-align:left;
}

p{
	font-size:11px;
	color:#4d4d4d;
	letter-spacing:1px;
	line-height:20px;
}

p.small{
	font-size:9px;
	line-height:9px;
}

blockquote{
	font-size:11px;
	color:#4d4d4d;
	letter-spacing:1px;
	line-height:20px;
}

ol, ul {
	font-size:11px;
	color:#4d4d4d;
	letter-spacing:1px;
	line-height:20px;
	padding-left:15px;
}

.blank{
	opacity:0;
}
	
h1{
	display:inline-block;
	font-size:14px;
	font-weight:normal;
	margin:0px 0px 15px -40px;
	padding:15px 40px 16px 41px;
	position:relative;
	text-transform:uppercase;
	z-index:50;
}

h1.h1Condensed {
	letter-spacing:0px;
}

h1.miniInfo{
	margin-right:-30px;
}

h1.hide{
	visibility:hidden;
}

h2{
	color:#400302;
	padding:16px 0px 2px 0px;
}
	
	h2.gold{
		color:#936600;
	}
	
		h2.gold.testimonial{
			margin-bottom:5px;
		}
	
	h2.beige{
		color:#a8a188;
	}
	
	h2.green{
		color:#6f6d3b;
	}
	
	h2.brown{
		color:#75403d;
	}

h3{
	color:#666;
}

																							/*---- LINKS ----*/

a{
	cursor:pointer;
	font-weight:normal;
	text-decoration:none;
}

	a:hover{
		text-decoration:none;
	}

a.topLink{
	display:inline-block;
	font-size:9px;
	font-weight:normal;
	margin:0px 20px 15px -20px;
	padding:13px 16px 11px 20px;
	position:relative;
	text-transform:uppercase;
	z-index:10;
}

a.topLink.right{
	margin:0px -345px 15px 355px;
}

a.sliderBtn{
	background:url(../img/cta/sendSlider.gif) left top;
	color:#FFF;
	display:inline-block;
	margin-top:10px;
	height:35px;
	text-decoration:none;
}

a.sliderBtn.hide{
	display:none;
}
	
	a.sliderBtn span{
		background:url(../img/cta/sendSlider.gif) right top;
		display:inline-block;
		font-size:12px;
		height:24px;
		margin-left:20px;
		margin-right:-1px;
		padding-right:20px;
		padding-top:11px;
		text-transform:uppercase;
		white-space:nowrap;
	}
	
a.sliderBtn:hover{
	background:url(../img/cta/sendSlider.gif) left bottom;
	color:#FFF;
}
	
	a.sliderBtn:hover span{
		background:url(../img/cta/sendSlider.gif) right bottom;
	}

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

.clear{
	clear:both;
	float:none;
}

																							/*---- CTA ----*/

	a.cta{
		width:299px;
	}
	
		a.cta img{
			
		}
		
		a.cta span{
			
		}
		
		.separator{
			margin:15px 0px;
		}

																							/*---- FLOATS ----*/
	
.left{
	float:left;
}
	
.right{
	float:right;
}
																							/*---- TABLE ----*/
	
		.content table tbody tr th{
			padding:15px 0px 5px 0px;
			font-weight:normal;
			text-transform:uppercase;
		}
	
			.content table tbody tr td input{
				margin-right:30px;
			}
		
		.content table.eventBooking tbody tr td{
			padding:5px 0px;
			vertical-align:top;
		}
		
			.content table.eventBooking tbody tr td input{
				margin-right:10px;
				margin-top:5px;
			}
	
		.content table tbody tr i{
			color:#AAA;
		}
																							/*---- TABLE | DETAILS ----*/
																							
	.content table.details{
		margin:10px -20px 20px 0px;
	}
	
		.content table.details tbody tr th{
			font-size:11px;
			padding:5px 0px 3px 0px;
			text-transform:uppercase;
		}
	
		.content table.details tbody tr td{
			font-size:9px;
			padding:3px 0px 7px 0px;
			text-transform:uppercase;
		}
	
	.content table.focus tr{
		padding:0px 10px;
	}
																							/*---- CONTACT DETAILS ----*/
		
		.content .contactDetails{
			background-color:#400302;
			color:#FFF;
			float:right;
			margin-bottom:20px;
			padding:20px;
			text-align:left;
			width:259px;
		}
		
			.content .contactDetails h1{
				background-image:none;
				margin:0px 0px 10px 0px;
				padding:0px;
			}
			
			.content .contactDetails p{
				color:#FFF;
				font-size:12px;
			}
			
			.content .contactDetails a{
				color:#936600;
			}
			
			.content .contactDetails a:hover{
				color:#EEEEE9;
			}
																							/*---- TABLE | CONTACT FORM ----*/

	.content table.contactForm{
		margin-top:-15px;
	}
	
		.content table.contactForm input.send{
			color:#666415;
			text-align:right;
		}
	
	.content table.contactForm.reservations{
		width:100%;
	}
	
	.content .oneThree.right.reservationSummery img{
		margin-top:-20px;
	}
																							/*---- TABLE | ADD EVENT ----*/

table.addEvent{
	
}

	table.addEvent td input.gfxSubmit{
		margin-right:0px;
	}
	
																							/*---- TABLE | FRIEND DETAILS ----*/

table#friendDetailsTable tr.friendDetailNames th{
	padding-top:7px;
}

table#friendDetailsTable tr.friendDetailValues td{
	padding-top:7px;
	padding-bottom:7px;
}

table#friendDetailsTable tr.friendDetailValues.hover td input{
	color:#b6b8a7;
}

table#friendDetailsTable tr.friendDetailNames.hover th{
	color:#b6b8a7;
}
		

/*================================= CONTAINER =================================*/

#container{
	margin:0px auto;
	padding:0px;
	width:1000px;
}
	
	#container .focus{
		background-repeat:repeat;
	}
	
	#container .twoThree{
		margin:20px 0px;
		padding:20px 30px 40px 30px;
		width:614px;
	}
	
	#container .twoThree.noSidePadding{
		padding:20px 0px 0px 0px;
		width:674px;
	}
		
		#container .twoThree.noSidePadding h1{
			margin-left:-10px;
		}
	
		#container .twoThree .info{
			min-height:329px;
			overflow:hidden;
		}
		
		#container .twoThree .eventHolder{
			border-bottom:1px solid #A9AB96;
			padding:20px 30px 30px 30px;
			position:relative;
		}
		
		#container .twoThree .info.setHeight{
			height:329px;
		}
	
			#container hr{
				border:none;
				border-top:1px solid #A9AB96;
				clear:both;
				margin:20px 0px;
			}
			
			#container hr.noMargin{
				margin:0px;
			}
			
			#container hr.lessMarginBottom{
				margin-bottom:5px;
			}
			
			#container img.eventContentPhoto{
				margin:20px 15px 0px 0px;
			}
			
			#container img.right.eventContentPhoto{
				margin:20px 0px 0px 15px;
			}
			
			#container img.left.eventIcon{
				margin:17px 0px 15px 0px;
			}
			
				#container img.left.eventIcon.large{
					margin:17px 20px 20px 0px;
				}
			
			#container a.viewEvent{
				background:#d0d0c6;
				bottom:0px;
				display:inline-block;
				position:absolute;
				right:0px;
				padding:3px 5px;
				text-decoration:none;
			}
			
			#container a.addFriend{
				background:#d0d0c6 url(../img/icons/plus.png) 10px 7px no-repeat;
				display:none;
				height:18px;
				margin-top:15px;
				padding:10px 15px 8px 40px;
				width:170px;
			}
			
			#container a.addFriend.js{
				display:block;
			}
			
			#container a.addFriend:hover{
				background:#d0d0c6 url(../img/icons/plus.png) 10px -50px no-repeat;
			}
			
			#container a.removeFriend{
				background:url(../img/icons/close.png) 0px 0px no-repeat;
				display:none;
				height:15px;
				margin:0px 0px 0px -20px;
				padding-top:2px;
				position:relative;
				overflow:hidden;
				text-indent:-9999px;
				width:15px;
			}
			
			#container a.removeFriend.js{
				display:block;
			}
			
			#container a.removeFriend:hover{
				background:url(../img/icons/close.png) 0px -75px no-repeat;
			}
			
			#container a.download{
				display:inline-block;
				margin-top:10px;
				text-decoration:none;
			}
			
			#container a.download img{
				margin:0px 7px -7px 0px;
			}
			
			#container p{
				margin-bottom:15px;
				margin-top:0px;
			}
			
			#container h2 a{
				color:inherit;
				font-weight:inherit;
			}
			
			#container h2 a:hover{
				text-decoration:underline;
			}
			
			#container ul{
				padding-left:0px;
			}
			
			#container ul.sharelinks{
				margin:30px 0px 0px 0px;
				padding:0px;
			}
			
				#container ul.sharelinks li{
					display:inline;
				}
			
					#container ul.sharelinks li a{
						padding:2px 8px 0px 20px;
					}
						
					#container ul.sharelinks a.facebook{
						background:url(../img/icons/facebook.gif) 0px 0px no-repeat;
					}
					
					#container ul.sharelinks a.twitter{
						background:url(../img/icons/twitter.gif) 0px 0px no-repeat;
					}
					
					#container ul.sharelinks a.tellYourFriends{
						background:url(../img/icons/friends.gif) 0px 0px no-repeat;
					}
	
	#container .addLeftMargin ul.dates,
	#container .addLeftMargin h2,
	#container .addLeftMargin p{
		margin-left:90px;
	}
	
	#container .addLeftMargin175 ul.dates,
	#container .addLeftMargin175 h2,
	#container .addLeftMargin175 p{
		margin-left:175px;
	}
	
	#container .oneThree{
		margin:20px 0px;
		padding:20px 30px 40px 30px;
		width:266px;
	}
	
	#container .oneThree.links{
		margin:20px 0px;
		padding:0px;
		text-align:right;
		width:326px;
	}
	
	#container .oneThree.eventReservation{
		margin:0px;
		padding:20px 0px 0px 0px;
		width:326px;
	}
	
	#container .paperHolder{
		background:url(../img/bg/eventReservation.png) 5px bottom no-repeat;
		border:1px solid transparent;/* for ie 7 - so that bg appears */
		margin-left:-10px;
		padding:20px 0px 60px 38px;
	}


/*================================= HEADER =================================*/

.topStrip{
	height:19px;
}

#header{
	height:133px;
	position:relative;
	z-index:10;
}

	#header .logo{
		margin:17px 0px 23px 0px;
	}

	#header .menuBar{
		padding:0px 8px 18px 9px;
		text-align:center;
	}

	#header .menuBar li{
		display:inline;
		margin-top:1px;
		text-align:center;
		width:590px;
	}

		#header .menuBar li a{
			padding:10px 29px;
			position:relative;
		}
			
			#header .menuBar li a span.newTag{
				background:url(../img/icons/new.png) no-repeat 0px 0px;
				display:block;
				right:5px;
				height:18px;
				overflow:hidden;
				position:absolute;
				text-indent:-9999px;
				top:-12px;
				width:32px;
			}
			
			#header .menuBar li a:hover span.newTag{
				background:url(../img/icons/new.png) no-repeat 0px -19px;
			}

	#header .bookingCta{
		background:url(../img/bg/h1_gold.png) top right no-repeat;
		color:#FFF;
		margin:13px 10px;
		padding:15px 19px 16px 19px;
		text-transform:uppercase;
	}

		#header .bookingCta.grey{
			background:url(../img/bg/h1_grey.png) top right no-repeat;
			margin-right:0px;
		}

		#header .bookingCta.maroon{
			background:url(../img/bg/h1_maroon.png) top right no-repeat;
		}
		
		
/*================================= CONTENT =================================*/

#container #section .content{
	
}

																							/*---- BANNER ----*/
	
#container #section .bannerImage{
	margin-top:20px;
	padding:0px;
}
																							/*---- EVENTS ----*/

img.{
	
}

span.submitLoading {
	display:none;
	margin:3px 5px 2px 10px;
}

#container #termsAndCondText {
	font-size:10px;
	margin-top:10px;
}



/*================================= PAGES =================================*/

																							/*---- CONTACT US ----*/

#container #section .content .twoThree.left .mapHolder{
	text-align:center;
}

	#container #section .content .twoThree.left .mapHolder img.map{
		
	}

#container p.poem{
	font-size:12px;
	line-height:25px;
	margin-top:-4px;
}

																							/*---- MAP ----*/

#container img.mainMap{
	margin:-45px 0px 50px 0px;
}


/*================================= GALLERY =================================*/

																							/*---- THUMB LINKS ----*/
	
	#container .links .galleryThumbs a{
		display:inline-block;
		margin:0px 0px 8px 11px;
		padding:0px
	}
	
		#container .links .galleryThumbs a:hover,
		#container .links .galleryThumbs a.selected{
			display:inline-block;
			margin:-2px -2px 6px 9px;
			padding:0px
		}
		
		#container .links .galleryThumbs a img{
			display:block;
			margin:0px;
			padding:0px
		}

																							/*---- MINI GALLERY | PHOTO HOLDER ----*/
		
		#container #mgHolder{
			background-color:transparent;
			clear:both;
			display:none;
			height:449px;
			margin:-80px -30px -40px -30px;
			overflow:hidden;
			position:absolute;
			width:673px;
		}
			
		#container #mgHolder.show{
			display:block;
		}
			
			#container #mgHolder img{
				left:0px;
				position:absolute;
				top:0px;
			}

																							/*---- MINI GALLERY | NAV ----*/
																								
		#container #mgNav{
			background:url(../img/bg/mgNavBg.png);
			position:absolute;
			right:0px;
			top:0px;
		}
			
			#container #mgNav span,
			#container #mgNav a{
				background-color:#0F3;
				display:block;
				float:left;
				height:15px;
				margin:5px;
				overflow:hidden;
				text-indent:-9999px;
				width:15px;
			}
			
			#container #mgNav span.hide,
			#container #mgNav a{
				display:none;
			}
			
			#container #mgNav span#mgLoader{
				background:url(../img/icons/loading.png) no-repeat 0px -1px;
			}
			
			#container #mgNav a#mgNext{
				background:url(../img/icons/next.png) no-repeat 0px -1px;
			}
			
			#container #mgNav a#mgPrev{
				background:url(../img/icons/prev.png) no-repeat 0px -1px;
			}
			
			#container #mgNav a#mgClose	{
				background:url(../img/icons/close.png) no-repeat 0px -1px;
				display:block;
			}
		
																							/*---- MINI GALLERY | INFO ----*/
																								
		#container #mgInfo{
			background:url(../img/bg/mgInfoBg.png);
			padding:0px 10px 10px 10px;
			position:absolute;
			top:413px;
			left:0px;
			width:653px;
		}
			
			#container #mgInfo h2#mgTitle{
				margin:-5px 0px 15px 0px;
			}
			
			#container #mgInfo a#mgReadMore{
				color:#400302;
				display:none;
				margin-left:6px;
			}
			
			#container #mgInfo a#mgReadMore:hover{
				color:#FFF;
			}
			
			#container #mgInfo p#mgDescription{
				color:#400302;
				border-top:1px solid #999;
				padding-top:10px;
			}
		

																							/*---- PHOTO HOLDER | gallery description ----*/
		
		#container .thumbCaption{
			background-color:#DBDFCD;
			color:#938B73;
			font-size:14px;
			float:right;
			margin-bottom:10px;
			padding:10px 20px;
			text-transform:uppercase;
			width:259px;
		}


/*================================= FOOTER =================================*/

#footer{
	font-size:9px;
	margin:27px 0px 0px 0px;
	padding:0px 25px 20px 25px;
	width:950px;
}

	#footer img.dividerShadow{
		margin:0px -25px 20px -25px;								/* negative margin counter acts padding of #footer */
	}

	#footer dl.footerLinks{
		letter-spacing:1px;
		margin:0px;
		margin-top:10px;
		padding:0px 23px 15px 0px;
		text-align:left;
	}

		#footer dl.footerLinks span{
			font-size:8px;
			padding:0px 0px 3px 0px;
		}

		#footer dl.footerLinks dt{
			text-transform:uppercase;
			margin-bottom:3px;
		}

		#footer dl.footerLinks dd{
			text-align:left;
			margin-top:8px;
		}

	#footer .footerLodgeDetails ul{
		line-height:18px;
		margin:0px;
		margin-top:10px;
		padding-left:0px;
		text-align:right;
		text-transform:uppercase;
		width:260px;
	}

		#footer .footerLodgeDetails ul li{
			font-size:9px;
			padding-left:0px;
		}

			#footer .footerLodgeDetails ul li a{
				padding-left:0px;
			}
	
	#footer .footerLodgeDetails img.tgcsa{
		margin:15px 27px 10px 0px;
	}


/* ============================== FORMS ====================================== */

																			/*---------- Submit Button ----------*/

input.gfxSubmit{
	background-position:left top;
	background-repeat:no-repeat;
	border:none;
	cursor:pointer;
	display:block;
	font-size:12px;
	font-weight:normal;
	height:35px;
	letter-spacing:2px;
	margin:20px 0px 0px 0px;
	text-transform:uppercase;
	width:215px;
}

	input.gfxSubmit:hover{
		background-position:left -35px;
	}

	input.gfxSubmit:active{
		background-position:left top;
	}

input.gfxSubmit.send{
	color:#666415;
	font-size:1px;
	width:93px;
}

																			/*---------- Submit Button ----------*/

.oneThree.eventReservation table.contactForm.reservations input#submitStep1.gfxSubmit{
	margin:10px 20px 10px 0px;
}


																			/*---------- Multi-Select ----------*/

select.multiselect{
	background-position:left top;
	background-repeat:no-repeat;
	background:none;
	border:none;
	height:156px;
	margin:5px 0px;
	padding:3px 0px 3px 3px;
	width:156px;
}

	select.multiselect optgroup{
		font-size:10px;
		font-style:normal;
		padding:10px 0px 4px 5px;
	}

	select.multiselect optgroup option{
		font-size:12px;
		padding:4px 5px;
	}

	select.multiselect option{
		font-size:12px;
		padding:4px 5px;
	}
																		/*---------- Input ----------*/

input.gfx{
	background-position:left top;
	background-repeat:no-repeat;
	border:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	height:19px;
	margin:0px;
	padding:4px 5px 2px 5px;
	width:248px;
}
	
	input.gfx.emailCasing{
		text-transform:lowercase;
	}

input.w25{
	width:15px;	
}

input.w50{
	width:40px;
}

input.w80{
	width:70px;	
}

input.w100{
	width:90px;	
}

input.w120{
	width:112px;	
}

input.w180{
	width:170px;	
}

input.w200{
	width:190px;	
}

input.w300{
	width:290px;
}

																			/*---------- Select ----------*/

select.gfx{
	background-position:left top;
	background-repeat:no-repeat;
	border:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	height:28px;
	padding:6px 5px 3px 5px;
	width:258px;
}

select.w25{
	width:15px;	
}

select.w50{
	width:55px;
}

select.gfx.w80{
	width:75px;
}

select.gfx.w100{
	margin-right:6px;
	width:95px;
}

select.gfx.w120{
	margin-right:6px;
	width:115px;
}

select.gfx.w200{
	margin-right:6px;
	width:200px;
}

	select.gfx option{
		background:none;
	}
	
																			/*---------- Text Area ----------*/

textarea.gfx{
	background-position:left top;
	background-repeat:no-repeat;
	border:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	height:90px;
	padding:5px;
	overflow:auto;
	resize:none;
	width:248px;
}
				
textarea.gfx.w200{
	width:190px;
}
	
																			/*---------- Text Area | 150px height ----------*/
				
textarea.gfx.w540{
	height:140px;
	width:536px;
}