/**** Hunters Pointe ****/
/*
Author: Dan Donald [Here in the Hive]
Started: 25th June 2009

Structure
	HTML
	body
		div#holder
			ul#menu
			div#content
				div#sidebar
				div#primarycontent
				ul#contentFooter
			div#footer
			
			
	CSS
	- generic tags
	- link states



*/


/** generic tags **/ 
body {
	background:#F0E9D1 url(/resources/images/wallpaper.jpg) repeat 0 0;
	font:67.5%/1.4em Helvetica, Arial, sans-serif normal;
	height:100%;
z-index:0;
}

strong { font-weight:bold; }
em { font-style:italic; }

h1, h2, h3, h4 { font-weight:bold; padding-bottom:.3em; }
h1 { font-size:2.4em; }
h2 { font-size:2em; }
h3 { font-size:1.7em; }
h4 { font-size:1.4em; }

p { padding-bottom:1em; }


/** link states **/
a,a:link,a:visited { color:#6F511B; text-decoration:none; }
a:hover, a:active { color:#6F511B; text-decoration:underline; }

a.gallery_image_link { float: left; margin: 10px 5px 5px 10px; width: 85px; height: 85px; border: 5px #F7F0E6 solid; }


/** reusable elements **/

p.highlight {
color:#A9934A;
}

div.button {
	background:url(/resources/images/btnBrownFade.jpg) no-repeat center bottom;
	clear:left;
	margin-bottom:5px;
	padding-bottom:10px;
	width:157px;
}
.brownButton {
	background:url(/resources/images/btnBrownFade.jpg) no-repeat center top;
	color:#fff;
	display:block;
	font-size:1.5em;
	margin:0;
	padding:10px 5px 0;
	text-align:center;
	width:147px;
}

a.brownButton {
	color:#fff;
	display:block;
}

.brownButton.btnSmText,
div.brownButtonNarrow a {
	font-size:1.1em;
	padding:9px 0 0;
}
div.brownButtonNarrow {
	background:url(/resources/images/btnBrownFadeSm.jpg) no-repeat center bottom;
	padding-bottom:5px;
	width:118px;
}
div.brownButtonNarrow a.brownButton {
	background:url(/resources/images/btnBrownFadeSm.jpg) no-repeat center top;
	padding-top:5px;
	width:118px;
}

div.buttonExtraWide {
	background:url(/resources/images/btnExtraWide.jpg) no-repeat center bottom;
	padding:0;
	padding-bottom:5px;
	width:197px;
}
div.buttonExtraWide a.brownButton {
	background:url(/resources/images/btnExtraWide.jpg) no-repeat center top;
	padding-top:5px;
	width:188px;
}





/** holder **/
div#holder {
	background: url(/resources/images/background.png) repeat-y center top;
	height:100%;
	margin:0px auto;
	position:relative;
	width:968px;
	}


/** header **/
div#header {
	margin:0 8px;
	width:952px;
}
body.home div#header {
	background:url(/resources/images/placeholder.jpg) no-repeat 0 0;
	height: 238px;	
}

body h1 {
	background:url(/resources/images/logo.jpg) no-repeat;
	height:80px;
	left:15px;
	margin-left:30px;
	position:absolute;
	top:0;
	width:149px;
	z-index:10;
}

body h1 a {
display:block;
height:100%;
text-indent:-99999px;
width:100%;
}

body.home h1 {
	background:url(/resources/images/logoHome.jpg) no-repeat;
	height:80px;
	margin-left:401px;
	text-indent:-99999px;
	width:149px;
}


/** main menu **/
ul#menu {
	background:#3E3D40 url(/resources/images/menuBackground2.gif) repeat-x 0 bottom;
	color:#fff;
	line-height:25px;
	list-style:none;
	margin:0 8px;
	padding-left:218px;
	width:734px;
}

