/* CSS Reset */ 

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; }
ol,ul { list-style:none;}
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
q:before,q:after { content:''; }
abbr,acronym { border:0;}
a {text-decoration: none;}
a {outline: 0;} 
/* clearfix */
.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
.clearfix { display: inline-block; }

/*************************
 *  BASIC STRUCTURE */

body {background: #ffffff; font: normal 75% Arial, Tahoma, sans-serif;}

#landing_video {width: 520px; height: 440px; margin-left: 20px;}
#about_video {width: 580px; height: 637px;}

#main {width: 1000px; background: transparent url(../assets/images/body_bg.jpg) no-repeat right top; margin: 0 auto;}
#header {height: 105px; position: relative; background: transparent url(../assets/images/header_bg.png) no-repeat left bottom;}
    #header h1 {position: absolute; left: 0; top: 25px; width: 363px; height: 48px;}

/* sharing options - facebook etc. */
#sharing {position: absolute; width: 200px; bottom: 0px; left: 200px; z-index: 200;  clear: both; margin-top: 15px;}
    #sharing li {float: left; width: 100px; margin-bottom: 10px;}
	#sharing li a { width: 70px; padding-left: 27px; display: block; color: black; }
	#sharing #sharing-twitter a {background: transparent url(../assets/images/sharing_twitter.jpg) no-repeat 0 2px; font-size: 11px;}
	#sharing #sharing-facebook a {background: transparent url(../assets/images/sharing_facebook.jpg) no-repeat 0 2px; font-size: 11px;}
	
	#sharing-portal {color: #444444; position: absolute; right: 230px; top: 35px; font-weight: bold;}

.main_content {width: 100%; position: relative;}
.sidebar {width: 200px; height: 690px; float: left; background: transparent url(../assets/images/sidebar_bg.jpg) no-repeat 0 0;}
    /* main nav */
    #navigation {width: 194px; height: 182px;}
    #navigation.homepage {margin-top: 37px;}
        #navigation li {height: 34px; margin-bottom: 3px; text-indent: -9999px;}
        #navigation li#nav-about {width: 157px;}
        #navigation li#nav-plans {width: 166px;}
        #navigation li#nav-amenitized {width: 175px;}
        #navigation li#nav-gallery {width: 185px;}
        #navigation li#nav-contact {width: 100%;}
            #navigation li a {display: block; width: 100%; height: 100%; background: #1176ba url(../assets/images/menu_bg.gif) no-repeat;}
            #navigation li a {display: block; width: 100%; height: 100%; background: url(../assets/images/menu_bg.gif) no-repeat;}
            #navigation li#nav-home a {background-position: 0 0;}
                #navigation li#nav-home a:hover,#navigation li#nav-home a.active {background-position: -194px 0;}
            #navigation li#nav-about a {background-position: 0 -37px;}
                #navigation li#nav-about a:hover,#navigation li#nav-about a.active {background-position: -194px -37px;}
            #navigation li#nav-plans a {background-position: 0 -74px;}
                #navigation li#nav-plans a:hover,#navigation li#nav-plans a.active {background-position: -194px -74px;}
            #navigation li#nav-amenitized a {background-position: 0 -111px;}
                #navigation li#nav-amenitized a:hover,#navigation li#nav-amenitized a.active {background-position: -194px -111px;}
            #navigation li#nav-gallery a {background-position: 0 -148px;}
                #navigation li#nav-gallery a:hover,#navigation li#nav-gallery a.active {background-position: -194px -148px;}
            #navigation li#nav-contact a {background-position: 0 -185px;}
                #navigation li#nav-contact a:hover,#navigation li#nav-contact a.active {background-position: -194px -185px;}
            
.contents {width: 795px; float: right; padding-bottom: 45px;}
.contents.special {position: relative; top: -30px;}

/*********************
 *      FORMS      */

input, textarea {border: 1px solid black; padding: 1px;}
textarea, input.wide {width: 280px;}
textarea {height: 140px;}
input.narrow {width: 25px; margin-right: 5px;}
input.captcha {margin: 5px auto; display: block; width: 60px;}

.styled select {width: 246px; height: 18px; position: relative; z-index: 2;}
.styled span {position: absolute; width: 238px; height: 16px; padding: 1px 4px; z-index: 1; background: #e0e0e0 url(../images/styled_bg.png) no-repeat left top;}

/*********************
 *      TITLES      */

.title_more {text-transform: uppercase; font-size: 11px; color: #444444; font-weight: bold;}

h2.maintitle {width: 580px; height: 33px; border-bottom: 1px solid #868686; position: relative; margin-bottom: 10px;}
    h2.maintitle span {width: 100%; height: 100%; position: absolute; left: 0; top: 0;}

    h2.aboutgray span {background: transparent url(../assets/images/titles/about_gray.gif) no-repeat; }
    h2.gallery span {background: transparent url(../assets/images/titles/gallery.gif) no-repeat; }
    h2.tellmemore span {background: transparent url(../assets/images/titles/tell_me_more.gif) no-repeat; }
h2.amenitized {height: 54px;}
    h2.amenitized span {background: transparent url(../assets/images/titles/amenitized.gif) no-repeat; }
h2.floorplans {height: 45px; border-bottom: 0;}
    h2.floorplans span {background: transparent url(../assets/images/titles/floor_plans.gif) no-repeat; }
    
/*********************
 *      SLIDER     */

.slider {position: relative; overflow: hidden;}
    .slider ul {width: 10000px;} /* without it, slides will appear in two or more lines initially, because it takes a moment for the JS to calculate the UL width */
        .slider ul li {float: left;}
.slidenext, .slideprev {width: 30px; height: 33px; position: absolute; background: red url(../assets/images/slider_arrows.png) no-repeat left top; text-indent: -9999px; top: 100px;cursor: pointer;}
.slidenext {background-position: right top;}
.slidenext.disabled, .slideprev.disabled {display: none;}


/*********************
 *      BUTTONS     */
button.submit {text-indent: -9999px; border: 0; background: none;}

button.send {width: 90px; height: 34px; background-image: url(../images/buttons/send.jpg);}
    
/*********************
 *      PAGES      */

.gallery_block {width: 550px; /*background-image: url(../images/gallery_bg.png); min-height: 320px;*/}
    .gallery_block li {float: left; margin: 0 10px 10px 0; width: 100px; height: 100px; overflow: hidden;}
        .gallery_block a {position: relative; display: block; width: 100%; height: 100%;}
            .gallery_block li span {position: absolute; width: 100%; height: 100%; background: transparent url(../images/gallery_over.png) no-repeat; cursor: pointer;}
            .gallery_block li img {display: block;}

.contact_block {position: relative;}
    .contact_block fieldset {border-right: 1px dotted #868686; width: 405px; position: relative; margin-top: 35px; display: block;}
        .contact_block legend {position: absolute; top: -25px; color: black; width: 600px;}
    .contact_block p {margin-bottom: 10px; position: relative;}
    .contact_block p.last {margin-bottom: 0; position: relative; padding-left: 100px;}
        .contact_block label {float: left; width: 100px; font-weight: bold; text-align: right; padding-right: 5px;}
		.contact_block p.last label {position: absolute; left: 0; top: 0;}
    .contact_block .styled select {position: relative; margin-left: 105px;}
    .contact_block .styled span {top: 0; left: 105px;}
    .contact_block button.send {margin: 10px 0 0 210px; display: block;}
	.contact_block input.phone4 {width: 32px;}
	.contact_block p.success {font-weight: bold; font-size: 16px; margin-top: 100px;}
    
.contact_block .additional {position: absolute; top: 0px; left: 420px; width: 170px; font-weight: bold; font-size: 12px;}
    .contact_block .additional a {color: #f21b29; text-decoration: underline;}
    .contact_block .additional p {margin: 10px 0 0 0;}
.contact_block #captcha2 {cursor: pointer; margin: 0 auto 5px; display: block;}
/*.contact_block #captcha {clear: left; display: block;}*/
    
dl.amenitized {float: left; width: 180px;}
    dl.amenitized dt {color: #f21c29;}
    dl.amenitized dd {margin-bottom: 10px;}
p.charges {clear: left; float: left; margin-top: 20px;}

/* floor plans */
/* js tab switch */
#plans_switch {border-bottom: 1px solid #868686; width: 740px; text-transform: uppercase; padding-left: 10px; background: transparent url(../images/switch_ul_bg.png) no-repeat 9px 9px;}
    #plans_switch li {float: left; position: relative; z-index: 1;}
        #plans_switch li a {float: left; width: 143px; height: 33px; line-height: 33px; font-weight: bold; color: #c2c2c2; text-align: center; background: transparent url(../images/switch_bg.png) no-repeat left top; cursor: pointer;}
    #plans_switch li.active {position: relative; top: 1px; z-index: 2; margin: -6px -9px 0;}
        #plans_switch li.active a {color: #545454; font-size: 13px; height: 39px; line-height: 39px;background: transparent url(../images/switch_active_bg.png) no-repeat left top; width: 157px; position: relative;}
        
.floor_plans {padding-top: 15px;}

    .floor_plans .floor_info {float: left; width: 300px; padding-left: 10px; font-size: 13px; color: #515151; margin-bottom: 20px; margin-right: 20px;}
        .floor_plans .floor_info h2 {font-weight: bold; margin-bottom: 10px;}
            .floor_plans .floor_info h2 span {color: #f21826;}
            .floor_plans .floor_info h2 em {font-weight: normal; display: block;}
        
        .floor_plans .floor_options {background: #f2f2f2 url(../images/floor_options_bg.png) no-repeat left top; float: left; margin-bottom: 5px; padding-left: 10px; position: relative;}
            .floor_options .floor_wrap {padding-top: 10px; background: #f2f2f2 url(../images/floor_options_bg.png) no-repeat right top;}
            .floor_options ul {background: #f2f2f2 url(../images/floor_options_bg.png) no-repeat left bottom; float: left; display: inline; margin-left: -10px; padding-left: 25px;}
                .floor_options h2 {/*width: 100px; */position: absolute; left: 10px; top: 5px;}
            .floor_plans .floor_options li.option {float: left; padding-bottom: 10px; margin-top: 30px;}
            .floor_plans .floor_options li.option1 {padding-right: 10px; border-right: 1px dotted #868686;}
            .floor_plans .floor_options li.option2 {padding-left: 10px; padding-right: 30px; background: #f2f2f2 url(../images/floor_options_bg.png) no-repeat right bottom; margin-top: 0; padding-top: 30px;}
            .floor_plans .floor_options li.option_single {padding-left: 5px;}
                .floor_plans .floor_options li span {display: block; font-size: 11px; color: #f21826; font-weight: bold;}
        
    .floor_info a.apply {clear: left;}
        
        .floor_plans .enlarge {float: right; font-size: 13px; font-weight: bold;}
            .floor_plans .enlarge li {float: left; padding-left: 10px;}
                .floor_plans .enlarge span {color: #515151;}
                .floor_plans .enlarge a {color: #f21826;}
                .floor_plans .enlarge img {display: block;}

.floor_image {margin-bottom: 10px;margin-left:330px;font-weight:bold;color:#515151;font-size:13px;min-height:310px; position: relative; padding-bottom: 25px;}
.floor_image span {margin-right:15px;cursor:pointer;}
.floor_image span span {margin-right: 0;}
.floor_image span.current {color:#F21826;}
.floor_image span:hover  { color:#F21826;}
.floor_image .levels {position: absolute; left: 0; bottom: 0;}
#main_floor { margin-bottom: 10px;}

a.apply {display: block; width: 81px; height: 22px; text-indent: -9999px; background: #93c846 url(../images/buttons/apply.jpg) no-repeat; margin-bottom: 10px;}
        
p.note {color: #515151; font-size: 9px;}

    .floor_plans .more_plans {border-top: 1px solid #868686; margin-bottom: 5px; clear: left; float: left; min-width: 750px;}
        .floor_plans .more_plans li {float: left; padding-right: 20px; text-align: center;}
            .floor_plans .more_plans li a {display: block; color: #868686; font-size: 13px; font-weight: bold;}
                .floor_plans .more_plans li a span {line-height: 35px;}
            .floor_plans .more_plans li img {display: block;}
    .floor_plans p.note {margin-top: 10px; clear: left;}
	
	.plans_slider span {display: none;}
	.plans_slider div span {display: inline;}
            
/* home page */
.tellmore {width: 210px; height: 211px;}
    .tellmore div {padding: 60px 15px 0; height: 151px; background: transparent url(../assets/images/tellmore_bg.png) no-repeat; color: white; font-weight: bold; text-align: center;}
    .tellmore div * {position: relative;} /*ie6 trip */
        .tellmore h2 {font-weight: bold; font-size: 14px; text-transform: uppercase; cursor: text; margin-bottom: 10px;}
.tellmore_home {position: absolute; right: 20px; top: 130px;}
    
.slider_home {clear: both; position: relative; width: 752px;/* background: transparent url(../images/resources_bg.png) repeat-x 0 34px;*/ border-top: 1px solid #868686; padding-top: 10px; margin-top: 10px;}
    .slider_home .slider {/* to hide the margin on the last visible element*/  width: 756px !important; overflow: hidden; left: -4px !important;}
    .slider_home h2.title_more {float: left;  margin-bottom: 10px;}
    .slider_home a.title_more {float: right; text-decoration: underline;}
    .slider_home .slider {clear: both; }
    .slider_home .slideprev {left: -40px;}
    .slider_home .slidenext {right: -40px;}
    .slider_home .round_over {position: absolute; z-index: 100; width: 116px; height: 110px; background: transparent url(../images/slider_over.png) no-repeat left top; left: 0; top: 0;}
    .slider_home a:hover .round_over {background: transparent url(../images/slider_over.png) no-repeat left bottom; cursor: pointer;}
    
ul.resources_block {}
    ul.resources_block li {margin-right: 12px; position: relative;}
        ul.resources_block li a { color: #464646; text-decoration: none; display: block; font-size: 9px; text-align: center; line-height: 10px;}
        ul.resources_block a.mapit { background: transparent url(../images/lowerimage_a.gif) no-repeat 0 0; height: 45px; padding-top: 10px; width: 116px;}
        ul.resources_block li a.mapit_hover {background: transparent url(../images/lowerimage_hover.gif) no-repeat left bottom;}
            ul.resources_block li a img {display: block; margin: 0 4px 5px;}
            ul.resources_block li a .mapit {text-decoration: underline; font-size: 9px; color: #ba4734;}
            ul.resources_block li a .open_closed {color: #000000; font-size: 9px;}
            
/* article */
.article {width: 570px;}
    .article p {margin-bottom: 10px;}

.tellmore div.promo-no-bg { background: none; }