@charset "utf-8";
/* CSS Document */
body  {background-color:#000000; margin:0; padding:0; text-align:center; font-family:Verdana; font-size:11px; color:#000;}

#wrapper {
	width:820px;
	padding-top : 20px;
	text-align:center;
	margin-top: 0;
	margin-right: auto;
	padding-bottom: 20;
	margin-left: auto;
}

/* Home Page Content
----------------------------------------------------------------------------*/ 

#header {
   width:820px;
   height:170px;
   background-image:url(images/header_floor_plan.jpg);
}
/* Header Content
----------------------------------------------------------------------------*/ 
#headercontact {
   width:820px;
   height:170px;
   background-image:url(images/contact_ushead.jpg);
}
/* Header Content
----------------------------------------------------------------------------*/ 
#headerdirections {
   width:820px;
   height:170px;
   background-image:url(images/header_directions.jpg);
}
/* Header Content
----------------------------------------------------------------------------*/ 
#headerfeat {
   width:820px;
   height:170px;
   background-image:url(images/header_feature.jpg);
}
/* Header Content
----------------------------------------------------------------------------*/ 
#headerlocation {
   width:820px;
   height:170px;
   background-image:url(images/header_location.jpg);
}
/* Header Content Location
----------------------------------------------------------------------------*/ 
#headercommunity {
   width:820px;
   height:170px;
   background-image:url(images/header_community.jpg);
}
/* Header Content Community
----------------------------------------------------------------------------*/ 
#headerdevelopment {
	width:820px;
	height:170px;
	background-image:url(images/header_development.jpg);
}
/* Development Content
----------------------------------------------------------------------------*/ 
#logobase {
   width:180px;
   height:173px;
   background-image:url(images/left_logobase.jpg);
}
/* Colum left logo
----------------------------------------------------------------------------*/ 
#leftcolum {
	float:left;
	width:180px;
	height:481px;
}
/* Colum container for content
----------------------------------------------------------------------------*/ 
#rightcolum {
	float:left;
	width:640px;
	height:553px;
	background-image: url(images/white_flood_floor_plan.jpg);
	background-repeat: no-repeat;
}

/* Colum container for content floor plans
----------------------------------------------------------------------------*/ 
#rightcolum-fp {
	float:left;
	width:640px;
	height:600px;
	background-image: url(images/white_flood_floor_plan3.jpg);
	background-repeat: no-repeat;
}

/* Colum container for content features
----------------------------------------------------------------------------*/
#rightcolumfeat {
	float:left;
	width:640px;
	height:730px;
	background: url(images/white_flood_floor_feat.jpg) no-repeat; /* Fallback bg colour for images on */
}
/* Colum container for content development
----------------------------------------------------------------------------*/
#rightcolumdev {
	float:left;
	width:640px;
	height:1000px; /* Fallback bg colour for images on */
	background-image: url(images/white_flood_floor_plandev.jpg);
	background-repeat: no-repeat;
}
/* Colum container for content community
----------------------------------------------------------------------------*/ 
#rightcolumcom {
	float:left;
	width:640px;
	height:553px; /* Fallback bg colour for images on */
	background-image: url(images/white_flood_floor_plancom.jpg);
	background-repeat: no-repeat;
}
/* Colum container for content
----------------------------------------------------------------------------*/ 
#flashdev {
	width:608px;
	height:320px;
	padding-bottom : 26px;
}

/* Flash map
----------------------------------------------------------------------------*/ 

#location_tile {
   width:180px;
   height:80px;
   text-align:center;
   background-image:url(images/header_locationtile.jpg);

}
/* Navigation base
----------------------------------------------------------------------------*/ 
#contact_tile {
	width:180px;
	height:80px;
	text-align:center;
	background-image:url(images/contact_udiv.jpg);
	background-color: #D78B11;

}
/* Navigation base
----------------------------------------------------------------------------*/ 
#directions_tile {
   width:180px;
   height:80px;
   text-align:center;
   background-image:url(images/directions_tile.jpg);

}
/* Navigation base
----------------------------------------------------------------------------*/ 
#floor_tile {
   width:180px;
   height:80px;
   text-align:center;
   background-image:url(images/header_floor_plantile.jpg);

}
/* Navigation base
----------------------------------------------------------------------------*/ 

#feature_tile {
   width:180px;
   height:80px;
   text-align:center;
   background-image:url(images/header_floor_featuretile.jpg);

}
/* feature base
----------------------------------------------------------------------------*/ 

