/*   
Colour Pallet: 
Purpley Brown: #a29b99
Mustard: #c9a135
Text "black": #5a504c


A bit of a quick reset */
* {margin: 0px;	padding: 0px;}
a:focus { outline: none; }

/* ---------------------------------- Set up commonly used classes -------------------------------- */

.clear {clear: both;}
.right {float: right;}
.left {float: left;}
strong {font-weight: bold;}
em {font-style: italic;}

/* ---------------------------------- Start Site Specific CCS Information-------------------------------- */	
		
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	background-color: #5e4f4b;
	color: #5a504c;
}

#wrapper {
	width: 958px;
	margin: 0 auto; 
	background-color: white; 
	padding: 0 21px; 
	background-image: url('../images/wrapper_bg.png');
}

#header {
	height: 149px; 
	background-image: url('../images/header_bg.png');
	position: relative;
}


#footer {
	height: 24px;
	padding: 0 21px 21px 21px; 
	background-image: url('../images/footer_bg.png');
	width: 958px; 
	margin: 0 auto;
}

/* ----------------------------------  Header Informtion -------------------------------- */

#header h1 a {
	background: url('../images/h1_bg.png') no-repeat scroll top left;
	width: 270px;
	height: 89px;
	display: block; 
	text-indent: -9999em;
	position: absolute; 
	top: 24px; left: 29px;
}

#header span a {
	background: url('../images/register_btn.png') no-repeat scroll top left;
	width: 110px;
	height: 24px;
	display: block; 
	text-indent: -9999em;
	position: absolute; 
	left: 821px; top: 24px;
}

#header ul {
	list-style: none;
	position: absolute;
	top: 107px; left: 338px;
}

#header ul li {
	float: left;
}

#header ul li a {
	background-image: url('../images/nav_sprites.png');
	display: block;
	text-indent: -9999em;
	height: 21px;
	margin-right: 8px;
}

	/* Main Nav */
	#header #nav_home a {
		width: 60px;
		background-position: 0 -21px;
	}

	#header #nav_home a:hover, 
	.page-id-5 #header #nav_home a  {
		background-position: 0 0;
	}

	#header #nav_location a {
		width: 88px;
		background-position: -72px -21px;
	}

	#header #nav_location a:hover, 
	.page-id-6 #header #nav_location a, 
	.page-id-7 #header #nav_location a {
		background-position: -72px 0;	
	}

	#header #nav_features a {
		width: 84px;
		background-position: -172px -21px;
	}

	#header #nav_features a:hover,
	.page-id-8 #header #nav_features a {
		background-position: -172px 0;
	}

	#header #nav_plans a {
		width: 59px;
		background-position: -269px -21px;
	}

	#header #nav_plans a:hover, 
	.page-id-9 #header #nav_plans a, 
	.page-id-10 #header #nav_plans a {
		background-position: -269px 0;
	}

	#header #nav_gallery a {
		width: 78px;
		background-position: -341px -21px;
	}

	#header #nav_gallery a:hover,
	.page-id-11 #header #nav_gallery a {
		background-position: -341px 0;
	}

	#header #nav_builder a {
		width: 101px;
		background-position: -430px -21px;
	}

	#header #nav_builder a:hover, 
	.page-id-12 #header #nav_builder a {
		background-position: -430px 0;
	}

	#header #nav_contact a {
		width: 88px;
		background-position: -534px -21px;
	}

	#header #nav_contact a:hover, 
	.page-id-13 #header #nav_contact a {
		background-position: -534px 0;
	}

	/* Sub Navigation */
	#header ul li ul {
		width: 25em; 
		position: absolute; 
		left: -999em;
		display: block;
	}

	#header ul li:hover ul,
	#header ul li.sfhover ul {
		left: auto;
	}

	/* Getting the sub navs to stay on when we're on that page */
	.page-id-6 #header #nav_location ul, 
	.page-id-7 #header #nav_location ul, 
	.page-id-9 #header #nav_plans ul, 
	.page-id-10 #header #nav_plans ul {
		left: auto;
	}

	/* Location sub nav  IR's */
	#nav_location ul {
		position: absolute; 
		top: 21px; left: 67px;
	}

	#header #nav_location #location_nav_clayton a{
		width: 123px;
		background-position: 0 -63px;
	}

	#header #nav_location #location_nav_clayton a:hover, 
	.page-id-6 #header #nav_location #location_nav_clayton a {
		background-position: 0 -42px;
	}

	#header #nav_location #location_nav_amenities a{
		width: 78px;
		background-position: -122px -63px;
	}

	#header #nav_location #location_nav_amenities a:hover,
	.page-id-7 #header #nav_location #location_nav_amenities a {
		background-position: -122px -42px;
	}	

	/* Plans Sub Nav IR's */
	#nav_plans ul {
		position: absolute; 
		top: 21px; left: 258px;
	}

	#header #nav_plans #plans_nav_siteplans a{
		width: 77px;
		background-position: -88px -105px;
	}

	#header #nav_plans #plans_nav_siteplans a:hover, 
	.page-id-9 #header #nav_plans #plans_nav_siteplans a {
		background-position: -88px -84px;
	}

	#header #nav_plans #plans_nav_floorplans a{
		width: 90px;
		background-position: 0 -105px;
	}

	#header #nav_plans #plans_nav_floorplans a:hover, 
	.page-id-10 #header #nav_plans #plans_nav_floorplans a {
		background-position: 0 -84px;
	}

