@charset "UTF-8";

img, div { behavior: url(iepngfix.htc) }

body {
	margin: 38px 0px 0px 0px !important;
	margin: 30px 0px 0px 0px;
	padding: 0px;
	background-image: url(media/tsl_bg.gif);
	background-repeat: repeat-x;
	background-position: center 30px;
	font-family: "Times New Roman", Times, serif;
	font-size: 12px;
	color: #4d3f40;
}



.red {
	color: #ed1847;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}


.white {
	color: #FFFFFF;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}

	
						<!--LINKS-->
a:active {
	outline:0
}

a:focus {
	outline:0
}

a {
	text-decoration: none;
	color: #FFFFFF;
}

a:hover {
	text-decoration: underline;
	color: #ffcccc;
}


a.black {
	color: #000000;
	font-style: italic;
	font-weight: bold;
}

a.black:hover, a.blackindex:hover {
	text-decoration: underline;
	color: #000000;
}

a.blackindex {
	color: #000000;
	font-style: italic;
} 


					/**CONTAINER**/
div#container {
	width:876px;
	text-align: left;
	margin: 0 auto;
	position: relative;
	height:614px;
	margin-bottom:-50px;
}


div#container-header {
	height: 47px;
	width: 760px;
	margin-left: 65px;
	margin-right: 20px;
	
}
div#container-content {
	width: 876px;
	height: 526px;
	font-size: 16px;
	margin-top: 33px !important;
	margin-top: 12px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
div#container-footer {
	height: 70px;
	position: absolute;
	z-index: 150;
}

								/**MAIN NAV**/
a#thisspace {
	height: 22px;
	width: 87px;
	overflow: hidden;
	margin-top: 8px;
	margin-left: 2px;
	display: block;
}

a#the_site {
	background-image: url(media/thesite_btn.png);
	background-repeat: no-repeat;
	display: block;
	height: 16px;
	width: 49px;
	overflow: hidden;
	text-indent: -3000px;
	float: left;
	margin-top: 30px;
}

a#apartments {
	background-image: url(media/apartments_btn.png);
	background-repeat: no-repeat;
	display: block;
	height: 16px;
	width: 83px;
	overflow: hidden;
	text-indent: -3000px;
	float: left;
	margin-top: 30px;
}

a#floorplans {
	background-image: url(media/floorplans_btn.png);
	background-repeat: no-repeat;
	display: block;
	height: 16px;
	width: 82px;
	overflow: hidden;
	text-indent: -3000px;
	float: left;
	margin-top: 30px;
}

a#location {
	background-image: url(media/location_btn.png);
	background-repeat: no-repeat;
	display: block;
	height: 16px;
	width: 65px;
	overflow: hidden;
	text-indent: -3000px;
	float: left;
	margin-top: 30px;
}

a#contactus {
	background-image: url(media/contactus_btn.png);
	background-repeat: no-repeat;
	display: block;
	height: 16px;
	width: 78px;
	overflow: hidden;
	text-indent: -3000px;
	float: left;
	margin-top: 30px;
}

a#register {
	background-image: url(media/register_btn.png);
	background-repeat: no-repeat;
	display: block;
	height: 16px;
	width: 65px;
	overflow: hidden;
	text-indent: -3000px;
	float: left;
	margin-top: 30px;
}

#thiscommercialspace {
	margin-top: 30px;
	margin-left: 126px;/* this is the max, one more pix and it goes over the nxt line*/
	float: left;
}


a.nav {
	font-size: 2px;
}

a.nav:hover {
	background-position: 0px -16px;
}

a.selected {
	background-position: 0px -16px;
}


									/**RED NAV**/

#rednav {
	background-color: #ed1847; 
	height: 17px;
	margin-left: 56px;
	padding-left: 9px;
	margin-top:0px;
	position: absolute;
	z-index: 101;
	width: 805px;
}

#rednav a {
	font-size: 2px;
}


#rednav a:hover, #rednav a.selected {
	background-position: 0px -17px;
}

a#home {
	background-image: url(media/home_btn.png);
	background-repeat: no-repeat;
	display: block;
	height: 17px;
	width: 34px;
	overflow: hidden;
	text-indent: -3000px;
	float: left;
}

a#aerialview {
	background-image: url(media/aerialview_btn.png);
	background-repeat: no-repeat;
	display: block;
	height: 17px;
	width: 75px;
	overflow: hidden;
	text-indent: -3000px;
	float: left;
}

a#courtyard {
	background-image: url(media/courtyard_btn.png);
	background-repeat: no-repeat;
	display: block;
	height: 17px;
	width: 99px;
	overflow: hidden;
	text-indent: -3000px;
	float: left;
}

