/* -------------------------------------------------------------- 
  
   reset.css
   * Resets default browser CSS.
   
-------------------------------------------------------------- */

html, body, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, img, q, dl, dt, dd, ol, ul, li, legend, caption{
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
}
strong{font-weight:bold;}
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
a img { border: none; }
a{outline:none;}

body{
	padding:0;
	margin:0 auto;
	text-align:center;
	font-size:5px;
	font-family: Arial, verdana, sans-serif;
	color:#4d4d4d;
	background:#fff;
	line-height: 1.5;
	background: url(../images/bg.jpg) repeat-x;
	
}

strong { font-weight:bold }
em { font-style:italic }
* a { position:relative } /* Gets links displaying over a PNG background */
a img { border:none } /* Gets rid of IE's blue borders */
a img { border:none } /* Gets rid of IE's blue borders */



/*-------------------
Main Text Formating
---------------------*/

h1{
	font-size:15px;
	color: #003a3e;
	font-weight: bold;
	
}

h2{
	font-size:22px;
}

h3{
	font-size:20px;
}

h4{
	font-size:16px;
	color: #E7B12E;
	padding-left: 10px;
	font-weight:bold;
}

h5{
	font-size:16px;
}

h5{
	font-size:14px;
}

p{
	font-size:11px;
	line-height:16px;
	color: #666;
}

p a{
	color:#E7B12E;
	text-decoration:underline;
}

p a:hover{
	color:#0033FF;
	text-decoration:underline;
}

#vidWrap a {
	color:#003A3E;
	text-decoration:underline;
	font-size: 12px;
}

#vidWrap a:hover {
	color: #E7B12F;
	text-decoration:underline;
	font-size: 12px;
}
	
ul a{
	color:#0099FF;
	text-decoration:underline;
}
	ul a:hover{
	color:#0033FF;
	text-decoration:underline;
}
	
ul{
	font-size:12px;
	line-height:16px;
}

	ul li{
		
}

/*-------------------
Quick Classes
---------------------*/

.fleft{float:left;}
.fright{float:right;}
.clear{clear:both;}
X.imgborder{padding:1px; background:#999; border:3px solid #CCCCCC;}

/*-------------------
Navigation
---------------------*/

#navigation{
position: relative;
float: left;
width: 204px;


}

a.btn1,
a.btn2,
a.btn3,
a.btn4,
a.btn5,
a.btn6,
a.btn7{
	display: block;
	
}

a.btn1, 
a.btn2, 
a.btn3, 
a.btn4, 
a.btn5, 
a.btn6{
	width:204px;
	color: #8d8171;
	font-size: 13px;
	text-decoration: none;
	padding: 5px 0 5px 0;
	border-bottom: 1px solid #8d8171;
	font-weight: 100;
	
}


.btn1:hover,
.btn2:hover,
.btn3:hover,
.btn4:hover,
.btn5:hover,
.btn6:hover,
.btn7:hover{
	
	color: #e7b12e;
	font-weight: bold;
	border-bottom: 1px solid #e7b12e;
}
body.home #navigation a.btn1,
body.about #navigation a.btn2,
body.developments #navigation a.btn3,
body.buildtosuit #navigation a.btn4,
body.availabilities #navigation a.btn5,
body.contact #navigation a.btn6{
	color: #e7b12e;
	font-weight: bold;
	border-bottom: 1px solid #e7b12e;
	
}


/*-------------------
Header
---------------------*/
#headerwrap{
width: 930px;
height: 110px;
float: left;
position: relative;
background:url(../images/masthead.jpg) no-repeat top left;
margin-top: 9px;
padding-top:30px;
}

#headerwrap span{
display: none;
}



/*-------------------
Properties Lists
---------------------*/
.listtitle{

background-color: #e7b12e;
height: 35px;


}


.listtitle2{

background-color: #eee;
}


.listtitle p.title, .listtitle2 p.title{

color: #003a3e;
font-weight: bold;
font-size: 11px;

}

.list p{
color: #333;

}

#content a.green{
color: #003a3e;
font-weight: bold;
text-decoration: underline;
font-style: italic;
font-size: 12px;

}

a.green{
color: #003a3e;
font-weight: bold;
text-decoration: underline;
font-style: italic;
font-size: 12px;

}

a.yellow{
color: #8d8171;
font-weight: bold;
text-decoration: underline;
font-style: italic;
font-size: 10px;

}

.list h1{
color: #333;
font-weight: bold;

}
.list h2{
color: #38d8171;
font-weight: bold;


}


table.list{
width: 630px;
background-color:#eee;
padding: 0px;
margin: 0px;
border: 0px;
}
table.list .type {
padding:5px;
}



table.list .address {
border-left:1px solid #FFFFFF;
padding:10px;
}


table.list .sq {
border-left:1px solid #FFFFFF;
padding:10px;
}

table.list .city {
border-left:1px solid #FFFFFF;
width: px;
}


.category {color: #8d8171;
font-weight: bold;

}
.available {
font-weight: bold;
font-size:13px;
}

.ruler_y{
margin: 5px 0 5px 0;

}

/* ---------------------------------------------------- 
Layout Formatting
---------------------------------------------------- */ 

#signuparea{

padding-top: 25px;

}

input#button{

color: #fff;
background-color: #8d8171;
border: 1px solid #8d8171;
margin-top: 5px;

}

input#text{

color: #8d8171;
border: 1px solid #8d8171;
width: 201px;
height: 20px;
}

input#Name, input#Email, input#Tele{
margin:0 0 5px 0;
}


/* ---------------------------------------------------- 
Layout Formatting
---------------------------------------------------- */ 

#wrap{

width: 930px;
margin-left: auto;
margin-right:auto;
text-align: left;
background-color: #fff;
color: #e7b12e;


}

