/***** Body *****/
body {
	margin: 6px 0 0 0;
	padding:0;
	color:#595d57;
	background: #eeede2 url(../images/background-gradient.jpg) repeat-x top;
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 76%;
	}

/***** Common Text Styles *****/
.blue-bold{font-weight:bold; color:#5a86bd; background-color:#fff;}
.blue{color:#007bd9;}
.bright-blue{color:#007bd9;}
.title-blue {color:#007bd9; margin:0 0 12px 0; padding:0;}
.grey {color:gray;}

/***** Images *****/
img{border:0;}

/***** Link Styles *****/
a:link{color:#d96c00; text-decoration:none;}
a:visited{color:#d96c00; text-decoration:none;}
a:hover{color:#007bd9; text-decoration:underline;}
a:active{color:#007bd9; text-decoration:underline;}


p {margin:0 0 1.4em 0;}


/***** Containers *****/
#page-width{
	margin:0px auto 0px auto;
	width:756px;
	}
#masthead{
	margin:0px;
	padding:0px;
	}
#container{
	background:url(../images/page-bg.gif) repeat-y top;
	border-left:1px solid #f6f6f6;
	border-right:1px solid #f6f6f6;
	}
#content{
	padding:15px 23px 0px 23px;
	background:url(../images/footer-bg.gif) bottom no-repeat;
	}
#footer{
	padding:36px 0 15px 0;
	text-align:center;
	color:#99a096;
	font-size:0.9em;
	}
#footer .divider{
	color:#ecebdf;
}
#tour-container{
	margin:18px 0 22px 0;
	padding:0 0 10px 0;
	border-bottom:1px dotted #ccc;
	}

.map-container{margin:0 0 50px 0;}

#contact-faq-footer{padding:30px 0 0 0;}


/***** Headings *****/
h1, h2{
	padding:0 0 0 10px;
	margin:0 0 10px 0;
	color:#8e837a;
	background:#fff;
	font-family:Georgia, "Times New Roman", Times, serif; 
	font-weight:normal;
	font-size:1.48em;
	font-style:italic; 
	text-align:left;
	}

h1.blue{
	padding:0;
	margin:0;
	color:#658ec1;
	font-family:Georgia, "Times New Roman", Times, serif; 
	font-weight:normal;
	font-size:1.48em;
	font-style:italic; 
	text-align:left;
	}
	
h2.blue{
	padding:0;
	margin:0 0 10px 0;
	color:#658ec1;
	font-family:Georgia, "Times New Roman", Times, serif; 
	font-weight:normal;
	font-size:1.48em;
	font-style:italic; 
	text-align:left;
	}

h1.tour-title{
	padding:0;
	margin:10px 0 0 0;
	color:#8e837a;
	font-family:Georgia, "Times New Roman", Times, serif; 
	font-weight:normal;
	font-size:1.48em;
	font-style:italic; 
	text-align:right;
	}
	
h2.tour-title{
	padding:0;
	margin:10px 0 0 0;
	color:#8e837a;
	font-family:Georgia, "Times New Roman", Times, serif; 
	font-weight:normal;
	font-size:1.48em;
	font-style:italic; 
	text-align:right;
	}

h3{
	color:#658ec1;
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:1.2em;
	margin:0;
	padding:0;
	}
	



/***** Brown Box (rounded corners) *****/	
.box-brown-top{
	background:url(../images/box-brown-top.gif) top left no-repeat;
	}
#box-brown-bottom{
	background: url(../images/box-brown-bottom.gif) bottom left no-repeat;
	padding:0 0 20px 0;
	}



/***** Blue Box (rounded corners)*****/	
.box-blue-top{
	background:url(../images/box-blue-top.gif) top left no-repeat;
	}
#box-blue-bottom{
	background: url(../images/box-blue-bottom.gif) bottom left no-repeat;
	padding:0 0 20px 0;
	}
	


/***** Global Navigation ******/
#globalnav{
	margin:0px;
	padding:0px;
	text-align:center;
	font-size:12px;
	}