body.home ul#menu {
	background:#000 url(/resources/images/menuBackground.gif) repeat-x 0 0;
	color:#fff;
	line-height:30px;
	list-style:none;
	margin:0 8px;
	padding-left:0;
	text-align:center;
	width:952px;
}
	ul#menu li {
		display:inline;
		list-style:none;
	}
	
		ul#menu li a {
			background:url(/resources/images/menuBorder.gif) no-repeat right center;
			color:#fff;
			margin-right:25px;
			padding-right:28px;
		}

		ul#menu li.listLast a {
			background:none;
		}



/** content holder **/
div#content {
	background:url(/resources/images/contentShadow.jpg) repeat-x 0 0;
	float:left;
	margin:0 11px 0 9px;
	display: inline;
	padding-top:12px;
	position:relative;
	width:950px;
}
body.home div#content {
	padding-top:35px;
}


/** sidebar **/
div#sidebar {
	/*background:url(/resources/images/brochure.jpg) no-repeat left bottom;*/
	float:left;
	height:400px;
	margin-bottom:70px;
	margin-top:80px;
	padding-left:30px;
	padding:0 0 200px 30px;
	position:relative;
	width:157px;
}
body.home div#sidebar {
	margin-top:0;
}

	div.panel {
		background:url(/resources/images/homePanelBackground.jpg) no-repeat;
		float:left;
		margin-top:10px;	margin-bottom:15px;
		padding-bottom:4em;
		position:relative;
		width:157px;
	}

		div.panel h4 {
			color:#A9944A;
			float:left;
			font-size:2.2em;
			font-weight:bold;
			line-height:1.1em;
			margin:10px 10px 0;
			width:90px;
		}
		
			div.panel p {
				float:left;
				margin:0 10px;
				padding:0;
			}
			
			div.panel p.panelTitle {
				background:#000 url(/resources/images/panelTag.jpg) no-repeat center bottom;
				bottom:0;
				color:#fff;
				font-size:1.6em;
				text-align: center;
				left:0;
				line-height:2em;
				margin:0;
				padding:0 10px;
				position:absolute;
				width:135px;
			}
	
	div#requestInfo {
		background:url(/resources/images/btnBrownFadeWideFooter.gif) no-repeat center bottom;
		bottom:123px;
		left:20px;
		position:absolute;
		width:170px;
	}

		div#requestInfo a {
			background:url(/resources/images/btnBrownFadeWide.gif) no-repeat center top;
			width:170px;
		}
	
	p#moreInfo {
		bottom:0;
		position:absolute;
		width:150px;
	}
	
		p#moreInfo,
		p#moreInfo a {
			color:#547FB6;
		}
		
		p#moreInfo a {
			text-decoration:underline;
		}


/** primary content area **/
div#primarycontent {
	float:right;
	margin-bottom:70px;
	width:735px;
}

	div#primarycontent h2 {
		background:url(/resources/images/headingBorder.jpg) repeat-x 0 bottom;
		color:#000;
		font:2.5em Geneva, Helvetica, sands-serif normal;
		margin-bottom:12px;
		padding-bottom:8px;
	}

	div.home div#primarycontent h2 {
		border-bottom:2px solid #000;
		color:#857847;
		font:2.5em Geneva, Helvetica, sands-serif normal;
		margin-bottom:12px;
		padding-bottom:4px;
	}
	
	p#tagline {
		font-size:1.6em;
		font-weight:bold;
	}

/* set the content in from the edge */
div#contentHolder {
	margin-right:25px;
}

/* Full-width content area */
div.boxWide {
	background:url(/resources/images/boxWide.gif) no-repeat 0 bottom;
	float:left;
	width:705px;
}

	div.boxWide ul.tabs {
		background:#fff;
		border-bottom:4px solid #000;
		float:left;
		margin:0;
		padding:0;
		width:710px;
	}
		
		ul.tabs li {
			background: url(/resources/images/tabBrownRight.jpg) no-repeat right 0;
			float:left;
			margin-right:3px;
		}
		
			ul.tabs a {
				background: url(/resources/images/tabBrownLeft.jpg) no-repeat left 0;
				color:#fff;
				display:block;
				font-size:1.1em;
				font-weight:bold;
				height:22px;
				margin-right:10px;
				padding-left:10px;
				padding-top:8px;
				text-decoration:none;
			}
		
		ul.tabs li.selected {
			background: url(/resources/images/tabBlackRight.jpg) no-repeat right 0;
		}
			ul.tabs li.selected a {
				background: url(/resources/images/tabBlackLeft.jpg) no-repeat left 0;
			}



