/* CSS Document */
/*
File	 			css/sunsetbluff.css
Version				1.00
Description			Common CSS Elements
URL					???
Copyright Notice	© Copyright Lazy Grace Ltd.
*/

/* Common */
body {
	padding: 0;
	margin: 0;
	background: url(../images/common/background_night.jpg) black top no-repeat;
	background-color: #3f3f3d;
}
#container {
	padding: 0;
	margin: 0px auto 0px auto;
	width: 865px;
	height: auto;
}
#header {
	padding: 0;
	margin: 0;
	width: 865px;
	height: 96px;
	background-image: url(../images/common/header_night.jpg);
	background-repeat: no-repeat;
}
h1, h2, h3 {
	display: none;
}

#feature {
	padding: 5px 25px 5px 25px;
	margin: 0;
	/* width: 865px; */
	width: 815px;
	/* height: 295px; */
	height: 285px;
	background-image: url(../images/common/feature_bg_night.jpg);
	background-repeat: no-repeat;
	clear: both;
}
#flash {
	padding: 0;
	margin: 0;
	width: 815px;
	height: 285px;
	background: transparent;
}
#content_container {
	padding: 0;
	margin: 0;
	width: 865px;
	height: auto;
	background-image: url(../images/common/content_container_bg_night.jpg);
	background-repeat: repeat-y;
}
#content {
	padding: 0;
	margin: 0;
	width: 865px;
	height: auto;
	background-image: url(../images/common/content_bg_night.jpg);
	background-repeat: no-repeat;
}

#left {
	padding: 0px 0px 0px 35px;
	margin: 0;
	width: 483px;
	height: auto;
	background: transparent;
	clear: left;
	float: left;
}
#right {
	padding: 0px 34px 0px 0px;
	margin: 0;
	width: 313px;
	height: auto;
	background: transparent;
	float: left;
}

.text {
	padding: 15px 27px 0px 30px;
	margin: 0;
	width: 426px;
	height: auto;
	background: transparent;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #333333;
	line-height: 1.5em;
	text-align: left;
}
.text a:link, .text a:active, .text a:visited {
	color: #333333;
	text-decoration: underline;
}
.text a:hover {
	color: #333333;
	text-decoration: none;
}
.sub_text {
	padding: 15px 30px 0px 30px;
	margin: 0;
	width: 253px;
	height: auto;
	background: transparent;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #626262;
	line-height: 1.5em;
	text-align: left;
}
.sub_text a:link, .sub_text a:active, .sub_text a:visited {
	color: #000000;
	text-decoration: none;
}
.sub_text a:hover {
	color: #000000;
	text-decoration: underline;
}
.clear {
	clear: both;
}
#footer {
	padding: 20px 0px 0px 0px;
	margin: 0px;
	width: 865px;
	height: 24px;
	background: transparent;
	clear: both;
}

.footer_links {
	padding: 0px 0px 0px 65px;
	margin: 0;
	width: 453px;
	height: 24px;
	background: transparent;
	clear: left;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #000000;
	text-align: left;
}
.footer_links a:link, .footer_links a:active, .footer_links a:visited {
	color: #646464;
	text-decoration: none;
}
.footer_links a:hover {
	color: #646464;
	text-decoration: underline;
}

div#sand {
	padding: 0;
	margin: 0;
	width: 865px;
	height: 100px;
	clear: both;
	background-image: url(../images/common/sand_night.jpg);
	background-repeat: no-repeat;
}







/* Intros */
#introduction {
	padding: 0;
	margin: 0;
	width: 483px;
	height: auto;
	background: transparent;
}
#sub_introduction {
	padding: 0;
	margin: 0;
	width: 313px;
	height: auto;
	background: transparent;
}