#globalnav ol{
	margin:0px;
	padding:0px;
	}
#globalnav li{
	padding:0px 5px 0px 5px;
	list-style-image:url(../images/bullet.gif);
	display:inline;
	color:#007bd9;
	}
#globalnav .border-top{margin:4px 0px 5px 0px;}
#globalnav .border-bottom{margin:6px 0px 5px 0px;}	



/***** HOME styles - the .box-subtitle styles are used to control the white space around the title ****/
.box-subtitle-home{
	width:41em;
	margin-left:16px;
	}
.box-subtitle-visit{
	width:18em;
	margin-left:16px;
	}
.box-subtitle-visit h2{color:#5a86bd;}



/* Box content indents the content eaither side to sit within the rounded corner box */
.box-content{
	padding:0 26px 0 26px;
	color:#5a5e58;
	font-size:0.9em;
	line-height:1.5em;
	}

.box-content-home-intro{
	padding:0 26px 0 26px;
	color:#5a5e58;
	font-size:1em;
	line-height:1.5em;
	}
	
#feature-blurb{clear:left; padding:13px 26px 0 26px; color:#5a5e58; font-size:1em; line-height:1.6em;}
#feature-blurb p{margin:0 0 6px 0; padding:0; }
#feature-blurb .more-info{font-size:1.1em;}

h4 {color:#658ec1; padding:0; margin:0; font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; font-size:1.4em; font-style:italic;}
.feature-blue {color:#007bd9; margin:0 0 5px 0;}

	
.box-content-home-intro .col1{
	float:left;
	width:300px;
	margin-right:30px;
	}
.box-content-home-intro.col2{
	float:right;
	width:300px;
	}

.box-content .col1{
	float:left;
	width:315px;
	}
.box-content .col2{
	float:right;
	width:315px;
	}

	
	
/***** Form validation styles ******/
.box-content .visit-col1{
	float:left;
	width:315px;
	}
.box-content .visit-col1 div{margin:8px 0 8px 0;}
.box-content .visit-col1 table{width:100%;}
.form-item{width:8em;}
.textbox{width:220px;}
.box-content .visit-col2{
	float:right;
	width:315px;
	}

.formerror {
  border: 1px solid red;
  background-color : #FFCCCC;
  width: auto;
  padding:6px;
}

.errortext {
font-size:0.9em;
font-weight:bold;
color:#e60500;
}

.top-padding{padding:1em 0 0 0;}
.map{vertical-align:bottom;}
.map-divide{margin:15px 0 0 0; padding:16px 0 0 0; border-top:1px dotted #dfdbbd;}
#mapGlenroy{margin-bottom:15px;}
#mapWerribee{margin-bottom:15px;}



/***** ABOUT US styles *****/
.box-subtitle-about{
	width:9em;
	margin-left:16px;
	}
.about-col1{
	float:left;
	width:415px;
	font-size:1.1em;
	line-height:1.5em;
	}
.about-col2{
	float:right;
	text-align:right;
	width:210px;
	}
	
.about-col2 img {margin:0 0 15px 0;}

/***** Sunshine Village styles *****/
.box-subtitle-sunshine{width:28em;margin-left:16px;}

#plans{margin:20px 0 25px 0;}
#plans h4{color:#007bd9; margin:0 0 8px 0;}

h4.title-quote{color:#444; margin:20px 0 10px 0;}

/* Sunshine subpages */
#sub-container{padding:25px 0; clear:both;}
#sub-container h4{color:#007bd9; margin:0 0 8px 0;}
#sub-container p.mudmap{margin:10px 0 0 0; border-top:1px solid #dfdbbd;}
#sub-container #google-map-thumb{float:left; margin:0 22px 0 0;}
#sub-container #mudmap-thumb img{margin:0 0 5px 0;}
#sub-container #google-map-thumb img{margin:0 0 5px 0;}

/* Sunshine navigation */
#sunshine-subnav{margin:0 0 20px 0; padding:0;}
#sunshine-subnav ul {list-style:none; margin:0; padding:0;}
#sunshine-subnav ul li {display:inline; margin-left:10px; padding:0 0 0 10px; border-left:1px solid #dbdbdb;}
#sunshine-subnav ul li.first {margin-left:0; border-left:none; padding-left:0;}



.house-type{width:100%; float:left; padding:10px 0; border-bottom:1px solid #e8e3cf;}
.firsth{padding:0 0 10px 0;}
.lasth {padding:10px 0;}
.house-type p{float:left; vertical-align:top; padding:0 0 0 15px;}
.house-type .house-image{float:left;}
.house-title{color:black; margin:0; padding:0; font-family:arial, sans-serif; font-weight:bold; font-size:1.2em;}

#sub-container .more-medium{font-size:1.1em; margin:6px 0; display:block; color:#007BD9;}
.more-links{padding:20px 0 0 0;}


/* CONTACT US styles */
.box-subtitle-contact{
	width:10em;
	margin-left:16px;
	}
	
	
	
/* VILLAGE LOCATIONS styles */
.box-subtitle-locations{
	width:14em;
	margin-left:16px;
	}
.location-content{
	text-align:left;
	font-size:1.1em;
	line-height:1.5em;
}
#location-werribee{border-bottom:1px dotted #d5d1af;}
#location-glenroy{margin:20px 0 0 0;}



/***** TOUR Styles *****/
#tour-columns-container{
	margin:0;
	padding:0;
	width:100%;
}
#tour-col1{
	float:left;
}
#tour-col2{
	float:right;
	width:490px;
	padding:13px 0 0 0;
}
#tour-description{
	margin-top:30px;
	line-height:1.5em;
}

/***** Table containing the list of facilities and activities *****/
#table-list{
	margin:1em 0 0 0;
}

#table-list table{
	margin:0;
	padding:0;

}


