body {
text-align: center; /* for IE */
margin:0px;

	}


body
{
	 background: #6E6E70 ; 

	}
	
body,td{
	
		color:#4A4A4A;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;

	text-align:left;
	line-height:19px; 

	
	}	

img{
	border:0px;
	}

 #iepng input, img{
	 _behavior:/**/ url("iepngfix.htc"); /* IE 5.5 only */
	 _behavior/**/:/**/ url("iepngfix.htc") ;/* IE 6 only */	 
	 }  


#ContentContainer960 {
	
		margin-left: auto;   /* align for good browsers */
		margin-right: auto;
		text-align: left; /* counter the body center */

		width:960px;	
		padding-left:26px;
		padding-right:26px;
		background: #fff ; 

	}



#aboutText img{border:5px solid #ccc; margin:20px; padding:2px;}

h3{
font-size:22px;	
	}

#standardText ul li{
	text-indent: 15px;
	background:  url('images/bullet-star.jpg') no-repeat;
	background-position: center left;
	list-style-type: none;
	margin:0px;
	padding:0px;
	margin-left:-20px;
	margin-bottom:3px;
	font-size:11px;
	}
		

#enquiryInput{
	
	border:1px solid #000000; 
	font-family: Verdana; 
	font-size: 10pt; 
	color: #666666; 
	padding-left: 4; 
	padding-right: 4; 
	padding-top: 1; 
	padding-bottom: 1; 
	width:246px;
	}



#tel{
		float:right;

		}		
#clear{
	clear:both;
		}		
		
#colText{
	width:280px;
	color:#4A4A4A;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;

	text-align:left;
	line-height:19px;
	
	}
	
#hmeTitle{
	margin-top:53px;
	margin-bottom:9px;
	
	}	
		
#nationwide{
		float:right;
		margin-top:-25px;
		margin-bottom:5px;
		}			
		
		
#homeBox{
		width:960px;
	height:245px;
	background: url('images/home_box.png') top center no-repeat;
	
	padding-top:31px;
	}
	
#pageBox{
		width:960px;
	height:160px;
	background: url('images/page_box.png') top center no-repeat;
	
	
	}	
	
#details{
	float:left;
	width:737px;
	color:#000;
	font-family: Verdana;
	font-size:13px;
	line-height:20px;
	}
	

#priceBox{
	float:right;
	
	}

#moreLink a{
	
	margin-bottom:26px;
	display:block; 
	color:#333333;
	font-size:11px;
	font-family: Verdana, Geneva, sans-serif;
	text-decoration: underline;
	text-indent: 15px;
	background:  url('images/arrow-link.jpg') no-repeat;
	background-position: center left;

	
	}
#moreLink a:hover{
text-decoration:none;	
}


#apartLink a{
	
	margin-bottom:4px;
	display:block; 
	color:#4A4A4A;
	font-size:12px;
	font-family: Verdana, Geneva, sans-serif;
	text-decoration: none;
	text-indent: 15px;
	background:  url('images/arrow-link.jpg') no-repeat;
	background-position: center left;
	font-weight:bold; 
	width:290px; 
	

	
	}
#apartLink a:hover{
text-decoration:underline;	
}

#apartThumb img{
/*background:  url('images/apart-thumb-back.jpg') no-repeat;	
padding-top:4px;
padding-left:4px;
height:100px; */
border:2px solid #666;
padding:2px;
margin-right:15px;
	}

#apartInfo{
	background:  url('images/apartInfo-back.jpg') no-repeat;
	width:431px;
	height:28px;
	padding-top:4px;
	padding-left:8px;
	color:#FFF;
	font-size:11px;
	font-weight:bold;
	margin-top:0px;
	}

#apartInfoText{margin:0;padding:0;}
#apartInfoText a{color:#336601; text-decoration:underline}
#apartInfoText a:hover{text-decoration:none;}


#apartBed{
	float:left;	
	text-indent: 32px;
	background:  url('images/apartInfo-bed.jpg') no-repeat;
	background-position: center left;
	height:20px;
	}
	