/* Titles */
#title_welcome {
	padding: 0;
	margin: 0;
	width: 483px;
	height: 49px;
	background-image: url(../images/titles/welcome_night.jpg);
	background-repeat: no-repeat;
}
#title_about {
	padding: 0;
	margin: 0;
	width: 483px;
	height: 49px;
	background-image: url(../images/titles/about_us_night.jpg);
	background-repeat: no-repeat;
}
#title_houses {
	padding: 0;
	margin: 0;
	width: 483px;
	height: 49px;
	background-image: url(../images/titles/houses_night.jpg);
	background-repeat: no-repeat;
}
#title_services {
	padding: 0;
	margin: 0;
	width: 483px;
	height: 49px;
	background-image: url(../images/titles/services_night.jpg);
	background-repeat: no-repeat;
}
#title_island {
	padding: 0;
	margin: 0;
	width: 483px;
	height: 49px;
	background-image: url(../images/titles/island_night.jpg);
	background-repeat: no-repeat;
}
#title_contact {
	padding: 0;
	margin: 0;
	width: 483px;
	height: 49px;
	background-image: url(../images/titles/contact_night.jpg);
	background-repeat: no-repeat;
}
#sub_title_latest_news {
	padding: 0;
	margin: 0;
	width: 313px;
	height: 49px;
	background-image: url(../images/sub_titles/news_night.jpg);
	background-repeat: no-repeat;
}
#sub_title_enq {
	padding: 0;
	margin: 0;
	width: 313px;
	height: 49px;
	background-image: url(../images/sub_titles/enq_night.jpg);
	background-repeat: no-repeat;
}
#sub_title_specs {
	padding: 0;
	margin: 0;
	width: 313px;
	height: 49px;
	background-image: url(../images/sub_titles/specs_night.jpg);
	background-repeat: no-repeat;
}








/* Nav */
.nav {
	padding: 0;
	margin: 0;
	width: 865px;
	height: 61px;
	background: transparent;
	list-style: none;
}
.left {
	padding: 0;
	margin: 0;
	width: 167px;
	height: 61px;
	clear: left;
	float: left;
	background-image: url(../images/nav/left_night.jpg);
	background-repeat: no-repeat;
}
/* Home */
.home {
	padding: 0;
	margin: 0;
	width: 81px;
	height: 61px;
	background: url('../images/nav/home_night.jpg') 0 -61px no-repeat;
	float: left;
	list-style: none;
}
.home a {
	margin: 0;
	padding: 0;
	display: block;
	width: 81px;
	height: 61px;
	background: url('../images/nav/home_night.jpg') top left no-repeat;
}
.home span {
	display: block;
	margin: 0;
	padding: 0;
}
.home a:hover {
	background-image: none;
}
.home a:active {
	color: black;
}
.home_off {
	padding: 0;
	margin: 0;
	width: 81px;
	height: 61px;
	background: url('../images/nav/home_night.jpg') 0 -122px no-repeat;
	float: left;
	list-style: none;
}

/* About */
.about_us {
	padding: 0;
	margin: 0;
	width: 90px;
	height: 61px;
	background: url('../images/nav/about_us_night.jpg') 0 -61px no-repeat;
	float: left;
	list-style: none;
}
.about_us a {
	margin: 0;
	padding: 0;
	display: block;
	width: 90px;
	height: 61px;
	background: url('../images/nav/about_us_night.jpg') top left no-repeat;
}
.about_us span {
	display: block;
	margin: 0;
	padding: 0;
}
.about_us a:hover {
	background-image: none;
}
.about_us a:active {
	color: black;
}
.about_us_off {
	padding: 0;
	margin: 0;
	width: 90px;
	height: 61px;
	background: url('../images/nav/about_us_night.jpg') 0 -122px no-repeat;
	float: left;
	list-style: none;
}