/* use tab styles for fleible black headings */
h3.tab {
	background: #000 url(/resources/images/boxHeadingFull.jpg) no-repeat right 0;
	float:left;
	padding-bottom:0;
	margin-right:3px;
}
	
	h3.tab a,
	h3.tab span {
		background: #000 url(/resources/images/boxHeadingFull.jpg) no-repeat left 0;
		color:#fff;
		display:block;
		font-size:.7em;
		font-weight:bold;
		height:22px;
		margin-right:10px;
		padding-left:10px;
		padding-top:8px;
		text-decoration:none;
	}




div.boxContent {
	float:left;
	width:710px;
}

	div.boxContent p {
		background:url(/resources/images/boxWideCopyBackground.gif) no-repeat 0 0;
		float:left;
		height:125px;
		line-height:1.35em;
		margin:5px 0 0 5px;
		padding:8px;
		width:355px;
	}

	div.boxContent img {
		float:right;
	}
	
	div.boxContent a {
		color:#6D501F;
	}


/* life page content styles */
div#lifeTop {
	background:url(/resources/images/offers/offers_00.jpg) no-repeat -3px center;
	color:#000;
	min-height:170px;
	line-height:1.3em;
	padding:10px 15px 10px 325px;
}
#lifeTop.offers {
	background-image:url(/resources/images/offers/lifeTopImage.jpg);
}
	#lifeTop p:first-of-type
	{
		color:#A9944A;
		font-size:1.2em;
	}
	p#lifeTop span {
		color:#000;
		display:block;
		font-size:.85em;
		line-height:1.3em;
		margin-top:8px
	}






/* lodges page content styles */
div#lodgesTop {
	margin:0;
}
	div#lodgesTop h3 {
		padding-right:100px;
	}

	div#lodgesTop div {
		background:url(/resources/images/CopyBackgroundWide.gif) no-repeat center top;
		margin-top:20px;
		padding-top:12px;
	}
	div#lodgesTop p {
		background:url(/resources/images/CopyBackgroundWide.gif) no-repeat center bottom;
		margin:0;
		padding:0 12px;
	}

		div#lodgesTop p a {
			background:url(/resources/images/cursor.gif) no-repeat left center;
			color:#A9934A;
			display:block;
			font-size:1.4em;
			line-height:2.2em;
			margin:0;
			margin-top:2px;
			padding:0;
			padding-left:50px;
		}