#apartBath{
	float:left;	
	text-indent: 32px;
	background:  url('images/apartInfo-bath.jpg') no-repeat;
	background-position: center left;
	height:20px;
	margin-left:15px;	
	}
#apartMax{
	float:left;	
	text-indent: 32px;
	background:  url('images/apartInfo-max.jpg') no-repeat;
	background-position: center left;
	height:20px;
	margin-left:15px;
	}

#apartTitle a{
	color:#4A4A4A;
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
	
	font-weight:bold;
	
	text-decoration:none;
	}
	
#apartTitle a:hover{
 text-decoration:underline;	
}

#titleApart{
		color:#4A4A4A;
	font-family:Verdana, Geneva, sans-serif;
	font-size:20px;
	
	font-weight:bold;
	
	
	
	}

#aboveSlide{
	
	z-index:9999; margin-top:-397px; height:397px; width:960px; position:absolute;
	}
	
#aboveSlideHome{
	
	z-index:9999; margin-top:-556px; height:556px; width:960px; position:relative;
	}	
	
#logo{
		float:right;
		margin-right:15px;
		margin-top:15px;
		}	
#booking{
		float:left;
		margin-left:15px;
		margin-top:15px;
		height:335px;
		width:215px;
		background: url('images/booking-back.png'); 
		padding-left:27px;
		padding-top:27px;
			 _behavior:/**/ url("iepngfix.htc"); /* IE 5.5 only */
	 _behavior/**/:/**/ url("iepngfix.htc") ;/* IE 6 only */	
	}	
	

#bookingHome{
		float:left;
		margin-left:15px;
		margin-top:15px;
		height:497px;
		width:215px;
		background: url('images/booking-back.png'); 
		padding-left:27px;
		padding-top:27px;
			 _behavior:/**/ url("iepngfix.htc"); /* IE 5.5 only */
	 _behavior/**/:/**/ url("iepngfix.htc") ;/* IE 6 only */	
	}
	
/* NAVIGATION NORMAL */

#navigation{
		margin-top:0px;
		margin-left:0px;
		
		height:20px;
		width:960px;
		background: #fff ; 
		padding-top:10px;
		}



#nav{
	margin:0px;
	padding:0px;

	list-style-type: none;
		}	

#nav ul{

	list-style:none;
	padding: 0px;
	margin: 0px;
}

ul#nav li  {
	margin:0px;
	display:inline; 
	padding:0px;

}

ul#nav li a {
	margin:0px;
	float:left;

	overflow:hidden;
	display:block; 
	height:10px;
	
	text-indent:-9000px;

}


ul#nav li#home a {
	width:40px;
	background:  url(images/nav-home.jpg) no-repeat;
	margin-right:31px;
}

ul#nav li#apartments a {
	width:110px;
	background:  url(images/nav-apartments.jpg) no-repeat;
	margin-right:29px;
	
}

ul#nav li#about a {
	width:120px;
	background:  url(images/nav-about.jpg) no-repeat;
	margin-right:29px;
	
}

ul#nav li#location a {
	width:108px;
	background:  url(images/nav-location.jpg) no-repeat;
	margin-right:30px;
	
}

ul#nav li#brochure a {
	width:106px;
	background:  url(images/nav-brochure.jpg) no-repeat;
	margin-right:29px;
	
}

ul#nav li#glance a {
	width:86px;
	background:  url(images/nav-glance.jpg) no-repeat;
	margin-right:29px;
	
}


ul#nav li#gallery a {
	width:107px;
	background:  url(images/nav-gallery.jpg) no-repeat;
	margin-right:30px;
	
}

ul#nav li#contact a {
	width:76px;
	background:  url(images/nav-contact.jpg) no-repeat;
	
}




#topSpace{
	position: relative;
	clear:both;
	padding-top:106px;
	}
	
	
#title{
	margin-left:36px;
	}	

	
	
#titleText{
	color:#fff;
	font-family: Verdana;
	font-size:14px;
	margin-top:15px;
	margin-bottom:15px;
	line-height:23px;
	margin-left:36px;


	
	}	
	