#homegallery{
width: 680px;
height: 261px;
float: left;
position: relative;
xbackground:url(../images/gallery.jpg) no-repeat top left;
margin-top: 9px;
padding-left:5px;
margin-right: 41px;
}

#subhead{
width: 680px;
height: 45px;
float: left;
position: relative;
margin-right: 46px;
margin-bottom: 9px;
margin-top: 12px;
padding-top: 5px;
background:url(../images/title_bg.jpg) no-repeat top left;
}

#subhead h1{
color: #fff;
font-size: 16px;
}

#homegallery span, #subhead span{
display: none;
}

#ruler{
width: 930px;
height: 7px;
position: relative;
float: left; 
background:url(../images/ruler.jpg) no-repeat top left;
margin-top: 5px;


}

#sorting{

width: 685px;
float: left;
position: relative;
margin: 0 0 10px 0;
text-align: right;

}

#content{

width: 700px;
float: left;
position: relative;
margin-right: 26px;

}


#content p{
padding: 0 7px;
text-align:left;

}

#content p a{
color: #e7b12e;
}


#content h1{
padding: 8px;

}



#contentlist{

width: 700px;
float: left;
position: relative;


}


#content2 p a{
color: #e7b12e;
}



#contentlist a.green{
display:block;
width:135px;
height:32px;
background:transparent url(../images/button01.png) no-repeat;
text-decoration:none;
}

#contentlist a.green:hover{
background:transparent url(../images/button02.png) no-repeat;
}

#contentlist a.pdflink{
display:block;
width:135px;
height:32px;
background:transparent url(../images/pdfFlyer.png) no-repeat;
text-decoration:none;
}

#contentlist a.pdflink:hover{
background:transparent url(../images/pdfFlyerOn.png) no-repeat;
}

#contentlist a.landBrochureLink {
display: block;
width: 135px;
height: 32px;
background: transparent url(../images/landBrochureButton.png) no-repeat;
text-decoration: none;
}

#contentlist a.landBrochureLink:hover {
background: transparent url(../images/landBrochureButtonOn.png) no-repeat;
}

#subcontent{
width: 426px;
float: left; 
position: relative;
}

#subcontent p{
padding-right: 20px;

}

#subcontact{
width: 275px;
float: left; 
position: relative;
}

#subcontact p{
padding-right: 20px;

}

#submap{
width: 400px;
float: left; 
position: relative;
border: 2px solid #8d8171;

}

#subimg{
width: 250px;
float: left; 
position: relative;
border: 2px solid #8d8171;

}


#vidWrap{
width: 220px;
float: left; 
position: relative;
text-align: center;
margin: 10px 0 5px 30px;

}

#subvid{
width: 220px;
float: left; 
position: relative;
border: 2px solid #8d8171;
margin: 0 0 5px 0;

}

#youtube {
position: relative;
float: left;
height: 35px;
margin: 8px 0 0 11px;
}


#tweets{
position: relative;
float: left;
width: 184px; /* 204-20=184 (took of 10px for margin)*/
padding: 10px 17px 10px 3px;

}

#tweets a{

color: #e7b12e;
text-decoration: underline;
font-size: 10px;
font-weight:100;

}


#ruler100{
width: 940px;
height: 7px;
position: relative;
float: left; 
background:url(../images/ruler100.jpg) no-repeat top left;
margin-top: 5px;
margin-bottom: 5px;

}






/*-------------------
SPLASH PAGE
---------------------*/

body.splash{
background: url(../images/bg.jpg) repeat-x #fff;
}

#splashwrap{
width: 950px;
height: 258px;
margin-left: auto;
margin-right:auto;
text-align: left;
background-color: #fff;
border: 1px  dashed #999;margin-top: 200px;
}

#sp_headerwrap{
width: 930px;
height: 90px;
float: left;
position: relative;
background:url(../../images/sp_masthead.png) no-repeat top left;
margin-top: 9px;
padding-top:30px;
}

#sp_headerwrap span{
display: none;
}

.sp_quarter {
	position: relative;
	float: left;
	width: 224px;
	height: auto;
	border: 1px dashed #999;
	background: #fff;
	margin-right: 6px;
	text-align: center;
	font-size: 12px;
}

#sp_dev{
width: 465px;
float: left;
position: relative;
text-align: center;
padding-top: 45px;

}

#sp_ruler{
width: 18px;
float: left;
position: relative;

}

#sp_as{
width: 465px;
float: left;
position: relative;
text-align: center;
padding-top: 45px;

}



/*-------------------
footer
---------------------*/

#footer{
position: relative;
width: 920px;
text-align: center;

}

#footerimg{

position: relative;
float: left;

}

#footernav{

position: relative;
float: left;

}

#footernav p{
color: #8d8171;
padding-top: 9px;
padding-left: 10px;
font-size: 10px;
text-align: center;
}


#footernav p a{
color: #8d8171;
text-decoration: none;
font-size: 10px;
font-weight:100;
}

#footernav p a:hover{
color: #e7b12e;
text-decoration: underline;


}

#footernav p a.yellow{
color: #0D6A6F;
font-weight: 100;
text-decoration: underline;
font-size: 10px;

}

.error {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#FBE3E4 none repeat scroll 0 0;
border-color:#FBC2C4;
color:#8A1F11;
}
.notice {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#FFF6BF none repeat scroll 0 0;
border-color:#FFD324;
color:#514721;
}
.success {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#E6EFC2 none repeat scroll 0 0;
border:#C6D880 1px solid;
color:#264409;
margin: 5px 40px 20px 0;

}
.error a {
color:#8A1F11;
}
.notice a {
color:#514721;
}
.success a {
color:#264409;
}