./*/////////defaults///////////*/

*{
margin: 0;
padding: 0;
}

body, html {
font: normal 100% Verdana, Helvetica, Arial, sans-serif;
margin: 0 auto;
padding: 0;
text-align: center;
}
body {
color: #636363;
background: url(images/body_bg.gif) top left repeat-x #00436e;
margin-bottom: 25px;
}
object, embed, div, a, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, td, th, legend, font, ul, ol, li, select, form {
font: normal 100% Verdana, Helvetica, Arial, sans-serif;
}

p, h3, h2, h1{
margin: 0 0 10px 0;
}

p {
font: normal 11px Verdana, Helvetica, Arial, sans-serif;
color: #636363;
}

ul {
font: normal 11px Verdana, Helvetica, Arial, sans-serif;
color: #636363;
margin: 0 0 30px 10px;
}

ul li{
margin: 10px 0 10px 15px;
;
}

h2 {
font: bold 20px Verdana, Helvetica, Arial, sans-serif;
text-transform:uppercase;
color: #636363;
}

h3 {
font: bolder 11px Verdana, Helvetica, Arial, sans-serif;
color: #636363;
text-transform: uppercase;
}

a {
font: bold 10px Verdana, Helvetica, Arial, sans-serif;
color: #2d6284;
text-decoration: underline;
}
a:link, a:visited {
color: #2d6284;

}
a:hover, a:active {
color: #9bb3c3;
text-decoration: underline;

}


/*/////////header///////////*/

#header{

}


/*/////////mainwrapper///////////*/


#mainWrapper{
margin: 18px 0 0 0;

}



/*/////////nav///////////*/


#navWrapper {
background: url(images/sc_header_02.jpg) top left no-repeat;
height: 24px;
width: 662px;
padding: 0 0 0 140px;
}


#navWrapper ul{
border: 0;
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;


}
#navWrapper li {

float: left;
text-align: center;
padding: 0;
margin: 0;
}


#navWrapper li a {
display: block;
border: 0;
}




/*/////////content area///////////*/


#contentWrapper{
width: 100%;
text-align: left;
background: url(images/sc_content_bg.jpg) bottom left repeat-x #b5c8d5;
padding: 0 20px 20px 20px;

}

#contentWrapper p{
font: normal 10px Verdana, Helvetica, Arial, sans-serif;
margin: 10px 0;

}

#contentWrapper p.intro{
font: normal 10px Verdana, Helvetica, Arial, sans-serif;
margin: 10px 0 10px;

}

#contentWrapper td{

}

#contentWrapper h3{

}

#contentWrapper ul{

}

#contentWrapper ul li{

}

#comingSoon{

border: 0;
margin: 0 7px 0 0;
padding: 0;
list-style-type: none;
text-align: center;


}
#comingSoon li {

float: right;
text-align: center;
padding: 0;
margin: 0;
}


#comingSoon li a {
display: block;
border: 0;
}

/*/////////Left Column///////////*/

#leftCol{
float: left;
width: 53%;
margin: 0 0 20px 0;
}


/*/////////Right Column///////////*/

#rightCol{
float: right;
width: 47%;
margin: 0 0 20px 0;
}

#rColContent{
float: right;
margin: 40px 0 0 0;

}

#fullCol{
float: left;
width: 100%;
margin: 40 0 20px 0;
}

.floorPlan{
float: right;
border: 1px solid #bcb7b0;
background: #c4d2dc;
padding: 10px;
width: 200px;
margin: 5px 0 5px 0;
}

#rightCol .floorPlan p{
font: normal 9px Verdana, Helvetica, Arial, sans-serif;
text-align: right;
float: right;
margin: 0;
padding: 0;
overflow: auto;
}

#rightCol .floorPlan h4 {
font: normal 12px Georgia, "Times New Roman", Times, serif;
font-weight:bold;
text-align: left;
margin: 0;
padding: 0;
overflow: auto;
}

.specHomes{
padding: 10px;
width: 100%;
margin: 5px 0 5px 0;
}

