/*
* HTML5 Boilerplate
*
* What follows is the result of much research on cross-browser styling.
* Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
* Kroc Camen, and the H5BP dev community and team.
*/
/* ==========================================================================
Base styles: opinionated defaults
========================================================================== */
html, button, input, select, textarea {color: #000; border:none;}
body {font-size: 1em; line-height: 1.4;}
/*
* Remove text-shadow in selection highlight: h5bp.com/i
* These selection rule sets have to be separate.
* Customize the background color to match your design.
*/
::-moz-selection {background: none; text-shadow: none;}
::selection {background: none; text-shadow: none;}
a {outline:0;}
/*
* A better looking default horizontal rule
*/
hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}
/*
* Remove the gap between images and the bottom of their containers: h5bp.com/i/440
*/
img {
vertical-align: middle;
}
/*
* Remove default fieldset styles.
*/
fieldset {border: 0; margin: 0; padding: 0;}
/*
* Allow only vertical resizing of textareas.
*/
textarea {resize: vertical;}
/* ==========================================================================
Chrome Frame prompt
========================================================================== */
.chromeframe {margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0;}
/* ==========================================================================
Author's custom styles
========================================================================== */
html, body {height:100%;}
body{font-size:12px; background-color:#000000;}
h1, h2, h3, h4, h5, h6 {font-weight:normal; margin:0;}
p{line-height:1.5em; padding-bottom:1em; font-size:12px;}
a {text-decoration:none; outline:0;}
ul {list-style:none;}
/* content min width */
#container {min-width:1024px;}
/* custom fonts */
body, .vregform p, .vregform form {font-family: 'Open Sans', sans-serif;}
/*
.statitles, .statvideos {font-family: 'Cinzel', serif;}
*/
#footer, #header p, .floorhead h3, .statitles, .statvideos {font-family: 'Roboto Condensed', sans-serif; font-weight:400;}
.subsecmenu, .botextblock, .vregform, .redlink, .fpclose, .pcaroitems a, .floorhotspots .floortip, #bblinks, .floorlegend, .videotabs {font-family: 'Roboto Condensed', sans-serif; font-weight: 300;}
/* font colors */
/* normal */
body, #footlinks a {color:#6d6e71;}
/* headings */
h1, h2, h3, h4, h5, h6, a.knowmore, .vidclose a, .botextblock, .botextblock a {color:#FFF;}
/* optional */
#footcopy, #footcopy a {color:#414042;}
.no-touch #footlinks a:hover, .no-touch #footcopy a:hover, #footlinks a.selected, .subsecmenu li a, .redlink, .pcaroitems a, .floormenu a.fpclose {color:#FFF;}
.statvideos, .statvideos h5 {color:#939598;}
/* heading red color */
.botextblock h3, .no-touch .vidthumb a:hover, .no-touch .contadress a:hover, .no-touch .newevelist a.morelink:hover, .bbitems h5, .faqlist h4, .faqlist h5, .contadress h5, .faqlist a:hover {color:#ce272f;}
/* hover color */
.no-touch a.knowmore:hover {color:#000;}
/* project colors */
.no-touch #ssecm1 a:hover, #ssecm1 .selected a, #subsite1 h3, .no-touch #subsite1 .floormenu a.fpclose:hover, .no-touch #subsite1 .pcaroitems a:hover {color:#9f2064;}
.no-touch #ssecm2 a:hover, #ssecm2 .selected a, #subsite2 h3, .no-touch #subsite2 .floormenu a.fpclose:hover, .no-touch #subsite2 .pcaroitems a:hover {color:#15637d;}
.no-touch #ssecm3 a:hover, #ssecm3 .selected a, #subsite3 h3, .no-touch #subsite3 .floormenu a.fpclose:hover, .no-touch #subsite3 .pcaroitems a:hover {color:#a6ce39;}
/* inline to block */
#header h1 a, #socicons a, #sitemenu li span, #sitemenu li a, .subsecmenu ul li a, .vidthumb a, .galpager a, .vthumbs a, .plancarocon a, .floorcontrols a, #homestall a.playnpause, .prevnextpager a, .livemaplnk a.redlink, .floorhotspots ul li a, .speclistblock span, .floormenu a.fpclose, .allproj ul li a, .allproj a.fpclose, #bblinks a {display:block;}
/* floats */
#footcopy, #socicons a, .galpager .galpagebtn, .galpager .galpagebtn a, #homestall {float:left;}
#footlinks {float:right;}
/* hide text */
#header h1 a, #socicons a, #sitemenu li a, .galpager .galpagebtn a, .plancarocon a, .floorcontrols a, #homestall a.playnpause, .prevnextpager a, .floorhotspots ul li a, .floormenu a.fpclose, .allproj ul li a, .allproj a.fpclose, a.comclosebtn {text-indent:-1000em;}
/* all caps */
#header, #footer, .subsecmenu, .statitles, .statvideos, .vregform h3, .vregform form, .redlink, .fpclose, .pcaroitems a, .botextblock h3, .floorhead h3, .speclist h5, .speclist h6, .floortip h5, .faqlist h4, .faqlist h5, .newevelist h5, .contadress h5, #bblinks, .bbitems h5, .videotabs {}
/* text align right */
.statvideos {text-align:right;}
/* text align justify */
.botextblock p, .vregform p {text-align:justify;}
/* preloader animation */
.imgcont, #loader {background:#000 url(../images/rmz_loader.gif) no-repeat center center;}
/* scale image fit to width */
.imgcont img, .gallimages img, .vthumbs img, .brothumb img {width:100%; height:auto;}
/* scale image fit to height */
.floorcont img.ztarget {height:100%; width:auto;}
/* transparent bg */
/* white @ 10% */
.white10, .specscroll .track {background-color:rgba(255, 255, 255, .1);}
/* black 0% */
.black0 {background-color:rgba(0, 0, 0, .0);}
/* black 40% */
.black40 {background-color:rgba(0, 0, 0, .4);}
/* black 50% */
.black50, .closestrip, .speclistblock h3, #bblinks li a, .videotabs a {background-color:rgba(0, 0, 0, .5);}
/* black 70% */
.black70, .comclosebtn {background-color:rgba(0, 0, 0, .7);}
/* black 80% */
.black80, .blackoverlay {background-color:rgba(0, 0, 0, .8);}
/* black 90% */
.black90, #overlay, .specscroll .thumb {background-color:rgba(0, 0, 0, .9);}
/* textured text background */
.botextblock, .speclistblock, .floorhead h3, .specscroll .scrollbar, .specscroll .viewport, .speclistblock p, .speclistblock span, .contadress, .contform, .newevelist li, #bblinks li, .videotabs span {background:url(../images/txtblk_bg.png);}
/* home page */
#homestall a.playnpause {background:url(../images/playpause.png) no-repeat;}
/* sub section pager */
.prevnextpager a {background:url(../images/upndwn.png) no-repeat;}
/* floorplan */
.plancarocon a {background:url(../images/cararo.png) no-repeat;}
.floorcontrols a {background:url(../images/zoomics.png) no-repeat;}
/* view all projects */
.allproj ul li, .allproj ul li a {background:url(../images/vallproj.png) no-repeat;}
/* animated icon for floor plan hotspots */
.floorhotspots ul li a, .floorlegend {background-image:url(../images/fp_dot1.gif); background-repeat:no-repeat;}
/* base64 embeded icons */
/* custom color icons for sub sites */
#ssecm1 li a {background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAAFCAIAAAAPE8H1AAAABnRSTlMAAAAAAABupgeRAAAAFklEQVR4AWOAgAVqaVAKiKAUihhCHQD72AqNYbJuLwAAAABJRU5ErkJggg=='); background-repeat:no-repeat;}
#ssecm2 li a {background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAAFCAIAAAAPE8H1AAAABnRSTlMAAAAAAABupgeRAAAAFklEQVR4AWOAAO7kOigFRFAKRQyhDgDAgwhNjfmPkgAAAABJRU5ErkJggg=='); background-repeat:no-repeat;}
#ssecm3 li a {background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAAFCAIAAAAPE8H1AAAABnRSTlMAAAAAAABupgeRAAAAFklEQVR4AWOAgBVn1aAUEEEpFDGEOgBayg50lZbDaQAAAABJRU5ErkJggg=='); background-repeat:no-repeat;}
/* Spec list bullets */
#subsite1 .speclist h5 {background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMAQMAAABsu86kAAAABlBMVEUAAACgJmYbEKPmAAAAAXRSTlMAQObYZgAAABpJREFUeAFjgAMOBgYeBgY+BgZ+MMkDEoEAAAWnAFTQmWWCAAAAAElFTkSuQmCC'); background-repeat:no-repeat;}
#subsite1 .speclist h6 {background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAABnRSTlMAAAAAAABupgeRAAAAG0lEQVR4AWMYGmCBWhphFRBEQAUJ6khzE/0BAAq6Dz3DH5JCAAAAAElFTkSuQmCC'); background-repeat:no-repeat;}
a.knowmore {background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAfElEQVR4AWOAAkYV8wkxyhYTVqtYTHwGwiA2SAwkB1ekbD6xQdVy0n9sGCQHVgzShSxR2rALQzHYZJAVyIJ///77X96IqhikhgHkHmRBIAArrmrZAxcDqcGq8N+///9rWveiKES3Gqyorn0fhtUYnqnv2I/VM0QHD9EBDgC0H7A7rHI13AAAAABJRU5ErkJggg=='); background-repeat:no-repeat;}
.vidclose a, .floormenu a.fpclose, .allproj a.fpclose, a.comclosebtn {background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAQAAAC1QeVaAAAASUlEQVR4AWMgCP6z/WdAgVARCGPHf3lkKSBvJ0gaxtkHxAip/RAemgCCBZdECMKkIBDVpuNACJQiIEnAWAIOwu8VwoGAJ/jwQAD+BcZNu+07uQAAAABJRU5ErkJggg=='); background-repeat:no-repeat;}
.galpager .galpagebtn a {background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAtCAMAAABPh2E/AAAAMFBMVEUAAACRkZGSkpK3t7eTk5OBgYFgYGCRkZGLi4tVVVWLi4vV1dUDAwP////39/dERETgefWlAAAAC3RSTlMAhfn5ngf2ZBb86w39rOkAAAB6SURBVHjavZDbDcQgDATxi0A4Qv/dRl4joXMBma9lsSyNS8JIySISiwgTWh4Om9eCLP6hO2vqy54vTsOeVoKLrvIJ2WW4i8PPnPNh1DKdcBnIQ//6M5/24KVIn3Du1u7a693C5eeES0WucFnIS1Nve97Cpa/OlG91eAFFKwVR8Ez16wAAAABJRU5ErkJggg=='); background-repeat:no-repeat;}
.rmzsel a.selectyzeValue {background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAcCAAAAABJr7D7AAAAJUlEQVR4AWP4jwEY/t9EA8NViAEC4UIIMbgQTAzDLIZhExIYAAAUua/eZblRUQAAAABJRU5ErkJggg=='); background-repeat:no-repeat;}
.brobox .vregform h3 {background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAR4AAAABCAQAAACiNwmnAAAAmklEQVR4AX3MwYrDMBCD4S+OnS3s+z/rtok92cswh0JrGKNfEtruAzQoVazlvatNK2qmLlK3yjugF226UA0w8prh5cdu4ddTtxkGAjTdAruBywOXkX7D5bCDGwAdw1Xe4RRgZkqzcu0JYNmz8Wc4EbmzWzYrN2f1Fwi8anNiIQSWQHOCG2GCyJMdoDIz+xAf/nei6Kvvg//1/QNCwUMDj+JXywAAAABJRU5ErkJggg=='); background-repeat:no-repeat;}
.redlink {background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAZAAAAAUBAMAAABRx3aFAAAAMFBMVEUAAADMLizMLiy3AADMLyzMLy3MLy3MLS3MLivMKirMLy3MLy2/KirJLijKLivNMC6mf8TrAAAAD3RSTlMAg38DvP3XOGke65IMJlhkCesjAAAAYklEQVR4Xt3XQQ2AMBAEwEqohErAA8aQgBBEIYFrAjwIOUAGsw7msdlsyf9nK28ESFcg2RRIVyDZFEgokKwKJBRIVgVyK5AJgVxKR0YEcgwIZEEGcZ8RyFkQyIpA4nMwV/cBT85hYUTjII0AAAAASUVORK5CYII='); background-repeat:no-repeat;}
.floorhotspots .floortip h5 {background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAGCAQAAABd57cKAAAAM0lEQVQI12NggIP/if/rGDDB/4T/f/7//1+PLhwPFv6PJvU/Di6MLPU/BkUYJoVFGCwFALZPTNmL8LNsAAAAAElFTkSuQmCC'); background-repeat:no-repeat;}
.morelink {background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAHCAIAAABPxRC5AAAABnRSTlMA/wD/AP83WBt9AAAAHUlEQVR4AWP4jwpA/DOaeuh8IELhQxAKH5d+VAAALLtX7vATLNQAAAAASUVORK5CYII='); background-repeat:no-repeat;}
/* 100% width */
#header, #container, #footer, #sitehome, .gallcont, .sectioncont {width:100%;}
/* main block positions */
#loader, #sitehome, #header h1, #header p, #socicons, #sitemenu, #subsites, #sitesubsmenu, #comall, .subsecmenu, #subsites, .staticont, .galpager, .blkbotleft, .blkbotright, .sectioncont, .floormenu, .floormask, .floorhead, .floorcontrols, .livemaplnk, .locstaticmap, .livemapframe, .floortip, .allproj, .comclosebtn, .floorlegend {position:absolute;}
#overlay, #header, #footer, #sitemenu, #sitesubsmenu, .prevnextpager {position:fixed;}
.sitesection, .sitesubsection, .imgcont {position:relative;}
/* align content to bottom right */
#sitehome, #subsites {overflow:hidden; height:100%;}
/* allow vertical scroll only */
.sitespace {overflow:auto; margin-bottom:33px;}
#subsites {height:auto;}
.sitespace, .staticont, .galpager, .sectioncont {bottom:0px; height:100%;}
/* loader */
#loader {left:0; top:0; right:0; bottom:0;}
/* header */
#header h1 {right:18%;margin-top: 0px;border-bottom-right-radius: 10px;border-bottom-left-radius: 10px;
background: #fff;width: 215px;height: 150px;}
#header h1 a {width:100%; height:85%;margin: auto; margin-top: 10px; background:url(../images/SRP-GROUP-LOGO.jpg) no-repeat;background-size: cover;}
#header p {left:18%; top:32px;}
/* content alignment */
.staticont, .sectioncont {left:18%; right:18%; width:64%;}
.sectioncont {bottom:0px;}
.galpager {left:18%;}
.blkbotleft, .blkbotright {bottom:0px;}
.blkbotleft {left:0px; right:0px;}
.blkbotright {right:0px;}
/* site menu */
#sitemenu li span {width:262px;}
#sitemenu li span, .no-touch #sitemenu li a:hover, #sitemenu li.selected a {background:url(../images/subs_logo.png) no-repeat; opacity:1;}
#sitemenu li a {background:url(../images/subs_logo.png) no-repeat; width:255px; height:95px; opacity:0;}
#sitemenu li#subslink1 span {background-position:40px -7px;}
#sitemenu li#subslink2 span {background-position:40px -125px;}
#sitemenu li#subslink3 span {background-position:40px -270px;}
#sitemenu li#subslink4 span {background-position:40px -383px;}
#sitemenu li#subslink5 span {background-position:40px -491px;}
#sitemenu li#subslink1 a {background-position:-186px -7px;}
#sitemenu li#subslink2 a {background-position:-185px -125px;}
#sitemenu li#subslink3 a {background-position:-185px -270px;}
#sitemenu li#subslink4 a {background-position:-187px -383px;}
#sitemenu li#subslink5 a {background-position:40px -491px;}
#sitemenu li span:hover {width:265px;}
#sitemenu li.selected span:hover {width:226px;}
#sitemenu li a:hover {padding-left:12px;}
#sitemenu li.selected a {cursor:default;}
#sitemenu li.selected a:hover {padding-left:0px;}
/* subs menu */
#sitesubsmenu {margin-top:134px; background:url(../images/menu_tex.png); height:0px;}
#sitesubsmenu {width:206px;}
.subsecmenu {width:100%; height:100%; display:none; text-align:right;}
.subsecmenu ul {margin-top:26px;}
.subsecmenu li {}
.subsecmenu li a {padding:0px 30px; line-height:30px; background-position:110% center;}
.subsecmenu li a:hover, .subsecmenu li.selected a {background-position:90% center;}
.subsecmenu li.selected a, .subsecmenu li a:hover {font-size:15px; padding:0px 30px;}
/* home page content */
.statitles {padding-bottom:32px;}
.statitles h3 {font-size:32px;}
.statitles h3, .statitles a.knowmore {text-shadow: 0px 0px 2px #808080; filter: dropshadow(color=#808080, offx=0, offy=0);}
.statitles a.knowmore {padding:0px 14px 0px 0px; background-position:98% 3px;}
.statitles a.knowmore:hover {background-position:100% 3px;}
/* home page video */
.statvideos {padding-bottom:5px;}
.statvideos h5 {font-size:12px; padding:6px; margin-bottom:1px;}
.statvideos p {padding:0; font-size:10px; line-height:10px; padding-top:8px;}
.vidthumb {border:2px solid #000;}
.vidclose {position:absolute; top:7px; left:5px; display:none;}
.vidclose a {padding-left:18px; font-size:11px;}
.homvideo {width:188px; height:108px; overflow:hidden; background-color:#000; display:none;}
.homvideo iframe {overflow:hidden;}
.vidthumb.opened .homvideo {background:#000;}
/* gallery content */
.gallcont {}
.gallitems {height:100%;}
/* gallery pager */
.galpager {width:30%; height:30px;}
.galpager .galpagebtn {margin-top:6px;}
.galpager .galpagebtn a {height:16px; width:16px; background-position:center 3px; margin-right:4px;}
.galpager .galpagebtn a:hover {background-position:center -14px;}
.galpager .galpagebtn a.activeSlide {background-position:center -31px;}
/* gallery play n pause */
#homestall {}
#homestall a.playnpause {width:29px; height:29px;}
#homestall a:hover {background-position: left bottom;}
#homestall.paused a.playnpause {background-position: right top;}
#homestall.paused a:hover {background-position: right bottom;}
/* Inner sections styling */
/*
.sitesubsection {background-repeat:no-repeat; background-size:cover;}
*/
.sitesubsection {overflow:hidden;}
/*
.movingbg {background-attachment:fixed;}
*/
.locationbg {background:#FFF;}
/* botton text block */
.botbox {position:absolute; bottom:0; width:64%; left:18%; color:white; margin-bottom:20px;}
.botextblock {padding:16px 46px 8px 32px; margin:0px 0px 10px 56px;}
.botextblock h3 {font-size:16px; margin-bottom:14px; font-weight:300;}
.botextblock p {font-size:12px;}
/* optional logo for amenities */
.amelogo {float:left; margin-right:32px; margin-top:2px;}
/* video box for virutal experience */
.videobox {background:#e6e6e6; margin:106px 0 10px 56px;}
.vplayerbg {background:#000; border:1px solid #000;} /*border:4px solid #FFF;*/
.vplayer {}
.vthumbs ul {margin:0px 2%;}
.vthumbs ul li {width:21%; margin:2%; float:left;}
/* video tabs */
.videotabs {position:absolute; margin-top:-31px;}
.videotabs span {margin-right:1px; float:left; display:block;}
.videotabs a {color:#FFF; line-height:30px; padding:0px 12px; display:block;}
.videotabs a.selected, .videotabs a:hover {color:#CE272F;}
/* form below video box */
.vregform {padding:23px 26px 12px 29px; font-weight:400; clear:both;}
.vregform h3 {color:#000; font-size:16px; font-weight:300; margin-bottom:12px;}
.vregform p {font-size:11px; color:#414042; width:93%;}
.vregform .vreg3col, .vregform .vreg3col li {float:left;}
.vregform .vreg3col {width:100%;}
.vregform .vreg3col li {width:26%; margin-right:1.5%; margin-bottom:2%;}
.vregform .vreg3col li.row {width:14%;}
.vregform input, .vregform select {width:94%; color:#939598; font-weight:400; text-transform:inherit; font-family:inherit; padding:4px 3%;}
.vregform .subtn {padding:0; float:left;}
/* custom styling for dropdown box */
.vregform .rmzsel {position:relative;}
.vregform .rmzsel a {color:#939598;}
.vregform .rmzsel a.selectyzeValue {background-position:right center;}
.vregform .selectyzeValue, .vregform .UlSelectize li a {display:block;}
.vregform .UlSelectize {position:absolute; display:none; width:100%;}
.vregform .UlSelectize li {padding:0px; float:none; width:100%; margin:0;}
.vregform .selectyzeValue, .vregform .UlSelectize li a {background:#FFFFFF; padding:6px 3%;}
.vregform .UlSelectize li a:hover {background:#939598; color:#FFFFFF;}
/* bro box styling */
.brobox {margin:0px 0px 10px 56px; padding:0.5%; float:left; width:90%; background:url(../images/bro_bg.jpg) no-repeat right top; background-size:cover;}
.brobox .brothumb {float:left; width:55%;}
.brobox .vregform {width:29%; padding:6% 10% 0% 6%; float:left; clear:right;}
.brobox .vregform h3 {padding-bottom:12px; margin-bottom:12px; background-position:center bottom;}
.brobox .vregform p {line-height:2em;}
.brobox .vregform .vreg1col {padding-top:12px;}
.brobox .vregform .vreg1col li {padding:8px 0px;}
.brobox .viewonline {float:right;}
/* building blocks styling */
.bbcont p {background:none;}
#bblinks {padding-left:56px; margin-bottom:1px;}
#bblinks li {float:left; margin-right:1px;}
#bblinks li a {padding:0px 12px; line-height:30px; color:#fff;}
#bblinks li a:hover {color:#CE272F;}
/* spec list styling */
.slimspec {top:87px; width:50%;}
.slimspec .blkbotleft {top:0;}
.speclistblock {padding:0px; background:none;}
.speclistblock h3 {padding:12px 20px; margin-bottom:1px;}
.speclistblock span {}
.speclistblock p {padding:10px 46px 1em 32px; margin-top:1px; font-size:11px;}
.speclist {overflow:auto; margin-bottom:16px; margin-right:12px; padding:16px 46px 8px 32px;}
.speclist li {padding:6px;}
.speclist ul {padding:6px 0 0 6px}
.speclist h4 {font-size:1.4em; padding-left:12px; background-position:-3px 4px; text-transform:uppercase;}
.speclist h5 {font-size:1.2em; padding-left:12px; background-position:-3px 4px;}
.speclist h6 {font-size:1em; padding-left:12px; background-position:-3px 3px;}
.speclist li li, .speclist li li li {padding-left:24px;}
/* spec scroll styling */
.specscroll {clear: both;}
.specscroll .viewport { overflow: hidden; position: relative; }
.specscroll .overview { list-style: none; position: absolute; left: 0; top: 0; }
.specscroll .thumb .end, .specscroll .thumb {}
.specscroll .scrollbar { position: relative; float: right; width: 12px; margin-left:1px; }
.specscroll .track { height: 100%; width:12px; position: relative; }
.specscroll .thumb { height: 20px; width: 12px; cursor: pointer; overflow: hidden; position: absolute; top: 0; }
.specscroll .thumb .end { overflow: hidden; height: 100%; width: 12px; }
.specscroll .disable{ display: none; }
.noSelect { user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; }
/* floor menu styling */
.floormenu {left:207px; display:none; top:0;}
.floormenu a.redlink {position:absolute; z-index:1; font-size:11px; left:5px; top:122px; line-height:20px; padding:0px 12px; background-position:right center;}
#ssecm1 a.redlink:hover {color:#FFF;}
.floormenu a.fpclose {position:absolute; z-index:1; top:10px; right: 10px; width:14px; height:14px; text-indent:100em;}
.floormenu a.fpclose:hover {-moz-transform:rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg);}
.fplans {}
/* floor plan styling */
.floorplans {margin-left:206px;}
.floormask, .floorhead {width:100%;}
.floormask {}
.floormask {overflow:hidden;}
.floorcont {cursor: move; float:left; position:relative;}
.floorhead {bottom:0px;}
.floorhead h3 {margin-left:1px; padding:0px 34px; line-height:36px; font-size:16px;}
.floorhead h3 {color:#FFF !important;}
/* plan thumbs styling */
.plantnmask {overflow:hidden; position:relative;}
.plancaro {position:relative;}
.fplans {background:#201e1d; padding:56px 0px 14px 150px;}
.plancaro .pcaroitems {float:left; padding-right:80px; padding-left:40px;}
.pcaroitems img {margin-bottom:6px;}
.pcaroitems a {text-align:right;}
.pcaroitems p {padding-bottom:20px;}
.plancarocon {clear:both; margin-left:708px;}
.plancarocon a {width:29px; height:29px; float:left; text-indent:1000em;}
.plancarocon .planprev {background-position:left top;}
.plancarocon .plannext {background-position:right top;}
.plancarocon a.planprev:hover {background-position:left bottom;}
.plancarocon a.plannext:hover {background-position:right bottom;}
.plancarocon a.bluricon {opacity:0.3; cursor:default;}
.plancarocon a.planprev.bluricon:hover {background-position:left top;}
.plancarocon a.plannext.bluricon:hover {background-position:right top;}
/* zoom in & out styling */
.floorcontrols {bottom:80px; margin-left:32px;}
.floorcontrols a {width:29px; height:29px;}
.floorcontrols a.zoomin {background-position:left top;}
.floorcontrols a.zoomout {background-position:left bottom;}
.floorcontrols a.zoomin:hover {background-position:right top;}
.floorcontrols a.zoomout:hover {background-position:right bottom;}
/* floor plan legend */
.floorlegend {padding-left:28px; line-height:1.8em; background-position:8px center; bottom:37px; left:238px;}
/* floor plan hotspots */
.floorhotspots {position:absolute; height:100%; width:100%; z-index:2;}
.floorhotspots ul {z-index:2;}
.floorhotspots ul li {position:absolute;}
.floorhotspots ul li a {width:13px; height:13px;}
.floorhotspots .floortip {background:#FFF; max-width:320px; min-width:200px; margin-top:24px; margin-left:-10px;}
.floorhotspots .floortip h5 {color:#000; font-size:16px; line-height:1.2em; padding:20px 16px 0px 16px; margin-top:-6px; background-position:10px top;}
.floorhotspots .floortip p {color:#000; font-size:13px; padding:0px 16px 16px 16px;}
.blackoverlay {position:absolute; z-index:1; width:300%; height:300%; top:-100%; left:-100%;}
/* floor plan content zoom sizes */
.size-m {width:100%; height:100%; left:16%; top:0%;}
.size-l {width:150%; height:150%; left:-2%; top:-26%;}
.size-xl {width:300%; height:300%; left:-52%; top:-102%;}
/* location map styling */
.livemaplnk {left:206px; bottom:10px; z-index:2;}
.livemaplnk a.redlink {font-size:11px; margin-left:20px; line-height:20px; padding:0px 12px; background-position:right center;}
.locstaticmap {z-index:1; left:206px; right:0; background:#FFF; margin:0px;}
.livemapframe {top:0; right:0; bottom:0; left:206px;}
.livemaplnk a.redlink.locmapshow {}
.livemaplnk a.redlink.googlemapshow {}
/* previous and next pager styles */
.prevnextpager {right:30px; top:43%; display:none;}
.prevnextpager a {width:29px; height:29px;}
.prevnextpager a.prevpage {background-position:left top;}
.prevnextpager a.nextpage {background-position:left bottom;}
.prevnextpager a.prevpage:hover {background-position:right top;}
.prevnextpager a.nextpage:hover {background-position:right bottom;}
/* view all projects menu */
.allproj {margin-left:207px; top:392px; background:#201e1d; overflow:hidden; display:none;}
.allproj ul {margin-left:106px;}
.allproj ul li {float:left;}
.allproj ul li a {width:206px; height:134px; opacity:0;}
.allproj ul li a:hover {opacity:1;}
.allproj ul li#proj1 {background-position:0px 0px;}
.allproj ul li#proj2 {background-position:-206px 0px;}
.allproj ul li#proj3 {background-position:-412px 0px;}
.allproj ul li#proj1 a, .allproj ul li#proj1 a:hover {background-position:0px -134px;}
.allproj ul li#proj2 a, .allproj ul li#proj2 a:hover {background-position:-206px -134px;}
.allproj ul li#proj3 a, .allproj ul li#proj3 a:hover {background-position:-412px -134px;}
.allproj a.fpclose {position:absolute; z-index:1; top:10px; right: 10px; width:14px; height:14px; text-indent:100em;}
.allproj a.fpclose:hover {-moz-transform:rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg);}
/* common footer sections */
#comall {overflow:hidden;}
#comall .sitespace {position:absolute; margin-bottom:0;}
#comall .sitespace.display {z-index:1;}
#comnewseve .viewport, .faqlist p, .newevelist p, .contadress p, .contadress p {background:none;}
.faqlist h4 {font-weight:normal; font-size:16px;}
.faqlist h5, .newevelist h5, .contadress h5, .contadress h5, .bbitems h5 {font-weight:normal; font-size:14px;}
.morelink {background-position:90% 6px; padding-right:12px;}
.morelink:hover {background-position:100% 6px;}
.faqlist a:hover {}
#comall a.comclosebtn {position:absolute; z-index:1; top:10px; right: 10px; width:14px; height:14px; text-indent:100em;}
#comall a.comclosebtn:hover {-moz-transform:rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg);}
/* common block styling */
.faqlist p, .faqlist h4, .faqlist h5, .faqlist ol, .newevelist h5, .newevelist p, .contadress p, .contadress h5, .bbitems h5 {padding-left:32px;}
.faqlist h4, .faqlist h5, .newevelist h5, .contadress h5, .bbitems h5 {padding-top:20px;}
.newevelist li {margin-bottom:1px;}
.faqlist ol {padding-left:4em;}
#comall .speclistblock p {font-size:12px;}
/* contact us form styling */
.contform {padding:12px; margin-top:1px; display:none;}
.contform h3 {padding:0; font-size:14px; background:none; margin:0px 0px 12px 0px;}
.contform .vreg3col, .contform .vreg3col li {float:left;}
.contform .vreg3col {width:100%;}
.contform .vreg3col li {width:30%; margin-right:1.5%; margin-bottom:2%;}
.contform .vreg3col li.row {width:14%; clear:both;}
.contform input, .contform select {width:94%; color:#939598; font-weight:400; text-transform:inherit; font-family:inherit; padding:6px 3%;}
.contform .subtn {padding:0;}
/* contact us form select styling */
.contform .rmzsel {position:relative;}
.contform .rmzsel a {color:#939598;}
.contform .rmzsel a.selectyzeValue {background-position:right center;}
.contform .selectyzeValue, .contform .UlSelectize li a {display:block;}
.contform .UlSelectize {position:absolute; display:none; width:100%;}
.contform .UlSelectize li {padding:0px; float:none; width:100%; margin:0;}
.contform .selectyzeValue, .contform .UlSelectize li a {background:#FFFFFF; padding:6px 3%;}
.contform .UlSelectize li a:hover {background:#939598; color:#FFFFFF;}
/* footer */
#footer {height:50px; bottom:0px; line-height:33px; background:#000;}
#footcopy {
font-size: 15px;
margin-left: 18%;
margin-top: 11px;
}
#footlinks {
margin-top: 11px;
margin-right:18%;
}
#footlinks a {padding:0px 5px; display:inline-block; line-height:33px;}
/* footer social icons */
#socimenu {}
#socicons {bottom:33px; right:18%; display:none;}
#socicons a {width:36px; height:40px; background:url(../images/foot_share.png) no-repeat; padding:0px;}
#socicons a:hover {background-position:inherit bottom;}
a#socicon1 {background-position:left top;}
a#socicon2 {background-position:-36px top;}
a#socicon3 {background-position:-72px top;}
a#socicon4 {background-position:-108px top;}
a#socicon5 {background-position:-144px top;}
a#socicon6 {background-position:-180px top;}
a#socicon1:hover {background-position:left bottom;}
a#socicon2:hover {background-position:-36px bottom;}
a#socicon3:hover {background-position:-72px bottom;}
a#socicon4:hover {background-position:-108px bottom;}
a#socicon5:hover {background-position:-144px bottom;}
a#socicon6:hover {background-position:-180px bottom;}
/* initial positions */
#sitemenu li {margin-left:-266px;}
/* live chat main window placement */
#ls_theLayer {top:auto !important; left:auto !important; right:1px !important; bottom:38px !important; width:240px !important;}
#ls_LivWinWinTable {width:auto !important;}
/* font size changes */
/* 13px size */
#comall .speclistblock p, .faqlist ol, .botextblock p, .floorhotspots .floortip p, .speclist li {font-size:13px;}
/* capitalize text for headings */
.bbitems h5, .faqlist h5, .faqlist h4, .speclist h5, .speclist h6, .statitles h3, .botextblock h3, .floortip h5, .contadress h5 {text-transform:none;}
/* CSS3 animations for hover effects */
#footer a, #sitemenu li a, a.knowmore, .subsecmenu li a, .vidclose a, .fpclose, .pcaroitems a, .morelink, .contadress a, a.comclosebtn, .videotabs a {-o-transition:all 300ms ease-out; -ms-transition:all 300ms ease-out; -moz-transition:all 300ms ease-out; -webkit-transition:all 300ms ease-out; transition:all 300ms ease-out;}
#sitemenu li, .allproj ul li a {-o-transition:all 800ms ease-out; -ms-transition:all 800ms ease-out; -moz-transition:all 800ms ease-out; -webkit-transition:all 800ms ease-out; transition:all 800ms ease-out;}
#sitemenu li span, #sitemenu li a {-o-transition:all 1000ms ease-out; -ms-transition:all 1000ms ease-out; -moz-transition:all 1000ms ease-out; -webkit-transition:all 1000ms ease-out; transition:all 1000ms ease-out;}
/* author overrides */
.widetextph {left:206px; right:1px; width:auto;}
.widetextph .botextblock {margin:0px 1px 1px 1px;}
#addfrm .stanley ul.UlSelectize {height:120px; overflow:scroll!important; overflow-x:hidden!important; overflow-y:scroll!important;}
#overlay {width:100%; height:100%; top:0px; display:none;}
/* z-indexes */
.staticont, .sectioncont {z-index:1;}
.current {z-index:2;}
.selsite {z-index:3 !important;}
.floorcontrols, .floorhead, .floorlegend {z-index:4;}
.prevnextpager {z-index:4;}
.floormenu {z-index:10;}
.galpager {z-index:20;}
#comall {z-index:150;}
.allproj {z-index:151;}
#footer, #sitemenu {z-index:190;}
#overlay {z-index:189;}
#header, #sitesubsmenu {z-index:200;}
#loader {z-index:300;}
/* lazy loader */
.lazy {}
/* safari font subpixel-antialiased or antialiased and flicker fixture */
.no-touch .subsecmenu li , .no-touch .sitesubsection .imgcont {-webkit-transition: translate3d(0,0,0); -moz-transform: translate3d(0, 0%, 0); -ms-transform: translate3d(0, 0%, 0); -o-transform: translate3d(0, 0%, 0); transform: translate3d(0, 0%, 0);}
.blkbotleft {-webkit-backface-visibility: hidden;}
/* safari choopy fix */
.no-touch .blkbotleft, .no-touch .sitesubsection .imgcont {-webkit-transform-style: preserve-3d;}
/* font rendering fix for safari */
.subsecmenu li a, .blkbotleft h3, .botextblock p, .speclistblock, #bblinks li a {-webkit-font-smoothing:subpixel-antialiased;}
/* link color fix for devices */
a[href^=tel] {text-decoration:inherit; color: inherit;}
/* hide all content for init load */
.contspace, .subspace {display:none;}
/* console display */
#dispcon {height:66%; overflow:scroll; background:#FFF; padding:10px; font-size:10px; color:#666; position:fixed; right:0px; z-index:999999;}
/* ==========================================================================
Helper classes
========================================================================== */
/*
* Image replacement
*/
.ir {
background-color: transparent; border: 0; overflow: hidden;
/* IE 6/7 fallback */
*text-indent: -9999px;
}
.ir:before {content: ""; display: block; width: 0; height: 150%;}
/*
* Hide from both screenreaders and browsers: h5bp.com/u
*/
.hidden {display: none !important; visibility: hidden;}
/*
* Hide only visually, but have it available for screenreaders: h5bp.com/v
*/
.visuallyhidden {border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;}
/*
* Extends the .visuallyhidden class to allow the element to be focusable
* when navigated to via the keyboard: h5bp.com/p
*/
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto;}
/*
* Hide visually and from screenreaders, but maintain layout
*/
.invisible {visibility: hidden;}
/*
* Clearfix: contain floats
*
* For modern browsers
* 1. The space content is one way to avoid an Opera bug when the
* `contenteditable` attribute is included anywhere else in the document.
* Otherwise it causes space to appear at the top and bottom of elements
* that receive the `clearfix` class.
* 2. The use of `table` rather than `block` is only necessary if using
* `:before` to contain the top-margins of child elements.
*/
.clearfix:before,
.clearfix:after {
content: " "; /* 1 */
display: table; /* 2 */
}
.clearfix:after {
clear: both;
}
/*
* For IE 6/7 only
* Include this rule to trigger hasLayout and contain floats.
*/
.clearfix {
*zoom: 1;
}
/* ==========================================================================
EXAMPLE Media Queries for Responsive Design.
These examples override the primary ('mobile first') styles.
Modify as content requires.
========================================================================== */
@media only screen and (min-width: 35em) {
/* Style adjustments for viewports that meet the condition */
/* 560px to 767px */
#dispcon {background-color:red;}
}
@media print,
(-o-min-device-pixel-ratio: 5/4),
(-webkit-min-device-pixel-ratio: 1.25),
(min-resolution: 120dpi) {
/* Style adjustments for high resolution devices */
}
/* iPads (portrait) ----------- */
@media all and (min-width : 768px) {
/* Styles */
#dispcon {background-color:green;}
.brobox .viewonline {float:left; clear:both; margin-top:12px; }
}
/* iPads (landscape) ----------- */
@media all and (min-width : 1024px) {
/* Styles */
#dispcon {background-color:yellow;}
/* content moved from 18% to 24% on 1024 */
.galpager {left:24%;}
.brobox .viewonline {float:left; clear:both; margin-top:12px; }
}
/* MacBook 13' (landscape) ----------- */
@media all and (min-width : 1280px) {
/* Styles */
#dispcon {background-color:orange;}
/* content moved from 24% to 18% above 1024 */
.galpager {left:18%;}
.brobox .viewonline {float:right; clear:none; margin-top:0px;}
}
/* MacBook 15' (landscape) ----------- */
@media all and (min-width : 1440px) {
/* Styles */
#dispcon {background-color:turquoise;}
}
/* iMac 17' (landscape) ----------- */
@media all and (min-width : 1680px) {
/* Styles */
#dispcon {background-color:olive;}
}
/* HD screens (landscape) ----------- */
@media all and (min-width : 1920px) {
/* Styles */
#dispcon {background-color:black;}
}
/* ==========================================================================
Print styles.
Inlined to avoid required HTTP connection: h5bp.com/r
========================================================================== */
@media print {
* {
background: transparent !important;
color: #000 !important; /* Black prints faster: h5bp.com/s */
box-shadow: none !important;
text-shadow: none !important;
}
a,
a:visited {
text-decoration: underline;
}
a[href]:after {
content: " (" attr(href) ")";
}
abbr[title]:after {
content: " (" attr(title) ")";
}
/*
* Don't show links for images, or javascript/internal links
*/
.ir a:after,
a[href^="javascript:"]:after,
a[href^="#"]:after {
content: "";
}
pre,
blockquote {
border: 1px solid #999;
page-break-inside: avoid;
}
thead {
display: table-header-group; /* h5bp.com/t */
}
tr,
img {
page-break-inside: avoid;
}
img {
max-width: 100% !important;
}
@page {
margin: 0.5cm;
}
p,
h2,
h3 {
orphans: 3;
widows: 3;
}
h2,
h3 {
page-break-after: avoid;
}
}