div, img{
behavior: url("/library/iepngfix.htc");
}

body{
margin:0;
padding:0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.8em;
_text-align:center;
}

#page{

}

#content-span{
background:url(../images/shadow-top.gif) repeat-x;
}

#main-span{
background:url(../images/shadow-bottom.gif) repeat-x left bottom;
padding-bottom:10px;
}

#main{
width:950px;
margin:auto;
_text-align:left;
}

.text{
padding:20px 20px 30px 20px;
}

.sidebar-content{
background:url(../images/sidebar-background.gif) no-repeat;
}

.sidebar{
width:250px;
display:table-cell;
zoom:1;
*display:inline;
vertical-align:top;
}

.sidebar-content .text{
width:650px;
display:table-cell;
zoom:1;
*display:inline;
vertical-align:top;
}

.col{
width:47%;
padding-right:2%;
display:table-cell;
zoom:1;
*display:inline;
vertical-align:top;
padding-top:1em;
}

ul{
margin-top:0;
}


#banner-fader-box{
width:100%;
height:100%;
position:absolute;
top:0;
left:0;
}

/*:::: Floorplans ::::*/
.floorplans{
background-position: 0px 8px;
}

.floorplans .sidebar{
padding-top:60px;
padding-bottom:30px;
}

.floorplans .text{
padding-top:30px;
}

.floorplans .sidebar li{
display:block;
clear:both;
float:left;
width:100%;
}

.floorplans .sidebar ul{
overflow:auto;
}

.floorplans .sidebar a{
float:left;
display:block;
}

.sqft{
display:block;
float:right;
padding: 0.5em 0;
letter-spacing:0;
}

#siteplan{
margin-top:2.0em;
}

#siteplan h3{
color:#566C11;
}

.floorplans h2{
font-size:1.4em;
margin-left:25px;
margin-bottom:1em;
}

.floorplans h3{
font-size:1em;
margin-left:2.5em;
text-transform:uppercase;
letter-spacing:2px;
}

.floorplans .sidebar h2{
font-size:0.9em;
letter-spacing:0;
letter-spacing:0px;
margin-left:3em;
margin-bottom:0px;
text-transform:none;
}

.floorplans .sidebar ul{
margin-top:5px
}

/*Floorlan Gallery*/
#fp-viewer{
text-align:center;
height:575px;
position:relative;
}

#fp-viewer img{
margin:auto;
}

#fp-options{
margin-top:20px;
padding-left:100px;
border-top:1px dotted #999;
_border-top:2px dotted #999;
padding-top:20px;
}

#fp-options ul{
margin:0;
padding:0;
padding-left:45px;
list-style-image:url(../images/arrow.gif);
font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
text-transform:uppercase;
font-size:0.9em;
margin-left:
}

#fp-options li{
margin-bottom:0.5em;
}

#main #fp-options a{
border:0;
text-decoration:none;
color: #999;
}

#main #fp-options a:hover{
color:#bf2e1a;
}

#main #fp-options a.active{
color:#bf2e1a;
}

#fp-options  h4{
font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
text-transform:uppercase;
display:inline;
padding:0 0.8em;
}

#fp-options span{
padding:0 0.8em;
border-left: 1px solid #CCCCCC;
}

#download-floorplan{
margin-top:1.5em;
letter-spacing:1px;
padding-left:0.8em;
}


.loading{
background:url(../images/loading.gif) no-repeat center center;
}

#transition{
width:100%;
height:100%;
position:absolute;
top:0;
left:0;
}



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

#navigation{
background:#bf2e1a url(../images/navbar-background.gif) repeat-x;
text-transform:uppercase;
height:31px;
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
_text-align:center;
margin-top:60px;
position:relative;
letter-spacing:1px;
z-index:50;	
}

#navigation ul{
width:750px;
padding:0;
margin:0;
margin:auto;
padding-left:215px;
list-style-type:none;
font-size:12px;
_text-align:left;
position:relative;
}

#navigation li{
float:left;
margin:0;
padding:0;
zoom:1;
display:block;
}

#navigation li a{
color:white;
text-decoration:none;	
padding:6px 12px 0px 12px;
display:block;
height:100%;
border-left: 1px solid #cf6253;
height:24px;
float:left;
}

#navigation a:hover{
background:#861e0f;
}

#navigation a.active{
background:#861e0f;
}

#navigation #logo a:hover{
background:none;
}

#logo{
top:-28px;
left:15px;
position:absolute;
border:0;
zoom:1;
}

#navigation #logo{
padding:0;
margin:0;
border:0;
}


