/* CSS Document */
/*
File	 			css/common.css
Version				1.00
Description			Common CSS Elements
URL					www.primepropertyventures.co.uk
Copyright Notice	© Copyright Lazy Grace Ltd.
*/

/* Formatting */

.body {
	padding: 0;
	margin: 0;
	background-color: #585e61;
	background-image: url(../images/common/bg.gif);
	background-repeat: repeat-x;
}
.body_200px {
	padding: 0;
	margin: 0;
	background-color: #585e61;
	background-image: url(../images/common/bg_200px.gif);
	background-repeat: repeat-x;
}
div#site {
	padding: 0;
	margin: 0px auto 0px auto;
	width: 900px;
	height: auto;
	background-color: #585e61;
	background-image: url(../images/common/site_bg.gif);
	background-repeat: repeat-y;
}
div#top {
	padding: 0px 50px 0px 50px;
	margin: 0;
	width: 800px;
	height: 20px;
	background-image: url(../images/common/top.jpg);
	background-repeat: no-repeat;
}
div#header_top {
	padding: 0;
	margin: 0;
	width: 900px;
	height: 45px;
	background: transparent;
	background-image: url(../images/common/header_top.gif);
}
div#header_top_left {
	padding: 0;
	margin: 0;
	width: 626px;
	height: 45px;
	background-image: url(../images/common/header_top_left.gif);
	background-repeat: no-repeat;
	clear: left;
	float: left;
}
div#header_top_email {
	margin: 0; padding: 0; width: 201px; height: 45px; background: url('../images/common/header_email.gif') 0 -45px no-repeat; float: left;
}
div#header_top_email a {
	margin: 0; padding: 0; display: block; width: 201px; height: 45px; background: url('../images/common/header_email.gif') top left no-repeat;
}
div#header_top_email span {
	display: block; margin: 0; padding: 0;
}
div#header_top_email a:hover {
	background-image: none;
}
div#header_top_email a:active {
	color: black;
}
div#header_top_right {
	padding: 0;
	margin: 0;
	width: 73px;
	height: 45px;
	background-image: url(../images/common/header_top_right.gif);
	background-repeat: no-repeat;
	float: left;
}
div#header_bottom {
	padding: 0;
	margin: 0;
	width: 900px;
	height: 73px;
	background-image: url(../images/common/header_bottom.gif);
	background-repeat: no-repeat;
}
div#nav {
	padding: 0px 50px 0px 50px;
	margin: 0;
	width: 800px;
	height: 32px;
	background: transparent;
}
div#featured {
	padding: 0px 50px 0px 50px;
	margin: 0;
	width: 800px;
	height: 300px;
	background-image: url(../images/common/feature_bg.gif);
	background-repeat: repeat-y;
}
div#featured_200px {
	padding: 0px 50px 0px 50px;
	margin: 0;
	width: 800px;
	height: 200px;
	background-image: url(../images/common/feature_bg.gif);
	background-repeat: repeat-y;
}
div#featured_nav {
	padding: 0px 50px 0px 50px;
	margin: 0;
	width: 800px;
	height: 30px;
	background-image: url(../images/common/feature_bg.gif);
	background-repeat: repeat-y;
}
div#content_home_page {
	padding: 0px 50px 0px 50px;
	margin: 0;
	width: 800px;
	height: auto;
	background-image: url(../images/common/content_bg.gif);
	background-repeat: repeat-y;
}
div#footer {
	padding: 0px 50px 0px 50px;
	margin: 0;
	width: 800px;
	height: 120px;
	background-image: url(../images/common/footer_bg.gif);
	background-repeat: no-repeat;
	clear: both;
}
div#footer_left {
	padding: 30px 0px 0px 0px;
	margin: 0;
	width: 650px;
	/* Total Height = 120px */
	height: 90px;
	background: transparent;
	clear: left;
	float: left;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #d5d5d5;
	line-height: 1.3em;
}
div#footer_left a:link, div#footer_left a:active, div#footer_left a:visited {
	color: #afafaf;
	text-decoration: none;	
}
div#footer_left a:hover {
	color: #d5d5d5;
	text-decoration: none;	
}
div#footer_right {
	padding: 0; margin: 20px 0px 0px 0px; width: 150px; height: 25px; background: url('../images/common/lazygrace.gif') 0 -25px no-repeat; float: left;
}
div#footer_right a {
	margin: 0; padding: 0; display: block; width: 150px; height: 25px; background: url('../images/common/lazygrace.gif') top left no-repeat;
}
div#footer_right span {
	display: block; margin: 0; padding: 0;
}
div#footer_right a:hover {
	background-image: none;
}
div#footer_right a:active {
	color: black;
}



