@charset "utf-8";
/* CSS Document */
* {margin:0; padding:0;}

body {
font-size: 62.5%;
text-align: center; /* center for ie */
margin: 0;
padding: 0;
/* background-color: #d1e8f4; */
background: #e4f0e1 url(null) fixed no-repeat;
}

P {
font-size: 1.2em;
}
h1 {
font-size: 2.8em;
}
h2 {
font-size: 2.2em;
}
.clear {
display: block;
height:1px;
clear:both;
margin: 0;
} 
/* Page Structures -------------------------------------*/
/* Page Header -----------------------------------------*/
#headercontainer {
background: #fff url(images/bg_shaddow.jpg);
background-position: top center;
background-repeat: repeat-y;
width: 976px;
margin-top: 0;
padding-top: 0;
margin-right: auto;
margin-left: auto;
margin-bottom: 0;
clear: both;
}

#header {
width: 954px;
position: relative;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
padding: 0;
min-height: 100px;
text-align: left;
}

* html #header{height: 100px;}
#header h1 {position: absolute; left: 0px; top: 0px;}

#logocontainer {
float: left;
width: 301px;
height: 80px;
margin-top: 15px;
margin-left: 20px;
}
#tagcontainer {
float: right;
width: 425px;
margin: 75px 25px 0 0;
}
#navcontainer {
text-align: center;
margin-right: auto;
margin-left: auto;
width: 954px;
height: 42px;
}
/* Page Body ---------------------------------------------------*/
#bodycontainer {
background: #fff url(images/bg_shaddow.jpg);
background-position: top center;
background-repeat: repeat-y;
width: 976px;
border-top: 1px;
margin-top: 0;
padding-top: 0;
margin-right: auto;
margin-left: auto;
margin-bottom: 0;
clear: both;
}
#pagebody {
width: 954px;
background: #dbdbdb;
margin-top: 0;
margin-right: auto;
margin-left: auto;
padding: 0;
}

#leftcol {
float: left;
width: 236px;
margin-top: 0;
margin-left: 0;
}

#rightcol {
width: 718px;
float: left;
margin: 0;
padding: 0;
text-align: left;
background: #fff;
}

.rightspace {
height: 400px;
min-height: 400px;
}
/* ----Footer -------------------------------------------------*/
#footercontainer {
background: #fff url(images/bg_shaddow.jpg);
background-position: top center;
background-repeat: repeat-y;
width: 976px;
border-top: 1px;
margin-top: 0;
padding-top: 0;
margin-right: auto;
margin-left: auto;
margin-bottom: 0;
clear: both;
}
#footer {
background-color: #4ba948;
width: 954px;
margin-top: 0;
margin-right: auto;
margin-left: auto;
}
/* Logo -----------------------*/
#header #logo { 
position: relative;
overflow: hidden;
margin: 0;
padding: 0;
width: 301px; 
height: 80px;
}
#header #logo span {
display: block;
position:absolute;
left: 0;
top: 0;
z-index: 1;
width: 301px;
height: 80px;
margin: 0;
padding: 0;
background: url("images/logo.jpg") top left no-repeat;
cursor: pointer;
overflow: hidden;
}
#header #logo a {
position: static;
display: block;
height: 301px;
height: 80px;
white-space: normal;
color: #339933;
}
#header #tagline { 
position: relative;
overflow: hidden;
margin: 0;
padding: 0;
width: 425px; 
height: 20px;
}
#header #tagline span {
display: block;
position:absolute;
left: 0;
top: 0;
z-index: 1;
width: 425px;
height: 20px;
margin: 0;
padding: 0;
background: url("images/tagline.jpg") top left no-repeat;
cursor: text;
overflow: hidden;
}
#header #tagcontainer p {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 1.8em;
color: #339933;
}
/* --- Global Navigation --------------------------------------------------*/
#nav {
width: 954px;
height: 38px;
position: relative;
background: url(images/menu.jpg);
margin: 0;
padding: 0;
}
#nav ul {
list-style: none;
margin: 0;
padding: 0;
text-align: center;
}

#nav li {
float: left;
}