/*Subnav*/
.sidebar ul{
padding:0;
margin:0;
margin-left:30px;
margin-top:20px;
margin-bottom:10px;
width:190px;
font-size:0.9em;
font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
text-transform:uppercase;
letter-spacing:1px;
}

.sidebar li{
list-style-type:none;
margin:0;
padding:0;
border-bottom:1px dotted #999999;
_border-bottom:none;
zoom:1;
}

.sidebar a{
border:0 !important;
text-decoration:0;
padding: 0.5em 0.25em;
display:block;
color:#566c11 !important;
}

.sidebar a:hover{
color:#bf2e1a!important;
}

.sidebar .active{
font-weight:bold;
}

/*::::: Formatting :::::*/
#main{
line-height:150%;
}

h1{
margin:0;
padding:0;
margin-bottom:20px;
height:200px;
position:relative;
}

h2{
font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
text-transform:uppercase;
font-weight:normal;
letter-spacing:2px;
color: #bf2e1a;
font-size:1.2em;
padding:0;
margin:0;
margin-bottom:.3em;
}

h3{
font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
text-transform:none;
font-weight:normal;
letter-spacing:0px;
font-size:1.0em;
color: #bf2e1a;
padding:0;
margin:0;
margin-bottom:.3em;
}

p{
margin:0;
margin-bottom:0.8em;
}

.intro{
font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-size:1.1em;
text-transform:uppercase;
letter-spacing:2px;
}

/*::::: Lists ::::::*/
.number-list{
list-style-type:none;
zoom:1;
margin-top:1.5em;
}

.number-list li{
zoom:1;
margin-bottom:2em;
}

.number-list h2{
color:black;
}


.number{
font-size:36px;
line-height:36px;
float:left;
font-weight:bold;
color:#bf2e1a;
font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
width:40px;
display:block;
margin-left:-50px;
text-align:right;
padding-right:10px;
zoom:1;
position:relative;
}


/*::::: Links :::::*/
#main a{
color: #566c11;
text-decoration:none;
border-bottom:1px dotted #566c11;
_border-bottom:2px dotted #566c11;
}

#main a:hover{
color: #bf2e1a;
border-bottom:1px solid #bf2e1a;
}

.clear{
clear:both;
}


.no-border{
border:0!important;
}

#main a.arrow{
border:0;
_border:0;
padding-left:10px;
background: url(../images/arrow.gif) no-repeat center left;
}



.sidebar a.download-link{
margin-left:30px; 
padding-left:10px;
background: url(../images/arrow.gif) no-repeat center left;
zoom:1;
}


/*::::: Footer :::::*/


#footer-span{
position:relative;
background:url(../images/footer-span-background.gif) repeat-x;
padding-top:8px;
clear:both;
}

#footer{
width:950px;
margin:auto;
background:url(../images/footer-boxes.gif) no-repeat;
height:100px;
position:relative;
font-size:11px;
color:#000;
line-height:140%;
}

#footer h2{
font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
color: #bf2e1a;
text-transform:uppercase;
font-size:16px;
font-weight:normal;
letter-spacing:0px;
margin-top:15px;
margin-bottom:2px
}

#footer p{
margin:0;
}

.snapshot1{
position:absolute;
top:-50px;
left:9px;
}

.snapshot2{
position:absolute;
top:-27px;
left:118px;
}

#reasons{
width:400px;
height:100px;
position:absolute;
left:355px;
top:1px;
text-align:left;
}

#footer a{
text-decoration:none;
color:#000;
padding-left:10px;
background: url(../images/arrow.gif) no-repeat left center;
}

#footer a:hover{
color: #bf2e1a;
}

#reasons a,
#own-from a{
display:block;
margin-top:6px;
}


#own-from{
width:200px;
height:100px;
top:-1px;
left:746px;
position:absolute;
text-align:left;
}

#only-cardel{
padding-left:10px;
}

#learn-more{
position:absolute;
text-align:right;
width:592px;
left: 358px;
top: 104px;
text-transform:uppercase;
}

#endcap-span{
position:relative;
height:23px;
background:black;
margin-top:75px;
}

#endcap{
width:950px;
margin:auto;
position:relative;
}

#endcap-links{
padding:0;
margin:0;
position:absolute;
top:5px;
right:120px;
font-size:9px;
text-transform:uppercase;
}

#endcap li{
display:inline;
}

#endcap a{
color:#999999;
text-decoration:none;
}

#endcap a:hover{
color:#CCCCCC;
}

#cardel-logo{
position:absolute;
left:860px;
top:-33px;
}

#condos-townhomes{
position:absolute;
top:0px;
left:850px;
}