@charset "utf-8";
/* CSS Document */


/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

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 {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}
body {
	line-height: 1;
}
h1, h2, h3, h4, h5, h6 {
	clear: both;
	font-weight: normal;
}
ol, ul {
	list-style: none;
}
blockquote {
	quotes: none;
}
blockquote:before, blockquote:after {
	content: '';
	content: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a img {
	border: none;
}

.clear{ clear:both; }

/* Reset END ---------------------------------------------------- */



html, body{
	background:#032e16 url(images/bg.png) no-repeat top center fixed;
	font-family:Tahoma, Geneva, sans-serif;
	line-height:14px;
	font-size:12px;
	color:#2b3b34;
}

p { margin:10px 0 0 0;	}

a { font-family:Tahoma, Geneva, sans-serif; color:#5f7a6e; }

a:hover { font-family:Tahoma, Geneva, sans-serif; color:#5f7a6e; text-decoration:none; }


h1 {
	font-family:Tahoma, Geneva, sans-serif;
	color:#5f7a6e;
	font-size:30px;
	height:32px;
	
}

h3 {
	font-family:Tahoma, Geneva, sans-serif;
	color:#2b3b34;
	font-size:16px;
	line-height:22px;
}

#wrap {
	margin: 0px auto;
  	width: 980px;
	height: 100%;
  	text-align: center;/* IE fix to center the page */
}

#container{
  width: 980px;
  text-align: left;
  float: left;
}

#headerContainer{
	width:980px;
	height:180px;
	float:left;
	margin:15px 0 0 0;
	position:absolute;

}

#logoArea{
	width:330px;
	height:209px;
	float:left;
	margin:0 0 0 -25px;
}



/*
/********************************************************/
/*             START NAVIGATION BAR 			*/
/********************************************************/
#headerMenuContainer{
	margin:70px 0 0 344px;
	width:640px;
	height:55px;
	background:url(images/header_menu_bg.png) top center no-repeat;
}
/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/skeleton.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
#nav, 
#nav ul {
	margin: 10px 0 0 20px;
	padding: 0;
	list-style: none;
	font: bold 14px Verdana, Geneva, Arial, Helvetica, sans-serif;
	position: relative;
	z-index: 200;
	text-align: center;
}

#nav {
	height:25px;padding:0;}

#nav table {border-collapse:collapse;}

/**** PARENT LEVEL STYLE ***/
#nav li {
	float:left; 
	width: 120px;
	text-align: center;
}
#nav li li {float:none;}
/* a hack for IE5.x and IE6 */
#nav li a li {float:left;}

#nav li a {
	margin:1px 0 0 0;
	height:36px;
	float: left;
	color: #ffffff;
	text-decoration: none;
	display:block; 
	padding:15px 5px 0 5px;
	line-height:25px; 
	text-align: center;
	width: 120px;
}

/*** drop-down children styles ****/
#nav li li a {
	height: 20px;
	line-height: 20px;
	float: none;
	text-align: left;
	width: 140px;
	padding-left: 10px;
	background: #F3F3F3;
	color: #575757;
	padding:8px 0 8px 12px;
}

/***** hover style for all elements *****/
#nav li:hover {
	position:relative;
	z-index:300;
}

#nav a:hover {
   	position: relative;
	z-index: 300;
   	text-decoration: none;
	color: #F3F3F3;
	background:url(/images/menu-hover.png) repeat-x;
}

#nav :hover ul {
	left:-25px;
	top:42px;
}

/* another hack for IE5.5 and IE6 */
#nav a:hover ul {
	left:-5px;
}

#nav ul {
	position:absolute;
	left:-9999px;
	top:-9999px;
}

/* it could have been this simple if all browsers understood */
#nav li:hover li:hover > ul {
	left:0px; 
	margin-left:100%; 
	top:1px;
}
/* keep further levels hidden */
#nav li:hover > ul ul {
	position:absolute;
	left:-9999px;
	top:-9999px;
	width:auto;
}

/* show path followed */
#nav li:hover > a {
	text-decoration: none;
	background:url(/images/menu-hover.png) repeat-x;
	color: #F3F3F3;
}


/* but IE5.x and IE6 need this lot to style the flyouts*/
/* show next level */
#nav a:hover a:hover ul,
#nav a:hover a:hover a:hover ul,
#nav a:hover a:hover a:hover a:hover ul,
#nav a:hover a:hover a:hover a:hover a:hover ul
{
	left:100%; 
	top:1px;
	text-decoration: none;
	background-color: #575757;
	color: #F3F3F3;
}