#nav li a {
position: absolute;
top: 0;
margin: 0;
padding: 0;
display: block;
height: 38px;
background: url(images/menu.jpg) no-repeat;
text-indent: -9999px;
overflow: hidden;
font-size: 1%;
}
li#nav_hom a {
left: 0;
width: 133px;
background-position: 0 0;
}
li#nav_hom a:hover {
background-position: 0 -38px;
}
#body_hom li#nav_hom a {
background-position: 0 -76px;
}
li#nav_about a {
left: 133px;
width: 137px;
background-position: -133px 0;
}
li#nav_about a:hover {
background-position: -133px -38px;
}
#body_about li#nav_about a {
background-position: -133px -76px;
}
li#nav_areas a {
left: 270px;
width: 136px;
background-position: -270px 0;
}
li#nav_areas a:hover {
background-position: -270px -38px;
}
#body_areas li#nav_areas a {
background-position: -270px -76px;
}
li#nav_social a {
left: 406px;
width: 136px;
background-position: -406px 0;
}
li#nav_social a:hover {
background-position: -406px -38px;
}
#body_social li#nav_social a {
background-position: -406px -76px;
}
li#nav_site a {
left: 542px;
width: 138px;
background-position: -542px 0;
}
li#nav_site a:hover {
background-position: -542px -38px;
}
#body_site li#nav_site a {
background-position: -542px -76px;
}
li#nav_val a {
left: 680px;
width: 136px;
background-position: -680px 0;
}
li#nav_val a:hover {
background-position: -680px -38px;
}
#body_val li#nav_val a {
background-position: -680px -76px;
}
li#nav_cont a {
left: 816px;
width: 138px;
background-position: -816px 0;
}
li#nav_cont a:hover {
background-position: -816px -38px;
}
#body_cont li#nav_cont a {
background-position: -816px -76px; 
}
/*----------- Featured Developments -home page ---------------*/
.currentdev {
text-align: left;
background-image: url(images/current_dev_roll.jpg); 
background-repeat: no-repeat;
height: 250px; 
width: 236px; 
display: block; 
padding: 0 0 0 0;
}
.currentdev a#currentdevroll { 
background-image: url(images/current_dev.jpg); 
height: 250px; 
width: 236px; 
display: block; 
}
.currentdev a#currentdevroll span { 
display: none; 
}
.currentdev a#currentdevroll:hover { 
background-image:url(images/current_dev_roll.jpg); 
}

.currentdevcontent {
text-align: left;
background-image: url(images/current_dev__sml_roll.jpg); 
background-repeat: no-repeat;
height: 40px; 
width: 236px; 
display: block; 
padding: 0 0 0 0;
}

.currentdevcontent a#currentdev_small_roll {
background-image: url(images/current_dev_sml.jpg); 
background-repeat: no-repeat;
height: 40px; 
width: 236px; 
display: block; 
}
.currentdevcontent a#currentdev_small_roll span { 
display: none; 
}
.currentdevcontent a#currentdev_small_roll:hover { 
background-image:url(images/current_dev_sml_roll.jpg); 
}

.ftdev {
width: 185px;
padding: 25px 0 0 20px;
text-align: left;
margin-left: 0;
margin-right: auto;
}
.ftdev h2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 1.9em;
font-weight: bold;
color: #464646;
text-align: left;
padding-bottom: 15px; 
}
.ftdev h3 {
font-family: Arial, Helvetica, sans-serif;
font-size: 1.7em;
font-weight: bold;
color: #464646;
text-align: left;
padding-bottom: 15px; 
}
.ftdev p {
font-family: Arial, Helvetica, sans-serif;
font-size: 1.3em;
font-weight: normal;
color: #464646;
text-align: left;
padding-bottom: 10px;
line-height: 1.4em;
}
.ftdev span {
font-weight: bold;
}

.ftdev a:link, .ftdev a:visited {
color: #464646;
}
.ftdev img {
border: none;
}
/*--- Development Page Style ---------------------------------------*/
.devimage {
width: 250px;
float: left;
padding-right: 75px;
}
.devimage img {
border: solid 1px #ccc;
padding: 5px;
}
.devfloorplan {
width: 175px;
float: left;
padding-right: 25px;
}
.devfloorplan img {
border: solid 1px #ccc;
padding: 5px;
}
/* ----------- Content Images --------------------------------------*/
.imagecontainer {
width: 715px;
text-align: center;
margin-top: 0;
margin-bottom: 0;
margin-right: auto;
margin-left: 0;
padding: 0 0 0 3px;
}