a#siteplan {
	background-image: url(media/siteplan_btn.png);
	background-repeat: no-repeat;
	display: block;
	height: 17px;
	width: 58px;
	overflow: hidden;
	text-indent: -3000px;
	float: left;
}

a#gallery {
	background-image: url(media/gallery_btn.png);
	background-repeat: no-repeat;
	display: block;
	height: 17px;
	width: 57px;
	overflow: hidden;
	text-indent: -3000px;
	float: left;
}

a#gallery1 {
	background-image: url(media/1_btn.png);
	background-repeat: no-repeat;
	display: block;
	height: 17px;
	width: 21px;
	overflow: hidden;
	text-indent: -3000px;
	float: left;
}

a#gallery2 {
	background-image: url(media/2_btn.png);
	background-repeat: no-repeat;
	display: block;
	height: 17px;
	width: 21px;
	overflow: hidden;
	text-indent: -3000px;
	float: left;
}

a#gallery3 {
	background-image: url(media/3_btn.png);
	background-repeat: no-repeat;
	display: block;
	height: 17px;
	width: 21px;
	overflow: hidden;
	text-indent: -3000px;
	float: left;
}

a#gallery4 {
	background-image: url(media/4_btn.png);
	background-repeat: no-repeat;
	display: block;
	height: 17px;
	width: 21px;
	overflow: hidden;
	text-indent: -3000px;
	float: left;
}

a#gallery5 {
	background-image: url(media/5_btn.png);
	background-repeat: no-repeat;
	display: block;
	height: 17px;
	width: 21px;
	overflow: hidden;
	text-indent: -3000px;
	float: left;
}

a#gallery6 {
	background-image: url(media/6_btn.png);
	background-repeat: no-repeat;
	display: block;
	height: 17px;
	width: 21px;
	overflow: hidden;
	text-indent: -3000px;
	float: left;
}

a#gallery7 {
	background-image: url(media/7_btn.png);
	background-repeat: no-repeat;
	display: block;
	height: 17px;
	width: 21px;
	overflow: hidden;
	text-indent: -3000px;
	float: left;
}

a#gallery8 {
	background-image: url(media/8_btn.png);
	background-repeat: no-repeat;
	display: block;
	height: 17px;
	width: 21px;
	overflow: hidden;
	text-indent: -3000px;
	float: left;
}

a#specification {
	background-image: url(media/specification_btn.png);
	background-repeat: no-repeat;
	display: block;
	height: 17px;
	width: 90px;
	overflow: hidden;
	text-indent: -3000px;
	float: left;
}

a#availability {
	background-image: url(media/availability_btn.png);
	background-repeat: no-repeat;
	display: block;
	height: 17px;
	width: 83px;
	overflow: hidden;
	text-indent: -3000px;
	float: left;
}

a#map {
	background-image: url(media/map_btn.png);
	background-repeat: no-repeat;
	display: block;
	height: 17px;
	width: 36px;
	overflow: hidden;
	text-indent: -3000px;
	float: left;
}

a#journeytimes {
	background-image: url(media/journeytimes_btn.png);
	background-repeat: no-repeat;
	display: block;
	height: 17px;
	width: 93px;
	overflow: hidden;
	text-indent: -3000px;
	float: left;
}

												/**FOOTER**/


div#footer-left {
	/*color: #dod1ca;*/
	color:#666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	width: 300px;
	float: left;
	margin-left: 71px !important;
	margin-left: 30px;
	margin-top: 15px;
}

#footer-left a {
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-decoration: none;	
}

#footer-left a:hover {
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-decoration: underline;
}


img#footer-right {
	margin-top: 15px;
	margin-left: 345px;
}


												/**PAGES**/
		
										/**CONTACT**/


#contact{
	display: block;
	height: 526px;
	width: 876px;
	background-image: url(media/woman_bg.jpg);
	background-repeat: no-repeat;
}

#contact-txt{
	font-family: "Times New Roman", Times, serif;
	font-size: 15px;
	color: #FFFFFF;
	padding-left: 71px;
}


.contactwhite {
	font-size: 14px;
	color: #FFFFFF;
	font-weight: normal;
	font-family: "Times New Roman", Times, serif;
	font-style: italic;
}

a.contactwhite:hover {
	text-decoration: underline;
	color: #ffffff;
}				


.aerial{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
}										/**INDEX**/

#index-slide-0{
	display: block;
	height: 437px;
	overflow:hidden;
	width: 876px;
	background-color:#FFF;
	padding-top: 85px;
	padding-left: 71px;
	position:absolute;
	z-index:50;
}