#community_tile {
   width:180px;
   height:80px;
   text-align:center;
   background-image:url(images/header_community_plantile.jpg);

}
/* feature base
----------------------------------------------------------------------------*/ 
#development_tile {
	width:180px;
	height:80px;
	text-align:center;
	background-image:url(images/header_developmenttile.jpg);
	background-color: #D78B11;

}
/* feature base
----------------------------------------------------------------------------*/ 
#bodybase {
   float:left;
   padding-top : 26px;
   padding-left : 30px;
}
/* Navigation base
----------------------------------------------------------------------------*/ 
#spacer {
float:left;
  width:10px;
  height:700px;
}
/* Navigation base
----------------------------------------------------------------------------*/ 
#spacer2 {
float:left;
  width:10px;
  height:400px;
}
/* Navigation base
----------------------------------------------------------------------------*/ 
#spacer3 {
float:left;
  width:13px;
  height:200px;
}
/* Navigation base
----------------------------------------------------------------------------*/ 

#navbase {
	width:180px;
	height:300px;
	text-align:center;
	background-image:url(images/nav/inside/left_base.jpg);
	background-color: #D78B11;

}

/* Navigation base floor plans
----------------------------------------------------------------------------*/ 

#navbase-fp {
	width:180px;
	height:347px;
	text-align:center;
	background-image:url(images/nav/inside/left_base_feat.jpg);
	background-color: #D78B11;

}

/* Navigation base features
----------------------------------------------------------------------------*/ 
#navbasefeat {
	width:180px;
	height:477px;
	text-align:center;
	background-image:url(images/nav/inside/left_base_feat.jpg);
	background-color: #D78B11;

}
/* Navigation base development
----------------------------------------------------------------------------*/ 

#navbasedev {
	width:180px;
	height:746px;
	text-align:center;
	background-image:url(images/nav/inside/left_basedev.jpg);
	background-color: #D78B11;

}
/* Navigation base
----------------------------------------------------------------------------*/ 
#upgrade_tile {
   width:180px;
   height:80px;
   text-align:center;
   background-image:url(images/header_condoupgradestile.jpg);
}
#listings_tile {
   width:180px;
   height:80px;
   text-align:center;
   background-image:url(images/header_currentlistingstile.jpg);
}



.navigationlocation { 
float:left;
width:78px;
height:98px;
color:#ddd; /* Text colour */
background: url(images/nav/inside/location_on.jpg) no-repeat; /* Fallback bg colour for images off */
font:1.2em/1.0 Georgia,serif;
text-decoration:none;
}
/* Navigation Button  Location
----------------------------------------------------------------------------*/ 
.navigationcommunity {
float:left;
width:78px;
padding-right : 2px;
height:98px;
color:#ddd; /* Text colour */
background: url(images/nav/inside/community_on.jpg) no-repeat; /* Fallback bg colour for images off */
font:1.2em/1.0 Georgia,serif;
text-decoration:none;
 }
 /* Navigation Button  Community
----------------------------------------------------------------------------*/ 

.navigationdev { 
float:left;
width:78px;
padding-left : 2px;
height:98px;
color:#ddd; /* Text colour */
background: url(images/nav/inside/development_on.jpg) no-repeat; /* Fallback bg colour for images off */
font:1.2em/1.0 Georgia,serif;
text-decoration:none;
 }
/* Navigation Button Development
----------------------------------------------------------------------------*/ 
.navigationfloorplans {
float:left;
width:78px;
padding-right : 2px;
height:98px;
color:#ddd; /* Text colour */
background: url(images/nav/inside/floor_h_on.jpg) no-repeat; /* Fallback bg colour for images off */
font:1.2em/1.0 Georgia,serif;
text-decoration:none;


}


/* Navigation Button  Features
----------------------------------------------------------------------------*/ 
.navigationfeatures { 
float:left;
width:78px;
padding-right : 3px;
height:98px;
color:#ddd; /* Text colour */
background: url(images/nav/inside/features_on.jpg) no-repeat; /* Fallback bg colour for images off */
font:1.2em/1.0 Georgia,serif;
text-decoration:none;

 }
/* Navigation Button  Features
----------------------------------------------------------------------------*/ 
.navigationlistings { 
float:left;
width:78px;
padding-right : 3px;
height:98px;
color:#ddd; /* Text colour */
background: url(images/nav/inside/currentlistings-on.jpg) no-repeat; /* Fallback bg colour for images off */
font:1.2em/1.0 Georgia,serif;
text-decoration:none;

 }
 