div#lodgesMain {
	float:left;
	margin-top:20px;
	position:relative;
	width:710px;
}

	div#lodgesMain h3 {
		margin-bottom:20px;
		width:100%;
	}

	div#row1,
	div#row2 {
		float:left;
		width:710px;
	}
	
	div#row1 {
		margin-bottom:20px;
	}

		div#row1 p {
			clear:left;
			float:left;
			margin-right:35px;
			width:329px;
		}
		
		div#lodgesMain p.highlight {
			font-size:1.3em;
			line-height:1.3em;
		}
		
		div#row1 img {
			clear:both;
		}
		
		div#row2 h3 {
			color:#A9934A;
			font-size:1.8em;
		}
		
		div#row2 h4 {
			color:#A9934A;
			font-size:1.2em;
			font-weight:normal;
		}
		
		div#row2 div {
			float:left;
			width:329px;
		}
		
		div#row2 div#lodgePlan {
			background:url(/resources/images/copyBackground345.gif) no-repeat center bottom;
			float:right;
			height:313px;
			width:345px;
			z-index:0;
		}

			div#lodgePlan ul {
				background: url(/resources/images/cursorLeft.gif) no-repeat 20px bottom;
				display:block;
				right:25px;
				padding-bottom:35px;
				position:absolute;
				width:70px;
				z-index:10;
			}
				div#lodgePlan li {
					background:url(/resources/images/btnBrownVSm.gif) no-repeat 0 bottom;
					display:block;
					float:left;
					margin-right:5px;
					width:27px;
				}
				
					div#lodgePlan li a{
						background:url(/resources/images/btnBrownVSm.gif) no-repeat 0 top;
						color:#fff;
						display:block;
						font-size:1.6em;
						margin:0 0 5px;
						padding-top:5px;
						text-align:center;
						text-decoration:none;
					}

					div#lodgePlan li.selected a{
						color:#B7A889;
					}

			div#lodgePlan p.highlight {
				background:url(/resources/images/copyBackground345.gif) no-repeat center top;
				font-size:1.5em;
				padding:10px 15px;
			}
			
			div#imgPlan {
				bottom:-12px;
				height:243px;
				position:absolute;
				right:-12px;
				width:384px !important;
				z-index:1;
			}

p#lissett {
background:url(/resources/images/copyBackgroundGreen.gif) no-repeat 0 center;
float:left;
margin-top:35px;
padding:0;
width:715px;
}

p#lissett a {
background:url(/resources/images/logoLissett.gif) no-repeat left center;
color:#00500B;
display:block;
font-size:1.7em;
font-weight:bold;
line-height:1.1em;
margin:0 12px;
padding:15px 0 15px 100px;
}

p#lissett span {
color:#330066;
}



/* downloads page content */
body.downloads div.boxWide h3.tab {
width:139px;
}

body.downloads div.boxWide {
background:none;
clear:left;
float:left;
margin-bottom:60px;
position:relative;
width:705px;
}

body.downloads div.boxContent {
background:url(/resources/images/boxBackgroundPaleFooter.gif) no-repeat 0 bottom;
border-top:4px solid #000;
}

body.downloads div.boxContent {
clear:both;
float:left;
}

body.downloads div.boxContent img {

}

body.downloads div.boxContent p {
background:#fff url(/resources/images/boxBackgroundPale.gif) no-repeat 0 top;
line-height:1.2em;
height:auto;
margin:10px 0 0;
padding:12px;
width:345px;
}

body.downloads div.lodgeControls {
float:left;
padding-bottom:10px;
width:345px;
}

body.downloads div#primarycontent div.button {
clear:none;
}

body.downloads div.brownButtonNarrow {
float:left;
font-size:.9em;
margin:0 10px;
}

body.downloads div.brownButtonNarrow a {
color:#fff;
}





/* holder for 2 columns */
div#columnHolder {
	background:url(/resources/images/box2col.gif) no-repeat 0 bottom;
	clear:left;
	float:left;
	margin-top:20px;
	position:relative;
	width:710px;
}

	div.boxLeft {
		float:left;
		width:333px;
	}
	
		div.boxLeft h3 {
			background:#000 url(/resources/images/boxLeftHeading.jpg) no-repeat center top;
			color:#fff;
			font-size:1.1em;
			padding:8px;
			width:316px;
		}

		div.boxLeft img#map {
			float:left;
			margin:8px;
		}
		
		div.boxLeft img#smallPics {
			clear:both;
			margin:0 0 8px 8px;
		}

		body.home div.boxLeft p {
			float:right;
			margin:16px 10px 0 0;
			width:102px;
		}

		div.boxMid h3 {
			color:#fff;
			font-size:1.1em;
			padding:8px;
		}

	div.boxRight {
		float:right;
		width:350px;
	}

		div.boxRight h3 {
			background:#000 url(/resources/images/boxRightHeading.jpg) no-repeat center top;
			color:#fff;
			font-size:1.1em;
			padding:8px;
			width:334px;
		}
		
		body.home div.boxRight p {
			background:url(/resources/images/boxRightCopyBackground.gif) no-repeat 0 0;
			height:233px;
			margin:7px 6px 0;
			padding:10px;
			width:316px;
		}

		div.boxRight img#floorplan {
			bottom:-52px;
			right:45px;
			position:absolute;
		}
		
		body.home div.boxRight div.button {
			bottom:120px;
			position:absolute;
			right:15px;
			z-index:10;
		}