.specHomes th{
font: bold 10px Verdana, Helvetica, Arial, sans-serif;
text-align: left;
float: right;
margin: 0;
padding: 10px;
text-transform:uppercase;
}

.specHomes td{
font: normal 10px Verdana, Helvetica, Arial, sans-serif;
text-align: left;
float: right;
margin: 0;
padding: 5px 10px 0;
overflow: auto;
}


.specHomes td.tdBorder{
border-bottom: 1px solid #bcb7b0;
padding-bottom: 15px;
}

.blue{
font: bold 11px Verdana, Helvetica, Arial, sans-serif;
color: #2d6284;
}

#rightCol .imgSpec{
float: left;
margin: 0;
}

#rightCol .floorPlan ul{
width: 100%;
margin: 5px 0 0 0;
clear: both;
}

#rightCol .floorPlan ul li{
display: inline;
float: right;
margin: 0 0 0 10px;
}

/*/////////footer///////////*/

#footer{
clear: both;
overflow: auto;
width: 100%;

}

#footer p{
font: normal 9px Verdana, Helvetica, Arial, sans-serif;
margin: 0;
padding: 0;
}

#footer a{

}

#footer a:link, #footer a:visited{

}

#footer a:hover, #footer a:active{

}

/*/////////clearfix///////////*/

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

.clearfix {
display: block;
}


/*/////////forms///////////*/

form#largeForm {  
font: normal 10px Verdana, Helvetica, Arial, sans-serif;
color: #636363;
margin: 0 18px;
padding: 0;
min-width: 500px;
max-width: 550px;
width: 539px; 
}

form#largeForm fieldset {
border: 1px solid #9eb5c4;
padding: 10px;        
margin: 0 0 10px 0 ;
}

form fieldset legend {
font-size:1.1em; 
font-weight: bold;
margin: 0 0 10px 0;
text-transform: uppercase;
}

form label { 
display: block;  
float: left; 
padding: 0; 
margin: 8px 0 0;
text-align: right; 
}

form#largeForm label {
width: 150px;   
float: left; 
padding: 0; 
margin: 5px 10px 0 0;
text-align: right; 
}



form#largeForm input.text, form#largeForm textarea, form#largeForm select {

font: 10px Verdana, Helvetica, Arial, sans-serif;
color: #626262;
width:200px;     
margin:5px 0 0 0; 
float: none; 
}

form#largeForm table{
border-right: 1px solid #9eb5c4;
border-bottom: 1px solid #9eb5c4;
}

form#largeForm table th{
border-top: 1px solid #9eb5c4;
border-left: 1px solid #9eb5c4;
font: 10px Verdana, Helvetica, Arial, sans-serif;
text-align: center;
font-weight: bold;
padding: 5px;
margin: 0;
}

form#largeForm table td{
border-top: 1px solid #9eb5c4;
border-left: 1px solid #9eb5c4;
font: 10px Verdana, Helvetica, Arial, sans-serif;
padding: 5px;
margin: 0;
}

form input#reset {
margin-left:0px; 
}

form input#submit {
background: #dcdcdc;
border: 1px solid #9eb5c4;
color: #636363;
font: 10px Verdana, Helvetica, Arial, sans-serif;
font-weight: bold;
}

textarea { 
overflow: auto; 
}


form br {
clear:left; 
}




/*/////////images & miscellaneous///////////*/

img {
border: none;
margin: 0;
}


.imgRight{

float: right;
margin: 0px 0 10px 15px;

}

.imgLeft{

float: left;
margin: 0px 15px 10px 0;

}

.displayBlock{
display: block;
margin: 0;
padding: 0;
}

.asterisk{
color: #CC0000;
}

.listBox{
margin: 15px 0 0 20px;
float: left;
width: 45%;
}

.line1 {
background:#9eb5c4;
margin: 10px 0 10px;
height: 1px;
overflow: hidden;

}

.line2 {
background:#9eb5c4;
margin: 20px 0 20px;
height: 1px;
overflow: hidden;

}

.line3 {
background:#9eb5c4;
margin: 10px 0 10px;
height: 1px;
overflow: hidden;

}

#shortSpacer{
height: 200px;
}

#longSpacer{
height: 450px;
}