#titleText a{
	color:#E5000B;
	font-family: Verdana;
	text-decoration:underline;
	
}

#titleText a:hover{
	text-decoration:none;
}	
	
	
	
	
#contentTopSpace{
	position: relative;
	clear:both;
	margin-top:50px;
	}
	
	
	
#homeBullet	{
	font-family: Verdana;
	background: url('images/bullet.png') center left no-repeat;
	padding-left:30px;
	font-size:13px;
	margin-bottom:13px;
	}
	
#homeBullet	a{color:#062C71;}	

#homeBullet	a:hover{text-decoration:none;}	


#pageBullet{
	font-family: Verdana;
	background: url('images/bullet.png') center left no-repeat;
	padding-left:30px;
	font-size:18px;
	margin-bottom:5px;
	color:#000;
	font-weight:bold;
	}
	
#pageBulletSub{
	font-family: Verdana;
	padding-left:30px;
	font-size:13px;
	margin-bottom:20px;
	color:#000;

	}

#pageBreak{background: url('images/pageBreak.png') center left no-repeat; height:20px;width:960px;margin-top:30px;}

#stageLine{background: url('images/pageBreak.png') center left no-repeat; height:20px;width:960px;}

#starText{
	font-family: Verdana;
	font-size:13px;
	color:#D22030;
	}
	
#3waySplit{
	float:left;
	width:auto;
	position:relative;
	display:inline;


	}	
	
#dottedTitleLink {
	font-size:22px;
	font-family: Verdana;
    PADDING-BOTTOM: 2px;


	}	
	
#dottedTitleLink a{

COLOR: #000; BORDER-BOTTOM: #E01222 1px dotted; TEXT-DECORATION: none;

text-transform:uppercase;

	}	
	
#dottedTitleLink a:hover{
	text-decoration:none;
	border-color: #000;
	color: #E01222;
	
}

#home3text{
	font-size:11px;
	font-family: Verdana;
	color:#000;
	margin-top:10px;
	line-height:20px;
	}
	
#readMoreBTN{
	margin-top:20px;
	margin-bottom:0px;
	}	
	
	
	
#footer{
	clear:both;
	height:157px;
	background: #8B8B8D url('images/ftr-back.jpg');
	padding-top:26px;
	
	
		margin-left: auto;   /* align for good browsers */
		margin-right: auto;
		text-align: left; /* counter the body center */

		width:1012px;
	
	}	
	
#footerInner{margin-left:26px;}	
	
#footerColText{	
	color:#fff;
	font-family: Verdana;
	font-size:11px;
	line-height:19px;
}

#footer2Text{	
	color:#fff;
	font-family: Verdana;
	font-size:11px;
}

#footer2Text a{
	color:#fff;
	font-family: Verdana;
	text-decoration:underline;
}

#footer2Text a:hover{
	text-decoration:none;
}


#footer2{
	clear:both;
	background:#565658;
	height:78px;
			margin-left: auto;   /* align for good browsers */
		margin-right: auto;
		text-align: left; /* counter the body center */
padding-top:40px;
		width:1012px;

	}
	
	
#footer4{
	clear:both;
	background:#999;
	height:45px;
			margin-left: auto;   /* align for good browsers */
		margin-right: auto;
		text-align: left; /* counter the body center */
padding-top:25px;
		width:1012px;

	}

#offer1{float:left;}
#offer2{float:left; font-size:11px; color:#555558; font-weight:normal; margin-left:32px;}
#offer3{float:left;}
#offerInput{background-color:#565658; color:#ccc; font-size:11px; width:183px; border:0;margin:0; margin-left:30px; margin-top:2px; padding-left:4px;;}
#offerbtn{margin-left:10px; margin-top:4px; float:left;}

#footer3{
	clear:both;
text-align:center;

			margin-left: auto;   /* align for good browsers */
		margin-right: auto;
		text-align: left; /* counter the body center */
padding-top:20px;
		width:1012px;
padding-bottom:20px;
	}	
	
	
