/* GLOBAL STYLES -------------------------------------------------- */ /* Padding below the footer and lighter body text */ body { } /* CUSTOMIZE THE NAVBAR -------------------------------------------------- */ .navbar-toggle { padding-bottom:5px; } .navbar-toggle .icon-bar { width:46px; height:4px; } .navbar-toggle .icon-bar+.icon-bar { margin-top:7px; } .navbar-default .navbar-toggle, .navbar-default .navbar-toggle:focus { border-color:#323b3d; background-color:#ffffff; } .navbar-default .navbar-toggle:hover { background-color:#f2fefe; /*border-color:#ffff00;*/ } .navbar-default .navbar-toggle:hover .icon-bar { background-color:#008000; background-color:#444; } #menu-label { margin-top:4px; color:#006b6b; font-weight:bold; } /* CUSTOMIZE THE CAROUSEL -------------------------------------------------- */ /* Carousel base class */ .carousel { } /* Since positioning the image, we need to help out the caption */ .carousel-caption { } .carousel-caption p { } /* Declare heights because of positioning of img element */ .carousel .item { } .carousel-inner > .item > img { } .carousel-inner > .item > img { } @media (min-width: 1200px) { .carousel-inner > .item > img { } } /* MARKETING CONTENT -------------------------------------------------- */ /* Featurettes ------------------------- */ .featurette-divider { margin: 80px 0; /* Space out the Bootstrap
more */ } /* Thin out the marketing headings */ .featurette-heading { font-weight: 300; line-height: 1; letter-spacing: -1px; } .featurette-image { display: block; padding: 10px; background-color: #fff; margin:0px auto; z-index: 1; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: 0px 0px 7px 0px #777; -moz-box-shadow: 0px 0px 7px 0px #777; box-shadow: 0px 0px 7px 0px #777; } .arrow-down, .arrow-down-lg-9 { width:0px; height:0px; border-left-style:dashed; border-left-color:white; border-right-style:dashed; border-right-color:white; border-top: 50px solid transparent; /* use side for 'base' of arrow - - i.e., 'border-top' if 'arrow-down', etc. */ background-color:inherit; } .arrow-down-lg-9 { border-left-width:435px; border-right-width:435px; } .arrow-right { width: 0px; height: 0px; border-top-style:dashed; border-top-color:white; /*VERY IMPORTANT THAT dashed (NOT dotted) FOR PROPER HANDLING BY FIREFOX!*/ border-bottom-style:dashed; border-bottom-color:white; /*VERY IMPORTANT THAT dashed (NOT dotted) FOR PROPER HANDLING BY FIREFOX!*/ border-left: 30px solid transparent; /* use side for 'base' of arrow - - i.e., 'border-left' if 'arrow-right', etc. This is also the only type that should be solid */ background-color:inherit; } .arrow-up { width: 0; height: 0; margin: -9px auto; border-left: 9px solid transparent; border-right: 9px solid transparent; border-bottom: 9px solid #eee; display: block; position: relative; top: -9px; left: 220px; border-top: 9px solid transparent; } /* SPECIAL ITEMS ---------------------------------------------------*/ .special-biggermargintop { margin-top:20px; } .btn { white-space:normal; } #nextfromlocation { padding-top:10px; padding-bottom:40px; clear:both; } #nextfromlocation div { padding:0px; } /* -------------------- heading.php --------------------- */ body, #thenavbar { background-color:#ffffff; /*background-color:#f8f8f8;*/ } body, #thenavbar { background: #f8f8f8; } body, #thenavbar { background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y4ZjhmOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmOGY4ZjgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); } body, #thenavbar { background: -moz-linear-gradient(left, #f8f8f8 0%, #ffffff 50%, #f8f8f8 100%); } body, #thenavbar { background: -webkit-gradient(linear, left top, right top, color-stop(0%,#f8f8f8), color-stop(50%,#ffffff), color-stop(100%,#f8f8f8)); } body, #thenavbar { background: -webkit-linear-gradient(left, #f8f8f8 0%,#ffffff 50%,#f8f8f8 100%); } body, #thenavbar { background: -o-linear-gradient(left, #f8f8f8 0%,#ffffff 50%,#f8f8f8 100%); } body, #thenavbar { background: -ms-linear-gradient(left, #f8f8f8 0%,#ffffff 50%,#f8f8f8 100%); } body, #thenavbar { background: linear-gradient(to right, #f8f8f8 0%,#ffffff 50%,#f8f8f8 100%); } body, #thenavbar { filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#f8f8f8',GradientType=1 ); } .container { background-color:#ffffff; } #thenavbar { border-radius:0px; border-bottom-width:0px; border-left-width:0px; border-right-width:0px; padding-bottom:0px; margin:0px auto; } .skylcr, .skylcr2 { background: #bee0e8; /* Old browsers */ } /* IE9 SVG, needs conditional override of 'filter' to 'none' */ .skylcr, .skylcr2 { background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2JlZTBlOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiZWUwZTgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); } .skylcr, .skylcr2 { background: -moz-linear-gradient(left, #bee0e8 0%, #ffffff 50%, #bee0e8 100%); /* FF3.6+ */ } .skylcr, .skylcr2 { background: -webkit-gradient(linear, left top, right top, color-stop(0%,#bee0e8), color-stop(50%,#ffffff), color-stop(100%,#bee0e8)); /* Chrome,Safari4+ */ } .skylcr, .skylcr2 { background: -webkit-linear-gradient(left, #bee0e8 0%,#ffffff 50%,#bee0e8 100%); /* Chrome10+,Safari5.1+ */ } .skylcr, .skylcr2 { background: -o-linear-gradient(left, #bee0e8 0%,#ffffff 50%,#bee0e8 100%); /* Opera 11.10+ */ } .skylcr, .skylcr2 { background: -ms-linear-gradient(left, #bee0e8 0%,#ffffff 50%,#bee0e8 100%); /* IE10+ */ } .skylcr, .skylcr2 { background: linear-gradient(to right, #bee0e8 0%,#ffffff 50%,#bee0e8 100%); /* W3C */ } .skylcr, .skylcr2 { filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bee0e8', endColorstr='#bee0e8',GradientType=1 ); /* IE6-8 */ } #thenavbar ul.navbar-nav li:first-child { border-left:1px solid #ddd; } #thenavbar ul.navbar-nav li a:hover, #thenavbar ul.navbar-nav li#avail a:hover { color:#ffff00; } #thenavbar ul.navbar-nav li.singleline a { position:relative; top:9px; } #thenavbar ul.navbar-nav li.active a, #thenavbar ul.navbar-nav li#avail.active a { background-color:#ffffff; color:#5a757b; border-bottom:1px solid #ffffff; } #thenavbar ul.navbar-nav li.active.singleline a { position:relative; top:0px; padding-top:22px; padding-bottom:21px; } #thenavbar .available a { color:#3d4439; text-shadow:1px 1px 10px #f9ff00; font-size:13px; line-height:19px; /*padding:12px 20px 10px 20px;*/ } #thenavbar .available a span { font-size:14px; } #thenavbar ul.navbar-nav .available.active a { color:#5a757b; } #thenavbar .available:hover a { color:#ffff00; } /* ---------------- index.php ----------------- */ #coverphotos p span { color:#5a757b; } #flag { background-color:#000000; } #flag p { background-image: url('../graphics/_highlight-bar.png'); background-repeat: no-repeat; background-position: center center; -o-background-size: 100% 100%, auto; -moz-background-size: 100% 100%, auto; -webkit-background-size: 100% 100%, auto; background-size: 100% 100%, auto; background-color:#000000; text-align:center; color:#054516; text-shadow:1px 1px 3px #ffffff; font-size:18px; line-height:22px; margin:1px -9px -21px -2px; padding:8px 16px 42px 28px; } #flag p span.bold { font-weight:bold; letter-spacing:1px; } #flag p span.bloom { text-shadow:1px 1px 3px #ffff00; font-size:14px; } #flag p span.stretch { letter-spacing: -1px; color:#007a57; } #coverphotos #THcallout { display:none; } /* ---------------------------------- amenities-photos.php ---------------------------------- */ #townhouseLogo { width:15%; } #townhouseLogo img { width:100%; min-height:48px; } div.captionHolder span { font-size:1.75em; font-weight:bold; } .thumbs { text-align:center; background-color:#000; padding-top:15px; } .thumbs div { box-sizing:border-box; display:inline-block; width:140px; height:102px; background-color:#000; } .thumbs div img { border:2px solid #fff; cursor:pointer; } #highlights { padding-top:10px;padding-top:14px; } #highlights h3 { font-size:24px; margin-top:0px; text-align:center; letter-spacing:2px; } #highlights ul { list-style-type:none; background-color:#fff; padding-left:0px; margin-top: -2px; } #highlights li { display:inline-block; font-size:15px; line-height:16px; background-color:#fff; text-align:center; /*height:59px;height:62px;*/ letter-spacing:1px; padding-left:30px; padding-right:30px; padding-bottom:4px; } #highlights li.morespace { padding-left:18px; padding-right:18px; } #highlights li.squished { padding-left:45px; padding-right:45px; } #button0 { text-align:center; background-color:#000; font-size:14px; font-family:monospace; padding:15px 0px 14px 0px; color:#ff0; letter-spacing:2px; margin-right:0px; cursor:pointer; border-bottom:1px solid #ff0; border-top-left-radius:10px; border-top-right-radius:10px; } #btn1,#btn2,#btn3,#btn4,#btn5,#btn6 { display:block; margin-top:10px; margin-bottom:40px; } #sideButtons { padding:72px 15px 0px 0px; /*clear:both;*/ } #sideButtons div { font-size:13px; line-height:20px; text-align:left; padding:12px 8px; background-color:#e4f2f5; cursor:pointer; min-height:85px; text-align:center; border-radius:25px; display:table-block; vertical-align:middle; color:#777; } #sideButtons div b { font-size:14px; font-weight:bold; color:#323b3d;color:#555; } #amenities h2 { color:#323b3d; } #highlights li, #highlights li.morespace, #highlights li.squished { display:block; text-align:left; height:auto; margin-bottom:17px; /*padding-left:16px; padding-right:5px;*/ text-indent: -30px; margin-left:30px; line-height:19px; } #highlights li::before { content: '\2714 '; color: green; font-size: 1.1em; padding-right:7px; } /* ------------------------------------- location-contact-us.php ------------------------------------- */ #container1 #contactblock { background: #f7fcfd; /* Old browsers */ padding-top:17px; padding-bottom:18px; } /* IE9 SVG, needs conditional override of 'filter' to 'none' */ #container1 #contactblock { background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y3ZmNmZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); } #container1 #contactblock { background: -moz-linear-gradient(top, #f7fcfd 0%, #ffffff 100%); /* FF3.6+ */ } #container1 #contactblock { background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7fcfd), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */ } #container1 #contactblock { background: -webkit-linear-gradient(top, #f7fcfd 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */ } #container1 #contactblock { background: -o-linear-gradient(top, #f7fcfd 0%,#ffffff 100%); /* Opera 11.10+ */ } #container1 #contactblock { background: -ms-linear-gradient(top, #f7fcfd 0%,#ffffff 100%); /* IE10+ */ } #container1 #contactblock { background: linear-gradient(to bottom, #f7fcfd 0%,#ffffff 100%); /* W3C */ } #container1 #contactblock { filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7fcfd', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */ } #container1 #contactblock div h2 { margin-top:12px; margin-left:-3px; } #contactusicon { height:60px; position:absolute; top:0px; right:0px; } #buildinglocation { color:#488eca; } #ifarriving:after { content: ", on map)."; } #nowthat p:after { content: "..."; } #nowthatinsert1:after { content: " and "; } #nowthatinsert2:after { content: " conveniences. "; } #whatnearbydetail img { height:40px; position:absolute; } #mapsdetailblock .visible-xs-block, #mapsdetailblock .visible-lg-block { position:relative; left: -10px; text-align:right; } /* ---------------------------- whats-nearby.php ----------------------------- */ #hikebike a { border-bottom:1px dotted #dddddd; color:#faa94d; } #hikebike a:hover { border-bottom:none; color:#000000; } /* ---------------------------------------------- information-for-residents.php ----------------------------------------------- */ #residentsinfo { margin-top:25px; } #localutilities { padding-bottom:20px; } #thelightbulb { position:absolute; top:0px; right:50px; width:250px; } #providers { list-style-type:none; padding-left:15px; } #providers li { padding-bottom:35px; padding-left:0px; position:relative; left:20px; } #providers li.even { position:relative; left:8px; } #providers h4 { font-style:italic; color:#978d50; } #providers li p { padding-left:2px; } #providers li p a.btn { position:relative; left: -18px; } #appliancesTitle { padding-top:42px; padding-bottom:18px; } #appliancesContainer li { margin-bottom:25px; font-family:monospace; } #appliancesContainer li a { font-family:serif; } #appliancesContainer li:nth-child(2) { padding-top:7px; } #appliancesContainer li:nth-child(4) { padding-top:7px; } #appliancesContainer li:nth-child(5) { padding-top:7px; } /* ------------------------ availability.php ------------------------- */ #availabilityheader { font-style:italic; font-size:21px; } #readytext { letter-spacing:1px; text-indent: -15px; margin-left:15px; margin-bottom:20px; font-size:14px; line-height:22px; } #thepricing { margin-left: -39px; font-size:15px; } #afterReadyText { margin-top:30px; font-size:16px; text-align:center; margin-bottom:20px; } #basePricing, #specialPricing { list-style-type:none; position:relative; top: -3px; } #basePricing li:first-child { list-style-type:disc; } #specialPricing { font-size:16px; color:#1a3619; text-shadow:0px 0px 10px #ffff00; margin-top:15px; } #specialPricing li:first-child::before { content:'\2714 '; color:green; font-size:1.1em; } .availText { font-size:16px; color:#360399; } .availText b { text-indent:30px; display:block; letter-spacing:1px; font-size:17px; } .availText.email b { font-size:18px; } #applicationDetails { margin-top:35px; text-align:justify; font-size:14px; padding-bottom:15px; } #featureRecap { display:none; } /* ------------------ footers.php ------------------- */ #availabilitybutton.nowAvailable { text-shadow:0px 0px 15px #00ff00; } #availabilitybutton.nowAvailable.btn-info { background-color:#375437; } #availabilitybutton.nowAvailable.btn-info:hover { background-color:#357535; text-shadow:0px 0px 17px #00ff00; } #availabilitybutton.nowAvailable span { font-size:20px; letter-spacing:1px; } #footerbg { background: #f7fcfd; /*background:#ffffff;*/ /* Old browsers */ padding:0px; margin: 30px 0px 0px 0px; height:100px; } /* IE9 SVG, needs conditional override of 'filter' to 'none' */ #footerbg { background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiZWUwZTgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); } #footerbg { background: -moz-linear-gradient(top, #ffffff 0%, #bee0e8 100%); /* FF3.6+ */ } #footerbg { background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#bee0e8)); /* Chrome,Safari4+ */ } #footerbg { background: -webkit-linear-gradient(top, #ffffff 0%,#bee0e8 100%); /* Chrome10+,Safari5.1+ */ } #footerbg { background: -o-linear-gradient(top, #ffffff 0%,#bee0e8 100%); /* Opera 11.10+ */ } #footerbg { background: -ms-linear-gradient(top, #ffffff 0%,#bee0e8 100%); /* IE10+ */ } #footerbg { background: linear-gradient(to bottom, #ffffff 0%,#bee0e8 100%); /* W3C */ } #footerbg { filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#bee0e8',GradientType=0 ); /* IE6-8 */ } #nextfromlocation div { padding-right:0px; } /* RESPONSIVE CSS -------------------------------------------------- */ /* xs */ @media(max-width: 767px) { /* -------------------- heading.php --------------------- */ #boxshadow { } .navbar-header img { max-width:72%; /*VERY IMPORTANT FOR PROPER LOGO SIZING!*/ } .navbar-toggle { margin-top:10px; margin-right:10px; } #thenavbar .navbar-collapse { margin-top:-2px; border-top-width:0px; } #thenavbar ul.navbar-nav { margin-top:0px; margin-bottom:0px; } #thenavbar ul.navbar-nav li { display:table; width:50%; float:left; border:1px solid #bee0e8; } #thenavbar ul.navbar-nav li:first-child { border-left:1px solid #bee0e8; } #thenavbar ul.navbar-nav li a { display:table-cell; height:43px; vertical-align:middle; padding:0px 20px; text-align:center; line-height:1.3; color:#323b3d; } #thenavbar ul.navbar-nav li a:hover { color:#000000; background-color:#bee0e8; } #thenavbar ul.navbar-nav li.active a { font-weight:bold; cursor:default; } #thenavbar ul.navbar-nav li.active a:hover { color:#5a757b; background-color:#ffffff; } #thenavbar ul.navbar-nav li.singleline a { position:relative; top:0px; } #thenavbar ul.navbar-nav li.active a { border-bottom:none; } #thenavbar ul.navbar-nav li.active.singleline a { position:relative; top:0px; padding:0px 20px; } /* ---------------- index.php ----------------- */ #introimage { padding-left:0px; padding-right:0px; margin-top:0px; border-top:2px solid #323b3d; } #introimage img { border-bottom:1px solid #5f2419; } #siteintro p { font-size:15px; line-height:21.43px; text-align:justify; /*text-align-last:justify;*/ margin:12px 0px 0px 0px; } #siteintro p.leftparagraph { /*padding-left:30px; padding-right:18px;*/ position:relative; top:3px; } #siteintro p.leftparagraph:after { content:"..."; display:inline; width:100%; } #siteintro p.leftparagraph span { font-size:16px; font-weight:bold; /*color:#5a757b;*/ color:#5f2419; } #siteintro p.rightparagraph:before { content:"..."; display:inline; width:100%; } #siteintro p.rightparagraph { margin-bottom:21px; position:relative; top:-1px; } #siteheadline { padding:11px 30px 7px 30px; margin: -11px 0px 10px 0px; font-size:16px; line-height:21px; text-align:justify; color:#5a757b; } .skylcr2 { background:none; } #coverphotos-outer, #coverphotos, #coverphotos img, #floorplan-outer, #floorplan { padding:0px; } #coverphotos img { border-top:2px solid #ddd; } #coverphotos img:first-child { border-top:none; } #coverphotos p { padding-left:22px; padding-right:22px; } #floorplan { border:2px solid #5f2419; padding:0px 2px 0px 5px; border-top-color:#323b3d; border-bottom-color:#323b3d; margin:5px 0px 35px 0px; } /* ---------------------------------- amenities-photos.php ---------------------------------- */ .container > h2 { font-size:26px; } #button0 { font-size:16px; line-height:22px; margin-left: -11px; margin-right: -11px; border-radius:10px; margin-top: -7px; background-color:#179090; text-shadow:0px 0px 3px #909017; border-bottom:none; } .thumbs { display:none; } #highlights { padding-top:5px; } #highlights ul { list-style-type:disc; } #highlights li, #highlights li.morespace, #highlights li.squished { display:block; text-align:left; height:auto; margin-bottom:13px; padding-left:16px; padding-right:5px; text-indent: -30px; margin-left:30px; line-height:19px; } #highlights li::before { content: '\2714 '; color: green; font-size: 1.1em; padding-right:7px; } #sideButtons { padding: 10px 15px 37px 15px; } #sideButtons div { min-height:auto; } #btn1, #btn2, #btn3, #btn4, #btn5, #btn6, #btn7 { margin-bottom:30px; } #photoButtons h2, #amenities h2 { font-size:18px; color:#175490; text-align:center; } #photoButtons h2 { margin-top:15px; } #amenities { padding-top:3px; } #footerbg { height:28px; } /* ------------------------------------- location-contact-us.php ------------------------------------- */ #contactusicon { height:44px; top:-20px; right:3px; } #contactheader { position:relative; top:-10px; } #container1 #contactblock div h2 { margin-top:0px; margin-left:-3px; margin-bottom:26px; } #locintrotext { margin-left:-15px; margin-right:-15px; text-align:justify; } #regionalmap, #detailmap { padding-left:0px; padding-right:0px; } #detailmap { position:relative; top: -180px; } #satellite { position:relative; top:429px; margin-left: -15px; margin-right: -15px; padding:0px; } #mapsdetailblock { margin-top:15px; } #ifarriving { padding-top:10px; } #ifarriving:after { content: ", below)."; } #buildinglocation { position:relative; top:-5px; } #buildinglocation, #ifarriving, #convenient p { padding-left:0px; padding-right:0px; } #convenient { position:relative; top:25px; } #convenient img { position:relative; top: -25px; z-index:99; } #hikebike { margin-top:2px; } #whatnearby { margin-top:18px; } #whatnearby h2 { margin-bottom:8px; } #whatnearbydetail img { left:12px; } #whatnearbydetail p { position:relative; left:5px; } #whatnearbydetail ul { position:relative; left:3px; } #nowthat { text-align:justify; margin: -15px -10px 0px -10px; } #location-arrow2 { position:absolute; left:0px; top: -338px; margin-left:0px; margin-right:15px; } #location-arrow2 div { border-left-width:116px; border-right-width:187px; background-color:#f8f8f8; } #location-arrow3 { position:relative; top: -27px; } #location-arrow3 div { margin-left:10px; border-left-width:141px; border-right-width:141px; background-color:#f8f8f8;*/ } #location-arrow3 .arrow-down { border-top-width:35px; } /* ---------------------------- whats-nearby.php ----------------------------- */ #nearbyintroblock { padding-right:0px; } #nearbyintroblock h2 { margin-top:15px; margin-bottom:14px; } #nearbyintroblock img { position:relative; top: -4px; } #convenientlylocated { margin-left: -15px; margin-right: -15px; padding:0px; padding-left:10%; padding-bottom:11px; width:100%; } #hikebike { margin-bottom:12px; } #location-arrow2 { top:9px; } #whatnearbydetail { margin-top:68px; } #whatnearbydetail p { left:0px; } #whatnearbydetail li { list-style-type:none; margin-left: -12px; padding-bottom:11px; position:relative; left:8px; } #nowthat { margin: -5px -10px 7px -10px; } /* ---------------------------------------------- information-for-residents.php ----------------------------------------------- */ #residentsinfo { margin-top:5px; } #localutilities { padding-bottom:12px; } #thelightbulb { display:block; width:140px; top:312px; right:0px; } #providers { list-style-type:none; padding-left:15px; } #providers h4 { position:relative; left:-6px; } #providers li { padding-bottom:30px; position:relative; left:0px; margin-left:5%; } #providers li.even { position:relative; left:0px; margin-left:5%; } #providers li p a.btn { position:relative; left: -1px; top: -3px; } .moveup { display:block; margin-top: -16px; } .thepaybutton { margin-top: -40px; } /* ------------------------ availability.php ------------------------- */ ul#basePricing { left:16px; } ul#specialPricing li { letter-spacing:1px; } ul#specialPricing li small { letter-spacing:0px; } .special-biggerfontsize { font-size:1.2em; } .special-biggermargintop { margin-top:10px; } #availability-container1 { overflow:hidden; margin-top:8px; } #availabilityheader { margin-top:2px; margin-bottom:12px; } #mainmessage { padding-left:0px; padding-right:0px; } #mainmessage p { padding-left:15px; padding-right:15px; } #p1 { background-color: #f8f8f8; margin:0px -10px; padding-top:10px; padding-bottom:12px; text-align:center; } #p2 { text-align:justify; } #availability-arrow1 { margin-left:0px; border-top:1px solid transparent; position:relative; left:0%; width:100%; } #availability-arrow1 div { border-left-width:137px; border-right-width:138px; position:relative; left:-17px; background-color:#f8f8f8; } #pleaseknow { margin-left:14%; width:85%; } #futurereference { margin-top:10px; padding-left:0px; padding-right:0px; } #importantnote { clear:both; margin-top:25px; } #importantnote p { padding-left:0px; padding-right:0px; } #wewelcome h4 { line-height:1.4; text-align:center; margin-top:15px; margin-bottom:25px; } } /* special-1 within subset of xs (page: location-contact-us.php) */ @media(min-width: 350px) and (max-width: 767px) { #detailmap { top:-335px; } #satellite { top:824px; } #whatnearbydetail p { font-size:1.1em; } #whatnearbydetail ul { top:-1px; left:9px; } /*----------*/ #providers li { margin-left:10%; } #providers li.even { position:relative; left:0px; margin-left:10%; } } /* special-2 within subset of xs (pages: heading.php, location-contact-us.php, and availability.php) */ @media(min-width: 410px) and (max-width: 767px) { .navbar-header .navbar-toggle { position:relative; top:17px; right:12px; } #introimage { border-top-width:2px; border-bottom-width:3px; } /*----------*/ #availabilityheader { position:absolute; top: -3px; } #availabilitysignal { position:absolute; right:10px; width:20%; } #mainmessage { margin-top:49px; } #p1 { width:75%; position:relative; left:12px; } #p2 { margin-top:15px; } #availability-arrow1 { width:75%; position:relative; left:6%; } #pleaseknow { margin-left:8%; width:91%; text-align:justify; } #wewelcome h4 { font-size:17px; } /*----------*/ #thelightbulb { display:block; width:190px; top:350px; right:0px; } #providers li { margin-left:14%; } #providers li.even { position:relative; left:0px; margin-left:14%; } } @media(min-width: 580px) and (max-width:620px) { #flag p { font-size:19px; line-height:21px; margin:1px -9px -12px -2px; padding:8px 16px 36px 28px; } #flag p span.bold { letter-spacing:0px; } #flag p span.bloom { font-size:15px; } #flag p span.stretch { letter-spacing:0px; } #button0 { padding:15px 110px 14px 110px; } #location-arrow3 { top:-20px; } #location-arrow3 div { margin-left: 152px; } #nearbyintroblock h2 { margin-top:14px; margin-bottom:12px; position:relative; left: -4px; } #nearbyintroblock img { max-width:80px; position:relative; left:161px; top: -15px; } #convenientlylocated { padding-left:4.7%; position:relative; left:0px; } #areaimages .second { height:142px; } #location-arrow2 div { margin-left:15px; border-left-width:167px; border-right-width:388px; } #hikebike { padding-left:144px; padding-right:22px; position:relative; top: -5px;} #whatnearbydetail { margin-top:75px; } #whatnearbydetail li { left: -9px; padding-left:65px; padding-right:10px; padding-bottom:17px; } #whatnearbydetail img { top:0px; left:30px; } #whatnearbydetail p { position:relative; top: -5px; left: -14px; letter-spacing:1px; } #nowthat { padding-left:35px; padding-right:35px; margin-bottom:10px; } #thelightbulb { top:280px; right:15px; } #providers li, #providers li.even { margin-left:8%; } #readytext { margin:58px 125px 33px 54px; } hr.tophr { margin-right:88px; } #thepricing { margin-left:15px; font-size:16px; } #specialPricing { font-size:18px; } #afterReadyText { margin-bottom:25px; } .availText { text-align:center; margin-top:15px; } .availText b { text-indent:0px; } } @media(min-width: 460px) and (max-width: 500px) and (max-height: 340px) { #detailmap { top: -255px; } #satellite { top:657px; margin-left:10px; } #satellite img { border-radius:0px; } #location-arrow3 { top: -20px; } #location-arrow3 div { margin-left:92px; } #nearbyintroblock h2 { margin-top:17px; margin-bottom:16px; } #convenientlylocated { padding-left:8.4%; } #nearbyintroblock img { max-width:95px; position:relative; left:52px; top: -12px; } #hikebike { padding-left:85px; padding-right:10px; margin-top:0px; margin-bottom:14px; } #areaimages .second { /*position:relative; top:8px;*/ height:108px; } #location-arrow2 div { margin-left:25px; border-left-width:165px; border-right-width:247px; } #whatnearbydetail li { margin-left:0px; left:0px; top:1px; padding-bottom:14px; padding-left:35px; position:relative; left: -12px; } #whatnearbydetail img { top: -10px; } #whatnearbydetail p { position:relative; top: -3px; left: -1px; } #thelightbulb { top:295px; } #providers li, #providers li.even { margin-left:5%; } p#p1 { padding-left:30px; padding-right:30px; } #readytext { margin-top:53px; margin-right:60px; } #thepricing { margin-left:15px; font-size:16px; } #specialPricing { font-size:18px; } #afterReadyText { margin-bottom:25px; } .availText { text-align:center; margin-top:15px; } .availText b { text-indent:0px; } } @media(min-width: 548px) and (max-width: 588px) and (max-height: 340px) { #flag p { font-size:19px; margin-bottom: -12px; padding-bottom:32px; } #flag p span.bold { letter-spacing:0px; } #flag p span.bloom { font-size:14px; } #button0 { padding:15px 70px 14px 70px; } #buildinglocation { padding-right:20px; } #detailmap { top: -305px; } #satellite { top:780px; margin-left:10px; } #satellite img { border-radius:0px; } #location-arrow3 { top: -20px; } #location-arrow3 div { margin-left:137px; } #nearbyintroblock h2 { margin-top:14px; margin-bottom:12px; } #nearbyintroblock img { max-width:80px; position:relative; left:55px; top:-10px; } #areaimages .second { height:133px; } #location-arrow2 div { margin-left:25px; border-left-width:199px; border-right-width:303px; } #hikebike { padding-left:99px; padding-right:15px; position:relative; top: -10px;} #whatnearbydetail li { left: -7px; padding-left:35px; padding-bottom:17px; } #whatnearbydetail img { top: -7px; } #whatnearbydetail p { position:relative; top: -6px; left: -35px; letter-spacing:1px; } #nowthat { padding-left:40px; padding-right:40px; margin-bottom:10px; } #thelightbulb { top:280px; } #providers li, #providers li.even { margin-left:5%; } p#p1 { padding-left:45px; padding-right:45px; } #pleaseknow { margin-left:12%; width:79%; } #readytext { margin:53px 100px 40px 54px; } #thepricing { margin-left:15px; font-size:16px; } #specialPricing { font-size:18px; } #afterReadyText { margin-bottom:25px; } .availText { text-align:center; margin-top:15px; } .availText b { text-indent:0px; } #applicationDetails { margin-left:10px; margin-right:10px; padding-bottom:16px; } } @media(min-width: 360px) and (max-width: 400px) and (min-height: 665px) { #flag p span.bold { letter-spacing:2px; } #flag p span.bloom { font-size:15px; } #flag p span.stretch { letter-spacing:0px; } #button0 { padding:15px 50px 14px 50px; } #detailmap { top: -210px; } #satellite { top:517px; } #location-arrow3 { top: -23px; } #location-arrow3 div { border-left-width:172px; border-right-width:172px; } #nearbyintroblock h2 { margin-top:15px; margin-bottom:14px; } #nearbyintroblock img { position:relative; top: -4px; left:7px; } #convenientlylocated { padding-left:8%; } #hikebike { margin-top:2px; margin-bottom:17px; } #areaimages { position:relative; top: -1px; } #areaimages .second { height:80px; } #location-arrow2 { left:19px; } #location-arrow2 div { border-left-width:125px; border-right-width:205px; } #whatnearbydetail li { left:4px; padding-bottom:14px; } #whatnearbydetail img { top: 0px; } #whatnearbydetail p { position:relative; top: -5px; } #providers li, #providers li.even { margin-left:5%; } #availability-container1 { margin-top:7px; } #availabilityheader { margin-top:3px; margin-bottom:11px; } #mainmessage { margin-top:5px; } p#p1 { padding-left:25px; padding-right:25px; } #availability-arrow1 { left:9px; } #pleaseknow { margin-left:12%; width:84%; } #readytext { position:relative; top: -19px; margin-bottom: -18px; margin-right:70px; } #thepricing { margin-left: -27px; margin-right: -15px; font-size:16px; } #specialPricing { font-size:18px; } #afterReadyText { position:relative; top:-5px; } .availText { text-align:center; margin-left:0px; } .availText b { text-indent:0px; } } @media(min-width: 665px) and (max-width: 705px) and (max-height: 400px) { #flag p { font-size:20px; margin-bottom: -13px; padding-bottom:36px; } #flag p span.bloom { font-size:17px; } #flag p span.stretch { letter-spacing:1px; } #button0 { padding:15px 55px 14px 55px; } #ifarriving { position:relative; top: -3px; } #buildinglocation { padding-right:110px; } #detailmap { top: -260px; } #detailmap img { width: 80%; } #satellite { top:755px; width:70%; margin-left:195px; margin-right:0px; } #location-arrow3 { top: -20px; } #location-arrow3 { margin-left:220px; border-left-width:151px; border-right-width:151px; } #nowthat { margin-left: 63px; } #nearbyintroblock h2 { margin-top:14px; margin-bottom:12px; } #nearbyintroblock img { max-width:80px; position:relative; left:191px; top: -10px; } #convenientlylocated { padding-left:15%; position:relative; left: -35px; } #areaimages .second { height:166px; } #location-arrow2 div { margin-left:25px; border-left-width:237px; border-right-width:383px; } #hikebike { padding-left:173px; padding-right:27px; position:relative; top: -5px;} #whatnearbydetail { margin-top:75px; } #whatnearbydetail li { left: -7px; padding-left:100px; padding-right:35px; padding-bottom:17px; } #whatnearbydetail img { top: -3px; left:30px; } #whatnearbydetail p { position:relative; top: -6px; left: -35px; letter-spacing:1px; } #nowthat { padding-left:3px; padding-right:75px; margin-bottom:10px; } #thelightbulb { top:282px; } #providers li, #providers li.even { margin-left:8%; } #readytext { margin:77px 200px 67px 65px; } #thepricing { margin-left:15px; font-size:16px; } #specialPricing { font-size:18px; } #afterReadyText { margin-bottom:25px; } .availText { text-align:center; margin-top:15px; } .availText b { text-indent:0px; } } /* special-3 within subset of xs (for drop-down header in all pages; found on heading.php; to help with smallest Android in portrait mode) */ @media(max-width: 250px) { .navbar-header img { max-width:72%; } .navbar-toggle { padding-left:4px; padding-right:4px; padding-top:8px; } .navbar-toggle .icon-bar { width:42px; height:3px; } #thenavbar ul.navbar-nav { margin-top:3px; } #thenavbar ul.navbar-nav li a { padding:0px 10px; height:52px; } #contactheaderblock h4 { margin-left:-10px; margin-right:-10px; } #detailmap { top: -135px; } #satellite { top:319px; } #satellite img { border-radius:0px; } #nowthat { text-align:center; } #location-arrow3 { display:none; } .navbar-collapse.in { overflow-y:initial; } #thenavbar #avail.available a span, #avail { line-height:18px; font-size:12px; } #thenavbar ul.navbar-nav li#avail a { padding-left:9px; padding-right:9px; } #flag p { font-size:13px; padding:8px 4px 42px 8px; letter-spacing: -1px; line-height:20px; margin-top:0px; } #flag p span.bold { letter-spacing:1px; } #flag p span.bloom { font-size:11px; letter-spacing:0px; } #flag p span.stretch { font-size:14px; } #nearbyintroblock h2 { position:relative; left: -4px; margin-top:13px; margin-bottom:11px; } #nearbyintroblock img { position:relative; top: -9px; } #convenientlylocated { padding-left:10%; position:relative; left:5px; } #nearbyintroblock div { padding-left:0px; } #hikebike { padding-left:0px; padding-right:0px; position:relative; top: -3px; } #areaimages { padding:0px; } #areaimages .second { height:49px; } #location-arrow2 div { left:1px; border-left-width:111px; border-right-width:111px; } #whatnearbydetail img { top: -2px; } #whatnearbydetail p { padding-left:25px; padding-right:5px; top: -3px; } #nowthat { text-align:justify; margin-top: -2px; } #thelightbulb { top:393px; } #mainmessage h4 { margin-left: -42px; margin-right: -33px; } #availability-arrow1 { margin-left: -10px; } #availability-arrow1 div { border-left-width:110px; border-right-width:110px; border-top-width:40px; } #pleaseknow { width:125%; margin-left: -18px; } #readytext { font-size:13px; margin-left:3px; text-indent: -10px; } .availText { text-align:center; margin-left:0px; } .availText b { text-indent:0px; } #applicationDetails { margin-left: -6px; margin-right:-5px; } } /* special-4 within subset of xs (for drop-down header in all pages; found on heading.php) */ @media(min-height: 350px) { #thenavbar ul.navbar-nav li a { height:52px; } } @media(min-width:300px) and (max-width:340px) { #thepricing { margin-left: -41px; margin-right: -20px; } } /* = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */ /* sm */ @media(min-width: 768px) and (max-width: 991px) { /* -------------------- heading.php --------------------- */ #boxshadow { box-shadow:0px 0px 10px 10px #aaa; } #thenavbar .navbar-header img { margin-top: -2px; position:relative; left:201px; } #thenavbar .navbar-collapse { padding-left:0px; padding-right:0px; margin-left: -15px; margin-right: -15px; } #thenavbar ul.navbar-nav { background-color:#323b3d; margin:0px; padding:0px 4px 0px 8px; width:100%; position:relative; left:0px; } #thenavbar ul.navbar-nav li { border-right:1px solid #ddd; width:123px; text-align:center; border-bottom:1px solid #ddd; } #thenavbar ul.navbar-nav li a { padding:13px 13px 11px 13px; /*padding-top:13px; padding-bottom:11px;*/ height:64px; color:#ffffff; font-weight:bold; } #thenavbar ul.navbar-nav li.active { border-bottom:1px solid #ffffff; /*border-left-color:#323b3d; border-right-color:#323b3d;*/ border-left-color:#dddddd; border-right-color:#dddddd; } #thenavbar #avail.available a { font-size:11px; line-height:17px; padding:6px 15px 1px 15px; color:#bdff00; text-shadow:1px 1px 10px #ffffff; } #thenavbar #avail.available a span { font-size:15px; } #thenavbar ul.navbar-nav li#avail.active a { font-size:11px; line-height:17px; padding-top:5px; } #thenavbar ul.navbar-nav li#avail.active a span { font-size:15px; } /* ---------------- index.php ----------------- */ #introimage { padding-left:0px; padding-right:0px; margin-top:0px; } #introimage img { border-bottom:1px solid #5f2419; } .lastlinejustify:after { content: ""; display:inline-block; width:100%; } #siteintro p { font-size:15px; line-height:21.43px; text-align:justify; text-align-last:justify; margin:12px 0px 0px 0px; } #siteintro p.leftparagraph { padding-left:30px; padding-right:18px; } #siteintro p.leftparagraph span { font-size:16px; font-weight:bold; /*color:#5a757b;*/ color:#5f2419; } #siteintro .rightparagraph { padding-left:18px; padding-right:30px; } #siteheadline { padding:11px 30px 7px 30px; margin: -11px 0px 10px 0px; font-size:16px; line-height:21px; text-align:justify; color:#5a757b; } .skylcr2 { background:none; } #coverphotos, #coverphotos img { padding:0px; } #coverphotos img { border-top:2px solid #ddd; } #coverphotos img:first-child { border-top:none; } #coverphotos p { margin-top:5px; } #floorplan { border:2px solid #5f2419; padding:0px 29px 0px 32px; border-top-color:#323b3d; border-bottom-color:#323b3d; margin:15px 0px 35px 0px; } .carousel .item {-webkit-transition: opacity 1s; -moz-transition: opacity 1s; -ms-transition: opacity 1s; -o-transition: opacity 1s; transition: opacity 1s;} .carousel .active.left {left:0;opacity:0;z-index:2;} .carousel .active.right {left:0;opacity:0;z-index:2;} .carousel .next {left:0;opacity:1;z-index:1;} #flag p { font-size:22px; line-height:24px; margin:7px -9px -9px -2px; padding:8px 22px 42px 33px; } #flag p span.bloom { font-size:18px; } #flag p span.stretch { letter-spacing:1px; } /* ------------------------------------- location-contact-us.php ------------------------------------- */ #container1 #contactblock { background: #f7fcfd; /* Old browsers */ padding-top:17px; padding-bottom:18px; } /* IE9 SVG, needs conditional override of 'filter' to 'none' */ #container1 #contactblock { background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y3ZmNmZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); } #container1 #contactblock { background: -moz-linear-gradient(top, #f7fcfd 0%, #ffffff 100%); /* FF3.6+ */ } #container1 #contactblock { background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7fcfd), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */ } #container1 #contactblock { background: -webkit-linear-gradient(top, #f7fcfd 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */ } #container1 #contactblock { background: -o-linear-gradient(top, #f7fcfd 0%,#ffffff 100%); /* Opera 11.10+ */ } #container1 #contactblock { background: -ms-linear-gradient(top, #f7fcfd 0%,#ffffff 100%); /* IE10+ */ } #container1 #contactblock { background: linear-gradient(to bottom, #f7fcfd 0%,#ffffff 100%); /* W3C */ } #container1 #contactblock { filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7fcfd', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */ } #container1 #contactblock div h2 { margin-top:12px; margin-left:-3px; } #contactheader { position:relative; top:-14px; } #contactusicon { height:50px; top:4px; right:12px; } #locintrotext { position:relative; top:15px; } #locintrotext, #buildinglocation { font-size:16px; color:#5a757b; } #mapsdetailblock { margin-top:20px; } #buildinglocation { margin-top:10px; } #ifarriving { margin-top:12px; margin-bottom:12px; } #nowthat { text-align:center; } #nowthat p:after { content: ":"; } #nowthatinsert1:after { content: " + "; } #nowthatinsert2:after { content: " conveniences. "; } #regionalmap { margin-top: -1px; } #regionalmap img { border:1px solid #777; } #locationsuperblock { border-top:1px solid #ddd; border-color:#ffffff; margin-top:0px; padding-top:0px; } #locationsuperblock h2 { padding-top:20px; } #locintrotext { position:relative; top:17px; left:33px; } #location-arrow1 { position:absolute; left:33px; top:117px; } #location-arrow1 div { border-top-width:74px; border-bottom-width:74px; background-color:#afe83f; border-left-width:20px } #convenient { /* margin-top:37px; z-index:99; */ } #convenient p { z-index:99; } #location-arrow3 { position:relative; top:-20px; } #location-arrow3 div { margin-left:29px; border-left-width:188px; border-right-width:188px; background-color:#f8f8f8;*/ } /* ---------------------------- whats-nearby.php ----------------------------- */ #container-nearby .row { padding-top:15px; } #nearbyintroblock { margin-top:12px; } #nearbyintroblock h2 { margin-top:1px; margin-bottom:25px; } #nearbyintroblock p { font-size:1.1em; padding-left:35px; } #nearbyintroblock img { margin-top:5px; position:relative; left:5px; } #convenientlylocated { position:relative; top: -4px; } #areaimages { margin-top:-6px; } #areaimages img { padding-bottom:11px; padding-left:0px; padding-right:0px; } #hikebike { margin-top:29px; position:relative; left: -10px; padding-right:0px; } #location-arrow2 { position:relative; top: -23px;top: -10px; left:7px; width:50%; } #location-arrow2 div { border-left-width:133px; border-right-width:246px; /*background-color:#bee0e8;*/ background-color:#f8f8f8; } #satellite { padding-left:0px; padding-right:0px; position:relative; top:10px; } #hikebike { /* margin-top:-26px; */ } #whatnearbydetail { margin-top: -5px; } #whatnearby h2 { text-align:center; margin-bottom:8px; } #whatnearbydetail div:nth-child(odd) { position:relative; left:-20px; } #whatnearbydetail div:nth-child(even) { position:relative; left:22px; } #whatnearbydetail p { font-size:1.1em; position:relative; left:-6px; } #whatnearbydetail img { left:4px;left: -4px; top:98px; } #whatnearbydetail #locicon1, #whatnearbydetail #locicon2 { top:57px; } #nowthat { margin-bottom:11px; } /* ---------------------------------------------- information-for-residents.php ----------------------------------------------- */ #residentsinfo { margin-top:15px; } #localutilities { position:relative; top: -10px; } #thelightbulb { position:absolute; top:0px; right:10px; width:200px; } #providers { list-style-type:none; padding-left:15px; } #providers li { padding-bottom:25px; padding-left:0px; position:relative; left:30px; } #providers li.even { position:relative; left: -10px; } #providers h4 { font-style:italic; color:#978d50; } #providers li p { padding-left:2px; } #providers li p a.btn { position:relative; left: -18px; } /* ------------------------ availability.php ------------------------- */ .special-biggerfontsize { font-size:1.2em; } #availability-container1 { margin-top:15px; } #availabilityheader { position:relative; top:-16px; } #mainmessage { /*background-color:#f8f8f8;*/ background-color:#d5ebf0; padding-left:20px; padding-right:15px; /*margin-left:15px;*/ margin-left:27px; margin-top: -7px; } #p1 { margin-top:20px; } #availability-arrow1 { margin-left:15px; overflow:hidden; } #availability-arrow1 div { border-left-width:270px; border-right-width:270px; position:relative; left: -1px; /*background-color:#f8f8f8;*/ background-color:#d5ebf0; } #futurereference { padding-top:23px; } #availabilitysignal img { text-align:right; position:absolute; top:7px; right: -49px; } #importantnote { clear:both; margin-top:20px; } #importantnote p { padding-left:0px; padding-right:0px; margin-bottom:3px; } p#pleaseknow { text-align:justify; width:76%; padding-left:60px; position:relative; left: -8.6%; } #wewelcome h4 { line-height:1.4; margin-top:14px; margin-bottom:36px; text-align:center; } #readytext { margin:55px 250px 38px 53px;margin-top:53px;margin-bottom:22px; } #readytext big { font-size:20px; } hr.tophr { margin-right:125px; margin-bottom:23px; } #thepricing { margin-left:88px; font-size:16px; } #basePricing { left:17px; } #specialPricing { font-size:18px; letter-spacing:1px; } #specialPricing small { letter-spacing:0px; } #afterReadyText { margin-bottom:25px; } .availText { text-align:center; margin-top:15px; } .availText b { text-indent:0px; } #applicationDetails { margin-left:107px; margin-right:107px; margin-top:33px; } #sideButtons { padding-top:30px; padding-bottom:35px; } #sideButtons div { min-height:40px; } /* ------------------ footers.php ------------------- */ #footerbg { height:20px; } } /* = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */ /* md */ @media(min-width: 992px) and (max-width: 1199px) { /* -------------------- heading.php --------------------- */ #boxshadow { box-shadow:0px 0px 10px 10px #bbb; } .container { width:960px; } #thenavbar { width:960px; margin:0px auto; } #thenavbar div.container { padding:0px; } #thenavbar .navbar-header img { margin-top: -2px; } #thenavbar .navbar-collapse { /*padding-left:0px; padding-right:0px; margin-left: -15px; margin-right: -15px;*/ } #thenavbar ul.navbar-nav { background-color:#323b3d; /*margin:0px;*/ padding:0px 8px 0px 5px; /*width:100%;*/ position:relative; left:4px; top:32px; } #thenavbar ul.navbar-nav li { border-right:1px solid #ddd; width:104px; text-align:center; border-bottom:1px solid #ddd; } #thenavbar ul.navbar-nav li a { padding-top:13px; padding-bottom:11px; height:64px; color:#ffffff; font-weight:bold; padding:10px 4px; } #thenavbar ul.navbar-nav li.active { border-bottom:1px solid #ffffff; border-left-color:#323b3d; /*border-right-color:#323b3d;*/ /*border-left-color:#dddddd;*/ border-right-color:#dddddd; } #thenavbar #avail.available a { font-size:11px; line-height:17px; padding:5px 5px 1px 5px; color:#bdff00; text-shadow:1px 1px 10px #ffffff; } #thenavbar #avail.available a span { font-size:15px; } #thenavbar ul.navbar-nav li#avail.active a { font-size:11px; line-height:17px; padding-top:5px; } #thenavbar ul.navbar-nav li#avail.active a span { font-size:15px; } /* ---------------- index.php ----------------- */ #introimage { padding-left:0px; padding-right:0px; margin-top:0px; border-top:2px solid #323b3d; /*border-bottom:3px solid #323b3d;*/ } #introimage img { border-bottom:1px solid #5f2419; } .lastlinejustify:after { content: ""; display:inline-block; width:100%; } #siteintro p { font-size:15px; line-height:21.43px; text-align:justify; text-align-last:justify; margin: -31px 0px 0px 0px; padding:11px 0px 5px 0px; left:104px; background-color:#ffffff; border-top:1px solid #5f2419; } #siteintro p.leftparagraph { padding-left:30px; padding-right:18px; width:375px; position:relative; /*left:10px;*/ border-top-left-radius:10px; } #siteintro p.leftparagraph span { font-size:16px; font-weight:bold; /*color:#5a757b;*/ color:#5f2419; } #siteintro .rightparagraph { padding-left:18px; padding-right:30px; width:375px; position:relative; /*left:15px;*/ border-top-right-radius:10px; } #siteheadline { padding:11px 30px 5px 30px; margin: -5px 0px 18px 0px; font-size:16px; line-height:21px; text-align:justify; color:#5a757b; width:760px; position:relative; left:99px; } .skylcr2 { background:none; } #coverphotos-outer, #coverphotos, #floorplan-outer, #floorplan { padding:0px; } #coverphotos img { border-top:2px solid #ddd; padding:0px; } #coverphotos #photo1, #coverphotos #photo2 { border-top:none; } #coverphotos #photo1, #coverphotos #photo3, #coverphotos #photo5 { border-right:1px solid #ddd; } #coverphotos #photo2, #coverphotos #photo4 { border-left:1px solid #ddd; } #coverphotos #photo3 { margin-top: -131px; } #coverphotos #photo4 { } #coverphotos #photo5 { margin-top: -180px; } #coverphotos p { margin-top:26px; line-height:1.5; padding-left:65px; padding-right:65px; } #floorplan { border:2px solid #5f2419; padding:0px 49px 0px 52px; border-top-color:#323b3d; border-bottom-color:#323b3d; margin:39px 0px 35px 0px; } #flag p { font-size:24px; line-height:27px; margin:5px -9px -9px -2px; padding:5px 36px 29px 44px; } #flag p span.bold { font-weight:bold; letter-spacing:1px; } #flag p span.bloom { text-shadow:1px 1px 3px #ffff00; font-size:24px; } #flag p span.stretch { letter-spacing:1px; color:#007a57; } /* ---------------------------------- amenities-photos.php ---------------------------------- */ #button0 { padding:15px 20px 14px 20px; } #sideButtons { padding: 72px 2px 47px 2px; } #sideButtons div { min-height:auto; font-size:12px; padding:12px 5px; margin-bottom:45px; } #sideButtons div b { font-size:13px; } /* ------------------------------------- location-contact-us.php ------------------------------------- */ #contactheader { position:relative; top:-5px; } #contactusicon { top:3px; right:11px; } #locintrotext, #buildinglocation { font-size:16px; color:#5a757b; } #buildinglocation { margin-top:32px; } #hikebike { margin-top:-46px; } #whatnearby h2 { text-align:center; margin-top:19px; margin-bottom:0px; } #whatnearbydetail div:nth-child(odd) { position:relative; left:-11px; } #whatnearbydetail div:nth-child(even) { position:relative; left:0px; } #whatnearbydetail p { font-size:1.1em; } #whatnearbydetail img { height:42px; left:-34px; } #nowthat { text-align:center; } #ifarriving { margin-top:34px; } #convenient { margin-top:40px; z-index:99; } #convenient img { position:relative; top:-7px; } #container1 { margin-top:-10px; } #regionalmap { margin-top: -45px; } #regionalmap img { border:1px solid #777; } #detailmap { top:17px; } #locationsuperblock { margin-top:40px; } #satellite { position:relative; top:36px; } #locintrotext { position:relative; top:24px; left:39px; padding-right:20px; } #location-arrow1 { position:absolute; left:33px; top:90px; } #location-arrow1 div { border-top-width:66px; border-bottom-width:66px; background-color:#afe83f; border-left-width:28px; } #convenient p { z-index:99; } #location-arrow2 { position:absolute; left:0px; top:-160px; margin-left:5px; margin-right:15px; } #location-arrow2 div { border-left-width:485px; border-right-width:485px; background-color:#f8f8f8; } #location-arrow3 { position:relative; top:-20px; } #location-arrow3 div { margin-left:14px; border-left-width:265px; border-right-width:265px; background-color:#f8f8f8;*/ } /* ---------------------------- whats-nearby.php ----------------------------- */ #container-nearby .row { padding-top:15px; } #nearbyintroblock { margin-top:12px; } #nearbyintroblock h2 { margin-top: -1px; margin-bottom:24px; position:relative; left:10px; } #nearbyintroblock p { font-size:1.1em; padding-left:65px; padding-right:105px; } #nearbyintroblock img { margin-top:5px; position:relative; left:85px; } #convenientlylocated { position:relative; top: -4px; } #areaimages { margin-top:-6px; } #areaimages img { padding-bottom:11px; padding-left:0px; padding-right:0px; } #hikebike { margin-top:36px; position:relative; left:60px; padding-right:0px; } #location-arrow2 { position:relative; top: -47px; left:5px; width:50%; } #location-arrow2 div { border-left-width:188px; border-right-width:342px; /*background-color:#bee0e8;*/ background-color:#f8f8f8; } #satellite { padding-left:0px; padding-right:0px; position:relative; top:10px; } #whatnearbydetail { margin-top: -26px; } #whatnearbydetail ul { list-style-type:none; } #whatnearby h2 { text-align:center; margin-bottom:8px; } #whatnearbydetail div:nth-child(odd) { position:relative; left: -25px; } #whatnearbydetail div:nth-child(even) { position:relative; left: -40px; } #whatnearbydetail p { font-size:1.1em; position:relative; left:25px; top: -1px; } #whatnearbydetail img { left: -10px; top:75px; } #whatnearbydetail #locicon1, #whatnearbydetail #locicon2 { top:33px; } #nowthat { margin-bottom:15px; } /* ---------------------------------------------- information-for-residents.php ----------------------------------------------- */ #thelightbulb { position:absolute; top: -5px; right:5px; width:200px; } #providers li.even { position:relative; left:22px; } /* ------------------------ availability.php ------------------------- */ .special-biggerfontsize { font-size:1.2em; } .special-biggermargintop { margin-top:25px; } #availability-container1 { margin-top:20px; } #availabilityheader { position:relative; top: -9px; } #availabilitysignal { position:absolute; top:1px; right:20px; } #mainmessage { position:relative; top:-65px; left:-5px; /*background-color:#f8f8f8;*/ background-color:#d5ebf0; padding-top:20px; } #p1 { padding-left:35px; padding-right:35px; } #p2 { padding-left:60px; padding-right:35px; } #p3 { padding-left:60px; } #availability-arrow1 { position:relative; top:-65px; left:276px; margin-left:15px; width:640px; overflow:hidden; } #availability-arrow1 div { /*background-color:#f8f8f8;*/ background-color:#d5ebf0; border-left-width:315px; border-right-width:315px; } #futurereference { margin-top:-47px; } #importantnote { clear:both; margin-top:17px; } #importantnote p { padding-left:0px; padding-right:83px; text-align:justify; } #pleaseknow { position:relative; left: -33px; } #wewelcome h4 { font-size:17px; padding-left:80px; padding-right:80px; text-align:center; margin-top:33px; margin-bottom:37px; } #readytext { font-size:15px; } #thepricing { margin-left:54px; } #specialPricing { font-size:17px; letter-spacing:1px; } #specialPricing small { letter-spacing:0px; } .availText { text-align:center; margin-top:15px; } .availText b { text-indent:0px; } #applicationDetails { margin-left:95px; margin-right:95px; } /* ------------------ footers.php ------------------- */ #footerbg { height:50px; } } /* = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */ /* lg */ @media (min-width: 1200px) { /* -------------------- heading.php --------------------- */ #boxshadow { box-shadow:0px 0px 10px 10px #aaa; } #thenavbar .navbar-header img { margin-top: -2px; padding:0px 30px; } #thenavbar .navbar-collapse { border-bottom:2px solid #323b3d; } #thenavbar div.container { padding:0px; } .home #thenavbar div.container { padding-bottom:0px; } #thenavbar ul.navbar-nav { background-color:#323b3d; padding:0px 8px 0px 5px; position:relative; left:4px; top:32px; } #thenavbar ul.navbar-nav li { border-right:1px solid #ddd; width:129px; text-align:center; border-bottom:1px solid #ddd; } #thenavbar ul.navbar-nav li a { padding-top:13px; padding-bottom:11px; height:64px; color:#ffffff; font-weight:bold; padding:10px 16px; } #thenavbar ul.navbar-nav li.active { border-bottom:1px solid #ffffff; border-left-color:#323b3d; border-right-color:#dddddd; } #thenavbar #avail.available a { color:#bdff00; text-shadow:1px 1px 10px #ffffff; padding:12px 20px 10px 20px; } /* ---------------- index.php ----------------- */ #introimage { padding-left:0px; padding-right:0px; padding-bottom:3px; position:relative; top:0px; margin-top:0px; overflow:hidden; } #introimage img { border-bottom:1px solid #5f2419; position:relative; top:0px; } .lastlinejustify:after { content: ""; display:inline-block; width:100%; } #siteintro { padding:0px; margin:2px 0px 0px 0px; } #siteintro p { font-size:15px; line-height:20px; text-align:justify; text-align-last:justify; margin-top: -47px; margin-top:-51px; border-top:1px solid #5f2419; margin-bottom:0px; padding-top:10px; background-color:#ffffff; } #siteintro p.leftparagraph { padding-left:28px; padding-right:17px; width:375px; position:relative; top: -1px; left:14px; border-top-left-radius:10px; } #siteintro p.leftparagraph span { font-size:16px; font-weight:bold; /*color:#5a757b;*/ color:#5f2419; } #siteintro .rightparagraph { padding-left:14px; padding-right:28px; width:375px; position:relative; top: -1px; left:14px; border-top-right-radius:10px; } #dividerbar { padding-left:0px; padding-right:0px; } #siteheadline { padding:11px 30px 5px 30px; margin: -7px 0px 12px 0px; font-size:16px; line-height:21px; text-align:justify; color:#5a757b; width:760px; position:relative; left:10px; } #coverphotos-outer, #coverphotos, #floorplan-outer, #floorplan { padding:0px; } #coverphotos { margin-top: -519px; margin-top:-535px;margin-top:-570px; padding:3px 1px 0px 2px; z-index:99; } #coverphotos img { padding:0px; margin-bottom:14px; box-shadow:1px 3px 6px 3px #323b3d; position:relative; left: -2px; border:4px solid #ffffff; border-top-width:5px; border-bottom-width:5px; } #coverphotos p { padding-left:0px; padding-right:0px; position:relative; top:7px; line-height:1.5; } #floorplan { border:2px solid #5f2419; padding:0px 32px 15px 32px; border-top-color:#323b3d; border-bottom-color:#323b3d; margin-left:32px; } #highlights h4 { /*margin-top:9px; margin-bottom:8px; letter-spacing:2px;*/ } #coverimages {/*padding-left:4px; padding-right:20px; position:relative; top: -5px;*/ } #coverimages img { /*margin-bottom:10px;*/ } #nextfromlocation { padding-top:38px; } .photocolback { background: #bee0e8; /* Old browsers */ } /* IE9 SVG, needs conditional override of 'filter' to 'none' */ .photocolback { background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2JlZTBlOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiZWUwZTgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); } .photocolback { background: -moz-linear-gradient(left, #bee0e8 0%, #ffffff 50%, #bee0e8 100%); /* FF3.6+ */ } .photocolback { background: -webkit-gradient(linear, left top, right top, color-stop(0%,#bee0e8), color-stop(50%,#ffffff), color-stop(100%,#bee0e8)); /* Chrome,Safari4+ */ } .photocolback { background: -webkit-linear-gradient(left, #bee0e8 0%,#ffffff 50%,#bee0e8 100%); /* Chrome10+,Safari5.1+ */ } .photocolback { background: -o-linear-gradient(left, #bee0e8 0%,#ffffff 50%,#bee0e8 100%); /* Opera 11.10+ */ } .photocolback { background: -ms-linear-gradient(left, #bee0e8 0%,#ffffff 50%,#bee0e8 100%); /* IE10+ */ } .photocolback { background: linear-gradient(to right, #bee0e8 0%,#ffffff 50%,#bee0e8 100%); /* W3C */ } .photocolback { filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bee0e8', endColorstr='#bee0e8',GradientType=1 ); /* IE6-8 */ } div.skylcr2.row>div { padding-left:0px; padding-right:0px; background-color:#ffffff; } #photo1 { position:relative; top:525px; } #photo2 { position:relative; top: -222px; } #photo3 { position:relative; top: -219px; margin-top:0px; } #photo4 { position:relative; top: -8px; } #floorplan-outer { background-color:#ffffff; } #flag p { font-size:24px; line-height:28px; margin:3px -9px -4px -2px; padding:8px 36px 29px 44px; } #flag p span.bold { font-weight:bold; letter-spacing:1px; } #flag p span.bloom { text-shadow:1px 1px 3px #ffff00; font-size:24px; } #flag p span.stretch { letter-spacing:0px; color:#007a57; } #coverphotos #THcallout { display:block; position:absolute; top: -107px; left:14px; font-family:sans-serif; font-size:15px; color:#294430; font-weight:bold; text-shadow:1px 1px 10px #ffffff; } #coverphotos #THcallout span { letter-spacing:1px; color:#5a757b; font-size:17px; position:relative; top:1px; } /* ------------------------------------- location-contact-us.php ------------------------------------- */ #locintrotext, #buildinglocation { font-size:17px; color:#5a757b; } #buildinglocation { margin-top:27px; } #ifarriving { margin-top:31px; } #convenient { margin-top:40px; z-index:99; padding-left:0px; padding-right:0px; } #contactheaderblock { position:relative; left: -435px; top:55px; } #contactusicon { position:absolute; top: -54px; right:257px; } #regionalmap { margin-top: -160px; } #regionalmap img { border:1px solid #777; border-radius:20px; } #mapsdetailblock .visible-lg-block { left: -49px; top:70px; } #locationsuperblock { margin-top:49px; } #locintrotext { position:relative; top:9px; left:20px; } #location-arrow1 { position:absolute; left:33px; top:68px; } #location-arrow1 div { border-top-width:57px; border-bottom-width:57px; background-color:#afe83f; } #detailmap { margin-top: -50px; } #satellite { position:relative; top:12px; } #convenient p { z-index:99; } #location-arrow2 { position:absolute; left:0px; top:-145px; margin-left:10px; margin-right:15px; } #location-arrow2 div { border-left-width:577px; border-right-width:578px; background-color:#f8f8f8; } #location-arrow3 { position:relative; top:-20px; } #location-arrow3 div { margin-left:48px; border-left-width:188px; border-right-width:188px; background-color:#f8f8f8;*/ } /* ---------------------------- whats-nearby.php ----------------------------- */ #container-nearby .row { padding-top:15px; } #nearbyintroblock { margin-top:12px; } #nearbyintroblock h2 { margin-top: 3px; margin-bottom:30px; position:relative; left:20px; } #nearbyintroblock p { font-size:1.1em; padding-left:80px; padding-right:115px; } #nearbyintroblock img { margin-top:5px; position:relative; left:127px; } #convenientlylocated { position:relative; top: -4px; left: -33px; } #areaimages { margin-top:-6px; } #areaimages img { padding-bottom:11px; padding-left:0px; padding-right:0px; } p#hikebike { margin-top:65px; position:relative; left:103px; padding-right:135px; } #location-arrow2 { position:relative; top: -85px; left: -15px; width:50%; } #location-arrow2 div { border-left-width:243px; border-right-width:430px; border-top-width:75px; /*background-color:#bee0e8;*/ background-color:#f8f8f8; } #satellite { padding-left:0px; padding-right:0px; position:relative; top:10px; } #whatnearbydetail { margin-top: -47px; } #whatnearbydetail ul { list-style-type:none; } #whatnearbydetail li { padding-right:5px; padding-bottom:10px; } #whatnearby { margin-top: -38px; } #whatnearby h2 { position:relative; top:-62px; text-align:center; margin-bottom:8px; } #whatnearbydetail div:nth-child(odd) { position:relative; left: -25px; } #whatnearbydetail div:nth-child(even) { position:relative; left: -40px; } #whatnearbydetail p { font-size:1.1em; position:relative; left:38px; top: -4px; letter-spacing:1px; } #whatnearbydetail img { height:44px; left: -10px; top:75px; } #whatnearbydetail #locicon1, #whatnearbydetail #locicon2 { top:34px; } #nowthat { margin-left: -7px; margin-right:0px; margin-bottom:15px; text-align:justify; } /* ---------------------------------------------- information-for-residents.php ----------------------------------------------- */ #localutilities { padding-bottom:25px; } #providers li { padding-bottom:45px; } #providers h4 { position:relative; left: -17px; } /* ------------------------ availability.php ------------------------- */ .special-biggerfontsize { font-size:1.2em; } #availability-container1 { margin-top:25px; } #mainmessage { /*background-color:#f8f8f8;*/ background-color:#d5ebf0; padding-left:0px; margin-left:15px; } #p1 { margin-top:25px; } #availability-arrow1 { /*background-color:#f8f8f8;*/ background-color:#d5ebf0; margin-left:15px; border-top:1px solid transparent; overflow:hidden; } #availability-arrow1 div { border-left-width:327px; border-right-width:528px; position:relative; left: -15px; } #futurereference { padding-top:39px; } #availabilitysignal img { text-align:right; position:absolute; top:0px; right:25px; } #importantnote { clear:both; margin-top:11px; } #importantnote p { padding-left:0px; padding-right:0px; } p#pleaseknow { padding-left:57px; padding-right:105px; text-align:justify; } #wewelcome h4 { margin-top:15px; margin-bottom:35px; position:relative; left: -12px; } #availabilityheader { position:relative; top: -16px;font-size:30px; } #readytext { letter-spacing:0px; font-size:16px; margin-top:3px; margin-bottom:10px; } #readytext b { letter-spacing:1px; } hr.tophr { margin-right:175px; margin-top:10px; margin-bottom:0px; margin-right:250px; border-top:2px solid #2e9fa4; } hr.bottomhr { margin-top:5px; margin-top:0px; margin-bottom:20px; margin-right:50px;border-top:2px solid #777; } #thepricing { font-size:19px; padding:10px 0px 10px 220px; margin-left:0px; margin-right:0px; background:linear-gradient(to left, #fff, rgb(188, 221, 188)) repeat scroll 0% 0%; } #afterReadyText { margin-top:22px; font-size:18px; text-align:left; letter-spacing:1px; } #basePricing, #specialPricing { position:relative; top: 0px; } #specialPricing { font-size:21px; margin-top:27px; } .availText { text-align:center; margin-top:22px; } .availText b { text-indent:0px; } .availText.email b { font-size:18px; } #applicationDetails { margin:38px 235px 35px 235px; } #featureRecap { display:block; text-align:center; clear:both; position:absolute; right:15px;right:32px; bottom:17px; width:288px;width:242px; color:green; font-size:13px; text-align:justify; } } /* special-L1 within subset of lg (page: location-contact-us.php) */ @media(min-width: 1360px) { .container { width:1330px; } #thenavbar .navbar-header img { padding:0px 50px 0px 58px; } #thenavbar ul.navbar-nav { padding:0px 10px 0px 8px; } #thenavbar ul.navbar-nav li { width:146px; } #thenavbar ul.navbar-nav li a { padding:10px 25px; } #thenavbar ul.navbar-nav li#avail a { padding:12px 12px 8px 12px; } #introimage img { position:relative; top:-5px; top:0px; } #siteintro p.leftparagraph { position:relative; left:67px; top:-7px; } #siteintro p.rightparagraph { position:relative; left:67px; top:-7px; } #siteheadline { position:relative; left:63px; } #coverphotos { margin-top: -595px; margin-top:-653px; margin-top: -639px; padding:3px 1px 5px 2px; } #photo1 { position:relative; top:609px; top:611px; } #photo2 { position:relative; top: -223px; top: -278px; } #photo3 { position:relative; top: -222px; top:-221px; margin-top:0px; } #photo4 { position:relative; top:0px; top:1px; } #coverphotos p { top:10px; padding-left:10px; padding-right:10px; } #floorplan { padding:0px 40px 5px 40px; margin-left:38px; } #contactusicon { top: -54px; right:334px; } #mapsdetailblock .visible-lg-block { left: -53px; top:69px; } #nearbyintroblock h2 { margin-top: 7px; margin-bottom:33px; } #nearbyintroblock p { padding-right:195px;padding-right:180px; } #nearbyintroblock img { margin-top:15px; } p#hikebike { margin-top:80px; left:117px; padding-right:160px; } #location-arrow2 { top: -88px; } #location-arrow2 div { border-left-width:273px; border-right-width:495px; border-top-width:75px; } #whatnearbydetail li { padding-bottom:12px; } #whatnearbydetail { margin-top: -41px; } #whatnearbydetail p { padding-top:3px; padding-bottom:2px; } #whatnearbydetail img { top:75px; } #whatnearbydetail #locicon1, #whatnearbydetail #locicon2 { top:34px; } #nowthat { margin-left:65px; margin-right:90px; } .availability #footerbg { margin-top:10px; } #availabilitysignal img { right:45px;right:44px; top:20px;top:12px; } #p1 { padding-right:150px; } #availability-arrow1 div { border-left-width:373px; border-right-width:602px; position:relative; left: -15px; } #futurereference { padding-right:175px; position:relative; left:78px; } #wewelcome { padding-left:75px; } /* ------------------ footers.php ------------------- */ #footerbg { height:100px; } } /* for responsive youtube videos */ #theVideos > div { width:80%; max-width:640px; margin:0px auto; } .video-container { position:relative; padding-bottom:56.25%; padding-top:30px; height:0; overflow:hidden; } .video-container iframe, .video-container object, .video-container embed { position:absolute; top:0; left:0; width:100%; height:100%; }