.content {
	padding: 0px 0px 0px 30px;
	margin: 0;
	width: 520px;
	height: auto;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #000000;
	line-height: 1.5em;
}
.content a:link, .content a:active, .content a:visited {
	color: #8B8F65;
	text-decoration: none;	
}
.content a:hover {
	color: #FFFFFF;
	text-decoration: none;	
}
.sub_content {
	padding: 0px 0px 0px 30px;
	margin: 0;
	width: 240px;
	height: auto;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #000000;
	line-height: 1.5em;
}
.sub_content a:link, .sub_content a:active, .sub_content a:visited {
	color: #8B8F65;
	text-decoration: none;	
}
.sub_content a:hover {
	color: #FFFFFF;
	text-decoration: none;	
}

.sub_content2 {
	padding: 0px 0px 0px 30px;
	margin: 0;
	width: 180px;
	height: auto;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #000000;
	line-height: 1.5em;
	text-align: left;
}
.sub_content2 a:link, .sub_content a:active, .sub_content a:visited {
	color: #8B8F65;
	text-decoration: none;	
}
.sub_content2 a:hover {
	color: #FFFFFF;
	text-decoration: none;	
}

div#clear {
	padding: 0;
	margin: 0;
	width: auto;
	height: auto;
	clear: both;
}



/* Nav */
div#nav_left {
	padding: 0;
	margin: 0;
	width: 464px;
	height: 32px;
	background-image: url(../images/nav/left_new.gif);
	background-repeat: no-repeat;
	clear: left;
	float: left;
}

div#nav_home_page {
	padding: 0; margin: 0; width: 56px; height: 32px; background: url('../images/nav/home.gif') 0 -32px no-repeat; float: left;
}
div#nav_home_page a {
	margin: 0; padding: 0; display: block; width: 56px; height: 32px; background: url('../images/nav/home.gif') top left no-repeat;
}
div#nav_home_page span {
	display: block; margin: 0; padding: 0;
}
div#nav_home_page a:hover {
	background-image: none;
}
div#nav_home_page a:active {
	color: black;
}

div#nav_about_us {
	padding: 0; margin: 0; width: 75px; height: 32px; background: url('../images/nav/about_us.gif') 0 -32px no-repeat; float: left;
}
div#nav_about_us a {
	margin: 0; padding: 0; display: block; width: 75px; height: 32px; background: url('../images/nav/about_us.gif') top left no-repeat;
}
div#nav_about_us span {
	display: block; margin: 0; padding: 0;
}
div#nav_about_us a:hover {
	background-image: none;
}
div#nav_about_us a:active {
	color: black;
}


div#nav_our_developments {
	padding: 0; margin: 0; width: 125px; height: 32px; background: url('../images/nav/our_developments.gif') 0 -32px no-repeat; float: left;
}
div#nav_our_developments a {
	margin: 0; padding: 0; display: block; width: 125px; height: 32px; background: url('../images/nav/our_developments.gif') top left no-repeat;
}
div#nav_our_developments span {
	display: block; margin: 0; padding: 0;
}
div#nav_our_developments a:hover {
	background-image: none;
}
div#nav_our_developments a:active {
	color: black;
}