#col_1{float: left;}
#col_2{float: left;}
#col_3{float: left;}


#block_1
	{
	position: relative;
	float: left;
	width: 34%;
	margin-left: 33%;


	}
* html #block_1
	{
	display: inline;
	}
#block_2
	{
	position: relative;
	float: left;
	width: 33%;
	margin-left: -67%;
	



	}
#block_3
	{
	position: relative;
	float: left;
	width: 33%;



	}
/* we need this for IE 5.01 - otherwise the wrapper does not expand to the
necessary height (unless fixed, this problem becomes even more acute 
weirdness as the method is enhanced */
#wrapper
	{
/* Normally a Holly-style hack height: 1% would suffice but that causes 
IE 5.01 to completely collapse the wrapper - instead we float it */
	float: left;
/* NB. possibly only IE 5.01 needs to get this float value - otherwise 5.5 sometimes 
(I saw it happen many moons ago) makes the width of wrapper too small 
the float: none with the comment is ignored by 5.01,
5.5 and above see it and carry on about their business
It's probably fine to just remove it, but it's left here 
just in case that many moons ago problem rears its head again */
	float/**/: none;
	}
/* easy clearing */
#wrapper:after
	{
	content: '[DO NOT LEAVE IT IS NOT REAL]'; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}
#wrapper
	{
	display: inline-block;
	}
/*\*/
#wrapper
	{
	display: block;
	width:915px;
	margin-left:26px;
	}
/* end easy clearing */







#myContent{
		color:#000;
	font-family: Verdana;
	font-size:11px;
	line-height:20px;
}

#myContent a{
	color:#E5000B;
	font-family: Verdana;
	text-decoration:underline;
}

#myContent a:hover{
	text-decoration:none;
}
	


#featureArea {
	/*position:absolute;
	z-index:9999;
	top:88px;
	margin-left:580px;
	
*/

}

#extraContactTab{
	
		position:absolute;
	z-index:99999;
	top:130px;
	height:38px;
	width:130px;
	margin-left:580px;
	
	background:#999;
	
	filter:alpha(opacity=0);
 -moz-opacity:.0;
 opacity:.0; 
	}

#extraContactTab a{
height:38px;
	width:130px;	
}


#featureAreaAll {
/*
position:absolute;
	z-index:9999;
	top:88px;
	margin-left:685px;
	*/
}

#contactInfoBox{
	border:#E9E9E9 solid 3px;
	width:300px;
	}
	
.formInput{
	width:250px;
	font-family: Verdana;
	
	}	
	
	
	
	
#contactCol{
	width:427px;
	float:left;
	height:377px;
	}	
	
#contactCol2{
	width:427px;
	float:right;
	height:377px;
	}		
	
	
#contactBox{
	background: url('images/contactBack.png') no-repeat; height:377px;width:427px;
	}	
	
#contactCompany{
	padding-top:32px;
	margin-left:28px;
	font-family: Verdana;
	color:#072D71;
	font-size:24px;
	font-weight:bold;	
	
	}	
	
#contactDetails{
	margin-left:28px;
	font-family: Verdana;
	color:#072D71;
	font-size:13px;	
	float:left;
	}	
	
#contactDetails2{
	font-family: Verdana;
	color:#072D71;
	font-size:13px;	
	float:left;
	}	
	
h2{
	font-family: Verdana;
	color:#072D71;
	font-size:24px;
	font-weight:bold;
	padding-top:15px;
	height:52px;
   
	}	
	
	/* ICONS ///////////////////////*/
	
#stage1	{

	background: url('images/icons-stage1.jpg') no-repeat;
	padding-left:70px;
	height:52px;
	}	
	
	
#stage2-1	{

	background: url('images/icons-stage2-1.jpg') no-repeat;
	padding-left:70px;
	height:52px;
	}
	
#stage2-2	{

	background: url('images/icons-stage2-2.jpg') no-repeat;
	padding-left:70px;
	height:52px;
	}	
	
	
	
#stage3	{

	background: url('images/icons-stage3.jpg') no-repeat;
	padding-left:70px;
	height:52px;
	}		
	
	
