/* =universals These rules are applied to all elements unless otherwise specified below. */ * { margin : 0; padding : 0; } h2, h3, h4, h5, p, ul, ol { margin : 0; padding : .5em 0; } /* =html */ html { background : #000 url(../images/assets/mirage_bck.jpg) no-repeat top center; } body { margin:0; padding:0; font : 76%/160% Tahoma, Verdana, Arial, sans-serif; text-align : center; } div#container { position : relative; width : 900px; margin : 0 auto; text-align : left; } div#branding { position : relative; width : 100%; height : 219px; background : url(../images/assets/header_holder.png) no-repeat; } div#content_home { position: relative; top: .25px; width: 900px; height: 600px; padding : 0px 0px 50px 0px; background : #000 url(../images/assets/body_bck03.png) 0 0 repeat-x; overflow: hidden;} div#content_main { position: relative; top: .25px; width: 900px; height: 640px; padding : 0px 0px 50px 0px; background : #000 url(../images/assets/body_bck02.png) no-repeat; overflow: hidden;} div#content_events { position: relative; top: .25px; width: 900px; padding : 0px 0px 50px 0px; background : #000 url(../images/assets/body_bck02.png) no-repeat; overflow: hidden;} div#content_menu { position: relative; top: .25px; width: 900px; padding : 0px 0px 50px 0px; background : #000 url(../images/assets/body_bck02.png) no-repeat; overflow: hidden;} div#content_res { position: relative; top: .25px; width: 900px; padding : 0px 0px 10px 0px; background : #000 url(../images/assets/body_bck02.png) no-repeat; overflow: hidden;} /* Main Strip Information */ div#ab_titleBar { position: relative; background : url(../images/assets/aboutus_bar.png) no-repeat; text-indent : -9999px; top: 62px; left:37px; height: 38px;} div#evt_titleBar { position: relative; background : url(../images/assets/events_bar.png) no-repeat; text-indent : -9999px; top: 62px; left:37px; height: 38px;} div#menu_titleBar { position: relative; background : url(../images/assets/restaurant_bar.png) no-repeat; text-indent : -9999px; top: 62px; left:37px; height: 38px;} div#dj_titleBar { position: relative; background : url(../images/assets/ourdjs_bar.png) no-repeat; text-indent : -9999px; top: 62px; left:37px; height: 38px;} div#gal_titleBar { position: relative; background : url(../images/assets/gallery_bar.png) no-repeat; text-indent : -9999px; top: 62px; left:37px; height: 38px;} div#res_titleBar { position: relative; background : url(../images/assets/reservations_bar.png) no-repeat; text-indent : -9999px; top: 62px; left:37px; height: 38px;} div#con_titleBar { position: relative; background : url(../images/assets/contactus_bar.png) no-repeat; text-indent : -9999px; top: 62px; left:37px; height: 38px;} ul#strip_elements { z-index : 1; position : relative; width : 100%; height : 408px; margin-left : 50px; top: 130px; padding : 0; list-style-type:none;} li#str_1 { position : absolute; top : -10px; left : 0px; width : 550px; height : 395px; padding: 0px 0px 0px 0px;} li#str_1 p { margin: 0; padding-bottom: 15px; } li#str_2 { position: absolute; margin: 0; padding: 0; top : -10px; left : 600px; width : 235px; height : 415px; } div#home_banner { margin-top: 10px; margin-left: 10px; } div#UpcomingEvents { height: 50px; padding-bottom: 5px; width: 250px; margin-bottom: 10px;} div#eventsInfo { float: left; margin-top: -5px; margin-left: 5px; padding: 0;} div#eventsInfo h3{ font : 1em Tahoma, Arial, sans-serif; font-weight: bold; color: #88649c; line-height: 1em; text-decoration: Underline; width: 65px;} div#eventsInfo p{ font : .75em Tahoma, Arial, sans-serif; color: #fff; line-height: .35em;} .smallThumb { padding: 0; margin: 0; float: left; border: 2px solid #302000;} .ads { margin-left: 0px; padding-top: 5px; padding-bottom: 5px; float: left;} li#str_3 { position : absolute; top : -10px; left : 700px; width : 255px; height : 395px; padding: 0px 0px 2px 0px;} h2#rules1{ width:380px; background : url(../images/shell/winheader_380.png) no-repeat; height: 37px; text-transform: uppercase; font-family: Times New Roman, Arial, sans-serif; font-size: 1.55em; font-weight: bold; color: #fff; padding: 8px 0 0 0; margin: 0; text-align: center;} h2#rules2{ width:255px; background : url(../images/shell/winheader_255.png) no-repeat; height: 37px; text-transform: uppercase; font-family: Times New Roman, Arial, sans-serif; font-size: 1.45em; font-weight: bold; color: #fff; padding: 10px 0 0 0; margin: 0; text-align: center;} li#str_1 p{ font : 1.15em Verdana, Tahoma, Arial, sans-serif; color: #fff; line-height: 1.5em;} li#str_1 p span.callout { color: #ffc83f; text-transform: uppercase; } li#str_1 p span.callout a {color: #fff; } li#str_3{ font : 1em Verdana, Tahoma, Arial, sans-serif; font-weight: bold; color: #fff; line-height: 1.25em;} li#str_3 img { margin: 0; padding: 0; text-align: center; } ul#info { font : 1em Tahoma, Verdana, Arial, sans-serif; color: #fff; line-height: 1.75em; font-weight: bold; list-style-type:none;} ul#info li span.callout { color: #ffc83f; text-transform: uppercase; } /* Nav Elements */ #nav { display: block; z-index : 2; position : absolute; float: left; height: 50px; width: 900px;text-align: left; padding: 0;} #nav ul { margin: 0; margin-top: 4.25px; padding: 0; margin-left: 2.6px; list-style-image:none; list-style-position:outside;list-style-type:none;} #nav li {margin: 0;padding: 0;float: left;} #nav li a {text-decoration: none;text-indent: -1000em; outline: 0; } #navHome a {display: block;width: 77px;height: 40px;background: url(../images/assets/home_btn.png) 0 0 no-repeat; } #navHome a:hover {background: url(../images/assets/home_btn.png) 0 -40px no-repeat;} #navHome.selected a, #navHome.selected a:hover {cursor: default; background: url(../images/assets/home_btn.png) 0 -80px no-repeat;} #navAboutus a {display: block; width: 96px; height: 40px; background: url(../images/assets/aboutus_btn.png) 0 0 no-repeat;} #navAboutus a:hover {background: url(../images/assets/aboutus_btn.png) 0 -40px no-repeat;} #navAboutus.selected a, #navAboutus.selected a:hover {cursor: default;background: url(../images/assets/aboutus_btn.png) 0 -80px no-repeat;} #navEvents a {display: block;width: 80px;height: 40px;background: url(../images/assets/events_btn.png) 0 0 no-repeat; } #navEvents a:hover {background: url(../images/assets/events_btn.png) 0 -40px no-repeat;} #navEvents.selected a, #navEvents.selected a:hover {cursor: default;background: url(../images/assets/events_btn.png) 0 -80px no-repeat;} #navDjs a {display: block;width: 87px;height: 40px;background: url(../images/assets/ourdjs_btn.png) 0 0 no-repeat;} #navDjs a:hover {background: url(../images/assets/ourdjs_btn.png) 0 -40px no-repeat;} #navDjs.selected a, #navDjs.selected a:hover {cursor: default;background: url(../images/assets/ourdjs_btn.png) 0 -80px no-repeat;} #nav ul:after{content: ".";display: block;height: 0;font-size:0;clear: both;visibility:hidden;} #nav ul{display: inline-block;} * html #nav ul { height: 1%; } #nav ul { display:block; } #nav2 { display: block; z-index : 2; position : absolute; float: left; height: 50px;width: 900px; left: 450px; text-align: left;} #nav2 ul { margin: 0; margin-top: 4.25px; padding: 0; margin-left: 100px; list-style-image:none;list-style-position:outside;list-style-type:none;} #nav2 li {margin: 0;padding: 0;float: left;} #nav2 li a {text-decoration: none;text-indent: -1000em; outline: 0; } #navGallery a {display: block;width: 77px;height: 40px;background: url(../images/assets/gallery_btn.png) 0 0 no-repeat;} #navGallery a:hover {background: url(../images/assets/gallery_btn.png) 0 -40px no-repeat;} #navGallery.selected a, #navGallery.selected a:hover {cursor: default;background: url(../images/assets/gallery_btn.png) 0 -80px no-repeat; } #navMenu a {display: block;width: 143px;height: 40px;background: url(../images/assets/restaurant_btn.png) 0 0 no-repeat;} #navMenu a:hover {background: url(../images/assets/restaurant_btn.png) 0 -40px no-repeat;} #navMenu.selected a, #navMenu.selected a:hover {cursor: default;background: url(../images/assets/restaurant_btn.png) 0 -80px no-repeat;} #navReservations a {display: block;width: 121px;height: 40px;background: url(../images/assets/reservations_btn.png) 0 0 no-repeat;} #navReservations a:hover {background: url(../images/assets/reservations_btn.png) 0 -40px no-repeat;} #navReservations.selected a, #navReservations.selected a:hover {cursor: default;background: url(../images/assets/reservations_btn.png) 0 -80px no-repeat;} #nav2 ul:after{content: ".";display: block;height: 0;font-size:0;clear: both;visibility:hidden;} #nav2 ul{display: inline-block;} * html #nav2 ul { height: 1%; } #nav2 ul { display:block; } /*Content Bottom Strip */ div#content_sub { position: relative; top:10px; height: 300px; width: 100%; padding : 0px 0 10px 0; background : url(../images/shell/mainBody.png) 0 0 repeat-x; overflow: hidden;} div#content_sub02 { position: relative; top:0px; width: 100%; padding : 15px 0 15px 0; background-color: #6492bf; overflow: hidden; margin:auto; text-align: center;} div#content_sub02 img { margin:4px; padding: 2px; border: 1px solid #01428a; } h3#subStrip { margin: 0; float:left; top: 0px; height: 26px; width: 100%; border-top: 1px solid #fff; background : url(../images/shell/pageDivider.png); } h3#subStrip { text-indent : -9999px; margin: 0; padding: 0;} ul#sub_strip_elements { z-index : 1; position : relative; width : 100%; height : 300px; margin : 45px 0 0 20px; padding : 0; text-align: center;} li#sub_1 { position : absolute; top : -10px; left : 20px; width : 500px; height : 300px; background: #6492bf; padding: 0 0 0 0;} li#sub_2 { position : absolute; top : -10px; left : 520px; width : 350px; height : 265px; background: #01428a; padding: 0 0 0 0; margin-left: 20px;} ul#sub_strip_elements3 { position : relative; height : 150px; margin : 10px 0 0 0; padding-bottom : 20px; } li#sub_3 { position : absolute; top : 0px; left : 0; width : 220px; height : 135px; } /*Gallery Styling*/ div#gallery { position: relative; margin-top: 20px; padding-top: 0;} /*Contact Section*/ div#contact_img { z-index : 2; position : absolute; left : 535px; top : 325px; width: 370px; height : 246px; background : url(../images/contacts_img.jpg) no-repeat; text-indent : -9999px; } div#contact_skye_img { z-index : 2; position : absolute; left : 25px; top : 680px; width: 162px; height : 149px; background : url(../images/skye.png) no-repeat; text-indent : -9999px; } .content_block{ font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 0.9em; font-weight: bold; font-style: normal; color: #000000;} .content_block02{ font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 1.15em; font-weight: bold; color: #fff; } .content_title { font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif; font-size: 1.3em; font-weight: bold; color: #FFF; text-transform: uppercase; text-align: center;} .required_content {font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif; color: #fff; font-weight: normal; font-size: 0.9em;} .optional_content { font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif; color: #FFF; font-weight: normal; font-size: 0.9em;} .form_text_header { font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 1.15em; font-weight: normal; color: #9ea1a1; text-transform: none;} .form_text_rooms{ font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 1.15em; font-weight: normal; color: #ada179; text-transform: none;} .form_text_details { font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;font-size: 0.9em; font-weight: normal; color: #FFF; text-transform: none; } .form_textarea { font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif; font-size: 0.9em; font-weight: normal; color: #000; text-transform: none; } /*About Us Section*/ div#aboutus { position:relative; background: url(../images/assets/main_content_full.png) 0 0 no-repeat; width: 840px; height: 525px; ; text-align: center; margin: auto; padding: 10px 0 15px 0; top: 95px; margin-bottom: 15px} div#aboutGallery { background-image: url(../images/aboutus/aboutSwirl.png); position: relative; margin:auto; text-align: center; width: 700px; } div#aboutus p { margin-top: 5px; margin-left: 40px; width: 755px; font : 1.05em Verdana, Tahoma, Arial, sans-serif; color: #9ea1a1; line-height: 1.25em; text-align: left;} div#aboutus span.callout { color: #ffc83f; text-transform: uppercase; font-size: 1.25em; font-weight: bold;} .img_content { margin:0 0 0 5px; float:right; padding:0 15px 0 5px;} .img_content2 { margin:0 0 0 0; float:left; padding: 0 15px 0 5px;} .pageTitle { float:left; margin:0; padding-left: 35px; padding-bottom: 0px; height: 25px;} .img_aboutus{ padding: 7px;} /*Events Section*/ div#events { position:relative; width: 825px; margin: 0; padding: 10px 0 0 0; top: 95px; margin-bottom: 45px} div#eventListing { position: relative; background: url(../images/assets/event_rt_win.png) 0 0 no-repeat; margin-left: 33px; width: 839px; height:355px; padding-bottom: 5px; padding-top: 4px; padding-left: 15px;} div#eventListing2 { position: relative; background: url(../images/assets/event_lt_win.png) 0 0 no-repeat; margin-left: 33px; width: 839px; height:355px; padding-bottom: 5px; padding-top: 4px; padding-left: 15px;} div#eventInfo{ float: left; margin-top: 15px; width: 410px; top: 250px; text-align: left; margin-bottom: 10px} div#eventInfoLeft{ position: absolute; margin-top: 15px; width: 410px; left: 426px; text-align: left; margin-bottom: 10px} div#eventBlurb { margin-left:20px; } .event_host { font-family: Tahoma, Arial, Helvetica, sans-serif; color: #9ea1a1; font-weight: bold; font-size: 1.10em; line-height: 1.25em;} .event_content { font-family: Tahoma, Arial, Helvetica, sans-serif; color: #9ea1a1; font-size: 1.10em; line-height: 1.25em;} .img_event_right { position: absolute; top: 4px; margin: 0; padding:0; left: 412px; } .img_event_left { position: absolute; top: 4px; margin: 0; padding:0; left: 2px; } div#events img { margin:4px; padding: 2px; border: 1px solid #6492bf; } /* Reservations Section*/ div#res{ position: relative; background: url(../images/assets/main_content_res.png) 0 0 no-repeat; width: 830px; height: 1155px; text-align: center; margin: auto; top: 95px; margin-bottom: 5px} div#resContent { margin-top: 25px; text-align: center; margin-bottom: 5px} div#resContent p a { color: #fff} div#res_title { padding-top: 10px; padding-bottom: 10px; } div#res_body { position: relative; width: 620px; margin: auto; text-align: center; } div#res_form { left: 35px; position: relative; margin: auto;} div#res_RoomSelect { position: relative; margin: auto; width: 560px; height: 90px;padding: 0; text-align: center; margin-bottom: 0px;} div#res_RoomSelect p { font-family: Tahoma, Arial, Helvetica, sans-serif; color: #9ea1a1; font-size: .95em; line-height: 1.20em; } div#roomDesc { float: left; width: 350px; padding: 0; margin: auto;} .res_content {font-family: Tahoma, Arial, Helvetica, sans-serif; color: #9ea1a1; font-size: 1.15em; line-height: 1.25em;} .disclaimer_text{font-family: Tahoma, Arial, Helvetica, sans-serif; color: #fff; font-size: .85em; line-height: 1.25em; padding: 0; margin:0;} .res_content2 {font-family: Tahoma, Arial, Helvetica, sans-serif; color: #9ea1a1; font-size: .90em; line-height: 1.25em; padding: 0; margin:0;} .res_content2 a {font-family: Tahoma, Arial, Helvetica, sans-serif; color: #9ea1a1; font-size: 1em; line-height: 1.25em; padding: 0; margin:0;} .res_content2 a:hover {font-family: Tahoma, Arial, Helvetica, sans-serif; color: #fff; font-size: 1em; line-height: 1.25em; padding: 0; margin:0;} .img_reservation_lt{ float: left; margin: 0; padding: 2px;} .img_reservation_rt{ float: left; margin: 0; padding: 2px;} /*DJs Section*/ div#djs { position:relative; background: url(../images/assets/main_content_dj.png) 0 0 no-repeat; width: 841px; height: 550px; ; text-align: center; margin: auto; padding: 10px 0 15px 0; top: 95px; margin-bottom: 15px} div#djsGallery { background-image: url(../images/assets/dj_background.png); position: relative; margin:auto; text-align: center; width: 798px; height: 505px; } div#djsListing { float: left; margin: auto; margin-top: 5px; padding: 0; width: 450px; } div#djsContent { float: left; margin-top: 15px; padding-left: 20px; width: 410px; text-align: left; margin-bottom: 10px} div#djsPicHolder { float: right; background-image: url(../images/djs/djmainImage.jpg); margin-top: 10px; height: 510px; width: 340px; } #djbackBtn { background-color:#000;position:relative;} #djbackBtn p {margin:0;padding:0;} #djbackBtn .p2 {position:absolute;top:55px;left:610px;width:192px;height:50px;background:transparent url(../images/backIcon.png) no-repeat top left; overflow:hidden;} #djbackBtn .p2 span {visibility:hidden;white-space:nowrap;} #djbackBtn .p2 a {width:192px;height:50px;float:right;visibility:visible;text-indent:-9000px;overflow:hidden;margin-top:-1.4em;margin-bottom:1.4em;} .imgSpacer { padding: 5px 0 5px 0; } .img_djs{ margin: 0; padding-right: 0px; padding-left: 0px; } .dj_header { margin: 0 0 0 0; text-align: left; font-family: Tahoma, Arial, Helvetica, sans-serif; color: #9ea1a1; font-size: 1.5em; } .dj_content {font-family: Tahoma, Arial, Helvetica, sans-serif; color: #9ea1a1; font-size: 1.15em; line-height: 1em;} .dj_content2 {font-family: Tahoma, Arial, Helvetica, sans-serif; color: #9ea1a1; font-size: .90em; line-height: 1.25em; padding: 0; margin:0;} .dj_content2 a {font-family: Tahoma, Arial, Helvetica, sans-serif; color: #9ea1a1; font-size: 1em; line-height: 1.25em; padding: 0; margin:0;} .dj_content2 a:hover {font-family: Tahoma, Arial, Helvetica, sans-serif; color: #fff; font-size: 1em; line-height: 1.25em; padding: 0; margin:0;} /* Gallery Page*/ div#gallery { position:relative; background: url(../images/assets/main_content_gal.png) 0 0 no-repeat; width: 846px; height: 520px; ; text-align: center; margin: auto; padding: 10px 0 15px 0; top: 95px; margin-bottom: 15px} div#galleryHolder { position:relative; margin: auto; margin-top: 15px; padding: 0; width: 786px; } /* Menu Page */ div#menu{ position:relative; width: 825px; text-align: center; margin: 0; padding: 10px 0 0 0; top: 95px; margin-bottom: 15px} div#menuListing { background : url(../images/assets/main_content_menu.png) no-repeat; padding-top: 10px; margin-left: 23px; width: 856px; padding-bottom: 45px;} #menuDownload { background-color:#000;position:relative;} #menuDownload p {margin:0;padding:0;} #menuDownload .p2 {position:absolute;top:55px;left:610px;width:192px;height:50px;background:transparent url(../images/menuIcon.png) no-repeat top left; overflow:hidden;} #menuDownload .p2 span {visibility:hidden;white-space:nowrap;} #menuDownload .p2 a {width:192px;height:50px;float:right;visibility:visible;text-indent:-9000px;overflow:hidden;margin-top:-1.4em;margin-bottom:1.4em;} /*Contact Us Icon */ #contactIcon { background-color:#000; float:left;} #contactIcon p {margin:0;padding:0;} #contactIcon .p2 {position:absolute;top:128px;left:780px;width:119px;height:26px;background:transparent url(../images/contactUsIcon.png) no-repeat top left; overflow:hidden;} #contactIcon .p2 span {visibility:hidden;white-space:nowrap;} #contactIcon .p2 a {width:192px;height:50px;float:right;visibility:visible;text-indent:-9000px;overflow:hidden;margin-top:-1.4em;margin-bottom:1.4em;} /*Rollover Buttons */ div#ads { position: relative; top: 5px; left: 18px; padding-bottom: 15px;} a.myspaceRollover { display: block; width: 185px; height: 80px; text-decoration: none; background: url(../images/shell/myspace_logo.png); } a.myspaceRollover:hover { background-position: 0px -80px; } a.feedbackRollover { display: block; width: 185px; height: 80px; text-decoration: none; background: url(../images/shell/feedback.png); } a.feedbackRollover:hover { background-position: 0px -80px; } a.wild987Rollover { display: block; width: 171px; height: 150px; text-decoration: none; background: url(../images/shell/wild987_logo.png); } a.wild987Rollover:hover { background-position: 0px -145px; } /*DPMG Branding*/ div#dpmg { margin: 0; padding: 0; position: absolute; left: 660px; } a.poweredBy { display: block; width: 160px; height: 45px; text-decoration: none; background: url(../images/assets/poweredByDPMG.png); } a.poweredBy:hover { background-position: 0px -45px; } /*Content Site Info*/ div#site_info { position:absolute; width : 100%; margin-top: 0px; padding: 0 0 0 0; height : 250px; background : #000 url(../images/assets/mirage-footer.jpg) no-repeat; text-align: center;} div#site_info2 { position:relative; width : 100%; margin-top: 0px; padding: 0 0 0 0; height : 250px; background : #000 url(../images/assets/mirage-footer.jpg) no-repeat; text-align: center;} /*Footer Info */ div#site_info p{ position: relative; float: bottom; margin-top: 215px; color: #fff;} div#site_info2 p{ position: relative; float: bottom; top: 215px; color: #fff;} div#site_info2 p a { color: #fff} div#site_info p a { color: #fff} /*facebook Icon */ #facebook { background-color:#000; float:left;} #facebook p {margin:0;padding:0;} #facebook .p2 {position:absolute;top:67px;left:50px;width:66px;height:26px;background:transparent url(../images/facebooklogo.gif) no-repeat top left;overflow:hidden;} #facebook .p2 span {visibility:hidden;white-space:nowrap;} #facebook .p2 a {width:192px;height:50px;float:right;visibility:visible;text-indent:-9000px;overflow:hidden;margin-top:-1.4em;margin-bottom:1.4em;} /*myspace Icon */ #myspace { background-color:#000; float:left;} #myspace p {margin:0;padding:0;} #myspace .p2 {position:absolute;top:67px;left:125px;width:126px;height:26px;background:transparent url(../images/myspace.gif) no-repeat top left;overflow:hidden;} #myspace .p2 span {visibility:hidden;white-space:nowrap;} #myspace .p2 a {width:192px;height:50px;float:right;visibility:visible;text-indent:-9000px;overflow:hidden;margin-top:-1.4em;margin-bottom:1.4em;}