.affordable {
text-align: left;
float: left;
background-image: url(images/affordable_housing2_roll.jpg); 
background-repeat: no-repeat;
height: 250px; 
width: 236px; 
display: block; 
padding-right: 2px;
}
.affordable a#affordableroll { 
background-image: url(images/affordable_housing2.jpg); 
height: 250px; 
width: 236px; 
display: block; 
}
.affordable a#affordableroll span { 
display: none; 
}
.affordable a#affordableroll:hover { 
background-image:url(images/affordable_housing2_roll.jpg); 
}
.smallaffordable {
text-align: left;
float: left;
background-image: url(images/affordable_housing_sml_roll.jpg); 
background-repeat: no-repeat;
height: 39px; 
width: 236px; 
display: block; 
padding-right: 2px;
}
.smallaffordable a#affordable_sml_roll { 
background-image: url(images/affordable_housing_sml.jpg); 
height: 39px; 
width: 236px; 
display: block; 
}
.smallaffordable a#affordable_sml_roll span { 
display: none; 
}
.smallaffordable a#affordable_sml_roll:hover { 
background-image:url(images/affordable_housing_sml_roll.jpg); 
}

.community {
text-align: left;
float: left;
background-image: url(images/community_regen_roll.jpg); 
background-repeat: no-repeat;
height: 250px; 
width: 236px; 
display: block; 
padding-right: 2px;
}
.community a#communityroll { 
background-image: url(images/community_regen.jpg); 
height: 250px; 
width: 236px; 
display: block; 
}
.community a#communityroll span { 
display: none; 
}
.community a#communityroll:hover { 
background-image:url(images/community_regen_roll.jpg); 
}
.smallcommunity {
text-align: left;
float: left;
background-image: url(images/community_regeneration_sml_roll.jpg); 
background-repeat: no-repeat;
height: 39px; 
width: 236px; 
display: block; 
padding-right: 2px;
}
.smallcommunity a#community_sml_roll { 
background-image: url(images/community_regeneration_sml.jpg); 
height: 39px; 
width: 236px; 
display: block; 
}
.smallcommunity a#community_sml_roll span { 
display: none; 
}
.smallcommunity a#community_sml_roll:hover { 
background-image:url(images/community_regeneration_sml_roll.jpg); 
}


.training {
text-align: left;
float: left;
background-image: url(images/local_training2_roll.jpg); 
background-repeat: no-repeat;
height: 250px; 
width: 235px; 
display: block; 
padding-right: 2px;
}
.training a#trainingroll { 
background-image: url(images/local_training2.jpg); 
height: 250px; 
width: 235px; 
display: block; 
}
.training a#trainingroll span { 
display: none; 
}
.training a#trainingroll:hover { 
background-image:url(images/local_training2_roll.jpg); 
}
.smalltraining {
text-align: left;
float: left;
background-image: url(images/local_training__sml_roll.jpg); 
background-repeat: no-repeat;
height: 39px; 
width: 235px; 
display: block; 
padding-right: 2px;
}
.smalltraining a#training_sml_roll { 
background-image: url(images/local_training_sml.jpg); 
height: 39px; 
width: 235px; 
display: block; 
}
.smalltraining a#training_sml_roll span { 
display: none; 
}
.smalltraining a#training_sml_roll:hover { 
background-image:url(images/local_training_sml_roll.jpg); 
}

/* --- Content / Text ----------------------------------------------*/

#text {
width: 675px;
text-align: left;
padding: 30px 0 15px 10px;
letter-spacing: normal;
margin: 0;
}
#text h1 {
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
color: #339933;
line-height: 2.0em;
}
#text h2 {
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
padding-bottom: 15px;
margin: 0;
color: #339933;
line-height: 2.0em;
font-size: 1.9em;
}
#text h3 {
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
padding-bottom: 15px;
margin: 0;
color: #339933;
line-height: 2.0em;
font-size: 1.9em;
}
#text h4 {
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
padding-bottom: 15px;
margin: 0;
color: #339933;
line-height: 2.0em;
font-size: 1.9em;
}
#text h5 {
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
padding-bottom: 15px;
margin: 0;
color: #339933;
line-height: 2.2em;
font-size: 1.9em;
}
#text p {
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 1.3em;
margin-bottom: 15px;
color: #000;
line-height: 1.4em;
/* letter-spacing: 0.1em; */
}
#text span {
font-weight: bold;
}

