*{
	margin: 0;
	padding: 0;
	text-shadow: rgba(0, 0, 0, 0.01) 0 0 1px; /* Fixes bad text rendering in safari 3 and 4  */
}

html { 
	height: 100%;
}

body{
	text-align: center;
	height: 100%;
	font-family: 'Century Gothic', Verdana, arial, sans-serif;
	background-color: #ffffff;
	background-repeat: no-repeat;
}

body.index{
	background-image: url(../images/index/1680x1050/background.jpg);
	background-position: 0 0;
	cursor: hand;
	cursor: pointer;
}

body.home{
	background-image: url(../images/home/1680x1050/background.jpg);
	background-position: center center;
}

body.resort{
	background-image: url(../images/resort/1680x1050/background.jpg);
	background-position: center left;
}

body.apartments{
	background-image: url(../images/apartments/1680x1050/background.jpg);
	background-position: bottom left;
}

body.apartments_links{
	background-image: url(../images/apartments_links/1680x1050/background.jpg);
	background-position: top left;
}

body.italian{
	background-image: url(../images/italian/1680x1050/background.jpg);
	background-position: center center;
}

body.location{
	background-image: url(../images/location/1680x1050/background.jpg);
	background-position: top right;
}

body.investor{
	background-image: url(../images/investor/1680x1050/background.jpg);
	background-position: top right;
}
body.contact{
	background-image: url(../images/contact/1680x1050/background.jpg);
	background-position: bottom right;
}

body.location_links{
	background-image: url(../images/location_links/1680x1050/background.jpg);
	background-position: top right;
}

body.investor_links{
	background-image: url(../images/investor_links/1680x1050/background.jpg);
	background-position: top right;
}

body.register{
	background-image: url(../images/register/1680x1050/background.jpg);
	background-position: top left;
}

img{
	border-width: 0px;
}

ul{
	list-style: none;
}

h1{
	color: #ffffff;
	font-weight: normal;
	font-size: 24px;
	margin-bottom: 10px;
}

h2{
	color: #ffffff;
	font-weight: normal;
	font-size: 18px;
	margin-bottom: 10px;
	font-family: arial, sans-serif;
	letter-spacing: 1px;
}

h3{
	color: #ffffff;
	font-size: 14px;
	margin-bottom: 10px;
	font-family: arial, sans-serif;
}

h1 a{
	text-decoration: none;
	color: #7F3F96;
}

h1 a:hover{
	text-decoration: underline;
}

.upper{
	text-transform: uppercase;
}

p{
	margin-bottom: 10px;
	font-size: 14px;
	text-align: left;
	color: #ffffff;
}

hr{
	background: none;
	border: none;
	border-top: 2px dotted #A5A7AA;
	line-height: 0px;
	font-size: 0px;
}

div#colour_bg, div#wrapper{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 100%;
	text-align: left;
	background-repeat: no-repeat;
	max-width: 1680px;
	max-height: 1050px;
	min-width: 900px;
	width: 100%;
	_min-width: 100%;
	min-height: 485px;
}

div#colour_bg{
	background-position: bottom center;
}

body.index div#colour_bg{
	background-image: url(../images/index/background_c.jpg);
	background-position: 0 0!important;
}

div#wrapper{
	z-index: 2;
}

div#panel_top, div#panel_mid, div#panel_image, div#panel_splash_top, div#panel_image_content, div#panel_mid_content{
	position: absolute;
	left: 0;
	right: 0;
	z-index: 3;
	max-width: 1680px;
}

div#panel_top{
	top: 0;
	height: 180px;
	background-image: none;
	background-color: #000000;
	opacity: .70;
	filter: alpha(opacity=70);
}

div#soundOffMain{
	position: absolute;
	top: 173px;
	left: 810px;
	font-family: 'Century Gothic', Verdana, arial, sans-serif;
	font-size: 14px;
	text-align: left;
	color: #ffffff;
	letter-spacing: 0px;
	z-index: 6;
	display: none;
}