/* keep further levels hidden */
#nav a:hover ul ul,
#nav a:hover a:hover ul ul,
#nav a:hover a:hover a:hover ul ul,
#nav a:hover a:hover a:hover a:hover ul ul
{position:absolute; left:-9999px; top:-9999px;}
/********************************************************************/





























#mainImageContainer{
	width:980px;
	height:425px;
	float:left;
	margin:154px 0 0 0;
}

#homeGalleryContainer{
	width:970px;
	height:146px;
	background:url(images/home_gallery_bg.png) repeat-x;
	float:left;
	padding:0 0 0 10px;
}

.homeGallery{
	width:905px !important;
	height:125px;
	float:left;
	margin: 12px 0 0 0;
}

.homeGallery img{
	background:#FFF;
	padding:5px;
	margin:0 0 0 5px;
}


#homeGalleryContainer a.prev, #homeGalleryContainer a.next {
        display: block;
        float: left;
        width: 30px;
        height: 143px;
        text-decoration: none;
        background: url("images/imageNavLeft.png") left 60px no-repeat;
}

#homeGalleryContainer a.next {
            background: url("images/imageNavRight.png") right 60px no-repeat;
}

#homeGalleryContainer a.next:hover {
	background-image: url("images/imageNavRightHover.png");
}

#homeGalleryContainer a.prev:hover {
    background-image: url("images/imageNavLeftHover.png");
}    

#homeGalleryContainer a:hover, #homeGalleryContainer a:active {
	border: none;
    outline: none;
} 


#followupContentContainer{
	width:960px;
	background:url(images/followup-bg.png) repeat-y #eff7f3;
	float:left;
	margin:210px 0 0 0;
	padding:20px 10px 10px 10px;
}

#followupContentContainerFull{
	width:960px;
	background:#eff7f3;
	float:left;
	margin:160px 0 0 0;
	padding:20px 10px 10px 10px;
}

#homeSaleContainer{
	width:645px;
	background:#c5d3cb;
	border:1px solid #acbab2;
	float:left;
	margin:10px 0 0 5px;
	
}

#homeSingleSaleContainer{
	width:645px;
	float:left;
	margin:10px 0 0 5px;
	
}

#homeSaleContainer .imageContainer, #homeSingleSaleContainer .imageContainer{
	width:225px;
	float:left;
	padding:5px;
}

#homeSaleContainer .imageContainer img, #homeSingleSaleContainer .imageContainer img{
	border-right:1px solid #b1beb6;
}

#homeSaleContainer .homeInfo, #homeSingleSaleContainer .homeInfo{
	width:385px;
	float:right;	
	padding: 4px;
}

#minHeight{
	width:1px;
	height:550px;
	float:left;
}


.addressBox{
	margin:20px 0 0 0;
	float:left;
}

.addressName{
	font-size:30px;
	color:#2b3b34;
}


#mainContentContainer{
	width:960px;
	background:#eff7f3;
	float:left;
	padding:20px 10px 10px 10px;
}



#mainContainerRIGHTColumn{
	width:260px;
	float:right;
	text-align:justify;
	margin:10px 15px 0 0;
	padding:5px;
}


#unitsRemainingContainer{
	width:260px;
	margin:5px 0 0 0;
}


#unitsRemainingContainer .top{
	width:260px;
	text-align:center;
	font-size:24px;
	text-shadow:0 1px 2px #ffffff;
}

#unitsRemainingContainer .numberContainer{
	width:200px;
	height:70px;
	padding:15px 0 0 0;
	margin:10px 0 0 25px;
	line-height:60px;
	color:#d5e6de;
	font-size:70px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-shadow:0 1px 2px #14241c;
	text-align:center;
	background:#324b3f;
	-moz-border-radius: 8px;
	border-radius: 8px;
}

#unitsRemainingContainer .message1{
	color:#597e6d;
	font-size:22px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-shadow:0 1px 2px #ffffff;
	text-align:center;
}


#unitsRemainingContainer .message1 .phase{
	color:#324b3f;
}


#unitsRemainingContainer .message2{
	color:#324b3f;
	font-size:22px;
	font-family:Arial, Helvetica, sans-serif;
	text-shadow:0 1px 2px #ffffff;
	text-align:center;
}