p.intro {
	font-size:1.2em;
	font-weight:bold;
}

/* 3 columns */
div#columnHolder3 {
	background:url(/resources/images/box3col.gif) no-repeat -1px bottom;
	clear:left;
	float:left;
	margin-top:2em;
	position:relative;
	width:710px;
}

	div#columnHolder3 div.boxLeft,
	div#columnHolder3 div.boxMid,
	div#columnHolder3 div.boxRight {
		float:left;
		margin-right:10px;
		width:229px;
	}
	
	div#columnHolder3 div.boxRight {
		margin-right:0;
	}

		div#columnHolder3 h3 {
			background:#000 url(/resources/images/box3colHeading.jpg) no-repeat center top;
			float:left;
			width:213px;
		}
		
		div#columnHolder3 p {
			margin:12px;
		}
		
		div#columnHolder ul,
		div#columnHolder3 ul {
			margin: 0 12px 12px;
		}

			div#columnHolder ul li,
			div#columnHolder3 ul li {
				background:url(/resources/images/bullet.gif) no-repeat left .3em;
				margin-bottom:8px;
				padding-left:20px;
			}

	div#columnHolder3 div.buttonExtraWide {
		line-height:1.7em;
		margin-left:15px;
	}

	body#lodges div#columnHolder3 h3 {
		font-size:1.1em;
	}
	
		body#lodges div#columnHolder3 h3 a {
			background:url(/resources/images/boxHeadingArrow.gif) no-repeat right center;
			color:#fff;
			display:block;
			padding-right:15px;
		}



/** content footer **/
ul#contentFooter {
	background:url(/resources/images/footerLogos.gif) no-repeat;
	bottom:10px;
	height:60px;
	left:30px;
	position:absolute;
	width:250px;
}

	ul#contentFooter li {
		float:left;
		height:100%;
		text-indent:-99999px;
	}
	
	ul#contentFooter li#beresford {
		width:95px;
	}
	
	ul#contentFooter li#rightmove {
		margin-left:10px;
		width:140px;
	}
		
		ul#contentFooter a {
			display:block;
			height:100%;
			width:100%;
		}



/** footer **/
div#footer {
	background:#CDB568;
	clear:left;
	color:#fff;
	margin:0 8px;
}

	div#footer ul {
		line-height:50px;
		text-align:center;
		width:100%;
	}

		div#footer li {
			display:inline;
		}

			div#footer a {
				border-left:1px solid #fff;
				color:#fff;
				margin:0 0 0 8px;
				padding-left:10px;
			}

#offer.banner {
	margin-top:20px;
	width:710px;
}
.subheading {
	font:1.8em Geneva,Helvetica,Sans-serif normal;
	margin-top:20px;
	padding:0;
}
.reason {
	color:#A9944A;
	font-size:1.5em;
	font-weight:bold;
	text-transform:uppercase;
}
	.reason:first-letter {
		font-size:2.5em;
		display:block;
		float:left;
		margin-right:5px;
		line-height:0.8em;
	}
.thumb {
	color:#A9944A;
	font-size:4em;
	float:left;
	margin-right:5px;
}
.description {
	color:#A9944A;
	display:block;
	font-size:1.2em;
	overflow:hidden;
	text-transform:uppercase;
}

/*** accordion ***/
.accordion {
	clear:both;
	padding:20px 0;
	overflow:hidden;
}
.accordion > li {
	background-color:#F7F0E6;
	margin-bottom:10px;
	padding:10px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}
.accordion h4 {
	color:#A9944A;
	cursor:pointer;
	display:block;
 font-size: 1.0em;}