/* Navigation Button  Features
----------------------------------------------------------------------------*/ 
.navigationupgrades { 
float:left;
width:78px;
padding-right : 3px;
height:98px;
color:#ddd; /* Text colour */
background: url(images/nav/inside/condoupgrades-on.jpg) no-repeat; /* Fallback bg colour for images off */
font:1.2em/1.0 Georgia,serif;
text-decoration:none;

 } 


/* Navigation Button Features
----------------------------------------------------------------------------*/ 

#intro_base_text {
	float:left;
	width:608px;
	line-height: 190%;
	text-align:left;
	color:#483C27;
}
/* Inside copy position of main section
----------------------------------------------------------------------------*/ 

#intro_base_sub_text {
	float:left;
	width:570px;
	padding-left : 10px;
	padding-right : 10px;
	padding-bottom : 10px;
	line-height: 190%;
	text-align:left;
	color:#483C27;
}
/* Inside copy position of main section
----------------------------------------------------------------------------*/ 
#right_base_text {
	float:left;
	width:610px;
	padding-left : 10px;
	padding-right : 10px;
	padding-bottom : 10px;
	text-align:left;
	color:#483C27;
}
/* Inside copy position of main section
----------------------------------------------------------------------------*/ 
#contact_home_text {
	width:180px;
	height:153px;
	padding-top : 20px;
	padding-left: 0px;
	text-align:center;
	color:#FFFFFF;
	background: url(images/left_logobase.jpg) no-repeat;
}

/* Inside lower left logo
----------------------------------------------------------------------------*/ 
#contact_home_textdev {
	width:180px;
	height:160px;
	text-align:center;
	color:#FFFFFF;
	background: url(images/left_logobase.jpg) no-repeat; /* Fallback bg colour for images on */
	bottom: 28px;
	padding-top: 30px;
}

/* Inside lower left logo
----------------------------------------------------------------------------*/ 
#bluebar {
	float:left;
	width:593px;
	height:23px;
	text-align:left;
	color:#FFFFFF;
	font-weight:bold;
	background: url(images/blue_text_bar.jpg) no-repeat;
	padding-top: 0px;
	padding-right: 1px;
	padding-bottom: 1px;
	padding-left: 5px;
}

/* inside blue bar 
----------------------------------------------------------------------------*/ 
#bluebar2 {
	float:left;
	width:593px;
	height:23px;
	text-align:left;
	color:#FFFFFF;
	font-weight:bold;
	background: url(images/blue_text_bar.jpg) no-repeat;
	padding-top: 4px;
	padding-right: 1px;
	padding-bottom: 1px;
	padding-left: 5px;
}

/* inside blue bar 
----------------------------------------------------------------------------*/ 
#bluebarsml {
	float:left;
	width:370px;
	height:23px;
	padding-bottom : 6px;
	padding-left : 10px;
	text-align:left;
	color:#FFFFFF;
	font-weight:bold;
	background: url(images/blue_text_bar.jpg) no-repeat; /* Fallback bg colour for images on */
}

/* inside blue  for location page
----------------------------------------------------------------------------*/ 
#brownbar {
	width:220px;
	height:23px;
	padding-left : 10px;
	text-align:left;
	color:#FFFFFF;
	font-weight:bold;
	background-color:#381E19;
	float: left;
	margin: 2px;
}