/* Houses */
.houses {
	padding: 0;
	margin: 0;
	width: 90px;
	height: 61px;
	background: url('../images/nav/houses_night.jpg') 0 -61px no-repeat;
	float: left;
	list-style: none;
}
.houses a {
	margin: 0;
	padding: 0;
	display: block;
	width: 90px;
	height: 61px;
	background: url('../images/nav/houses_night.jpg') top left no-repeat;
}
.houses span {
	display: block;
	margin: 0;
	padding: 0;
}
.houses a:hover {
	background-image: none;
}
.houses a:active {
	color: black;
}
.houses_off {
	padding: 0;
	margin: 0;
	width: 90px;
	height: 61px;
	background: url('../images/nav/houses_night.jpg') 0 -122px no-repeat;
	float: left;
	list-style: none;
}

/* Services */
.services {
	padding: 0;
	margin: 0;
	width: 90px;
	height: 61px;
	background: url('../images/nav/services_night.jpg') 0 -61px no-repeat;
	float: left;
	list-style: none;
}
.services a {
	margin: 0;
	padding: 0;
	display: block;
	width: 90px;
	height: 61px;
	background: url('../images/nav/services_night.jpg') top left no-repeat;
}
.services span {
	display: block;
	margin: 0;
	padding: 0;
}
.services a:hover {
	background-image: none;
}
.services a:active {
	color: black;
}
.services_off {
	padding: 0;
	margin: 0;
	width: 90px;
	height: 61px;
	background: url('../images/nav/services_night.jpg') 0 -122px no-repeat;
	float: left;
	list-style: none;
}

/* Island */
.island {
	padding: 0;
	margin: 0;
	width: 90px;
	height: 61px;
	background: url('../images/nav/island_night.jpg') 0 -61px no-repeat;
	float: left;
	list-style: none;
}
.island a {
	margin: 0;
	padding: 0;
	display: block;
	width: 90px;
	height: 61px;
	background: url('../images/nav/island_night.jpg') top left no-repeat;
}
.island span {
	display: block;
	margin: 0;
	padding: 0;
}
.island a:hover {
	background-image: none;
}
.island a:active {
	color: black;
}
.island_off {
	padding: 0;
	margin: 0;
	width: 90px;
	height: 61px;
	background: url('../images/nav/island_night.jpg') 0 -122px no-repeat;
	float: left;
	list-style: none;
}

/* Contact */
.contact {
	padding: 0;
	margin: 0;
	width: 90px;
	height: 61px;
	background: url('../images/nav/contact_night.jpg') 0 -61px no-repeat;
	float: left;
	list-style: none;
}
.contact a {
	margin: 0;
	padding: 0;
	display: block;
	width: 90px;
	height: 61px;
	background: url('../images/nav/contact_night.jpg') top left no-repeat;
}
.contact span {
	display: block;
	margin: 0;
	padding: 0;
}
.contact a:hover {
	background-image: none;
}
.contact a:active {
	color: black;
}
.contact_off {
	padding: 0;
	margin: 0;
	width: 90px;
	height: 61px;
	background: url('../images/nav/contact_night.jpg') 0 -122px no-repeat;
	float: left;
	list-style: none;
}

.right {
	padding: 0;
	margin: 0;
	width: 167px;
	height: 61px;
	float: left;
	background-image: url(../images/nav/right_night.jpg);
	background-repeat: no-repeat;
}

/* Lazy Grace */
.lazygrace {
	padding: 0px 34px 0px 0px;
	margin: 0;
	width: 313px;
	height: 24px;
	background: url('../images/common/lazygrace.gif') 0 -24px no-repeat;
	float: left;
	list-style: none;
}
.lazygrace a {
	margin: 0;
	padding: 0;
	display: block;
	width: 313px;
	height: 24px;
	background: url('../images/common/lazygrace.gif') top left no-repeat;
}
.lazygrace span {
	display: block;
	margin: 0;
	padding: 0;
}
.lazygrace a:hover {
	background-image: none;
}
.lazygrace a:active {
	color: black;
}

