/*  --- 1. Global, Redefine Default HTML  ----- */
body {
margin: 0px;
padding: 0px;
font-family: Open Sans, Arial, Helvetica, sans-serif;
font-size: 13px;
background-color: #000;
}
/* HTML5 display-role reset for older browsers */
img {border: 0px; }
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block; }
a:link {
color: #0F487E;
text-decoration: underline;
}
a:visited {
 color: #779DBF;
 }
a:hover {
color: #2570B8;
}
p {
line-height: 20px;
margin: 12px 0px;
padding: 0px;
}
h1 {
font-size: 20px;
color: #0F487E;	
line-height: 30px;
font-weight: bold;
margin: 24px 0px 0px 0px;
}
h2 {
font-size: 24px;
color: #0F487E;	
font-weight: bold;
margin: 24px 0px 0px 0px;
}
h3 {
font-size: 18px;
color: #0F487E;	
font-weight: normal;
margin: 24px 0px 0px 0px;
}
ul {
padding-left: 15px;
}
li {

}
form {
padding: 0px;
margin: 0px;
}

/* --- 2. Page Layout  -------------  */

#page-wrapper {
width: 984px; 
margin: 0px auto;
min-height: 300px; 
background: url(../images/bottom-fade-bg.jpg) 0px 0px repeat-x;  
position: relative; overflow: hidden; zoom: 1; z-index: 2;
}
.content-area {
min-height: 750px;
 }
.header-swoosh-1 {
background: url(../images/header-bg.png) no-repeat;
height: 132px; width: 694px; position: absolute; z-index: 0;
}
.header-swoosh-2 {
background: url(../images/header-bg.png) no-repeat 0px -132px;
height: 100px; width: 225px; position: absolute; top: 132px; z-index: 0;
}
.clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }

/* -------- 2.1. Header -------------   */
#header {
width: 100%;
height: 115px; 
margin: 0px 0px 0px 0px;
z-index: 1; position: relative;  z-index: 2;
}

#header #logo {
position: absolute;
width: 492px; 
float: left;
height: 94px; 
z-index: 2000;
}
#header #logo img {
margin: 25px 0px 0px 25px;
}
#header .header-right {
position: absolute; 
z-index: 100;
width: 460px;
height: 115px; 
right: 40px;
text-align: right;
}
#header .header-right .button-lg{
	float: right;
	margin: 15px 0 0 10px;
}
#header h1 {margin: 30px 0px 0px 70px; }

/* -------- 2.1. Body Area -------------   */
.content-wrapper { width: 100%; position: relative; z-index: 3;}
.content {  overflow: hidden;   width: 100%; }

/* ---- Floor Plans ----- */
.content.floorG { display: none;}
.content.floor1 { display: none;}
.content.floor3 { display: none;}
.content.floor3R { display: none;}
.content.floor4 { display: none;}
.content.floor6 { display: none;}
.content.floor7 { display: none;}
.content.floor8 { display: none;}

.floorleft { float: left; width: 360px;  margin-left: 10px; }
.floorinfo  { margin: 129px 0px 0px 70px; height: 100px; }
.floorinfo h1 { font-size: 2em; margin: 0px; background: url(../images/title-arrows.jpg) right top no-repeat; padding-right: 25px; display: inline;   }
.rendering-nav h2 { font-size: 16px;}
.rendering-nav { text-align: center; position: relative; z-index: 200; }