#text ul {
list-style: disc;
margin-bottom: 25px;
}
#text li {
font-family: Arial, Helvetica, sans-serif;
font-size: 1.2em;
color: #000;
font-weight: normal;
margin: 0 0 5px 65px;
padding: 0;
line-height: 1.6em;
}   
.images {
width: 675px;
text-align: left;
}
.images img {
padding-right: 15px;
}
.homespace {
min-height: 10px;
height: 10px;
}
.valspace {
min-height: 16px;
height: 16px;
}
.aboutspace {
min-height: 306px;
height: 306px;
}
.areaspace {
min-height: 190px;
height: 190px;
}
.respspace {
min-height: 137px;
height: 137px;
}
.reqspace {
min-height: 96px;
height: 96px;
}
.contactspace {
min-height: 52px;
height: 52px;
}
.affordablespace {
min-height: 96px;
height: 96px;
}
.commspace {
min-height: 64px;
height: 64px;
}
.localspace {
min-height: 268px;
height: 268px;
}
.thankspace {
min-height: 324px;
height: 324px;
}
.errspace {
min-height: 306px;
height: 306px;
}
/*.aboutimage {
background-image: url(images/about_image.jpg);
background-position: top right;
background-repeat: no-repeat;
height: 500px;
} */
/* ---------------- Contact Form ------------------------*/
#contacttext {
width: 335px;
text-align: left;
padding: 20px 0 15px 10px;
letter-spacing: normal;
margin: 0;
float: left;
}
#contacttext h1 {
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
color: #339933;
line-height: 2.0em;
}
#contacttext h2 {
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
padding-bottom: 15px;
margin: 0;
color: #339933;
line-height: 2.0em;
font-size: 1.9em;
}
#contacttext h3 {
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
padding-bottom: 15px;
margin: 0;
color: #339933;
line-height: 2.0em;
font-size: 1.9em;
}
#contacttext h4 {
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
padding-bottom: 15px;
margin: 0;
color: #339933;
line-height: 2.0em;
font-size: 1.9em;
}
#contacttext h5 {
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
padding-bottom: 15px;
margin: 0;
color: #339933;
line-height: 2.2em;
font-size: 1.9em;
}
#contacttext p {
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 1.3em;
margin-bottom: 15px;
color: #000;
line-height: 1.4em;
/* letter-spacing: 0.1em; */
}
#contacttext span {
font-weight: bold;
}

#form {
width: 335px;
text-align: left;
padding: 20px 0 25px 0;
float: left;
}
#form h4 {
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
padding-bottom: 15px;
margin: 0;
color: #339933;
line-height: 2.0em;
font-size: 1.9em;
}
#form p {
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 1.3em;
padding-bottom: 15px;
color: #000;
line-height: 1.4em;
}
#form .contactform fieldset {
border: none;
}
#form .contactform legend {
display: none;
}
.contactform .fixedwidth {
display: block;
width: 185px;
float: left;
}
.contactform #name {
width: 205px;
}
.contactform #email {
width: 205px;
}
.contactform #tel {
width: 205px;
}
.contactform #subject {
width: 205px;
}
.contactform .btn {
font-family: Arial, Helvetica, sans-serif;
font-size: 1.0em;
width: 75px;
margin-right: 70px;
}/* -------- Footer Formatting ---------------------------*/

#copy {
width: auto;
}
#copy p {
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 1.0em;
color: #fff;
text-align: left;
padding: 15px 0 0 20px;
}
#copy span {
font-weight: bold;
}
#designby {
width: auto;
text-align: left;
padding: 15px 0 5px 20px;
}
#designby p {
font-family: Arial, Helvetica, sans-serif;
font-size: 0.9em;
color: #fff;
}
#designby a {
text-decoration: underline;
}
#designby a:link {
text-decoration: none;
color: #fff;
}
#designby a:visited {
text-decoration: none;
color: #fff;
}
#designby a:hover, #designby li a:active {
text-decoration: underline;
}
/* ----- Footer Nav style / format ----------*/
#footernav {
margin: 15px 0 5px 20px;
padding: 0;
text-align: left;
}
#footernav ul {
margin: 0 0 0 0;
padding: 0;
}
#footernav li {
list-style: none;
display: inline;
font: normal 1.1em Arial, Helvetica, sans-serif;
color: #fff;
border-right: solid 1px #fff;
margin: 0 5px 0 0;
padding: 0 5px 0 0;
}
#footernav li a:link {
text-decoration: none;
color: #fff;
}
#footernav li a:visited {
text-decoration: none;
color: #fff;
}
#footernav li a:hover, #footernav li a:active {
text-decoration: underline;
}