/* Switcher */
.switcher_left {
	padding: 0;
	margin: 0;
	width: 755px;
	height: 96px;
	background: transparent;
	float: left;
	clear: left;
}
.switcher_normal {
	padding: 0;
	margin: 0;
	width: 34px;
	height: 96px;
	background: url('../images/common/switcher_sun_night.jpg') 0 -96px no-repeat;
	float: left;
	list-style: none;
}
.switcher_normal a {
	margin: 0;
	padding: 0;
	display: block;
	width: 34px;
	height: 96px;
	background: url('../images/common/switcher_sun_night.jpg') top left no-repeat;
}
.switcher_normal span {
	display: block;
	margin: 0;
	padding: 0;
}
.switcher_normal a:hover {
	background-image: none;
}
.switcher_normal a:active {
	color: black;
}

.switcher_night {
	padding: 0;
	margin: 0;
	width: 34px;
	height: 96px;
	background-image: url(../images/common/switcher_sunset_night.jpg);
	background-repeat: no-repeat;
	float: left;
	list-style: none;
}
.picture_423px {
	border-style: solid;
	border-color: #999999;
	border-width: 1px;
}

/* Houses Page3 */
.text_house_left {
	padding: 0px 0px 10px 0px;
	margin: 0;
	width: 202px;
	height: auto;
	background: transparent;
	float: left;
}
.plot {
	border-style: solid;
	border-color: #999999;
	border-width: 1px;
}
.text_house_right {
	padding: 0px 0px 10px 10px;
	margin: 0;
	width: 208px;
	height: auto;
	background: transparent;
	float: left;
}

.more_info {
	padding: 0;
	margin: 0;
	width: 97px;
	height: 34px;
	background: url('../images/houses/more_info.jpg') 0 -34px no-repeat;
	float: left;
	list-style: none;
}
.more_info a {
	margin: 0;
	padding: 0;
	display: block;
	width: 97px;
	height: 34px;
	background: url('../images/houses/more_info.jpg') top left no-repeat;
}
.more_info span {
	display: block;
	margin: 0;
	padding: 0;
}
.more_info a:hover {
	background-image: none;
}
.more_info a:active {
	color: black;
}
.more_info_spacer {
	padding: 0; margin: 0; width: 326px; height: 34px; float: left;
}

/* Contact Page */

.contact_form {
	padding: 15px 30px 0px 30px;
	margin: 0;
	width: 253px;
	height: auto;
	background: transparent;
	border: 0;
}
.contact_form_fieldset {
	padding: 0;
	margin: 0;
	width: 253px;
	height: auto;
	background: transparent;
	border: 0;
}
.contact_form_name_div {
	padding: 0;
	margin: 0;
	width: 253px;
	height: 39px;
	background: transparent;
	background-image: url(../images/contact/name.jpg);
	background-repeat: no-repeat;
}
.contact_form_email_div {
	padding: 0;
	margin: 0;
	width: 253px;
	height: 39px;
	background: transparent;
	background-image: url(../images/contact/email.jpg);
	background-repeat: no-repeat;
}
.contact_form_tel_div {
	padding: 0;
	margin: 0;
	width: 253px;
	height: 39px;
	background: transparent;
	background-image: url(../images/contact/tel.jpg);
	background-repeat: no-repeat;
}
.contact_form_enq_div {
	padding: 0;
	margin: 0;
	width: 253px;
	height: 139px;
	background: transparent;
	background-image: url(../images/contact/enq.jpg);
	background-repeat: no-repeat;
}
.label {
	padding: 0;
	margin: 0;
	width: 70px;
	height: 39px;
	background: transparent;
	float: left;
}
.label_big {
	padding: 0;
	margin: 0;
	width: 253px;
	height: 30px;
	background: transparent;
	float: left;
}
.field {
	margin: 12px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 160px;
	height: 19px;
	background: transparent;
	border: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #333333;
}
.bigfield {
	margin: 5px 0px 0px 16px;
	padding: 0px 0px 0px 0px;
	width: 221px;
	height: 90px;
	background: transparent;
	border: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #333333;
}
.button_div {
	padding: 0;
	margin: 0;
	width: 253px;
	height: 34px;
	background: transparent;
	text-align: right;
}