/* ----------------------------------  Content Area Informtion -------------------------------- */
#content #image_column {
	width: 630px; 
	float: right; 
	display: inline;
}

#content #text_column {
	float: left; 
	width: 253px; 
	display: inline;
	margin-left: 45px;
}

#content h2 {
	text-indent: -9999em; 
	background-image: url('../images/h2_bg_sprite.png');
	background-repeat: no-repeat;
	height: 14px;
	margin: 47px 0 20px 0;
	overflow: hidden;
}

#content h3 {
	font-size: 1.2em;
}

#content h4 {
	font-size: 1.4em;
	margin-bottom: 5px;
}

	/* setting the background sprites position for the h2's */
	.page-id-6 #content h2 {
		background-position: 0 0;	
	}

	.page-id-7 #content h2 {
		background-position: 0 -21px;	
	}

	.page-id-8 #content h2 {
		background-position: 0 -43px;	
	}

	.page-id-9 #content h2 {
		background-position: 0 -65px;	
	}

	.page-id-10 #content h2 {
		background-position: 0 -86px;	
	}

	.page-id-11 #content h2 {
		background-position: 0 -108px;	
	}

	.page-id-12 #content h2 {
		background-position: 0 -130px;	
	}

	.page-id-13 #content h2 {
		background-position: 0 -151px;	
	}

	.page-id-14 #content h2 {
		background-position: 0 -173px;	
	}
	
	.page-id-59 #content h2 {
		background-position: 0 -217px;	
	}
	
	.page-id-61 #content h2 {
		background-position: 0 -238px;	
	}
	
	.page-id-69 #content h2 {
		background-position: 0 -260px;	
	}
	
	.error404 #content h2 {
		background-position: 0 -195px;	
	}
	
#content p {
	font-size: 1.2em; 
	line-height: 1.5em;
	margin-bottom: 1.5em;
}
	
#content ul {
	list-style: none; 	
	margin-bottom: 1.5em;
	width: 200px;	
}
	
