@charset "utf-8";
/* CSS Document */


/* -----------------------------------------------------------               bg setting for index page              */
body { background-color:#d8e7f5; }

#my_wrapper_set { position:relative; width:100%; height:100%; background:url(../img/blue-dot-top.jpg) repeat-x; }

#arrow_left{ width:100px; height:70px; background:url(../img/red-arrow.png) bottom left no-repeat; position:fixed; left:0%; top:40%; z-index:50; cursor:pointer; background-position:-30px -90px; }

#arrow_right{ width:100px; height:70px; background:url(../img/red-arrow.png) bottom left no-repeat; position:fixed; right:0%; top:40%; z-index:50; cursor:pointer; background-position:30px 0px; }

#top_menu { background:url(../img/bg-menu.gif) 50% 0% no-repeat; width:100%; height:150px; position:relative; z-index:10; }

#top_menu_inner { width:950px; height:150px; position:relative; margin:0px auto; }

.text_menu, .text_menu_back{
	font-family:'MyriadProSemiboldCondensed',Verdana, Geneva, sans-serif;
	font-size:32px;
	-webkit-transform: rotate(-50deg);
	-moz-transform: rotate(-50deg);
	position:absolute;
	width:200px;
	text-align:left;
	cursor:pointer;
	text-shadow: 1px 1px 1px #606e7b;
}

.text_menu_back{
	-webkit-transform: rotate(-310deg);
	-moz-transform: rotate(-310deg);
}

.text_menu a, .text_menu_back a{
	color:#d1dfed;
}

.text_menu a:hover, .text_menu_back a:hover{
	color:#eee;
}

.top_menu_active { color:#eee !important; }

#office_menu{ left:-6px; top:-25px; }

#apartment_menu{ left:60px; top:20px; }

#residence_menu{ left:180px; top:10px; }

#here_menu{
	right:65px; top:90px;
}

#team_menu{ right:-80px; /*top:-30px;*/ top:-20px; }

#fb a { right:120px; top:15px; background:url(../img/fb-icon.png) no-repeat; width:31px; height:0px; position:absolute; cursor:pointer; padding-top:32px; overflow:hidden; display:block;}

#wrapper_content{ position:relative; width:100%; margin-top:-65px; background:url(../img/cloud.jpg) no-repeat 50% 0%; z-index:0; /*background-color:#fff;*/ }

#packet_menu{ width:100%; height:45px; border-top:1px dashed #a6c2dd; position:absolute; top:110px; z-index:20; }

#packet_menu_wrapper{ width:680px; height:45px; position:relative; margin:0px auto; text-align:center;}

.pad_txt {
	width:680px; height:45px;
	position:relative; margin:0px auto;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#788A9E), to(#8A9BAD), color-stop(.1,#788A9E));
	background: -moz-linear-gradient(top, #788A9E, #8A9BAD 1px, #788A9E 1px);
	box-shadow: rgba(0, 0, 0, 0.50) 0px 0px 2px;
	-moz-box-shadow: rgba(0, 0, 0, 0.50) 0px 0px 2px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.50) 0px 0px 2px;
	-moz-border-bottom-left-radius: 8px;
 	border-bottom-left-radius: 8px;
	-moz-border-bottom-right-radius: 8px;
 	border-bottom-right-radius: 8px;
	font-family:'MyriadProLightCondensed',Verdana, Geneva, sans-serif;
	font-size:20px;
	text-shadow: 1px 1px 1px #606e7b;
	color:#eee;
	clear:both;
}


#packet_menu_box ul{
	display:inline;
	list-style:none;
}

#packet_menu_box ul li{
	position:relative;
	float:left;
	list-style:none;
	padding:8px 25px 5px 25px;
	border-right:1px solid #8496a8;
	height:32px;
	-moz-box-shadow: 1px 0px #91a3b6;
	-webkit-box-shadow: 1px 0px #91a3b6;
	box-shadow: 1px 0px #91a3b6;
	text-shadow: 1px 1px 1px #606e7b;
}

.menu_bold{
	font-family:'MyriadProSemiboldCondensed', Verdana, Geneva, sans-serif;
}

.last_packet_menu{
	border:none;
	box-shadow: 0px 0px #91a3b6;
}

#order_here{
	background:url(../img/order-here.png) no-repeat;
	width:94px;
	height:53px;
	position:absolute;
	left:-114px;
	top:15px;
}

#content{
	position:relative;
	margin:0px auto;
	width:900px; height:700px;
}

#office_tagline{ position:absolute; left:40px; top:215px; width:800px; }

#office_tagline h2{ margin:0px 0px 0px 0px; padding:0px; font-family:'MyriadProLightCondensed', Verdana, Geneva, sans-serif; font-size:72px; line-height:normal; text-align:right; top:300px; color:#933836; font-weight:normal; letter-spacing:-2px; }

#office_pict{ position:absolute; background:url(../../images/office/office.png) no-repeat; width:1017px; height:718px; top:350px; left:-59px; z-index:30; }

#apart_tagline{ position:absolute; left:0px; top:300px; width:390px; }

#apart_tagline h2{ margin:0px 0px 0px 0px; padding:0px; font-family:'MyriadProLightCondensed', Verdana, Geneva, sans-serif; font-size:60px; line-height:normal; text-align:left; top:300px; color:#933836; font-weight:normal; letter-spacing:-2px; }

#apart_pict{ position:absolute; background:url(../../images/apartment/apartment.png) no-repeat; width:998px; height:889px; top:155px; right:-45px; z-index:30; }

#residence_tagline{ position:absolute; left:40px; top:215px; width:800px; }

#residence_tagline h2{ margin:0px 0px 0px 0px; padding:0px; font-family:'MyriadProLightCondensed', Verdana, Geneva, sans-serif; font-size:72px; line-height:normal; text-align:right; top:300px; color:#933836; font-weight:normal; letter-spacing:-2px; }

#residence_pict{ position:absolute; background:url(../../images/residence/residence.png) no-repeat; width:1014px; height:663px; top:435px; left:-57px; z-index:30; }

#wrapper_footer{ width:100%; height:550px; background:url(../img/fire.jpg) repeat; }

#wrapper_footer_green{ width:100%; height:275px; background: url(../img/green-hill.jpg) repeat-x #cdd7bd; border-bottom:1px dashed #315b7d; }

#wrapper_footer_blue{ width:100%; height:275px; position:relative; }

#wrapper_footer_blue_inner{ width:900px; height:275px; margin:0px auto; position:relative; }

#logo_hotzone{ background:url(../img/hotzone-logo.png) no-repeat; width:216px; height:51px; position:absolute; top:75px; left:0px; }

#copyright_box{ width:400px; position:absolute; top:150px; left:0px; color:#eee; font-size:12px; font-family:Verdana, Geneva, sans-serif; text-align:left; line-height:1.8em;	}

#copyright_box a{ color:#0ad; text-decoration:underline; }

#copyright_box a:hover{ color:#0df; }

.gray a{ color:#778899 !important; text-decoration:underline; }

.gray a:hover{ color:#eee !important; }

#contact_text{ position:absolute; width:300px; top:90px; left:605px; color:#cdd7bd; font-size:12px; font-family:Verdana, Geneva, sans-serif; text-align:left; }

#cp1{ position:absolute; width:35px; top:111px; left:605px; color:#cdd7bd; font-size:24px; font-family:'MyriadProRegular', Verdana, Geneva, sans-serif; }

#cp2{ position:absolute; width:300px; top:120px; right:0px; color:#d8e7f5; font-size:48px; font-family:'MyriadProBold', Verdana, Geneva, sans-serif; text-align:right; }