html{
width:100%;	
}

body{
margin:0;
padding:0;
background:#464748;	
text-align:center;
color:white;
font-family:verdana, arial, sans-serif;
width:100%;
}

/*:::::::::::::::::::: Structure ::::::::::::::::::::*/

#logo{
margin:auto;
width:770px;
text-align:left;
margin-top:30px;
margin-bottom:-50px;
position:relative;
z-index:15;
}

#banner{
height:350px;
width:100%;
position:relative;
}

.makeBannerCompatible{
height:420px!important;
}

#flashBanner{
position:absolute;
z-index:1;
width:100%;
height:420px;
background-image: url(Designed%20for%20Better%20Living%20);
top:0px;
left:0px;
}

.splash-image{
position:relative;
margin-bottom:-70px;
}

#main{
background:#363637;	
position:relative;
margin-top:-50px;
z-index:10;
text-align:left;
margin:auto;
width:770px;
}

#content{
position:relative;	
}

#badge{
position:relative;	
margin-top:20px;
height:38px;
clear:both;
}
#badge img{
position:absolute;
top:0px;
left:344px;
}


/*:::::::::::::::::::: Content Layout ::::::::::::::::::::*/

.side-space{
padding-left:30px;
padding-right:30px;
}

.top-space{
padding-top:20px;	
}

.bottom-space{
padding-bottom:20px;	
}


.clear{
clear:both;
}

.header-background{
background:#252525;
}



/*:::::::::::::::::::: Formatting ::::::::::::::::::::*/
p{
padding:0px;
margin:0px;
padding-top:0.3em;
padding-bottom:0.3em;
}

.intro-text{
color:#bfe1ff;
font-family:Arial, sans-serif;
line-height:150%;
}

.text{
font-size:0.8em;	
line-height:150%;
}

h1{
margin:0px;
padding:0px;
font-weight:normal;	
}

h2{
margin:0px;
padding:0px;
font-weight:normal;
font-family:Arial Black, Gadget, sans-serif;
color:#bbccdb;
font-size:1.0em;
}

a{
color:white;
text-decoration:underline;
}

ul{
margin:	0px;
padding:0px;
}

li{
list-style-type: circle;
margin-left:2em;
}

/*:::::::::::::::::::: Navbar ::::::::::::::::::::*/

#navbar{
position:relative;
background:#464748;
height:32px;
}

#navbar a{
float:left;	
display:block;
height:32px;
background-repeat:no-repeat;
overflow:hidden;
text-decoration:none;
background-position:0px 0px;
border:none;
}

#navbar a:hover{
background-position:0px -32px;	
}
#navbar a.active,
#navbar a.active:hover{
background-position:0px -64px;	
}

#navbar span{
visibility: hidden;	
}

#about{background-image:url(images/nav/about.gif); width:98px}
#community{background-image:url(images/nav/community.gif); width:129px}
#floorplans{background-image:url(images/nav/floorplans.gif); width:123px}
#features{background-image:url(images/nav/features.gif); width:103px}
#gallery{background-image:url(images/nav/gallery.gif); width:84px}
#developer{background-image:url(images/nav/developer.gif); width:116px}
#contact{background-image:url(images/nav/contact.gif); width:114px}

#colorbar{
height:8px;
overflow:hidden;
background:url(images/colorbar.gif);	
clear:both;
}