/*---------DON'T DELETE THIS! CLEARFIX! ---------*/
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
  
 .clearfix {
display: inline-block;
}  

    /* Holly Hack Targets IE Win only \*/
    * html .clearfix {height: 1%;}
	.clearfix {display: block;}
    /* End Holly Hack */
	
textarea{
	resize:none;
	}
/*    Contact   */
.formbox{
	float:left;
	width:360px;
	line-height:30px;
	padding-bottom:25px;
}
.formbox_right{
	float:left;
	width:300px;
	padding-left:55px;
}

#contactL{
	width:840px;
	float:left;
	background:#FFFFFF;
	padding:15px 0;
	margin:0 25px;
	}
.input{
	line-height:30px;
	border:solid 1px #6a8830;
	vertical-align:top;
	height:18px;
}	
label{
	float:left; 
	display:block; 
	height:25px;
	}
.menudrop{
	width:270px;
	}
/*-----------END CLEARFIX----------*/
body{
	text-align:center;
	padding:0;
	margin:0;
	background-color: #d5d5d2;
	 }
#container{
	width:900px;
	text-align:justify;
	margin:0 auto;
	padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:11px;
	background:#FFFFFF;
	line-height:18px;
	}
/*-- Index*/
#maincopy{
	width:740px;
	margin:0 auto;
	padding:15px 0;
	}
#orangelinx a{
	color:#e5801d;
	text-decoration:none;
	font-weight:bold;
	}
#orangelinx a:hover{
	text-decoration:underline;
	}
/*------Retail--------*/
#retailleft{
	width:319px;
	margin-right:18px;
	float:left;
	}	
#retailright{
	width:403px;
	float:left;
	}
	
#rl{ width:110px; float:left; text-align:left; font-weight:bold;}	
#rr{ width:200px; float:left;  text-align:left; padding-bottom:15px;}	

#bluelinx{text-align:left;}

#bluelinx a{
	color:#026f95;
	text-decoration:none;
	font-weight:bold;
	text-align:left;
	}
#bluelinx a:hover{
	text-decoration:underline;
	}
/*  Directions   */
#dirRight{
	width:319px;
	margin-right:18px;
	float:left;
	text-align:left;
}
#dirLeft{
	width:319px;
	margin-right:18px;
	float:left;
	text-align:left;
}

/*Downtown*/
h2{
	width:740;
	display:block;
	background:#a22c1f;
	clear:both;
	text-align:left;
}
#orangebullet li {
	list-style-image:url(../media/images/bullet.gif);
	list-style-position:inside;
	}
#orangebullet a{
	color:#000000;
	font-weight:bold;
	}
#orangebullet a:hover{text-decoration:none}
#orangebullet2 li {
	list-style-image:url(../media/images/bullet.gif);
	list-style-position:inside;
	}
#orangebullet2 a{
	color:#000000;
	font-weight:bold;
	}
#orangebullet2 a:hover{text-decoration:none}
#dtleft{
	width:280px;
	float:left;
	padding-bottom:15px;
	}
#dtright{
	width:440px;
	float:left;
	}
/*////   Villas  //////*/
#villasL{
	width:392px;
	float:left;
	padding-bottom:25px;
	}
#villasR{
	width:340px;
	float:left;
	}
/*////   Towers  //////*/
#towersL{
	width:392px;
	float:left;
	padding-bottom:25px;
	}
#towersR{
	width:340px;
	float:left;
	}
/*       Amenities       */
#amenL{
	width:290px;
	padding-right:15px;
	border-right:2px solid #d5d5d2;
	float:left;
	
	}
#amenL li{
	list-style-position:outside;
	list-style-image:url(../media/images/bullet.gif);
	line-height:12px;
	padding-bottom:5px;
	margin-left:-25px;
	}
#amenM{
	width:200px;
	/*text-align:left;*/
	padding-left:10px;
	/*border-left:2px solid #d5d5d2;*/
	float:left;
	/*padding:0 10px;*/
	margin-bottom:25px;
	}
#amenM li{
	line-height:12px;
	padding-bottom:5px;
	list-style-position: outside;
	list-style-image:url(../media/images/bullet.gif);
	margin-left:-25px;
	}
#amenR{
	width:200px;
	text-align:left;
	float:left;
	
	margin-bottom:25px;
	}
#amenR li{
	line-height:12px;
	padding-bottom:5px;
	list-style-image:url(../media/images/bullet.gif);
	
	}
#redtext{
	color:#a22c1f;
	font-weight:bold;
	line-height:18px;
	}

#addit{
	padding-top:45px;
}
.indent{
	padding-left:15px;
	text-align:left;
	margin-top:-8px;}

