/* ============= GLOBAL SETTINGS ============= */ 
* {	padding: 0;	margin: 0; border: 0; }
body { background: url('/images/bg.jpg') top center no-repeat #fff; }
a, a:visited, a:active { outline: none; }

/*
* @group clearfix
* @elements: none
*/
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */ 

.clear { clear: both; } 
.left { float: left; }
.right { float: right; }  
.center { text-align: center; }
a { text-decoration: underline; color: #1A1C68; }
a:hover { text-decoration: underline; color: #DF2222; }
p { margin-bottom: 15px; }
a.nav-link { font-size: 11px; text-decoration: none; margin-left: 2em; }


/* ============= STRUCTURE ============= */ 
#wrapper { width: 850px; margin: 0 auto; background: url('/images/bg-wrapper.gif') top left repeat-y; font: 12px Arial, Helvetica, sans-serif; color: #666; font-weight: normal; line-height: 18px; }
#container { width: 850px; background: url('/images/bg-left.jpg') top left no-repeat; padding-bottom: 100px; }
#container #left-col { float: left; width: 185px; }

#container #left-col #logo { width: 185px; height: 145px; margin-bottom: 10px; padding: 0; line-height: 0; font-size: 0; }

#nav { width: 185px; height: 210px; margin: 0; padding: 0; }
#nav #nav-matrix { position: relative; background: url('/images/nav.png'); width: 185px; height: 210px; }
#nav #nav-matrix li { margin: 0; padding: 0; list-style: none; position: absolute; top: 0; text-indent: -200em; overflow: hidden; }
#nav #nav-matrix li, #nav-matrix a { height: 30px; display: block; }
#nav #nav-matrix #about { left: 0; top: 0px; width: 185px; }
#nav #nav-matrix #about a:hover { background: transparent url('/images/nav.png') -185px 0px no-repeat; }
#nav #nav-matrix #about.on,#nav #nav-matrix #about.on a:hover { background: transparent url('/images/nav.png') -185px 0px no-repeat; }
#nav #nav-matrix #locations { left: 0; top: 30px; width: 185px; }
#nav #nav-matrix #locations a:hover { background: transparent url('/images/nav.png') -185px -30px no-repeat; }
#nav #nav-matrix #locations.on,#nav #nav-matrix #locations.on a:hover { background: transparent url('/images/nav.png') -185px -30px no-repeat; }
#nav #nav-matrix #floorplans { left: 0; top: 61px; width: 185px; }
#nav #nav-matrix #floorplans a:hover { background: transparent url('/images/nav.png') -185px -61px no-repeat; }
#nav #nav-matrix #floorplans.on,#nav #nav-matrix #floorplans.on a:hover { background: transparent url('/images/nav.png') -185px -61px no-repeat; }
#nav #nav-matrix #amenities { left: 0; top: 91px; width: 185px; }
#nav #nav-matrix #amenities a:hover { background: transparent url('/images/nav.png') -185px -91px no-repeat; }
#nav #nav-matrix #amenities.on,#nav #nav-matrix #amenities.on a:hover { background: transparent url('/images/nav.png') -185px -91px no-repeat; }
#nav #nav-matrix #faqs { left: 0; top: 121px; width: 185px; }
#nav #nav-matrix #faqs a:hover { background: transparent url('/images/nav.png') -185px -121px no-repeat; }
#nav #nav-matrix #faqs.on,#nav #nav-matrix #faqs.on a:hover { background: transparent url('/images/nav.png') -185px -121px no-repeat; }
#nav #nav-matrix #directions { left: 0; top: 151px; width: 185px; }
#nav #nav-matrix #directions a:hover { background: transparent url('/images/nav.png') -185px -151px no-repeat; }
#nav #nav-matrix #directions.on,#nav #nav-matrix #directions.on a:hover { background: transparent url('/images/nav.png') -185px -151px no-repeat; }
#nav #nav-matrix #contact { left: 0; top: 181px; width: 185px; }
#nav #nav-matrix #contact a:hover { background: transparent url('/images/nav.png') -185px -181px no-repeat; }
#nav #nav-matrix #contact.on,#nav #nav-matrix #contact.on a:hover { background: transparent url('/images/nav.png') -185px -181px no-repeat; }

#container #right-col { float: left;  width: 665px; height:auto; }


#container #right-col #main-photo { position: relative; width: 665px; height: 321px; font-size: 0; line-height: 0; }

#container #right-col #main-photo a.schedule { position: absolute; top: 99px; right: 8px; display: block; width: 160px; height: 55px; background: url('/images/schedule-off.jpg') no-repeat; }
#container #right-col #main-photo a.schedule:hover { background: url('/images/schedule-on.jpg') no-repeat; }
#container #right-col #main-photo a.reserve { position: absolute; top: 155px; right: 8px; display: block; width: 160px; height: 55px; background: url('/images/reserve-off.jpg') no-repeat; }
#container #right-col #main-photo a.reserve:hover { background: url('/images/reserve-on.jpg') no-repeat; }
#container #right-col #swoosh { width: 665px; height: 44px; background: url('/images/swoosh.gif') no-repeat; }
#container #right-col h1 { font: 27px Arial, Helvetica, sans-serif; color: #DF2222; margin: 0 25px; }
#container #right-col h2 { font: 15px Arial, Helvetica, sans-serif; color: #666; margin: 0; font-weight: bold; }
#container #right-col .hr { width: 665px; height: 1px; margin: 23px 0; background: #60677F; padding: 0; font-size: 0; line-height: 0; overflow: hidden; }

#container #right-col .content { margin: 0 25px; }
#container #right-col .content ul { margin: 10px 0; list-style: none; }
#container #right-col .content ul li { padding: 0 12px; background: url('/images/bullet.gif') no-repeat 0 7px; }

#footer { width: 100%; height: 290px; background: url('/images/bg-footer.jpg') repeat-x; }
#footer #footer-container { width: 850px; margin: 0 auto; }
#footer #footer-container .left { float: left; display: inline; width: 185px; height: 223px; }
#footer #footer-container .right { float: left; display: inline; width: 619px; padding: 8px 23px; font: 12px Arial, Helvetica, sans-serif; color: #1A1C68; }
#footer #footer-container .right nav {  }
#footer #footer-container .right ul {  }
#footer #footer-container .right ul li { list-style: none; float: left; display: inline; }
#footer #footer-container .right ul li.divider { padding: 0 8px; } 
#footer #footer-container .right ul li a { text-decoration: none; } 
#footer #footer-container .right ul li a:hover { color: #DF2222; text-decoration: underline; } 
#footer #footer-container .right .contact { font-size: 10px; margin-top: 20px; }

#container #right-col .content #floorplan-container {  }
#container #right-col .content #floorplan-container .nav { padding-bottom: 40px; }
#container #right-col .content #floorplan-container .nav ul { list-style: none; }
#container #right-col .content #floorplan-container .nav ul li { background-image: none; float: left; display: inline; padding: 0; }
#container #right-col .content #floorplan-container .nav ul li.divider { background-image: none; float: left; display: inline; padding: 0 20px; }
#container #right-col .content #floorplan-container .nav ul li a { text-decoration: none; }
#container #right-col .content #floorplan-container .nav ul li a.on { color: #DF2222; text-decoration: none; }

#container #right-col .content #floorplan-container #floorplans ul { list-style: none; }
#container #right-col .content #floorplan-container #floorplans ul li { background: url('/images/bg-floorplans.jpg') top left repeat-x; padding: 7px 7px 17px 7px; border-top: 2px solid #CF2021; border-bottom: 1px solid #ECE9F0; }
#container #right-col .content #floorplan-container #floorplans ul li img { float: left; display: inline; border: 1px solid #666; margin-right: 44px; }
#container #right-col .content #floorplan-container #floorplans ul li .info { margin-top: 23px; }
#container #right-col .content #floorplan-container #floorplans ul li h1 { color: #666; font-size: 15px; font-weight: bold; }

#container #right-col .content #faq-container {  }
#container #right-col .content #faq-container h1 { margin: 0 0 5px 0; color: #2E3192; font-size: 14px; font-weight: bold; }
#container #right-col .content #directions_container h1 { margin: 0 0 5px 0; color: #2E3192; font-size: 14px; font-weight: bold; }

#container #right-col .content #amenities-container { width: 585px; }
#container #right-col .content #amenities-container #amen-nav { float: left; margin: 0; padding: 0; width: 585px; height: 38px; line-height: normal; background: url('/images/bg-amenities-nav.gif') repeat-x; }
#container #right-col .content #amenities-container #amen-nav ul { margin: 0; padding: 0; list-style: none; }
#container #right-col .content #amenities-container #amen-nav ul li { float: left; height: 38px; background: url('/images/tab-off-bg.gif') no-repeat right top; margin: 0px; padding: 0; }
#container #right-col .content #amenities-container #amen-nav ul li.on { float: left; height: 38px; background: url('/images/tab-on-bg.gif') no-repeat right top; margin: 0; padding: 0; }
#container #right-col .content #amenities-container #amen-nav ul li a { display: block; background: url('/images/tab-off.gif') no-repeat left top; padding: 14px 20px 12px 20px; text-decoration: none; font-size: 10.5px; font-weight: bold; }
#container #right-col .content #amenities-container #amen-nav ul li a.on { display: block; background: url('/images/tab-on.gif') no-repeat left top; padding: 14px 20px 12px 20px; color: #DF2222; text-decoration: none; font-size: 10.5px; font-weight: bold; }

#container #right-col .content #amenities-container #amenities-content { width: 525px; background: url('/images/bg-amenities.gif') top left no-repeat; padding: 20px 30px; }
#container #right-col .content #amenities-container #amenities-content #features { display: block; }
#container #right-col .content #amenities-container #amenities-content #building-amenities { display: none; }
#container #right-col .content #amenities-container #amenities-content #attractions { display: none; }
#container #right-col .content #amenities-container #amenities-content #services { display: none; }

#contact-container { width: 585px; }
#contact-container input, #contact-container select { border: 1px solid #ccc; width: 275px; margin-bottom: 10px; padding: 2px; }
#contact-container input.short, #contact-container select.short { border: 1px solid #ccc; width: 100px; margin-bottom: 10px; padding: 2px; }
#contact-container input.error { border: 1px solid #c00; }
#contact-container label { float: left; width: 300px; margin-bottom: 10px; }
#contact-container label.error { display: none; float: none; margin: 0 0 15px 305px; color: #c00; font-weight: bold; }
#contact-container .button { text-align: right; width: 582px; }
#contact-container .submit-button { width: 87px; height: 30px; border: 0; }


.nav-link-bottom { width:550px; height:35px; padding:3px 0;  position:relative;}
.nav-link-bottom a {position:absolute;top:12px; background: url('/images/arrow.jpg') top right no-repeat; width:auto; padding-right:20px; text-tranform:uppercase;}
.seperator {background: #1A1C68; width:640px; height:1px; font-size:0;line-height:0;overflow:hidden;padding:0;}
#building-amenities{position:relative;}
#building-amenities img {position:absolute; left:400px;}