.disclaimer{
	font-size:0.8em;
	color:#999999;
}

/* Resident's Quote */
#quote-portrait{
	float:left;
	width:75px;
	margin-right:12px;
}
#tour-quote{
	color:#9d9d9d;
	margin:0;
	padding:0;
	text-align:left;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-weight:bold;
	font-size:1em;
}

.quotemarks{
	font-size:1.5em;
	font-style:normal;
	font-weight:bold;
	color:#658ec1;
}
.quoteby{font-size:0.9em; font-weight:normal;}



/****** Next & Back Buttons - styles control rollover states ******/
#tour-nav{
	margin:28px 0 0 0;
	padding:15px 0 0 0;
	text-align:right;
	border-top:1px dotted #d5d1af;
	}

/* Button containers for positioning */
#btn-next-container{
	display:inline;
	float:right;
	}

#btn-back-container{
	display:inline;
	float:left;
	}

/* Inactive (grey) button styles */
#btn-back-inactive{
	cursor:default;
	width:83px;
	height:34px;
	margin:0;
	background: url(../images/tour/btn-inactive.gif) top left no-repeat;
	color:#fff;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-size:19px;
}

#btn-next-inactive{
	cursor:default;
	width:83px;
	height:34px;
	margin:0;
	background: url(../images/tour/btn-inactive.gif) top left no-repeat;
	color:#fff;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-size:19px;
}

#tour-nav #btn-back-inactive span {
	display:block;
	padding:0;
	margin:0 0 0 0;
	line-height:28px;
	text-align:center;
	width:100%;
	}

#tour-nav #btn-next-inactive span {
	display:block;
	padding:0;
	margin:0;
	line-height:28px;
	text-align:center;
	width:100%;
	}


/* Button - set background to show rollover state (blue) (this will be hidden until rollover) */	
#btn-next{
	width:83px;
	height:34px;
	margin:0;
	padding:0;
	background: url(../images/tour/button-bg.gif)  -83px 0px no-repeat;

}

#btn-back{
	width:83px;
	height:34px;
	margin:0;
	padding:0;
	background-color:#0099FF; /*blue*/
	background: url(../images/tour/button-bg.gif) -83px 0px no-repeat;
}