#content ul li {
	color: #000; 
	font-size: 1.2em;
	margin-bottom: 2px;
}
	
	/* Home page */

	.page-id-5 #content {
		background-color: #372926; 
		background-image: url('../images/home_page_bg.jpg');
		width: 958px;
		height: 513px;
	}

	#home_text_column {
		width: 275px; 
		margin: 0 auto; 
		color: white;
	}

	#home_text_column p.frontpage_headline_1 {
		color: #e8a50f; 
		font-size: 3em;
		padding-top: 60px; 
		line-height: 1.2em;
	}
	

	/* Gallery page */

	.page-id-11 #content {
		background-color: black; 
		background: url('../images/gallery_bg.jpg') no-repeat scroll top left;
		width: 958px;
		height: 513px;
	}

	/* colours for the Amenities Page - Classes added by jQuery */
	.page-id-7 h3 {
		text-transform: uppercase; 
	}

	.page-id-7 h3.amenities_headline_1 {
		color: #9b3960;		
	}
	
	.page-id-7 h3.amenities_headline_2 {
		color: #4570ac;		
	}	
	
	.page-id-7 h3.amenities_headline_3 {
		color: #7a803d;		
	}

	/* Features Specific Information */
	#content #features_text_column {
		width: 574px; 
		float: left; 
		display: inline;
		margin: 0 0 0 45px;
	}

	#content #features_image_column {
		float: right; 
		width: 313px; 
		display: inline;
	}
	
	#content #features_text_column div.left {
		width: 275px; 
		float: left; 
		display: inline;	
		margin-right: 20px;
	}
	
	#content #features_text_column ul {
		margin-bottom: 3.5em;
		width: 100%;
	}
	
	#content #features_text_column div.right {
		width: 275px; 
		float: left; 
		display: inline;	
	}	
	
	#content #features_text_column h3 {
		background-image: url('../images/h3_features_list_sprite.png');
		height: 14px;	
		text-indent: -9999em;
		margin-bottom: 10px;	
		background-repeat: no-repeat;
	}

	#content #features_text_column h3.features_headline_1 {
		background-position: 0 0;
	}

	#content #features_text_column h3.features_headline_2 {
		background-position: 0 -21px;
	}
	
	#content #features_text_column h3.features_headline_3 {
		background-position: 0 -43px;
	}
	
	#content #features_text_column h3.features_headline_4 {
		background-position: 0 -65px;
	}
	
	#content #features_text_column h3.features_headline_5 {
		background-position: 0 -86px;
	}
	
	#content #features_text_column h3.features_headline_6 {
		background-position: 0 -108px;
	}

	#content #features_text_column ul li {
		background-image: url('../images/features_bullet.png');
		background-repeat: no-repeat;
		background-position: 0 8px;
		padding-left: 10px;
		line-height: 1.8333em;
		color: #5a504c;
	}
	
	/* Siteplan*/
 	#siteplan_column object {
		float: right;
		outline: none; 
	}
	
	/* Builder*/
	.page-id-12 img {
		border: none;
	}
	
	/* Sitemap */
	.page-id-14 #text_column ul {
		margin: 0;
	}
	
	.page-id-14 #text_column ul li {
		color: #5a504c;
		font-size: 100%;
		margin-bottom: 3px;
	}

	.page-id-14 #text_column ul li a {
		font-size: 1.2em;
	}

	.page-id-14 #text_column ul ul {
		padding-left: 5px; 
		margin-left: 10px;
		list-style: disc;
	}


/* ----------------------------------  Registration & Sucess Pages -------------------------------- */


table td {
	font-size: 1.2em;
	vertical-align: top;
	padding-top: 2px;
}

table .label {
	text-align: right; 
	padding-right: 5px;
}

table td input {
	width: 98%;
}

table td textarea {
	width: 100%;
}

.required {
	color: #d7aa2e;
}

#submit_btn {
	width: 90px;
	float: right;
}

/* ----------------------------------  Footer Informtion -------------------------------- */



#footer ul {
	float: right; 
	margin-right: 10px;
	margin-top: 5px;
}

#footer ul li {
	display: inline;
	list-style: none;
	margin-left: 10px;
}

#footer a {
	color: white; 
	text-decoration: none;
}

#footer #gramercylinktext, 
#footer #gramercylinkimage  {
	float: left; 
}

#footer #gramercylinktext {
	margin-top: 5px; 
}

#footer #gramercylinkimage {
	margin-left: 10px; 

}

#footer #gramercylinkimage img {
	border: none;
	margin-top: 2px;
	margin-right: 10px;
	
}


#footer a:hover, 
#footer ul .current_page_item a {
	color: #5a504c;
}

/* ----------------------------------  Links Informtion -------------------------------- */
#content a:link, 
#content a:visited, 
#content a:active {
	color: #c9a135;
	text-decoration: none; 	
}

#content a:hover {
	text-decoration: underline;
}


/* 
	Did you hear the one about the king? 
	It ruled!
*/