/* inside brown bar 
----------------------------------------------------------------------------*/ 
#apDiv1 {
	position:static;
	left:388px;
	top:650px;
	width:288px;
	z-index:auto;
	float: left;
}
#apDiv2 {
	position:static;
	width:283px;
	height:184px;
	z-index:2;
	float: left;
	padding-left: 5px;
	vertical-align: 5%;
}
#apDiv3 {
	position:static;
	left:440px;
	top:702px;
	width:300px;
	height:25px;
	z-index:1;
	text-align: right;
}
#apDiv4 {
	float: left;
	padding-top: 0px;
	padding-right: 1px;
	padding-bottom: 1px;
	padding-left: 20px;
	width: 350px;
	clear: left;
}#apDiv5 {
	float: left;
	padding-top: 35px;
	padding-right: 1px;
	padding-bottom: 1px;
	padding-left: 190px;
	width: 350px;
	clear: left;
}
#submit {
	float: left;
	padding-top: 7px;
	padding-right: 1px;
	padding-bottom: 1px;
	padding-left: 239px;
}
#bluebox {
	position:static;
	width:605px;
	height:237px;
	border-top-style: 1;
	border-right-style: 1;
	border-bottom-style: 1;
	border-left-style: 1;
	border-top-color: #A47115;
	border-right-color: #A47115;
	border-bottom-color: #A47115;
	border-left-color: #A47115;
	background-image: url(images/bluepattern.gif);
	float: left;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 10px;
	padding-left: 2px;
}
#photobox {
	position:static;
	left:432px;
	top:332px;
	width:225px;
	height:207px;
	z-index:2;
	float: left;
	padding: 5px;
}
#blueboxcopy {
	position:static;
	width:345px;
	height:204px;
	z-index:3;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: 11;
	color: #281612;
	float: left;
	text-align: center;
}
#middlecontent {
	position:static;
	width:186px;
	z-index:4;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: 11;
	color: #5E4D45;
	vertical-align: 20%;
	float: left;
	text-align: center;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 15px;
	padding-left: 5px;
}

#horiztspace {
	padding-bottom : 3px;
	width: 50px;
}

/* inside space bar 
----------------------------------------------------------------------------*/ 
#browntransbar {
	float: left;
	width:220px;
	height:23px;
	padding-left : 10px;
	text-align:left;
	color:#FFFFFF;
	font-weight:bold;
	background: url(images/tanpattern.gif) repeat; /* Fallback bg colour for images on */
	margin: 2px;
}
   

/* inside transparent brown bar 
----------------------------------------------------------------------------*/ 
#bluetransbar {
	float:left;
	width:370px;
	height:395px;
	padding-left : 10px;
	text-align:left;
	color:#513C29;
	font-weight:normal;
	background: url(images/bluepattern.gif) repeat; /* Fallback bg colour for images on */
	font-style: normal;
}
   
/* inside transparent brown bar 
----------------------------------------------------------------------------*/ 
#yellowtransbarhead {
	float:left;
	width:210px;
	height:21px;
	padding-left : 10px;
	text-align:left;
	color:#FFFFFF;
	font-weight:bold;
	background: url(images/loc_head_photo.jpg) repeat; /* Fallback bg colour for images on */
}
   
/* inside yellow bar 
----------------------------------------------------------------------------*/ 
#yellowtransbarhead2 {
	float:left;
	width:596px;
	height:21px;
	padding-left : 10px;
	text-align:left;
	color:#FFFFFF;
	font-weight:bold;
	background: url(images/loc_head_photo.jpg) repeat; /* Fallback bg colour for images on */
}
   
/* inside  yellow bar 
----------------------------------------------------------------------------*/ 
#yellowtransbar {
	float:left;
	width:205px;
	height:180px;
	text-align:left;
	color:#483C27;
	background: url(images/yellowpattern.gif) repeat;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 3px;
	font-size: 11px;
}
   
/* inside transparent yellow box
----------------------------------------------------------------------------*/ 

#brownbarrule {
	float:left;
	width:798px;
	height:25px;
	background-color:#381E19;
	border:1px solid #CCCCCC;
	vertical-align: middle;
	padding: 10px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
}
/* inside brown bar 
----------------------------------------------------------------------------*/ 

#formbox {
	float:left;
	width:604px;
	padding-bottom : 10px;
	background-color:#FFFF99;
	border:1px solid #483C27;
	text-align: left;
}
/* inside brown bar 
----------------------------------------------------------------------------*/ 


#featureprop {
	float:left;
	width:353px;
	height:208px;
	padding-left : 10px;
	padding-top : 10px;
	text-align:left;
	color:#FFFFFF;
	font-weight:bold; /* Fallback bg colour for images on */
	background-image: url(images/feature_property.jpg);
	background-repeat: no-repeat;
}

/* inside floor plan bar 
----------------------------------------------------------------------------*/ 

#featurelocation {
	float:left;
	width:218px;
	height:190px;
	padding-left : 0px;
	padding-top : 200px;
	text-align:left;
	color:#FFFFFF; /* Fallback bg colour for images on */
	background-image: url(images/canoe_team.jpg);
	background-repeat: no-repeat;
	clear: both;
	padding-right: 5px;
}

/* inside floor plan bar 
----------------------------------------------------------------------------*/ 