#unitsRemainingContainer .message2 a{
	color:#324b3f;
	font-size:22px;
	font-family:Arial, Helvetica, sans-serif;
	text-shadow:0 1px 2px #ffffff;
	text-align:center;
	text-decoration:underline;
}

#unitsRemainingContainer .message2 a:hover{
	color:#597e6d;
	text-shadow:0 1px 2px #ffffff;
	text-decoration:none;;
}

#mainContainerLEFTColumn{
	width:660px;
	float:left;
	text-align:justify;
}

#mainContainerFull{
	width:960px;
	float:left;
}


/* ADMIN SECTION */

#admin_login_container{
	float:left;
	width:676px;
	height:274px;
	background: url(images/admin-login-bg.jpg) center no-repeat;
	margin:0px 0px 0px 15px;
}

form {
	width: 616px;
}

legend{
	display: none;
}

input {
	width: 200px;
	display: block;
	padding: 4px;
	margin: 0 0 10px 0;
	font-size: 18px;
	color: #3a3a3a;
	font-family:Verdana, Geneva, sans-serif;
}

fieldset	{ border: 0; }




/*
==============================================
	PHASE 1 LOT LAYOUT - PUT IN SEPERATE SHEET AFTER TO BE IMPORTED!
==============================================
*/

#lot1, #lot2, #lot3, #lot4, #lot5, #lot6, #lot7, #lot8, #lot9, #lot10, #lot11, #lot12, #lot13, #lot14, #lot15, #lot16, #lot17, #lot18, #lot19, #lot20
, #lot21, #lot22, #lot23, #lot24, #lot25, #lot26, #lot27, #lot28, #lot29, #lot30, #lot31, #lot32, #lot33, #lot34, #lot35, #lot36, #lot37, #lot38, #lot39
, #lot40, #lot41, #lot42, #lot43, #lot44, #lot45, #lot46, #lot47, #lot48, #lot49, #lot50, #lot51, #lot52, #lot53, #lot54, #lot55, #lot56, #lot57, #lot58
, #lot59, #lot60, #lot61, #lot62, #lot63, #lot64, #lot65, #lot66, #lot67, #lot68, #lot69, #lot70, #lot71, #lot72, #lot73, #lot74, #lot75, #lot76, #lot77
, #lot78, #lot79, #lot80, #lot81, #lot82, #lot83, #lot84, #lot85, #lot86, #lot87, #lot88, #lot89, #lot90, #lot91, #lot92, #lot93, #lot94, #lot95, #lot96, #lot97, #lot98, #lot99, #lot100, #lot101, #lot102, #lot103, #lot104, #lot105, #lot106, #lot107, #lot108, #lot109, #lot110, #lot111, #lot112, #lot113, #lot114, #lot115, #lot116, #lot117, #lot118, #lot119, #lot120, #lot121, #lot122, #lot123, #lot124, #lot125
{
	background-repeat:no-repeat;
	width:26px;
	height:37px;
	position:absolute;
}


#phase1Container{
	float:left;
	width:939px;
	height:574px;
	margin:15px 0 0 10px;

	background:url(images/phase1.png) no-repeat;
}

#phase1{
	width:939px;
	height:574px;
	position:absolute;
}


#phaseLegend{
	width:940px;
	height:31px;
	float:left;
	margin:-15px 0 0 10px;
}

#phase2Container{
	float:left;
	width:939px;
	height:574px;
	margin:15px 0 0 10px;

	background:url(images/phase2.png) no-repeat;
}

#phase2{
	width:939px;
	height:574px;
	position:absolute;
}



#phase3Container{
	float:left;
	width:939px;
	height:866px;
	margin:15px 0 0 10px;

	background:url(images/phase3.png) no-repeat;
}

#phase3{
	width:939px;
	height:866px;
	position:absolute;
}


#mainContainerLEFTColumn img{
	padding:5px;
}


#footerContainer{
	width:980px;
	height:50px;
	background:#ffffff;
	float:left;
}


.footerRightColumn{
	width:400px;
	float:right;
	margin: 15px 30px 0 0;
	text-align:right;
}

.footerHydeAway a{
	color:#685c0a;
	text-decoration:none;
}

.footerHydeAway a:hover{
	text-decoration:underline;
}