/*======================================
      WELCOME TO THE STYLESHEET
--------------------------------------      
     Copyright Mike Crittenden
      Author: Mike Crittenden
======================================*/
 
/**************************************\
|------------COLOR SCHEME--------------|
|--------------------------------------|
- black		#000
- white		#fff
- background    #858965
\**************************************/

/**************************************/
/*              GLOBALS               */
/**************************************/
body{ background: #858965 url(../img/background.png) no-repeat top center; padding: 0; margin: 0; }
.box{ padding:1em; }
.box-side{ padding: 0 1em; }
.container{ padding: 0; }
.negative-indent{ text-indent: -9999px; }
.nobullets{ list-style: none; }

/**************************************/
/*              HEADER                */
/**************************************/
#Header{ height: 110px; 
	 background: #f7fadc url(../img/header.png) no-repeat top center; 
       }

/**************************************/
/*             NAVIGATION             */
/**************************************/
#Navigation{ height: 80px; #f7fadc; }

.menu{ float: left; display: inline;  height: 80px; }
a.menu_home, a.menu_home:hover, a.menu_2sld, a.menu_2sld:hover,
a.menu_2st, a.menu_2st:hover, a.menu_developer, a.menu_developer:hover,
a.menu_features, a.menu_features:hover, a.menu_location, a.menu_location:hover,
a.menu_contact, a.menu_contact:hover 
{ display: block; text-indent: -9999px; overflow: hidden; height: 80px; }

a.menu_home{ background: transparent url(../img/menu.png) 0px 0px no-repeat; width: 139px; }
a.menu_home:hover{ background: transparent url(../img/menu.png) 0px -700px no-repeat; width: 139px; }

a.menu_2sld{ background: transparent url(../img/menu.png) 0px -100px no-repeat; width: 137px; }
a.menu_2sld:hover{ background: transparent url(../img/menu.png) 0px -800px no-repeat; width: 137px; }

a.menu_2st{ background: transparent url(../img/menu.png) 0px -200px no-repeat; width: 132px; }
a.menu_2st:hover{ background: transparent url(../img/menu.png) 0px -900px no-repeat; width: 132px; }

a.menu_features{ background: transparent url(../img/menu.png) 0px -300px no-repeat; width: 129px; }
a.menu_features:hover{ background: transparent url(../img/menu.png) 0px -1000px no-repeat; width: 129px; }

a.menu_location{ background: transparent url(../img/menu.png) 0px -400px no-repeat; width: 129px; }
a.menu_location:hover{ background: transparent url(../img/menu.png) 0px -1100px no-repeat; width: 129px; }

a.menu_developer{ background: transparent url(../img/menu.png) 0px -500px no-repeat; width: 139px; }
a.menu_developer:hover{ background: transparent url(../img/menu.png) 0px -1200px no-repeat; width: 139px; }

a.menu_contact{ background: transparent url(../img/menu.png) 0px -600px no-repeat; width: 145px; }
a.menu_contact:hover{ background: transparent url(../img/menu.png) 0px -1300px no-repeat; width: 145px; }

/**************************************/
/*            MAIN CONTENT            */
/**************************************/
#Content{ background: #f7fadc; padding-top: 1em; min-height: 350px; }

/* index booking/enquiry buttons*/
#IndexButtons{ padding-top: 2em; text-align: center; }

a.button_booking, a.button_booking:hover,
a.button_enquiry, a.button_enquiry:hover,
a.button_ground, a.button_ground:hover,
a.button_first, a.button_first:hover
{ display: block; text-indent: -9999px; overflow: hidden; height: 40px; float: left;}

a.button_booking{ background: transparent url(../img/buttons.png) 0px -200px no-repeat; width: 201px;
		  left: 256px;
		}
a.button_booking:hover{ background: transparent url(../img/buttons.png) 0px -0px no-repeat; width: 201px; }

a.button_enquiry{ background: transparent url(../img/buttons.png) 0px -300px no-repeat; width: 201px;
		  left: 256px;
		}
a.button_enquiry:hover{ background: transparent url(../img/buttons.png) 0px -100px no-repeat; width: 201px; }

a.button_ground{ background: transparent url(../img/buttons-floorplans.png) 0px -200px no-repeat; width: 201px; left: 90px; }
a.button_ground:hover{ background: transparent url(../img/buttons-floorplans.png) 0px -000px no-repeat; width: 201px; }

a.button_first{ background: transparent url(../img/buttons-floorplans.png) 0px -300px no-repeat; width: 201px; left: 90px; }
a.button_first:hover{ background: transparent url(../img/buttons-floorplans.png) 0px -100px no-repeat; width: 201px; }

/* Cycle Slideshow */
.cycleslideshow { height: 252px; width: 550px; padding: 0; margin: 0 auto; border: 1px solid #ccc;} 
.cycleslideshow img { padding: 15px; width: 518px; height: 220px; top:  0; left: 0 }

/* houses info */
dl.house-info{ width: 330px; padding: 10px; font-size: 12px; }
dl.house-info dt{ float: left; width: 95px; clear: both; text-align: right; margin-top: 0; margin-bottom: 1em; border-top: 1px solid #ddd; padding-top: 1em; color: #555; background: #dcde8a; padding-right: 5px; }
dl.house-info dd{ float: left; width: 210px; padding-left: 20px; margin-top: 0; margin-bottom: 1em; border-top: 1px solid #ddd; padding-top: 1em; font-weight: bold; }

/* form */
dl.form{ width: 340px; padding: 5px; font-size: 12px; border: 1px solid #ccc;}
dl.form dt{ float: left; width: 100px; clear: both; text-align: right; margin-top: 0; margin-bottom: 1em; border-top: 1px solid #ddd; padding-top: 1em; color: #000; padding-right: 5px; }
dl.form dd{ float: left; width: 200px; padding-left: 20px; margin-top: 0; margin-bottom: 1em; border-top: 1px solid #ddd; padding-top: 1em; font-weight: bold; }
dl.form label{ text-transform: capitalize;  }

/* sales */
dl.sales dt{ margin-bottom: 0; margin-top: 0.2em;}
dl.sales dd{ text-indent: 1em; margin-bottom: 0; }

/* Contact page */
#ContactLeft{ background: #fff; border: 1px solid #ccc; padding: 5px; }
#ContactRight{ }

/* tables */
/* no border for table (fancy) td/th */
table, td, th{ border: 0 none; }
/* status tables */
table.status{ border: 1px solid #ccc; background: transparent; width: 555px; }
table.status th{ background: #dcde8a; }
table.status th.r-border{ border-right: 1px solid #ccc; }
table.status td{ font-weight: bold; text-align: right; }
table.status .sold{ color: #ae0822; text-align: left; border-right: 1px solid #ccc; }
table.status .booked{ color: #858965; text-align: left; border-right: 1px solid #ccc; }
table.status .available{ color: #456382; text-align: left; border-right: 1px solid #ccc; }

/* features */
img.features{ width: 560px; height: 260px; }

/* form messages */
form.feedback{ }
form.feedback label { width: 10em; float: left; }
form.feedback label.error { float: none; color: red; padding-left: .5em; vertical-align: top; }
form.feedback p { clear: both; }
form.feedback .submit { margin-left: 12em; }
form.feedback em { font-weight: bold; padding-right: 1em; vertical-align: top; }

/**************************************/
/*               FOOTER               */
/**************************************/
#Footer{ background: transparent url(../img/footer.png) no-repeat;  padding-top: 2em; text-align: center; color: #ddd; }
#Footer a{ color: #fff; font-weight: bold; text-decoration: none; }