#index-slide-1{
	display: block;
	height: 526px;
	width: 876px;
	background-image: url(media/woman_bg.jpg);
	background-repeat: no-repeat;
	padding-top: 85px;
	padding-left: 71px;
	position:absolute;
	z-index:40;
}

#index-slide-2{
	display: block;
	height: 466px;
	width: 805px;
	background-image: url(media/index-slide-2.jpg);
	background-repeat: no-repeat;
	padding-top: 90px;
	padding-left: 71px;
	position:absolute;
	z-index:30;
}

#index-slide-3{
	display: block;
	height: 526px;
	width: 876px;
	background-image: url(media/index-slide-3.jpg);
	background-repeat: no-repeat;
	padding-top: 65px;
	padding-left: 71px;
	position:absolute;
	z-index:20;
}

#index-slide-4{
	display: block;
	height: 526px;
	width: 876px;
	background-image: url(media/index-slide-3.jpg);
	background-repeat: no-repeat;
	position:absolute;
	z-index:10;
}

#transparency {
	background-color: #FFFFFF;
	width: 380px;
	height: 380px;
	position: absolute;
	z-index: 101;
	top: 40px;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
}

#transparency-txt {
	width: 300px;
	height: 350px;
	position: absolute;
	z-index: 102;
	top: 70px;
	left: 71px;
	font-family: "Times New Roman", Times, serif;
	font-style: italic;
	font-size: 18px;
}

#redtransparent {
	color: #ed1847;
}

#blacktransparent {
	color: #000000;
}


								/**THE SITE**/
		
#apart-slide-1-txt, #apart-slide-9-txt, #thesite-txt, #location-txt, #location-txt2{
	font-family: "Times New Roman", Times, serif;
	font-size: 13px;
	color: #000000;
	display: block;
	float: left;
	width: 235px;
	height: 430px;
}

#apart-slide-1-pic, #thesite-pic, #location-pic{
	display: block;
	width: 501px;
	height: 430px;
	float: left;
	margin-left: 20px;
	overflow: hidden;
}


#apart-slide-1, #thesite-slide-1, #thesite-slide-2, #apart-slide-2, #apart-slide-3, #apart-slide-4, #apart-slide-5, #apart-slide-6, #apart-slide-7, #apart-slide-8, #apart-slide-9, #apart-slide-10, #floorplans-section, #location-slide-1, #location-slide-2, #location-slide-3, #location-slide-4, #location-slide-5, #location-slide-6, #location-slide-7, #location-slide-8, #location-slide-9, #location-slide-10{
	height: 473px;
	width: 876px;
	padding-top: 50px;
	padding-left: 69px;
	float:left; 
}



#thesite-slide-3{
	display: block;
	height: 473px;
	width: 876px;
	padding-top: 50px;
	padding-left: 71px;
	background-color: #ff0033;
	float:left;
}

#thesite-plan {
	margin-left: 90px;
}

#thesite-parent {
	width:3000px;
}

#apartments-parent, #location-parent {
	width:10000px;
}

#slide-window{
	display: block;
	height: 526px;
	width: 876px;
	overflow:hidden;
	position:relative
}

								/**APARTMENTS**/
#apart-slide-9-pic{
	display: block;
	width: 501px;
	height: 332px;
	float: left;
	margin-left: 35px;
	margin-top: 15px !important;
	margin-top: 5px;
	overflow: hidden;
}


#apart-slide-9-intro{
margin-bottom: 25px;
}

.table-title{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #Ed1847;
	float: left;
	height: 15px;
	margin-top: 15px;
	margin-bottom: 15px;
	width: 110px;
	
}

.table{
	font-family: "Times New Roman", Times, serif;
	font-size: 12px;
	color: #000000;
	float: left;
	display:block;
	height: 15px;
	width: 110px;
	padding-top: 6px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
}						
									

								/**FLOORPLANS**/
									
#floorplans-left{
	float: left;
	width: 235px;
	height: 380px;
}
		
#floorplans-intro{
	margin-bottom: 25px;
}							
								
#floorplans-interactive{
	float: left;
	width: 507px;
	height: 380px;
	margin-left: 40px;
	
}

								/**LOCATION**/
			
#traintimes{
	float: left;
	width: 301px;
	height: 380px;
	margin-left: 40px;
	margin-top: 95px !important;
	margin-top: 115px;
	font-family: "Times New Roman", Times, serif;
	font-size: 12px;
	color: #000000;
}			

.tabletimeleft{
	float: left;
	height: 17px;
	width: 240px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	line-height: 19px;
}

.tabletimeright{
	float: left;
	height: 17px;
	width: 53px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	line-height: 19px;
}			
			
#italicsmall{
	font-size: 11px;
	font-style: italic;
	font-weight: bold;
}		
								
									/** Arrow Navs **/