.tooltip {
	width: 500px; 
	height: 220px; 
	position: absolute; 
	top: 0px; left: 70px; 
	background: #333; color: #FFF;
	font-size: 11px; 
	display: none; 
	z-index: 10000;
}
.tooltip p { line-height: 14px; margin: 6px 0px;  }
.tooltip .two-up { width: 90px; float: left; display: block; }
.tooltip h3  { color: #FFF; font-size: 14px; font-weight: bold;  margin: 6px 0 0 0 ; line-height: 18px;  }
.tooltip .tooltip-photo { width: 270px; height: 200px; float: left; background: #666; margin: 10px; text-align: center; overflow: hidden; }
.tooltip .tooltip-info { width: 180px; height: 150px; float: left;  margin: 10px; }
.tooltip .close { width: 12px; text-align: center; height: 12px; position: absolute; right: 3px; top: 3px; text-decoration: none; color: #CCC; border: 1px solid #666; padding: 1px; line-height: 12px; font-weight: bold; font-size: 11px;   }

/* Tooltip Special Case Adjust */
.tooltip.tt-3028, .tooltip.tt-3027 {top: 230px !important; left: 200px !important;}

.tooltip-fourth {
	width: 315px; 
	height: 480px; 
	position: absolute; 
	top: -15px; left: 50px; 
	background: #333; color: #FFF;
	font-size: 11px; 
	display: none; 
	z-index: 10000;
}
.tooltip-fourth .close { width: 12px; text-align: center; height: 12px; position: absolute; right: 3px; top: 3px; text-decoration: none; color: #CCC; border: 1px solid #666; background: #333; padding: 1px; line-height: 12px; font-weight: bold; font-size: 11px;   }


.tooltip-fourth .tooltip-photo { margin: 10px; text-align: center; overflow: hidden; }


.content .floorright { float: left; width: 603px; }

.floorright .right-button-area{ margin:-5px 0 10px 195px;}
.floorright .right-button-area a{ position:relative; margin-right:20px; z-index:100;}

.normalweight {font-weight: normal;}

.mini-tooltip { padding: 5px;  width: 120px;background-color: #FFF; border: 1px solid #CCC; position: absolute; right: 0px !important;  }

.button:link, .button:visited  {padding: 4px 12px; background:#C9DFF7; text-decoration: none !important; display: inline-block; color: #444; border-radius: 4px; font-size: 11px; line-height: 16px; }
.button:hover { background:#DAEAF9; }

.button-lg:link, .button-lg:visited  {padding: 6px 15px; background:#78B3D3; text-decoration: none !important; display: inline-block; color: #fff; border-radius: 6px; font-size: 13px; line-height: 16px; font-weight: bold; text-transform: uppercase; }
.button-lg:hover, .button-lg.selected { /*background:#AACEE6;*/ opacity: .5; filter: alpha(opacity=50); }

.button-lg .new { 
	margin-right: 5px;
	background: #CA1E24; 
	color: #fff; 
	font-size: 8px; 
	padding: 0 5px; 
	vertical-align: middle; 
	display: inline-block;  
	*display inline;
}

.lower-area {   width:925px; margin: 0px  auto; }
.lower-area ul { list-style-type: none; margin:0; padding: 10px 10px 0;}
.lower-area ul li { float: left; background:url("../images/left_both.png") no-repeat left top; 
      margin: 0px 2px;
      padding:0 0 0 9px;

	  }
.lower-area ul a {
      float:left;
      display:block;
      width:.1em;
      background:url("../images/right_both.png") no-repeat right top;
      padding:12px 15px 11px 6px;
		text-decoration: none; 
		 color:#333;
      }
    .lower-area > ul a {width:auto;}
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    .lower-area ul a {float:none;}
    /* End IE5-Mac hack */
    .lower-area ul a:hover {
      color:#333;
      }
    .lower-area ul #current {
      background-position:0 -150px;
      border-width:0;
      }
    .lower-area ul #current a {
      background-position:100% -150px;

      color: #0F487E;  font-weight: bold; 
      }
    .lower-area ul li:hover, .lower-area ul li:hover a {
      background-position:0% -150px;
     color: #0F487E; 
      }
    .lower-area ul li:hover a {
      background-position:100% -150px;
      }  
	  
.gift-table { width:925px; background: #F7ECD6; margin: 0px auto 200px auto; overflow: hidden; }
.gift-table table {
	width: 865px;
	margin: 20px 30px 20px 30px;
	font-size: 11px; 
	border-collapse: collapse;
}

.gift-table  td { padding: 1px; margin: 0; border: 0; }
.gift-table  .col1 { padding-left: 20px; }
.gift-table .tbl-header td { background: #E5DCC9; font-size: 14px; font-weight: bold; border-top: 1px solid #CEB98C; }

.gift-table  .tbl-header td.col1 { background: #E5DCC9 url(../images/tbl-arrows.png) 0px 0px no-repeat; }
.gift-table  .selected .tbl-header td.col1 {background: #E5DCC9 url(../images/tbl-arrows.png) 0px -30px no-repeat ;}

.gift-table .tbl-header:hover td { cursor: pointer; }

.gift-table .tbl-row.even td { background: #FFF; }
.gift-table  td.gift-level, .gift-table td.availability,  .gift-table td.status { text-align: center;  }


.gift-table .tbl-row.highlight td { background: #84abc5; }


/* ---------  Intro Screen, Rendering ---------------- */
.content.intro { position: relative; z-index: 0; }

.content .bottom {}
.content.intro .bottom {
	min-height: 200px; 

}
.intro-desc { width: 340px; position: absolute; top: 35px; right: 30px; z-index: 2; background: url(../images/desc-arrow-down.png) no-repeat; padding-left: 25px;  }
.intro-desc p {margin: 0px; }

.rendering-main {
	margin: 40px 10px 30px 10px;
	height: 420px; posiiton: relative;
}
.rendering-main #intro-rendering-map {z-index:10;  } 

.future-tooltip {background: rgba(84, 132, 177, .3); color: #FFF;  position: relative;  width: 120px;  left: 350px !important; z-index: 9999 !important; padding: 6px; transform: translatey(60px); text-transform: uppercase;}

.rendering-main .floor-labels { 
	color: #FFF;
	font-size: 16px;
	font-weight: bold; 
	position: absolute; 
	z-index: 10000;
	left: 70px; top: 70px; 
}
.rendering-main .floor-labels h2 { font-weight: bold; color: #0f487e; padding-right: 35px;background: url(../images/title-arrows.png) right -50px no-repeat; }
.rendering-main .floor-labels ul { list-style-type: none; display: block; position: absolute;  }
.rendering-main .floor-labels ul li { 
	color: #FFF;
	font-size: 14px;
	font-weight: bold; 
	text-transform: uppercase;
	padding: 0px; 
	line-height: 27px; 
}
.rendering-main .floor-labels ul li a {display: block; color: #FFF; text-decoration: none;  }
.rendering-main img { position: absolute; z-index: 0; }

/* ---------  Video 3D Animation ---------------- */

.content.video { display: none; position: relative; z-index: 0; }
.content.video .video-wrapper { margin: 40px; }
.content.video .bottom { min-height: 200px; }

.video-caption {
	color: #FCFCFC;
	padding: 0px 0;
	margin: 10px 0px 0px 0px;
	clear: both; 
	overflow: hidden; 
}

.video-box {background: #333; padding: 15px;}

.video-caption h3 {
color: #fff;
font-size: 16px;
font-weight: bold;
margin: 0;
}
.video-caption p {margin-top: 0;}
/* ---------  Webcam Video ---------------- */

.content.webcam { display: none; position: relative; z-index: 0; }
.content.webcam .video-wrapper { margin: 40px;  }
.content.webcam .bottom { min-height: 200px; }

/* ---------  Gallery ---------------- */

.content.gallery { display: none; position: relative; z-index: 0; }
.content.gallery .gallery-wrapper {margin: 40px; }
.content.gallery .bottom { min-height: 200px; }
#gallery{
	padding: 0px;
	background: #444;
	width: 775px;
	margin: 0 auto;
	position: relative;
}
.gallery_slide{
	display: none;
	margin: 15px;
	width: 730px;
}
.gallery_caption{
	color: #FCFCFC;
	padding: 0px 0;
	margin: 10px auto 30px auto;
	width: 730px;
	clear: both; 
	overflow: hidden; 
}
.gallery_caption h3{
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	margin: 0;
}
.gallery_caption p{
	margin: 0;
}
#gallery .next, #gallery .prev{
	position: absolute;
	top: 215px;
	width: 50px;
	padding-top: 35px;
	text-decoration: none;
	text-align: center;
	background-position: top center;
	background-repeat: no-repeat;
	color: #444;
}
#gallery .next{
	right: -60px;
	background-image: url('../images/next.png');
}
#gallery .prev{
	left: -60px;
	background-image: url('../images/prev.png');
}

.gallery-desc {margin: 0px auto; width: 745px; color: #444; }

/* -------- 3.1 Footer -------------   */

footer { 
	position: absolute; bottom: 0px; margin-bottom: 30px; font-size: 11px; z-index: 1000;
}

footer .column {
	float: left; 
	text-align: center;
	margin: 10px; 
}
footer .column.logo { width: 320px; margin-top: 60px; }
footer .column.info { width: 280px; }
footer .column.info p {line-height: 18px; }
footer .column.make-a-gift { width: 320px; text-align: center; }
footer .important {font-size: 16px; }