/*  
Sticky Footer Solution
by Steve Hatcher 
http://stever.ca
http://www.cssstickyfooter.com
*/

* {margin:0;padding:0;} 

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body, #wrap {height: 100%; font-family:Helvetica; color:#515151;}

body > #wrap {height: auto; min-height: 100%; background-color: #f3f1f1; }
#wrap{ background-color: #f3f1f1;}

#main {padding-bottom: 150px;}  /* must be same height as the footer */

#redstripe {
	background-color: #A72C32;
	height: 10px;
}

#content {
 height: 100%;
 min-height: 450px;
}

#contact {
	text-align:right;
	font-size:16px;
	position: relative;
	padding-top: 10px;
}

#contact ul {
   list-style: none; 
   margin: 0;
   padding: 0; 
}

#contact li.first {
	padding-bottom: 40px;
}

#nav {
   margin: 0; 
   padding: 0; 
}

#nav ul {
   list-style: none; 
   margin: 0 0 0 40px; 
   padding: 0; 
   width: 100%; 
}

#nav li {
  float:left;
  margin: 10px 21px 10px 0; 
  padding: 0; 
  text-align: center;
}

#nav a {
	text-decoration: none;
    text-align:justify;	
    color: #515151;
    font-size: 12px;
}

#nav a:hover {
 color: #A72C32;
}

#main_image img {
 margin:10px 0 0 0;		
}

#content {
	background-color: #fff;
	font-size:10pt;
}


.pagination {
 text-align: right;
}

#footer {position: relative;
	margin-top: -150px; /* negative value of footer height */
	height: 150px;
	clear:both;
	} 

/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

h1 {
 color: #A72C32;
 font-size:20pt;
 margin-bottom: 0;	
 margin-top: 10px;
  font-size:20pt;
}

h2 {
 font-size:14pt;	
}

hr {
	margin:10px 0;
	color: #515151;
	height: 2px;
}

#search label {
float: none;
clear: none;
}

#search input {
float: none;
clear: none;
}

label {
float: left;
clear: left;
padding-right: 10px;
}

input {
float: left;
clear: left;
}

.contact_form input {
 height: 25px;
 width: 310px;
}

.contact_form textarea {
 height:100px;
 width: 620px;
 float: left;
 clear: left;
}

.contact_form li {
 list-style: none;
 color: red;
}

.enquiry_form input {
 height: 25px;
 width: 308px;
}

.enquiry_form textarea {
 height:100px;
 width: 618px;
 float: left;
 clear: left;
}

a {
text-decoration: none;
	color:#A72C32;
}

.red {
	color:#A72C32;
}

/* SLIDER */

#slider_nav {
 padding-right: 31px;
 margin-top: 4px;
}

#slider_nav #rightbox{
 float: right;
}

#slider_nav a.textlink{
 vertical-align: baseline;
 margin: 5px 5px 0 5px;
 float: left;
 cursor: pointer;
 font-size: 16px;
}

.faq_a {
 padding-top: 10px;
}

/* PROPERTIES */

#property_name {
}



#search {
text-align: right;
}

#search select {
width:60px;
}

#list {
min-height: 500px;
}

#properties ul {
 list-style: none;
}

#properties li.title {
 list-style: none;
 color: #A72C32;
 background-color: #fff;
 height: 20px;
 width:685px;
 margin-bottom: 5px;
 float: left;
 padding-top: 2px;
 padding-left: 5px;
 padding-bottom: 2px;
}

#properties li {
 list-style: none;
 background-color: #A72C32;
 height: 20px;
 width:685px;
 margin-bottom: 5px;
 float: left;
 padding-left:5px;
 padding-top: 2px;
 padding-bottom: 2px;
}

#properties li a {
 color:#fff;
 text-decoration: none;
}

#properties li a:hover {
 color:#515151;
 text-decoration: none;
}

#properties .centre {
 text-align: center;
}

#properties .arrow {
 text-align: right;
 margin-left:10px;
}

#property_nav {

}

.floorplan {
 display: block;
 margin-left: auto;
 margin-right: auto
}

#property_nav .icons a {
  background:url(/media/images/icons.jpg);
  background-repeat: no-repeat; 
  margin-top:5px;
  padding-bottom:40px;
}

#property_nav .icons a.gallery {background-position:-19px -19px; background-repeat: no-repeat; width: 40px;}
#property_nav .icons a:hover.gallery {background-position: -19px -93px; background-repeat: no-repeat; width: 40px;  }

#property_nav .icons a.map {background-position:-55px -19px; background-repeat: no-repeat; width: 40px;}
#property_nav .icons a:hover.map {background-position: -55px -93px;  background-repeat: no-repeat; width: 40px; }

/*
a.schedule {background-position:-95px -19px;  }
a:hover.schedule {background-position: -95px -93px; }
*/

#property_nav .icons a.energy {background-position:-130px -19px;  width: 40px;}
#property_nav .icons a:hover.energy {background-position: -130px -93px; width: 40px; }

#property_nav .icons a.floorplans {background-position:-170px -19px; width: 40px;}
#property_nav .icons a:hover.floorplans {background-position: -170px -93px; width: 40px;}

#property_nav .icons a.streetview {background-position:-210px -19px;  width: 40px;}
#property_nav .icons a:hover.streetview {background-position: -210px -93px; width: 40px;}

#gallery_slide {
 margin:0; 
 padding-right:0;
}

#gallery_slide .gallery {
margin:0; 
padding:0;
}

.thumbs {
margin:0; 
padding:0; 
text-align:right;
}

.thumbs img {
margin-left:3px; margin-bottom:6px; margin-right:3px;
}

#floorplan_slide {
 margin:0; 
 padding-right:0;
}


#property_schedule a
{
  background:url(/media/images/schedule.png);
  padding-right:180px;
  padding-bottom:15px;
  width:180px;
  height:31px;
}

#property_schedule a.schedule {
background-position: 0px 0px;
width:180px;
}

#property_schedule a:hover.schedule {
background-position: 0px -41px;
width:180px;
}

#property_enquiry a
{
  background:url(/media/images/enquiry.png);
  padding-right:180px;
  padding-bottom:35px;
  width:180px;
  height:31px;
}

#property_enquiry a.enquiry {
background-position: 0px 0px;
width:180px;
}

#property_enquiry a:hover.enquiry {
background-position: 0px -58px;
width:180px;
}

#address {
padding-top:10px;
}

#hours {
padding-top:10px;
}

#footercontent {
	background-color: #fff;
	padding-bottom:20px;
}