div#nav_latest_news {
	padding: 0; margin: 0; width: 54px; height: 32px; background: url('../images/nav/news.gif') 0 -32px no-repeat; float: left;
}
div#nav_latest_news a {
	margin: 0; padding: 0; display: block; width: 54px; height: 32px; background: url('../images/nav/news.gif') top left no-repeat;
}
div#nav_latest_news span {
	display: block; margin: 0; padding: 0;
}
div#nav_latest_news a:hover {
	background-image: none;
}
div#nav_latest_news a:active {
	color: black;
}


div#nav_contact_us {
	padding: 0; margin: 0; width: 84px; height: 32px; background: url('../images/nav/contact_us.gif') 0 -32px no-repeat; float: left;
}
div#nav_contact_us a {
	margin: 0; padding: 0; display: block; width: 84px; height: 32px; background: url('../images/nav/contact_us.gif') top left no-repeat;
}
div#nav_contact_us span {
	display: block; margin: 0; padding: 0;
}
div#nav_contact_us a:hover {
	background-image: none;
}
div#nav_contact_us a:active {
	color: black;
}

div#nav_right {
	padding: 0;
	margin: 0;
	width: 17px;
	height: 32px;
	background-image: url(../images/nav/right.gif);
	background-repeat: no-repeat;
	float: left;
}
/* End Nav */




/* Featured Nav */
div#featured_nav_title_bar {
	padding: 0;
	margin: 0;
	width: 682px;
	height: 30px;
	background-image: url(../images/featured_nav/bg.gif);
	background-repeat: repeat-x;
	clear: left;
	float: left;
}
div#featured_nav_learn_more_button {
	padding: 0; margin: 0; width: 118px; height: 30px; background: url('../images/featured_nav/learn_more.gif') 0 -30px no-repeat; float: left;
}
div#featured_nav_learn_more_button a {
	margin: 0; padding: 0; display: block; width: 118px; height: 30px; background: url('../images/featured_nav/learn_more.gif') top left no-repeat;
}
div#featured_nav_learn_more_button span {
	display: block; margin: 0; padding: 0;
}
div#featured_nav_learn_more_button a:hover {
	background-image: none;
}
div#featured_nav_learn_more_button a:active {
	color: black;
}
/* End Featured Nav */

/* Development Overview Page */
div#featured_developments {
	padding: 0px 50px 0px 50px;
	margin: 0;
	width: 800px;
	height: 330px;
	background-image: url(../images/common/feature_bg.gif);
	background-repeat: repeat-y;
}
div#left {
	padding: 0;
	margin: 0;
	width: 550px;
	height: auto;
	background: transparent;
	float: left;
	clear: left;
}
div#right {
	padding: 0;
	margin: 0;
	width: 250px;
	height: auto;
	background: transparent;
	float: left;
}
div#button_overview {
	padding: 0; margin: 0px 0px 0px 138px; width: 112px; height: 19px; background: url('../images/developments/butt_overview.gif') 0 -19px no-repeat;
}
div#button_overview a {
	margin: 0; padding: 0; display: block; width: 112px; height: 19px; background: url('../images/developments/butt_overview.gif') top left no-repeat;
}
div#button_overview span {
	display: block; margin: 0; padding: 0;
}
div#button_overview a:hover {
	background-image: none;
}
div#button_overview a:active {
	color: black;
}

div#button_gallery {
	padding: 0; margin: 0px 0px 0px 138px; width: 112px; height: 19px; background: url('../images/developments/butt_gallery.gif') 0 -19px no-repeat;
}
div#button_gallery a {
	margin: 0; padding: 0; display: block; width: 112px; height: 19px; background: url('../images/developments/butt_gallery.gif') top left no-repeat;
}
div#button_gallery span {
	display: block; margin: 0; padding: 0;
}
div#button_gallery a:hover {
	background-image: none;
}
div#button_gallery a:active {
	color: black;
}