#debt1{

	background: url('images/icons-debt1.png') no-repeat;
	padding-left:70px;
	height:52px;
	}
	
#debt2	{

	background: url('images/icons-debt2.jpg') no-repeat;
	padding-left:70px;
	height:52px;
	}	
	
	
		/*
			Vertical Accordions
		*/
		
		.accordion_toggle {
			display: block;
			height: 30px;
			width: 930px;
			background: url(images/accordion_toggle.jpg) no-repeat center left #6E6E70;
			padding-left:30px;
			padding-top:0px;
			color: #ffffff;
			font-weight: bold;
			text-decoration: none;
			outline: none;
			font-size: 12px;
			cursor: pointer;
			margin: 0 0 0 0;
			border-bottom: 1px solid #fff;
		}
		
		
		#vertical_container h1{padding-top:10px;}
		
		
		.accordion_toggle_active {
			background: url(images/accordion_toggle_active.jpg) no-repeat center left #6E6E70;
			color: #ffffff;
			border-bottom: 1px solid #fff;
		}
		
		.accordion_content {
			background-color: #CCCCCC;
			color: #6E6E70;
			overflow: hidden;
			border-bottom: 1px solid #fff;
			font-size: 18px;
			font-weight: bold;
			padding-left:30px;

			width:930px;
		}
		
		.glanceText{font-size:18px;color: #6E6E70;}
			
			.accordion_content h2 {
				margin: 15px 0 5px 10px;
				color: #0099FF;
			}
			
			.accordion_content p {
				line-height: 150%;
			}
			
		.vertical_accordion_toggle {
			display: block;
			height: 30px;
			width: 960px;
			background: url(images/accordion_toggle.jpg) no-repeat top left #6E6E70;
			padding-left:30px;
			padding-top:7px;
			color: #ffffff;
			font-weight: bold;
			text-decoration: none;
			outline: none;
			font-size: 12px;
			border-bottom: 1px solid #fff;
			cursor: pointer;
			margin: 0 0 0 0;
		}
 
		.vertical_accordion_toggle_active {
			background: url(images/accordion_toggle_active.jpg) no-repeat top left #6E6E70;
			color: #ffffff;
			border-bottom: 1px solid #fff;
		}
 
		.vertical_accordion_content {
			background-color: #ffffff;
			color: #444444;
			overflow: hidden;
		}
 
			.vertical_accordion_content h2 {
				margin: 15px 0 5px 10px;
				color: #0099FF;
			}
 
			.vertical_accordion_content p {
				line-height: 150%;
				padding: 5px 10px 15px 10px;
			}
  			
		/*
			Horizontal Accordion
		*/
		
		.horizontal_accordion_toggle {
			/* REQUIRED */
			float: left;	/* This make sure it stays horizontal */
			/* REQUIRED */
 
			display: block;
			height: 100px;
			width: 30px;
			background: url(images/h_accordion_toggle.jpg) no-repeat top left #a9d06a;
			color: #ffffff;
			text-decoration: none;
			outline: none;
			border-right: 1px solid #cde99f;
			cursor: pointer;
			margin: 0 0 0 0;
		}
		
		.horizontal_accordion_toggle_active {
			background: url(images/h_accordion_toggle_active.jpg) no-repeat top left #e0542f;
			border-right: 1px solid #f68263;
		}
		
		.horizontal_accordion_content {
			/* REQUIRED */
			height: 100px;	/* We need to define a height for the accordion as it stretches the width */
			float: left;	/* This make sure it stays horizontal */
			/* REQUIRED */
			
			overflow: hidden;
			background-color: #ffffff;
			color: #444444;
		}
			
			.horizontal_accordion_content p {
				width: 450px;
				line-height: 150%;
				padding: 5px 10px 15px 10px;
			}
					
					
    /* Container styling*/
    #horizontal_container {
      margin: 20px auto 20px auto;
      width: 960px;   
      height: 100px;    
    }
    
    #vertical_nested_container {
      margin: 20px auto 20px auto;
      width: 620px;
    }