/*************************** RESET ****************************/ html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul, dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object, a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span, strong, sub, sup, tt, var, legend, fieldset { margin: 0; padding: 0; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } img, fieldset { border: 0; } ol, ul { list-style: none; } @-ms-viewport { width: device-width; zoom: 1; } @-o-viewport { width: device-width; zoom: 1; } @viewport { width: device-width; zoom: 1; } /******************************* GENERAL 1em = 12pt = 16px = 100% ********************************/ html { position: relative; text-size-adjust: 100%; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; min-height: 100%; min-width: 100%; } body { font-family: 'Gentium Book Basic', serif; font-size: 100%; color: #666; word-wrap: break-word; font-weight: 400; } a { color: #282410; text-decoration: none; transition: all .2s; -webkit-transition: all .2s; -moz-transition: all .2s; } a:hover { text-decoration: none; color: #bc2261; } i { font-style: italic; } /*::selection { background: #ddd; color: #000; } ::-moz-selection { background: #ddd; color: #000; }*/ p { font-size: 0.8em; line-height: 1.3em; } strong { font-weight: 700; } h3 { font-size: 1.3em; font-weight: 400; } h4 { font-size: 0.85em; font-weight: 400; padding: 5px 0 10px 0; border-bottom: 1px solid #fff; margin: 0 0 10px 0; } .location_h4{ padding:5px 0 0; margin:0 0 5px; } h5 { font-size: 0.85em; font-weight: 400; padding: 0 0 10px 0; } h6 { font-size: 10px; font-weight: 700; margin: 5px 0 0 0; } /********* HEADER *********/ header { width: 1025px; margin: 30px auto 20px auto; display: table; } #controller{ float:left; position:absolute; z-index:2; margin-left: 815px; text-align: right; width: 195px; font-size:12px; color:#999999; } #controller a{ color:#A8983D; } #controller .btn_off, #controller .btn_on{ color:#9D005D; } .header-row { display: table-row; } nav { display: table-cell; text-align: right; font-size: 0.78em; } nav ul { color: #a8983d; } nav ul li { display: inline-block; } nav ul li:after { content: '|'; margin: 0 5px 0 5px; } nav ul li:last-child:after { content: ''; margin: 0 10px 0 0; } nav ul li a { color: #a8983d; } nav ul li a:hover { color: #9d005d; } .menu-cur a { color: #9d005d; } .logo { display: table-cell; padding: 0 10px; } /******** CONTENT ********/ #content { width: 100%; text-align: center; overflow: hidden; position: relative; margin: 0 auto; background:#000000; } .locationmap{ background: #efece5 !important; } #facilities{ height :500px; background: #fff; } #f_btn{ height :500px; width: 49%; text-align: right; float: left; background: url(images/facilities/facilities.jpg) top right no-repeat; } #wrapper_f_btn_link{ margin:0 auto; width:960px; } #f_btn_link{ position:absolute; top:640px; margin-left:740px; z-index:9999; display:table; } #f_btn_link ul{ } #f_btn_link ul li{ height: 50px; display:inline-block; } #f_btn_link ul li a{ background: #2e2869; padding: 6px 6px; color: white; margin-bottom: 5px; width: 40px; text-align: center; position: relative; float: right; } #f_btn_link ul li a.spec{ background: #f6921e; border: 2px dashed #ffffff; } #f_info{ height :500px; width: 51%; text-align: left; float: left; background: url(images/facilities/facilities-a.jpg) top left no-repeat; } #slider { visibility: hidden; } #slider li, #sliderx li { background-position: center; background-repeat: no-repeat; background-position: center center; /*background-size: cover;*/ background-size: auto; height: 500px; } .prev, .next { position: absolute; top: 35%; font-family: serif; font-size: 8em; color: #fff; text-align: center; z-index: 9999; transition: all .15s; -webkit-transition: all .15s; -moz-transition: all .15s; height: 100px; width: 100px; } .prev a, .next a { color: #fff; opacity: .7; transition: all .2s; -webkit-transition: all .2s; -moz-transition: all .2s; } .prev a:hover, .next a:hover { opacity: 1; } .prev { left: 8%; } .next { right: 8%; } .controls { /*display: none;*/ } .pager { position: absolute; bottom: 10%; left: 20%; z-index: 9999; } .pager .bx-pager-item { display: inline-block; margin: 0 3px; } .pager a { display: inline-block; text-indent: -9999px; background: #848484; width: 15px; height: 15px; } .pager a:hover, .pager a.active { background: #c8005a; } .words { position: absolute; width: 255px; right: 200px; z-index: 9999; color: #fff; padding: 20px; text-align: left; } .words p { margin: 0 0 10px 0; } .words:before { content: ''; background: #4e0052; opacity: .7; top: 0; left: 0; width: 100%; height: 100%; position: absolute; z-index: -1; } .extra { position: absolute; top: -40px; left: 0; width: 260px; padding: 5px 0; text-align: center; font-size: 1.3em; } .extra:before { content: ''; background: #4e0052; opacity: .7; width: 100%; height: 100%; top: 0; left: 0; position: absolute; z-index: -1; } .arrow-up, .arrow-down { position: absolute; right: 10px; top: 10px; font-size: 1em; } .arrow-up:before { content: '\25b2'; } .arrow-down:before { content: '\25bc'; } .arrow-up:hover, .arrow-down:hover { cursor: pointer; } .caption { font-size: 2em; text-align: left; position: absolute; left: 20%; bottom: 15%; color: #fff; opacity: .75; text-shadow: 2px 2px 5px #000; } #list { display: table; margin-bottom:5px; line-height:8px; } #list li { height: 5px; background: transparent; display: table-row; width: 100%; line-height:9px; } #list li label { font-size: 9px; display: table-cell; white-space: nowrap; width: 180px; } #list li span { font-size: 11px; display: table-cell; width: 20px; } #list li i { font-size: 9px; display: table-cell; font-style: normal; } .disclaimer{ font-style: italic; font-size: 7px; } .title{ height:117px; padding:25px 0; } .title h3{ font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:24px; color:#000; margin-bottom: 5px; } .title p{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000; } .track-img{ } #registration{ background-color:#cccccc; } /* #form-wrapper{ padding: 20px 0 0 100px; float:left; } #form-wrapper h3{ color:#000; margin-bottom: 20px; } #form-wrapper .form-section{ margin-bottom:20px; } #form-wrapper .form-section-2-side{ margin-bottom:20px; float:left; } #form-wrapper .form-section label{ float: left; color: #000000; display: block; width: 225px; margin-right: 16px; padding-top: 6px; font-size: 14px; } #form-wrapper .form-section-2-side label{ float: left; color: #000000; display: block; width: 225px; margin-right: 16px; padding-top: 6px; font-size: 14px; } */ .clr{ clear:both; } /* #form-wrapper .form-section .long-input{ padding: 5px; display: block; border: none; margin: 0; width: 500px; } #form-wrapper .form-section .short-input{ padding: 5px; display: block; border: none; margin: 0; width: 200px; } .form-img{ float:right; } */ #contact{ background-color: #e5e5e5; padding: 50px 0; margin: 0 auto; } #wrapper_contact{ display: table; margin: 0 auto; } #inner_contact{ width:900px; text-align:left; } #inner_contact h3{ margin-bottom:20px; } #inner_contact h4{ border:0; margin:0; padding:0; font-size:16px; font-weight:bold; } #inner_contact span{ font-size: 12px; font-weight: normal; } #inner_contact .p_bold{ font-size: 14px; font-weight: bold; } #inner_contact .p_small{ font-size: 9px; width:620px; } /********* FLOOR PLAN *********/ .floorplanmap{ background: #fff !important; } .wrapper_floorbtn{ margin: 0 auto; width:960px; } #floor_btn{ width: 1025px; z-index: 9999; color: #FFF; text-align: left; display: table; position:absolute; top:660px; font-size: 15px; } #floor_btn ul{ } #floor_btn ul li.first{ height:15px; display:inline; border:0; padding: 0 5px; text-align:left; } #floor_btn ul li{ height:15px; display:inline; border-left:1px solid #ccc; padding: 0 5px; text-align:left; } #floor_controls .prev, #floor_controls .next { position: absolute; top: 35%; font-family: serif; font-size: 8em; color: #ccc; text-align: center; z-index: 9999; transition: all .15s; -webkit-transition: all .15s; -moz-transition: all .15s; height: 100px; width: 100px; } #floor_controls .prev a, #floor_controls .next a { color: #ccc; opacity: .7; transition: all .2s; -webkit-transition: all .2s; -moz-transition: all .2s; } #floor_controls .prev a:hover, #floor_controls .next a:hover { opacity: 1; } #floor_controls .prev { left: 8%; } #floor_controls .next { right: 8%; } /********* FOOTER *********/ footer { display: table; width: 1025px; margin: 0 auto; padding: 10px 0 10px 0; font-family: 'Oxygen', serif; font-size: 0.8em; } .footer-row { display: table-row; } .left { display: table-cell; } .right { display: table-cell; text-align: right; vertical-align: bottom; } /***** MISC *****/ .bow { height: 5px; width: 100%; clear: both; background: #d2aa00; /* Old browsers */ background: -moz-linear-gradient(left, #d2aa00 0%, #f4a300 25%, #b50d80 50%, #004f9c 75%, #84ba25 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%,#d2aa00), color-stop(25%,#f4a300), color-stop(50%,#b50d80), color-stop(75%,#004f9c), color-stop(100%,#84ba25)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, #d2aa00 0%,#f4a300 25%,#b50d80 50%,#004f9c 75%,#84ba25 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, #d2aa00 0%,#f4a300 25%,#b50d80 50%,#004f9c 75%,#84ba25 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, #d2aa00 0%,#f4a300 25%,#b50d80 50%,#004f9c 75%,#84ba25 100%); /* IE10+ */ background: linear-gradient(to right, #d2aa00 0%,#f4a300 25%,#b50d80 50%,#004f9c 75%,#84ba25 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d2aa00', endColorstr='#84ba25',GradientType=1 ); /* IE6-9 */ } /*add slider*/ .titlename h3{ color: #fff; margin-left: -850px; margin-top: 400px; font-size: 30px; font-family: 'Oxygen', serif; text-shadow: 1px 2px 1px rgba(0, 0, 0, 0.41); } .logobox{ float:right; width:auto; padding: 0 0px 0 40px; } .logobox img{ float:right; } .logobox p{ float:left; margin-right: 30px; } .vertical-line{ float: right; height: 40px; border-right: 1px solid #000; margin: 0px 10px; position: relative; }