div#button_plans {
	padding: 0; margin: 0px 0px 0px 138px; width: 112px; height: 19px; background: url('../images/developments/butt_plans.gif') 0 -19px no-repeat;
}
div#button_plans a {
	margin: 0; padding: 0; display: block; width: 112px; height: 19px; background: url('../images/developments/butt_plans.gif') top left no-repeat;
}
div#button_plans span {
	display: block; margin: 0; padding: 0;
}
div#button_plans a:hover {
	background-image: none;
}
div#button_plans a:active {
	color: black;
}

/* Development Gallery */
.gallery_left {
	padding: 0;
	margin: 0;
	width: 30px;
	height: 70px;
	background: transparent;
	float: left;
}
.gallery {
	padding: 0;
	margin: 0;
	width: 98px;
	height: 68px;
	background: transparent;
	float: left;
	border-color: #333333;
	border-style: solid;
	border-width: 1px;
}
.gallery_sep {
	padding: 0;
	margin: 0;
	width: 5px;
	height: 30px;
	background: transparent;
	float: left;
}
.clear2 {
	padding: 0;
	margin: 0;
	width: auto;
	height: 5px;
	clear: both;
}
.clear3 {
	padding: 0;
	margin: 0;
	width: auto;
	height: 1px;
	clear: both;
}
.label_left {
	padding: 0;
	margin: 0;
	width: 30px;
	height: 10px;
	background: transparent;
	float: left;
}
.label {
	padding: 0;
	margin: 0px 0px 5px 0px;
	width: 100px;
	height: 10px;
	background: transparent;
	float: left;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #000000;
	text-align: center;
}
.label_sep {
	padding: 0;
	margin: 0;
	width: 5px;
	height: 10px;
	background: transparent;
	float: left;
}



/* Contacts Page */
div#featured_contact {
	padding: 0px 50px 0px 50px;
	margin: 0;
	width: 800px;
	height: 200px;
	background-image: url(../images/common/feature_bg.gif);
	background-repeat: repeat-y;
}
div#contact_details {
	padding: 0;
	margin: 0;
	width: 345px;
	height: auto;
	background: transparent;
	float: left;
	clear: left;
}
.contact_content {
	padding: 0px 0px 0px 30px;
	margin: 0;
	width: 315px;
	height: auto;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #000000;
	line-height: 1.5em;
}
.contact_content a:link, .contact_content a:active, .contact_content a:visited {
	color: #8B8F65;
	text-decoration: none;	
}
.contact_content a:hover {
	color: #FFFFFF;
	text-decoration: none;	
}
div#map {
	padding: 0;
	margin: 0;
	width: 425px;
	height: auto;
	background: transparent;
	float: left;
}
.map_border {
	border-color: #666666;
	border-style: solid; 
	border-width: 1px;
}
.map_link_text {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #000000;
	text-align: right;
	text-decoration: underline;
}
.map_link_text a:link, .map_link_text a:active, .map_link_text a:visited {
	color: #afafaf;
	text-decoration: none;	
}




/* James 3 amended mailing list styles */
.sub_content_mailing_list {
	padding: 0px 0px 0px 0px;
	margin: 0;
	width: 180px;
	height: auto;
	text-align: left;
}
.mailing_list_form {
	padding: 0;
	margin: 0;
	width: 180px;
	height: auto;
	background: transparent;
	border: 0;
}
.mailing_list_fieldset {
	padding: 0;
	margin: 0;
	width: 180px;
	height: auto;
	border: 0;
	background: transparent;
}
.mailing_list_fieldset_div {
	padding: 0;
	margin: 0;
	width: 180px;
	height: auto;
	background: transparent;
}
.mailing_list_label {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 10px 0px;
	width: 240px;
	height: auto;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #000000;
	line-height: 1.5em;
}
.mailing_list_field {
	padding: 0;
	margin: 10px 0px 0px 0px;
	width: 140px;
	height: 18px;
	background-color: #FFFFFF;
	border-style: solid;
	border-color: #666666;
	border-width: 1px;
}
.mailing_list_button {
	padding: 0;
	margin: 0px 0px 0px 2px;
	width: 30px;
	height: 18px;
	background-color: #999999;
	border-style: solid;
	border-color: #999999;
	border-width: 1px;
}