/*-------Footer-----*/		
#footer{
	text-align:center;
	color:#adada4;
	padding-bottom:15px;
	}	
#footer a{
	color:#adada4;
	text-decoration:none;
	}	
#footer a:hover{text-decoration:underline;}
#address{
	font-weight:bold;
	text-align:center;
	color:#adada4;
	}
#header{
	padding-bottom:15px;}
/*   Pops  */
#footerpop{
	background:url(../../media/images/pops/footer_bg.gif);
	display:block;
	width:576px;
	height:94px;
	
	}
#footerpop a{
	color:#adada4;
	text-decoration:none;
	}	
#footerpop a:hover{text-decoration:underline;}
#headpop{
	background:url(../../media/images/pops/head_pops.gif);
	width:576px;
	height:94px;
	display:block;
	}
/*------ Nav area -----*/

 #nav li {
    margin: 0; padding:0; list-style: none;
    position: absolute;height:14px;display:block; }

  #nav li ul{
  padding:0;
  margin:0px 0 0 0;
  height:auto;
  }	
  
   
  #nav a{
  	display:block;
	height:14px;
	width:100%;
	}	
	
  #nav a span{display:none;}
  
  #nav li ul li a span{display:block;}
  
 
   #nav {
    height:14px; 
	width:740px;
    background: url(../media/images/nav/nav.gif);
	margin:auto;
    padding:0;
    position: relative;
	}	

#nav li ul {
  display: none;
  position: absolute; 
  top: 0;
  left: 0;
  }

#nav li > ul {
	top: auto;
	left: auto;
	margin-left: 0px;
	margin-top: 0px;
	}
	
#nav li:hover ul, #nav li.over ul{ display: block; }

	/** Nav links are plain text if CSS is turned off **/	
	

	#nav_home{left:0px;top:0px; height:14px;width:103px;}
	#nav_residences{left:104px;top:0px;height:14px;width:151px;}
	#nav_retail{left:255px;top:0px;height:14px;width:113px;}
	#nav_dtsac{left:368px;top:0px;height:14px;width:245px;}
	#nav_contact{left:613px;top:0px;height:14px;width:128px;}
	
	#nav_home a:hover, #home #nav_home{
    background: transparent url(../media/images/nav/nav.gif)
    -0px -14px no-repeat;}

	#nav_residences a:hover, #residences #nav_residences{
    background: transparent url(../media/images/nav/nav.gif)
    -104px -14px  no-repeat;}

	#nav_retail a:hover, #retail #nav_retail{
    background: transparent url(../media/images/nav/nav.gif)
    -255px -14px no-repeat;}
	
	#nav_dtsac a:hover, #dtsac #nav_dtsac{
    background: transparent url(../media/images/nav/nav.gif)
    -368px -14px no-repeat;}
	
	#nav_contact a:hover, #contact #nav_contact{
	background: transparent url(../media/images/nav/nav.gif)
    -613px -14px no-repeat;}
	
	
	/*------ Sub Nav area -----*/

 #subnav li {
    margin: 0; padding:0; list-style: none;
    position: absolute;height:108px;display:block; }

  #subnav li ul{
  padding:0;
  margin:0px 0 0 0;
  height:auto;
  }	
  
   
  #subnav a{
  	display:block;
	height:108px;
	width:100%;
	}	
	
  #subnav a span{display:none;}
  
  #subnav li ul li a span{display:block;}
  
 
   #subnav {
    height:108px; 
	width:661px;
    background: url(../media/images/nav/subnav.gif);
	margin:auto;
    padding: 0;
    position: relative;
	}	

#subnav li ul {
  display: none;
  position: absolute; 
  top: 0;
  left: 0;
  }

#subnav li > ul {
	top: auto;
	left: auto;
	margin-left: 0px;
	margin-top: 0px;
	}
	
#subnav li:hover ul, #subnav li.over ul{ display: block; }

	/**Sub  Nav links are plain text if CSS is turned off **/	
	

	#nav_villas{left:0px;top:0px; height:108px;width:219px;}
	#nav_towers{left:220px;top:0px;height:108px;width:231px;}
	#nav_amenities{left:451px;top:0px;height:108px;width:211px;}
	
	
	#nav_villas a:hover, #villas #nav_villas{
    background: transparent url(../media/images/nav/subnav.gif)
    -0px -108px no-repeat;}

	#nav_towers a:hover, #towers #nav_towers{
    background: transparent url(../media/images/nav/subnav.gif)
    -220px -108px  no-repeat;}

	#nav_amenities a:hover, #amenities #nav_amenities{
    background: transparent url(../media/images/nav/subnav.gif)
    -451px -108px no-repeat;}