/*---Global---*/
html, body{
	height: 100%;
	width: 100%;
	display: table;
}
img {border: 0;}
body{
	margin:0;
	padding: 0;
	vertical-align: middle;
	display: table-cell;
	background:url(../images/body-bg.gif);
	font:12px Arial, Helvetica, sans-serif;
}
ul, p, h1,h2,h3{
	margin: 0;
	padding: 0;
}
ul, li{list-style:none;}
a{text-decoration:none;}
a:hover{text-decoration:none;}
/*---GlobalEnd---*/
/*---Main---*/
#main{
	width: 928px;
	height:469px;
	background:#fff;
	position:relative;
	overflow:hidden;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 147px;
	padding-right: 26px;
	padding-bottom: 16px;
	padding-left: 26px;
}
/*---MainEnd---*/
.container{
	width:100%;
	overflow:hidden;
}
/*---Header---*/
#header{
	position:absolute;
	top:26px;
	left:25px;
	width:929px;
	height:117px;
}
.logo{
	float:left;
	width:275px;
	height:111px;
	margin:0 0 0 1px;
}
.logo a{
	display:block;
	width:275px;
	height:111px;
	background:url(../images/logo.jpg);
	text-indent:-3000px;
	overflow:hidden;
}
.button{
	float:right;
	margin:53px 0 0;
	width:157px;
	height:64px;
}
.button a{
	display:block;
	width:157px;
	height:64px;
	background:url(../images/sign-up.jpg) no-repeat;
	text-indent:-3000px;
	overflow:hidden;
}
/*---HeaderEnd---*/
/*---Content---*/
#content{
	float:right;
	width:347px;
	height: 355px;
	background:#f1d11a;
	color:#fff;
	overflow:hidden;
	padding-top: 104px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 112px;
}
#content h1{
	background:url(../images/h1.gif) no-repeat;
	width:286px;
	line-height:19px;
	text-indent:-3000px;
	margin:0 0 30px;
}
#content .text{
	width:100%;
	overflow:hidden;
}
#content .scroll{
	height:169px;
	overflow:auto;
	font-size:12px;
	line-height:21px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 28px;
	margin-left: 0;
}
#content img{
	float:right;
}
/*---Lifestyle---*/
#contentlifestyle{
	float:right;
	width:347px;
	height: 355px;
	color:#fff;
	overflow:hidden;
	padding-top: 104px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 112px;
	background-color: #7C4299;
}
#contentlifestyle h1{
	background:url(../images/h1_lifestyle.gif) no-repeat;
	width:286px;
	line-height:42px;
	text-indent:-3000px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 15px;
	margin-left: 0;
}
#contentlifestyle .text{
	width:100%;
	overflow:hidden;
}
#contentlifestyle .scroll{
	height:163px;
	overflow:auto;
	font-size:12px;
	line-height:21px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 26px;
	margin-left: 0;
}
#contentlifestyle .scroll img{
	float: left;
}
#contentlifestyle img{
	float: right;
}
#contentlifestyle a, a:hover{
text-decoration:underline;
color:#fff;
}
/*---Amenities---*/
#contentamenities{
	float:right;
	width:347px;
	height: 355px;
	color:#fff;
	overflow:hidden;
	padding-top: 104px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 112px;
	background-color: #C1CD23;
}
#contentamenities h1{
	background:url(../images/h1_amenities.gif) no-repeat;
	width:286px;
	line-height:42px;
	text-indent:-3000px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 15px;
	margin-left: 0;
}
#contentamenities .text{
	width:100%;
	overflow:hidden;
}
#contentamenities .scroll{
	height:300px;
	overflow:auto;
	font-size:12px;
	line-height:20px;
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0;
}
#contentamenities .scroll li{

	background:url(../images/bullet.gif) no-repeat 0 9px;
	display:block;
	padding:0 0 0 10px;

}
#contentamenities a, a:hover{
text-decoration:underline;
color:#fff;
}
/*---ContentEnd---*/
/*---ownership---*/
#contentownership{
	float:right;
	width:347px;
	height: 355px;
	color:#fff;
	overflow:hidden;
	padding-top: 104px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 112px;
	background-color: #FF7E00;
}
#contentownership h1{
	background:url(../images/h1_ownership.gif) no-repeat;
	width:286px;
	line-height:42px;
	text-indent:-3000px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 15px;
	margin-left: 0;
}
#contentownership .text{
	width:100%;
	overflow:hidden;
}
#contentownership .scroll{
	height:169px;
	overflow:auto;
	font-size:12px;
	line-height:21px;
	margin-top: 0;
	margin-right: 15px;
	margin-bottom: 20px;
	margin-left: 0;
}
#contentownership img{
	float:right;
}
#contentownership a, a:hover{
text-decoration:underline;
color:#fff;
}
/*---ContentEnd---*/
/*---Contact---*/
#contentcontact {
	float:right;
	width:347px;
	height: 355px;
	color:#fff;
	overflow:hidden;
	padding-top: 104px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 112px;
	background-color: #434239;
}
#contentcontact h1{
	background:url(../images/h1_contact.gif) no-repeat;
	width:286px;
	line-height:26px;
	text-indent:-3000px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 15px;
	margin-left: 0;
}
#contentthankyou {
	float:right;
	width:347px;
	height: 355px;
	color:#fff;
	overflow:hidden;
	padding-top: 104px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 112px;
	background-color: #434239;
}
#contentthankyou h1{
	background:url(../images/h1_thankyou.gif) no-repeat;
	width:286px;
	line-height:26px;
	text-indent:-3000px;
	margin-top: 0;
	margin-right: ;
	margin-bottom: 15px;
	margin-left: 0;
}
#contentthankyou .text{
	width:100%;
	overflow:hidden;
}
#contentthankyou .scroll{
	height:300px;
	overflow:auto;
	font-size:12px;
	line-height:21px;
	margin-top: 0;
	margin-right: 26px;
	margin-bottom: 20px;
	margin-left: 0;
}
#contentcontact .text{
	width:100%;
	overflow:hidden;
}
#contentcontact .scroll{
	height:320px;
	overflow:auto;
	font-size:12px;
	line-height:21px;
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0;
}
#contentcontact img{
	float:right;
}
#contentcontact a, a:hover{
text-decoration:underline;
color:#fff;
}
/*---ContentEnd---*/
/*---Column---*/
#column{
	float:left;
	width:459px;
	position:relative;
	height: 459px;
	overflow: hidden;
}
#column .menu{
	position:absolute;
	top:0;
	left:165px;
}
#column .menu ul{
	background:url(../images/menu-bg.png);
	width:104px;
	height:359px;
	padding:101px 0 0 7px;
}
#column .menu a{
	font-size:12px;
	line-height:25px;
	font-weight:bold;
	color:#fff;
	padding:0 0 0 14px;
	position:relative;
}
#column .menu a:hover{
	background:url(../images/marker.gif) no-repeat 0 4px;
	color:#f1d11a;
}
#column .menu a.active{
	background:url(../images/marker.gif) no-repeat 0 4px;
	color:#f1d11a;
}

/*---ColumnEnd---*/
/*---Bottom-bar---*/
#bottom-bar{
	margin:0 0 0 165px;
	clear:both;
	width:111px;
	height:11px;
	background:#f1d11a;
	overflow:hidden;
}
/*---Bottom-barEnd---*/