#tablerow1 {
	position:static;
	width:193px;
	height:25px;
	z-index:1;
	float: left;
	padding: 1px;
	border-top-width: 1px;
	border-right-width: 0px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #A16A17;
	border-right-color: #A16A17;
	border-bottom-color: #A16A17;
	border-left-color: #A16A17;
	border-bottom-width: 0px;
	font-style: normal;
	text-align: center;
	font-weight: normal;
	font-size: 11px;
}
#tablerow2 {
	position:static;
	width:193px;
	height:25px;
	z-index:1;
	float: left;
	padding: 1px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 0px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #A16A17;
	border-right-color: #A16A17;
	border-bottom-color: #A16A17;
	border-left-color: #A16A17;
	font-size: 11px;
	font-weight: normal;
	text-align: center;
}
#tablerow3 {
	position:static;
	width:193px;
	height:25px;
	z-index:1;
	float: left;
	padding: 1px;
	border-top-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #A16A17;
	border-right-color: #A16A17;
	border-bottom-color: #A16A17;
	border-left-color: #A16A17;
	text-align: center;
}
#tablerow4 {
	position:static;
	width:193px;
	height:25px;
	z-index:1;
	float: left;
	padding: 1px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #A16A17;
	border-right-color: #A16A17;
	border-bottom-color: #A16A17;
	border-left-color: #A16A17;
	text-align: center;
	margin-bottom: 10px;
}
#tablerow5 {
	position:static;
	width:293px;
	height:25px;
	z-index:1;
	float: left;
	padding: 1px;
	border-top-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #A16A17;
	border-right-color: #A16A17;
	border-bottom-color: #A16A17;
	border-left-color: #A16A17;
	text-align: center;
}
#tablerow6 {
	position:static;
	width:293px;
	height:25px;
	z-index:1;
	float: left;
	padding: 1px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 0px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #A16A17;
	border-right-color: #A16A17;
	border-bottom-color: #A16A17;
	border-left-color: #A16A17;
	text-align: center;
}
#tablerow7 {
	position:static;
	width:293px;
	height:25px;
	z-index:1;
	float: left;
	padding: 1px;
	border-top-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #A16A17;
	border-right-color: #A16A17;
	border-bottom-color: #A16A17;
	border-left-color: #A16A17;
	text-align: center;
}
#tablerow8 {
	position:static;
	width:293px;
	height:25px;
	z-index:1;
	float: left;
	padding: 1px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #A16A17;
	border-right-color: #A16A17;
	border-bottom-color: #A16A17;
	border-left-color: #A16A17;
	text-align: center;
}

/* Above is the CSS for Features tables
----------------------------------------------------------------------------*/ 

.goldheadtxt {font-family:Arial; font-size:15px; color:#C8C08C; font-weight:bold;}
.goldheadtxtsml {font-family:Arial; font-size:11px; color:#C8C08C;}
.goldheadtxtmed {font-family:Arial; font-size:12px; color:#C8C08C; font-weight:bold;}
.greyheadtxt {
	font-family:Arial;
	font-size:15px;
	color:#293472;
	font-weight:bold;
}
.greyheadtxtmed {
	font-family:Arial;
	font-size:12px;
	color:#704F26;
	font-weight:normal;
}
.headertxt {font-family:Verdana; font-size:11px; color:#483C27; font-weight:bold; text-align:left;}
.linktxt {
	font-family:Verdana;
	font-size:10px;
	color:#C8C08C;
	text-align:left;
	font-weight: bold;
}
a {color:#513C29; text-decoration:underline;}
a:hover {
	color:#C8C08C;
}


.footerwrapper {
	width:515px;
	height: 32px;
	float: left;
	padding: 0px 0 0 0px;
	margin: 0px 0 0 305px;
}
*html .footerwrapper {margin: 0px 0 0 152px;}
.sunantlogo {	
	width: 85px;
	height: 32px;
	margin: 0px 0 0 0px;
	padding: 0 0 0 0;
	float: left;
}
.sunantlogo a {	
	
	text-decoration: none;
}
.sunantlogo a:hover{	
	
	text-decoration: none;
}
.sunantlogo img{	
	width: 85px;
	height: 32px;
	
}
.sunantlogotext{	
	width: 120px;
	height: 30px;
	margin: 2px 0 0 10px;
	padding: 0 0 0 00px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #A0964B;
	line-height: 15px;
	text-align: left;
}
.sunantlogotext a{	
	text-decoration: none;
	color: #A0964B;
}
.sunantlogotext a:hover{	
	text-decoration: none;
	color: #A0964B;
	
}