div span.on, div span.off{
	cursor: hand;
	cursor: pointer;
}

div#panel_mid{
	height: 280px;
	background-color: #000000;
	opacity: .70;
	filter: alpha(opacity=70);
	top: 207px;
}

body.index div#panel_mid{
	top: 0!important;
	height: 380px;
}

body.index div#logo_norm_cont, body.index div#panel_top, body.index div#panel_image{
	display: none;
}

div#panel_mid_content{
	top: 205px;
	z-index: 5;
	padding: 15px 0 0 20px;
	color: #ffffff;
	width: 880px;
}

body.index div#panel_mid_content{
	display: none;
}

div#panel_splash_top{
	position: absolute;
	top: 0;
	height: 335	px;
	padding: 25px 0 0 50px;
	z-index: 3;
}

div#panel_splash_top div{
	font-family: 'Century Gothic', 'Trebuchet MS', arial, sans-serif;
	font-size: 24px;
	color: #ffffff;
	text-align: left;
	line-height: 28px;
	letter-spacing: 2px;
	zoom: 1;
	position: relative;
	z-index: 3;
}

div#line6{
	position: absolute!important;
	top: 213px;
	left: 340px;
}

div#line7{
	position: absolute!important;
	top: 300px;
	font-family: 'Century Gothic', Verdana, arial, sans-serif!important;
}

div#panel_splash_top div span{
	zoom: 1;
}

/*div#panel_splash_top div#line2{
	padding-left: 10px;
}*/

div#panel_splash_top div#logo_white{
	position: absolute;
	background-image: url(../images/index/logo_new_cw_70.png);
	*background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/index/logo_new_cw_70.png',sizingMethod='scale');
	width: 276px;
	height: 165px;
	z-index: 2;
}

div#logo_white_cont{
	position: relative;
	top: -30px;
	/*left: 70px;*/
	width: 276px;
	height: 165px;
	z-index: 2!important;
}

div#panel_splash_top div#address{
	position: absolute;
	top: 235px;
	left: 55px;
	font-size: 13px;
	text-align: left;
	color: #ffffff;
	letter-spacing: 0px;
}

div#panel_splash_top div#address b{
	letter-spacing: 1px;
}

div#panel_splash_top a#enterSite{
	position: absolute;
	top: 320px;
	left: 75px;
	font-family: 'Century Gothic', Verdana, arial, sans-serif;
	font-size: 15px;
	text-align: left;
	color: #ffffff;
	letter-spacing: 0px;
	z-index: 5;
	display: block;
}

div#panel_splash_top div#soundOff{
	position: absolute;
	top: 340px;
	left: 55px;
	font-family: 'Century Gothic', Verdana, arial, sans-serif;
	font-size: 15px;
	text-align: left;
	color: #ffffff;
	letter-spacing: 0px;
	z-index: 3;
}

img#logo_norm{
	position: absolute;
	/*width: 251px;
	height: 150px;*/
	/*background-image: url(../images/logo_norm_sml-trans.png);*/
	z-index: 5;
	width: 200px;
}

div#logo_norm_cont{
	position: absolute;
	top: 20px;
	right: 30px;
	width: 200px;
	height: 150px;
	z-index: 4;
}

body.index ul#l1Menu{
	display: none;
	list-style-type: none;
}

ul#l1Menu{
	position: absolute;
	min-width: 900px;
	_min-width: 100%;
	right: 0px;
	left: 0px;
	top: 155px;
	height: 20px;
	list-style-type: none;
	z-index: 5;
}

ul#l1Menu li{
	float: left;
	margin: 0 25px 0 0;
	font-size: 13px;
	letter-spacing: 0;
	display: block;
	/*position: relative;*/
	font-family: Arial, sans-serif;
	font-weight: bold;
	height: 35px;
}

ul#l1Menu li.first{
	margin-left: 20px;
	_margin-left: 7px;
}

ul#l1Menu li.last{
	margin-right: 0;
}

ul#l1Menu li a{
	color: #bbbbbb;
	text-decoration: none;
	font-style: italic;
}