/* Span styles position text 'next' and 'back' within their containing divs */
#tour-nav #btn-next span {
	display:block;
	padding:0 0 0 3px;
	margin:2px 0 0 0;
	text-align:center;
	width:100%;
	}

#tour-nav #btn-back span {
	display:block;
	padding:0;
	margin:2px 0 0 0;
	text-align:center;
	width:100%;
	}

/* Hover state styles */

#tour-nav #btn-next a {
	cursor:pointer;
	display: block;
	margin: 0; 
	padding:0;
	width:100%; height:100%;
	overflow:hidden;
	color:#fff;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-size:19px;
	background: url(../images/tour/button-bg.gif) top left no-repeat;
	}
	
#tour-nav #btn-back a {
	cursor:pointer;
	display: block;
	margin: 0; 
	padding:0;
	width:100%; height:100%;
	overflow:hidden;
	color:#fff;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-size:19px;
	background: url(../images/tour/button-bg.gif) top left no-repeat;
	}

#tour-nav #btn-next a:hover {
	background-image:none;
	text-decoration:none;
	}
	
#tour-nav #btn-back a:hover {
	background-image:none;
	text-decoration:none;
	}



/* Skinny Brown Box (rounded corners - used on take a tour page) */	
.skinny-box-brown-top{
	background:url(../images/box-brown-top-skinny.gif) top left no-repeat;
	margin:0 0 25px 0;
	width:180px;
	}
.skinny-box-brown-bottom{
	background: url(../images/box-brown-bottom-skinny.gif) bottom left no-repeat;
	padding:0 0 20px 0;
	}



/* Subtitle Spacing (controls whitespace behind subtitles */
.skinny-box-subtitle-homes{width:8em; margin-left:0px;}
.skinny-box-subtitle-facilities{width:8em; margin-left:0px;}
.skinny-box-subtitle-lifestyle{width:8em; margin-left:0px;}



/* Skinny box content and list formatting */	
.skinny-box-content{
	padding:0 0 0 13px;
	color:#5a5e58;
	font-size:0.9em;
	line-height:1.5em;
}
.skinny-box-content ul{
	margin:0 0 0 17px;
	padding:0 0 0 0em;
	line-height:1.8em;
	list-style-image:url(../images/bullet.gif);
}



/* NOW SELLING styles */
.box-subtitle-selling{
	width:11em;
	margin-left:16px;
	}



/* FAQs styles */
.box-subtitle-faqs{
	width:21em;
	margin-left:16px;
	}
.box-content .faq-col1{
	float:left;
	width:415px;
	}
.box-content .faq-col1 ol.faq-menu{
	font-size:1.1em;
	line-height:2.1em;
	}
.box-content .faq-body ol.body-list{
	font-size:1.1em;
	line-height:1.5em;
	color:#007bd9;
	}
.box-content .faq-body ol.body-list .bodytext{color:#595d57;}
.box-content .faq-body ol li{margin:3em 0 0 0;}
.faq-body{clear:both; padding:1em 0 0 0;}
.box-content .faq-col2{
	float:right;
	text-align:right;
	width:210px;
	}
	
.faq-col2 img {margin:0 0 15px 0;}
	
/* THANK YOU styles */
.box-subtitle-thankyou{
	width:9em;
	margin-left:16px;
	}

#thankyou-container{
	padding:10px 26px 0 26px;
	line-height:1.5em;
	font-size:1.2em;
}



/* Genius "no-extra-markup" clearing by Tony Aslett - www.csscreator.com */
/* add clearfix class to any containter that must enclose floated elements */
/* explained at http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {
content: ".";              /* the period is placed on the page as the last thing before the div closes */
display: block;          /* inline elements don't respond to the clear property */ 
height: 0;                  /* ensure the period is not visible */
clear: both;               /* make the container clear the period */
visibility: hidden;	     /* further ensures the period is not visible */
}
.clearfix {display: inline-block;}   /*a fix for IE Mac */
/* fix for Guillotine bug in IE6 */
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* end of "no-extra-markup" clearing method */