a.arrow_right {
	font-size: 1px;
	background-image: url(media/nav_arrow_right.png) !important;
	background-image: url(media/nav_arrow_right.gif);
	background-repeat: no-repeat;
	background-position: -15px 0px;	
	text-indent: -200px;
	display: block;
	height: 36px;
	width: 15px;
	overflow: hidden;
	float:right;
}

a.arrow_left {
	font-size: 1px;
	background-image: url(media/nav_arrow_left.png) !important;
	background-image: url(media/nav_arrow_left.gif);
	background-repeat: no-repeat;
	background-position: -15px 0px;	
	text-indent: -200px;
	display: block;
	height: 36px;
	width: 15px;
	margin-left: 15px;
	overflow: hidden;
	float:left;
}


a.arrow_right:hover, a.arrow_left:hover {
	background-position: 0px 0px;	
}

.arrows {
	position:absolute;
	width:876px;
	margin-top:250px;
	z-index:105;
}

/***** Admin  *****/

#admin{
	display: block;
	height: 501px;
	width: 775px;
	padding:5px 30px 30px 71px;
}


#admin .form-label {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:25px;
	margin-bottom:5px;
	display:block;
	width:100px;
	float:left;
}

#admin input {
		height:18px;
		margin-bottom:5px;
		width:100px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		border:1px solid #333333;
}

#admin #submit {
		cursor:pointer;
}

#admin .form-table{
	font-family: "Times New Roman", Times, serif;
	font-size: 12px;
	color: #000000;
	float: left;
	width: 110px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	margin-bottom:5px;
}	

#activemap1, #activemap2, #activemap1Map {
	position:absolute;
	z-index:220;
	
}



/*** Register CSS ***/


#formReg {
	font-size:11px;
	font-family: Arial, Helvetica, sans-serif; 
	color:#FFF;
	margin-left:71px;
	padding-top: 30px;

}


#formReg input, #formReg textarea {
	
	padding: 2px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin:3px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}



#formReg .label {
	
	width:80px;
	display:block;
	float:left;
	line-height:20px;
}
#formReg #send {
	padding:0px;
	border:none 0px;
	cursor:pointer;
	margin-top: -18px;
	background-image: url(media/send_btn.png);
	background-color: #ea3f48;
	height: 22px;
	width: 48px;
	text-indent:-800px;
	overflow:hidden;
	background-repeat: no-repeat;
}

#formReg #send:Hover {
	background-position: 0px -22px;
}

#formReg h1 {
	margin-bottom:0px;
	
}

#formReg h2 {
	font-family: "Times New Roman", Times, serif;
	font-size: 16px;
	font-style: italic;
	margin-top: 3px;
	font-weight: normal;
}

#nomarketing {
	background-color:none;
	margin:0px 5px 0px 0px;
}

#mandatory{
	margin-top: 65px;}
	
a.toggle-text {
	color:#FFF;
	font-weight:normal;
	font-size:11px;
	text-decoration:none;
	position:absolute;
	font-family:Arial, Helvetica, sans-serif;
	display:inline-block;
	padding:1px 3px 1px 3px;
	margin:423px 3px 3px 3px;
	
}

a.toggle-text:Hover {
	background-color:#333;
}

select {
	border: 1px solid	#ed1847;
	padding:5px;
	font=family:Arial, Helvetica, sans-serif;
	font-size:14px;
	
}

option {
		background-color:#ed1847;
		color:#FFF;
}

option:Hover {
		background-color:#cc0000;
		color:#FFF;
}

#form1 {
	border:1px solid #ed1847;	
	background:#FFF;
	padding:10px;
}

#aparts-window {
	height:225px;
	overflow:hidden;
	position:absolute
}



a#linkmore {
	font-size: 1px;
	background-image: url(media/nav_arrow_down.gif);
	background-repeat: no-repeat;
	background-position: 0px -15px;	
	text-indent: -200px;
	display: inline-block;
	height: 15px;
	width: 36px;
	overflow: hidden;
	margin-top:5px;
}
a#linkmore:hover {
	background-position: 0px 0px;	
	color:#FFF;
}

a#linkback {
	font-size: 1px;
	background-image: url(media/nav_arrow_up.gif);
	background-repeat: no-repeat;
	background-position: 0px -15px;	
	text-indent: -200px;
	display: inline-block;
	height: 15px;
	width: 36px;
	overflow: hidden;
	margin-top:5px;
}
a#linkback:hover {
	background-position: 0px -30px;	
	color:#FFF;
}

#stamp-duty {
	position:absolute;
	z-index:100;
	margin-left:656px;
	top:80px !important;
	top:88px;
	
}