ul#l1Menu li a:hover, ul#l1Menu li.active a{
	color: #8ee05a;
}

ul#l1Menu li ul{
	display: none;
	position: absolute;
	top: 13px;
	padding-top: 17px;
	list-style: none;
	height: 25px;
}

ul#l1Menu li div{
	display: none;
	width: 100%;
	width: expression(document.body.clientWidth);
	height: 23px;
	left: 0px;
	right: 0;
	top: 27px;
	background-color: #000000;
	position: absolute;
	opacity: .7;
	filter: alpha(opacity=70);
}

ul#l1Menu li.focus ul{
	display: block;
}

ul#l1Menu li.focus div{
	display: block;
}

ul#l1Menu li.focus ul li{
	display: block;
	float: left;
	font-size: 12px;
}

ul#l1Menu li ul li.first{
	margin-left: 0;
}

ul#l1Menu li ul li.active a, ul#l1Menu li ul li a:hover{
	color: #8ee05a!important;
}

ul#l1Menu li ul li a{
	color: #bbbbbb!important;
	font-size: 13px;
}

ul#l1Menu li.third ul{
	left: 190px;
	width: 580px;
}

ul#l1Menu li.fifth ul{
	left: 260px;
	width: 580px;
}

ul#l1Menu li.sixth ul{
	left: 310px;
	width: 580px;
}

div#welcome{
	display: none;
	color: #ffffff;
	font-size: 32px;
	margin-left: 50px;
	zoom: 1;
	top: 181px;
	position: absolute;
	z-index: 5;
	left: 0;
}

div#content, h1#heading{
	zoom: 1;
	color: #ffffff;
}

div#content{
	width: 880px;
	height: 225px;
	font-family: Verdana, arial, sans-serif;
}

div#content a{
	color: #ffffff;
}

body.js div#line1 span, body.js div#line2, body.js div#line3, body.js div#line4 span, body.js div#line5, body.js div#line6 span, body.js div#line7, body.js div#colour_bg, 
body.js div#address, body.js div#logo_white_cont, body.index div#logo_norm_cont, body.js div#welcome, body.js div#panel_image, 
body.js ul#l1MenuActiveSubmenu,
body.js div#panel_image_content img, body.js a#enterSite, body.js div#soundOff{
	opacity: 0;
	filter: alpha(opacity=0);
}

body.index div#panel_top, body.js ul#l1Menu li, body.js  div#soundOffMain, body.js, body.js div#panel_mid, body.js div#panel_mid_content,
body.js div#overlay, body.js div#light_box, body.js div#logo_norm_cont{
	display: none;
}

body.js div#top_text div, body.js div#top_text div span{
	visibility: hidden;
	zoom: 1;
}

body.js div#top_text.showText div, body.js div#top_text.showText div span{
	visibility: visible;
}

body.js div#welcome{
	display: block;
}

body.home div#panel_top{
	top: 0px
}

div#close{
	position: absolute;
	bottom: 10px;
	right: 120px;
	width: 140px;
	cursor: hand;
	cursor: pointer;
}

div#close a{
	display: block;
	width: 100%;
	height: 100%;
	color: #8ee05a;
	font-size: 11px;
	text-decoration: none;
	text-align: center;
}

div#close a:hover{
	/*text-decoration: underline;*/
	color: #ffffff;
}

div#open{
	position: absolute;
	bottom: 40px;
	right: 40px;
	width: 180px;
	height: 20px;
	cursor: hand;
	cursor: pointer;
}

div#open a{
	display: block;
	width: 100%;
	height: 100%;
	color: #ffffff;
	font-size: 13px;
	text-decoration: none;
	text-align: center;
	font-family: Verdana, arial, sans-serif;
	padding-top: 2px;
}

div#open a:hover{
	/*text-decoration: underline;*/
	color: #8ee05a;
}

div#open_back{
	background-color: #000000;
	opacity: .70;
	filter: alpha(opacity=70);
	position: absolute;
	bottom: 40px;
	right: 40px;
	width: 180px;
	height: 20px;
}

div#light_box_back{
	background-color: #404040;
	opacity: .80;
	filter: alpha(opacity=80);
	width: 800px;
	height: 540px;
	position: absolute;
	z-index: 15;
	top: 50%;
	left: 50%;
	margin-top: -270px;
	margin-left: -400px;
	/*display: none;*/
}

div#light_box{
	width: 100%;
	height: 100;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 15;
}

div#overlay{
	width: 100%;
	height: 100;
	position: absolute;
	z-index: 10;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background-color: #000000;
	opacity: .2;
	filter: alpha(opacity=20);
}

div#light_box_left{
	background-color: #202020;
	opacity: .65;
	filter: alpha(opacity=65);
	width: 510px;
	height: 510px;
	float: left;
	margin-top: -255px;
	margin-left: -385px;
	position: absolute;
	z-index: 20;
	top: 50%;
	left: 50%;
}

div#light_box_left_cont{
	width: 510px;
	height: 510px;
	float: left;
	margin-top: -255px;
	margin-left: -385px;
	position: absolute;
	z-index: 25;
	top: 50%;
	left: 50%;
}

div#light_box_right_cont{
	width: 240px;
	height: 495px;
	float: left;
	margin-top: -240px;
	margin-left: 135px;
	position: absolute;
	z-index: 25;
	top: 50%;
	left: 50%;
}

div#light_box a.close{
	width: 15px;
	height: 15px;
	background-image: url(../images/close1-trans.png);
	position: absolute;
	right: 0;
	top: 0;
	z-index: 50;
	top: 50%;
	left: 50%;
	margin-top: -255px;
	margin-left: 370px;
	cursor: hand;
	cursor: pointer;
}

div#box_content{
	position: absolute;
	z-index: 35;
	width: 770px;
	height: 510px;
	margin-top: -255px;
	margin-left: -385px;
	top: 50%;
	left: 50%;
}

div#box_content h1{
	margin-top: 10px;
	margin-bottom: 0;
	padding-left: 5px;
	border-bottom: 1px solid #929497;
	font-size: 18px;
}

div#box_content .sml_logo{
	display: block;
	width: 51px;
	height: 47px;
	float:left;
	margin: 5px 3px 0 0;
}

div#box_content .sml_logo img{
	_display: none;
}

div#box_content .map{
	background-image: url(../images/site_plan/map.png);
	_background-image: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/site_plan/map.png',sizingMethod='scale');
	width: 750px;
	height: 379px;
	margin-left: 10px;
}

div#box_content .map span{
	font-size: 11px;
	display: none;
	position: absolute;
	font-weight: bold;
}

div#box_content .map span.declan{
	color: #E2183D;
}

div#box_content .map span.maeghan{
	color: #F27321;
}

div#box_content .map span.alyssa{
	color: #F8C113;
}

div#box_content .map span.fin{
	color: #6ABC45;
}

div#box_content .map span.belle{
	color: #4DC3CE;
}

div#box_content .map span.sienna{
	color: #00ADEE;
}

div#box_content .map span.xavier{
	color: #862D90;
}

div#box_content .map span.madison{
	background-image: url(../images/site_plan/madison_t.png);
	_background-image: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/site_plan/madison_t.png',sizingMethod='scale');
	width: 80px;
	height: 29px;
}

div#box_content .map span.clancee{
	background-image: url(../images/site_plan/clancee_t.png);
	_background-image: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/site_plan/clancee_t.png',sizingMethod='scale');
	width: 82px;
	height: 30px;
}

div#light_box_left_cont h2{
	text-transform: uppercase;
	font-size: 16px;
	font-weight: bold;
	width: 180px;
	border-bottom: 1px solid #ffffff;
	float: right;
	margin: 15px 15px 5px 0;
	clear: both;
}

div#box_content p{
	font-size: 12px;
	clear: both;
}

div#light_box_left_cont p{
	width: 180px;
	float: right;
	margin-right: 15px;
}

div#light_box_left_cont .img img, div#light_box_right_cont  .img img{
	_display: none;
}

div#light_box_left_cont .logo_bw{
	position: absolute;
	right: 15px;
	bottom: 40px;
	background-image: url(../images/floor_plan/logo-trans.png);
	width: 117px;
	height: 77px;
}

div#light_box_left_cont .disclaimer{
	position: absolute;
	right: 15px;
	bottom: 10px;
	font-size: 9px;
	color: #999999;
}

div#light_box_right_cont h2{
	text-transform: uppercase;
	font-size: 16px;
	font-weight: bold;
	width: 235px;
	border-bottom: 1px solid #ffffff;
	clear: both;
	margin-bottom: 5px;
}

div#light_box_right_cont .pos{
	margin-top: -5px;
}

div#light_box_right_cont .code{
	font-weight: bold;
	font-size: 15px;
	margin-top: 5px;
	border-bottom: 1px solid #ffffff;
}

div#light_box_right_cont .code .img{
	float: right;
	margin-top: -2px;
}

div#light_box_right_cont p{
	padding: 0 0 2px 5px;
	margin-bottom: 3px;
}

div#light_box_right_cont .line{
	border-bottom: 1px solid #ffffff;
	padding-bottom: 3px;
}

div#light_box_right_cont table{
	margin-bottom: 3px;
}

div#light_box_right_cont td{
	color: #ffffff;
	font-size: 12px;
	padding-left: 5px;
}

div#light_box_right_cont a{
	color: #ffffff;
	text-decoration: none;
}

div#light_box_right_cont a:hover{
	text-decoration: underline;
}

div#light_box_right_cont .bedroomNav .img{
	float: right;
	margin-top: 5px;
}

div#light_box_right_cont .nav{
	float: left;
	width: 100%;
	padding: 0;
	height: 20px
}

div#light_box_right_cont .prev {
	display: block;
	float: left;
	width: 100px;
}

div#light_box_right_cont .next{
	display: block;
	float: right;
	width: 100px;
	text-align: right;
}

div#light_box_right_cont a span{
	display: block;
	margin: 3px 5px;
	background-repeat: no-repeat;
	height: 10px;
	width: 17px;
}

div#light_box_right_cont .prev span{
	float: left;
	background-image: url(../images/floor_plan/prev-trans.png);
}

div#light_box_right_cont .next span{
	float: right;
	background-image: url(../images/floor_plan/next-trans.png);
}

div.finishes{
	overflow: auto;
	position: absolute;
	height: 410px;
	width: 770px;
}

div.finishes table{
	width: 750px;
}

div.finishes table td, div.finishes table th{
	color: #ffffff;
	font-size: 12px;
	font-weight: normal;
	vertical-align: top;
	padding: 1px 4px;
}

div.finishes table tbody th{
	background-color: #666666;
}

div.finishes table td{
	border-bottom: 1px solid #999999;
}

div.finishes table tr.noline td{
	border-bottom: none;
}

/*div#top_text{
	position: absolute;
	top: 20px;
	left: 30px;
	width: 600px;
	height: 150px;
	z-index: 5;
}*/

div#top_text{
	z-index: 5;
	zoom: 1;
	position: relative;
}

div#top_text div{
	color: #ffffff;
	font-size: 24px;
}

table#top_text_tbl{
	position: absolute;
	top: 0;
	left: 20px;
	z-index: 5;
}

table#top_text_tbl td{
	vertical-align: middle;
	height: 150px;
}

div#content td, div#content th{
	margin-bottom: 7px;
	font-size: 14px;
	text-align: left;
	color: #ffffff;
	line-height: 22px;
	font-weight: normal;
	vertical-align: bottom;
}

div#content th{
	width: 110px;
}

input{
	background-color: #555555;
	border: none;
	border-bottom: 1px solid #555555;
	width: 150px;
	margin-right: 20px;
	font-size: 12px;
	color: #ffffff;
}

input.button{
	width: 80px;
	border-bottom: none;
	background-color: #555555;
	color: #ffffff;
}
