/*--- Global Components for Web Deals ---*/
html, body { margin: 0px!important; padding: 0px!important; font-family: Arial; }
*:focus { outline: none!important; } /*-- Clear Outlines in multiple Browser --*/
img { border: 0px!important; outline: none!important; }
a, a:link, a:visited { color: #48AE48; text-decoration: none; }
a:hover { color: #66FF00; text-decoration: none; }
/*----- HEADER Components -----*/
#header-container { height: 100px!important; }
#header-leftcol { float: left; width: 450px; padding-left: 15px!important; }
#header-rightcol { float: right; text-align: right!important; width: auto!important; padding-right: 15px!important; }
.cbp-af-header {
background: url('../images/navbg.png') bottom left repeat-x; position: fixed; top: 0; left: 0;
width: 100%; z-index: 10000; height: 140px; overflow: hidden;
-webkit-transition: height 0.3s; -moz-transition: height 0.3s; transition: height 0.3s;
}
.cbp-af-header.cbp-af-header #header-leftcol img {
-webkit-transition: height 0.3s; -moz-transition: height 0.3s; transition: height 0.3s;
line-height: 130px; height: 100px; padding-left: 0px!important; padding-top: 15px!important;
}
.cbp-af-header .cbp-af-inner { width: 1100px; margin: 0 auto; }
.cbp-af-header nav { display: inline-block; position: relative; font-family: Arial, san serif!important; width: 600px; }
/* We just have one-lined elements, so we'll center the elements with the line-height set to the height of the header */
.cbp-af-header nav { float: right; color: #CCCCCC; }
.cbp-af-header nav a {
display: inline-block; text-decoration: none; color: #888888; text-transform: uppercase;
font-weight: bold!important; letter-spacing: -1px!important; font-size: 13px!important; text-shadow: 1px 1px #FFFFFF;
padding-top: 55px; padding-bottom: 55px; padding-left: 5px; padding-right: 5px;
}
.cbp-af-header nav a:hover { color: #69BD45; }
/* Transitions and class for reduced height */
.cbp-af-header nav a { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }
.cbp-af-header.cbp-af-header-shrink { height: 100px; }
.cbp-af-header.cbp-af-header-shrink #header-leftcol img {
-webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;
padding-left: 0px!important; padding-top: 5px!important; height: 80px;
}
.cbp-af-header.cbp-af-header-shrink nav a { padding-top: 35px; padding-bottom: 35px; }
/*--- HOME Components ---*/
#home { background: #000000; padding-top: 110px; }
#home-torchleft { background: url('../images/torch-left.png') left 125px no-repeat!important; }
#home-torchright { background: url('../images/torch-right.png') right 125px no-repeat!important; height: 700px!important; }
#home-container { background: url('../images/home-bg.jpg') top center no-repeat!important; }
/*--- ABOUT Components ---*/
#about-us { background: url('../images/about-bg.jpg') #000000 top center no-repeat!important; padding-top: 110px; }
#about-container { width: 1100px; margin: 0px auto!important; }
#about-title {
font-family: 'Henny Penny', cursive; font-size: 45px; color: #6BBE48!important;
text-align: left; text-shadow: 1px 1px #555555!important; text-transform: uppercase!important; padding-left: 15px!important;
}
#about-desc {
background: url('../images/black75-transparent.png') top left repeat!important; color: #FFFFFF!important;
line-height: 1.6em!important; padding: 25px; font-size: 18px; text-shadow: 1px 1px #444444!important;
}
/*--- ROOMS Components ---*/
#rooms { width: 1100px; height: 90px; margin: 0px auto!important; }
#rooms-container { background: #000000; }
#room-navbox { background: url('../images/room-navbg.jpg') top left repeat-x!important; height: 70px; padding-top: 20px; padding-bottom: 10px; }
.rtabs { width: 1000px; height: 68px; padding-top: 7px!important; padding-left: 15px!important; margin: 0px auto!important; }
.rtabs a {
float: left; display: block; background: #111111; color: #FFFFFF; font-size: 15px; font-family: 'Henny Penny', cursive;
text-decoration: none; text-transform: uppercase; text-shadow: 1px 1px #005950; z-index: 1; position: relative; cursor: pointer;
-moz-box-shadow: inset 3px 3px 3px #000000; -webkit-box-shadow: inset 3px 3px 3px #000000; box-shadow: inset 3px 3px 3px #000000;
-moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px;
padding: 10px 15px 10px 15px; margin-right: 20px!important;
}
.rtabs a.selected {
background: #D4A403; text-shadow: 1px 1px #7A5E02; z-index: 1; color: #222222;
-moz-box-shadow: inset 3px 3px 3px #7A5E02; -webkit-box-shadow: inset 3px 3px 3px #7A5E02; box-shadow: inset 3px 3px 3px #7A5E02;
}
.rtab_page { display: block; z-index: 2; min-height: 680px!important; }
#room01-bottombg {
position: absolute!important; background: url('../images/room01-bottom.png') top center no-repeat!important;
width: 100%!important; height: 420px; margin-top: -320px;
}
#room02-bottombg {
position: absolute!important; background: url('../images/room02-bottom.png') top center no-repeat!important;
width: 100%!important; height: 420px; margin-top: -400px;
}
#room03-bottombg {
position: absolute!important; background: url('../images/room03-bottom.png') top center no-repeat!important;
width: 100%!important; height: 420px; margin-top: -400px;
}
#room-frame { width: 1000px; height: 750px!important; margin: 0px auto!important; }
#room-info01 { text-align: center!important; width: 1100px; margin: 0px auto!important; padding-top: 210px; color: #FFFFFF; }
#room-info02 { text-align: center!important; width: 1100px; margin: 0px auto!important; padding-top: 200px; color: #FFFFFF; }
#room-info03 { text-align: center!important; width: 1100px; margin: 0px auto!important; padding-top: 135px; color: #FFFFFF; }
#room-info04 { text-align: center!important; width: 1100px; margin: 0px auto!important; padding-top: 190px; color: #FFFFFF; }
#room-info05 { text-align: center!important; width: 1100px; margin: 0px auto!important; padding-top: 200px; color: #FFFFFF; }
.roomtitle { font-size: 18px; font-weight: bold; margin-bottom: 5px!important; font-family: 'Droid Serif', serif; }
.roomdesc { font-size: 12px; line-height: 1.4em!important; font-family: 'Droid Serif', serif; }
/* Abandoned Castle */
#abandoned-castle { background: url('../images/abandonedcastle-bg.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center center; }
#room01-framebox { position: absolute!important; background: url('../images/room01-castle.png') top center no-repeat!important; width:1000px; height: 530px; margin-top: 70px; }
#room01-contentbox {
position: absolute!important; background: url('../images/content01-castle.png') top left no-repeat!important; width: 480px; height: 310px;
margin-left: 50px; margin-top: 125px;
}
/* Devil Art */
#devil-art { background: url('../images/devilart-bg.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center center; }
#room02-framebox { position: absolute!important; background: url('../images/room02-devil.png') top center no-repeat!important; width:1000px; height: 530px; margin-top: 70px; }
#room02-contentbox {
position: absolute!important; background: url('../images/content02-devil.png') top left no-repeat!important; width: 490px; height: 305px;
margin-left: 50px; margin-top: 125px;
}
#room02-deco { position: absolute!important; background: url('../images/devil-deco.png') top left no-repeat!important; width: 350px; height: 275px; margin-left: 750px; margin-top: 300px; }
/* Jungle Adventure */
#jungle-advanture { background: url('../images/jungleadvanture-bg.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center center; }
#room03-framebox {
position: absolute!important; background: url('../images/room03-jungle.png') top center no-repeat!important; width:1025px; height: 540px;
margin-left: 0px; margin-top: 70px;
}
#room03-contentbox {
position: absolute!important; background: url('../images/content03-jungle.png') top left no-repeat!important; width: 510px; height: 315px;
margin-left: 50px; margin-top: 125px;
}
/* Prison Experiment */
#prison-experiment { background: url('../images/prisonexperiment-bg.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center center; }
#room04-framebox { position: absolute!important; background: url('../images/room04-prison.png') top center no-repeat!important; width:1000px; height: 530px; margin-top: 70px; }
#room04-contentbox {
position: absolute!important; background: url('../images/content04-prison.png') top left no-repeat!important; width: 500px; height: 307px;
margin-left: 50px; margin-top: 125px;
}
/* The Haunted Cabin */
#haunted-cabin { background: url('../images/hauntedcabin-bg.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center center; }
#room05-framebox { position: absolute!important; background: url('../images/room05-cabin.png') top center no-repeat!important; width:1000px; height: 530px; margin-top: 70px; }
#room05-contentbox {
position: absolute!important; background: url('../images/content05-cabin.png') top left no-repeat!important; width: 530px; height: 299px;
margin-left: 50px; margin-top: 125px;
}
#room05-deco { position: absolute!important; background: url('../images/cabin-deco.png') top left no-repeat!important; width: 250px; height: 250px; margin-left: -175px; margin-top: 285px; }
/*--- PRICES Components ---*/
#price { background: url('../images/price-bg.jpg') #000000 top center no-repeat!important; padding-top: 110px; }
#price-container { width: 1100px; height: 750px; margin: 0px auto!important; }
#time-button { position: absolute!important; width: 160px; height: 80px; margin-left: 780px; margin-top: 320px; }
/*--- PROMOTIONS Components ---*/
#promotions { background: url('../images/promo-bg.jpg') #000000 bottom center no-repeat!important; padding-top: 120px; padding-bottom: 120px; }
#promo-container { width: 1000px; height: 650px; margin: 0px auto!important; text-align: center!important; }
/*--- BOOKING Components ---*/
#booking { background: url('../images/booking-bg.jpg') #000000 top center no-repeat!important; padding-top: 110px; }
#booking-container { width: 1100px; height: 800px; margin: 0px auto!important; }
#booking-container .light-bg01, #booking-container .light-bg02, #booking-container .light-bg03, #booking-container .light-bg04, #booking-container .light-bg05 {
position: absolute!important; background: url('../images/booking-lightingbg.png') top left no-repeat!important; width: 325px; height: 325px; opacity: 0.7!important;
}
#booking-container .light-bg01 { margin-left: 92px; margin-top: -50px; }
#booking-container .light-bg02 { margin-left: 387px; margin-top: -50px; }
#booking-container .light-bg03 { margin-left: 682px; margin-top: -50px; }
#booking-container .light-bg04 { margin-left: 102px; margin-top: 330px; }
#booking-container .light-bg05 { margin-left: 387px; margin-top: 330px; }
#booking-container .booking-button01 { position: absolute!important; width: 220px; height: 320px; margin-left: 175px; margin-top: 35px; }
#booking-container .booking-button02 { position: absolute!important; width: 220px; height: 320px; margin-left: 465px; margin-top: 35px; }
#booking-container .booking-button03 { position: absolute!important; width: 220px; height: 320px; margin-left: 755px; margin-top: 35px; }
#booking-container .booking-button04 { position: absolute!important; width: 220px; height: 320px; margin-left: 175px; margin-top: 415px; }
#booking-container .booking-button05 { position: absolute!important; width: 220px; height: 320px; margin-left: 465px; margin-top: 415px; }
#booking-container .booking-text {
position: absolute!important; background: url('../images/booking-text.png') top left no-repeat;
width: 220px; height: 320px; margin-left: 755px; margin-top: 415px;
}
/* For Booking Form */
#bookform-container { background: url('../images/form-bg.png') top left repeat!important; margin: 0px auto!important; }
#bookform-frameleft { background: url('../images/form-frameleft.png') top left repeat-y!important; }
#bookform-frameright { background: url('../images/form-frameright.png') top right repeat-y!important; }
#bookform-framebottom { background: url('../images/form-framebottom.png') bottom left repeat-x!important; }
#bookform-frametop { background: url('../images/form-frametop.png') top left repeat-x!important; padding: 25px; height: 575px; }
#formlogo-container { width: 900px; height: 100px; margin-bottom: 10px!important; margin-left: auto!important; margin-right: auto!important; }
#formlogo-leftcol { float: left; width: 400px; height: 90px; padding-top: 20px; }
#formlogo-leftcol .themetitle {
background: #FDCC0E!important; padding: 10px;
font-family: 'Oswald', sans-serif!important; font-size: 32px; font-weight: bold;
text-align: center!important; text-transform: uppercase; letter-spacing: -1px;
}
#formlogo-rightcol { float: right; width: 450px; height: 100px; }
#formbox-container { display: block; width: 900px; text-align: left!important; margin: 0px auto!important; }
#formbox-container form { margin: 0px!important; padding-top: 10px!important; }
#formbox-container div.formboxtitle {
font-family: 'Droid Serif', serif!important; font-size: 20px; letter-spacing: -1px!important; color: #FFFFFF!important; text-align: left!important;
margin-bottom: 15px!important; padding-left: 5px!important; padding-bottom: 10px!important; border-bottom: 3px solid #555555;
}
#formbox-container .inputboxtitle {
font-family: 'Droid Serif', serif!important; font-size: 14px!important;
color: #CCCCCC!important; text-align: left!important; margin-bottom: 5px!important;
}
#formbox-container table { margin: 0px!important; }
#formbox-container tr td { padding: 5px!important; text-align: left!important; vertical-align: top!important; }
#formbox-container tr td.inputboxtitle span.required { font-size: 16px; color: #ff0000; } /* Select the colour of the * if the field is required. */
#formbox-container .captchabox { float: left; padding-top: 5px; margin-left: 0px!important; margin-right: 10px; }
#formbox-container .captchabox img { -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; }
#formbox-container .captchafield { float: left; padding-top: 5px; }
#formbox-container input,
#formbox-container select,
#formbox-container textarea {
margin: 0px!important; padding: 14px!important; color: #AAAAAA; background: #000000; opacity :0.5!important;
border: 1px solid #605E5F!important; font-family: 'Droid Serif', serif; font-size: 13px!important;
-moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; outline: none!important;
}
#formbox-container input:focus,
#formbox-container select:focus,
#formbox-container textarea:focus { background: #000000!important; border: 1px solid #888888!important; color:#FFFFFF!important; opacity :1!important; }
#formbox-container input.button[type="submit"],
#formbox-container input.button[type="reset"] {
background: #F62F2F!important; font-size: 12px!important; font-weight: bold!important; opacity :1!important;
text-align: center; color: #FFFFFF!important; text-decoration: none!important; text-transform: uppercase!important;
-moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; border: 0px none!important;
-moz-box-shadow: inset 1px 1px 5px #A91918; -webkit-box-shadow: inset 1px 1px 5px #A91918; box-shadow: inset 1px 1px 5px #A91918;
padding-top: 9px!important; padding-bottom: 9px!important; padding-left: 20px!important; padding-right: 20px!important;
}
#formbox-container input.button[type="submit"] { margin-left: 0px!important; }
#formbox-container input.button[type="reset"] { margin-left: 5px!important; }
#formbox-container input.button[type="submit"]:hover,
#formbox-container input.button[type="reset"]:hover { background: #222222!important; -moz-box-shadow: none!important; -webkit-box-shadow: none!important; box-shadow: none!important; }
#formbox-container #message, #formbox-container #msgsuccess { margin: 0px!important; padding: 0px!important; font-family: 'Droid Serif', serif; }
#formbox-container .error_message {
display: block; line-height: 1.8em; background-color: #F2F2F2; border: 1px solid #E6E6E6;
-moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; padding: 15px; font-size: 12px!important;
}
#formbox-container .error_message h1 {
background: url('../images/error.gif') top left no-repeat; padding-left:25px; padding-bottom: 5px; margin: 0px!important;
color:#222222; font-size: 20px!important; font-weight: bold; letter-spacing: -0.5px; line-height: 1.1em!important;
}
#formbox-container ul.error_messages { margin: 0 0 0 40px; padding: 0; }
#formbox-container ul.error_messages li { display: inline-table; list-style: decimal!important; line-height: 1.6em!important; color:#333; font-size: 12px!important; margin-right: 5px; }
#formbox-container .loader { padding: 0 10px; }
#formbox-container ul.error_messages li span.required { font-weight: bold!important; color: #FF0000!important; }
#formbox-container #success_page { background: #FFFFFF!important; padding: 15px; border: 1px solid #E6E6E6; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; }
#formbox-container #success_page h1 {
background: url(../images/success.gif) left no-repeat; padding-left:25px; padding-top: 5px; margin: 0px!important;
color: #222222; font-size: 20px!important; font-weight: bold; letter-spacing: -0.5px;
}
#formbox-container #success_page p { padding-left:25px; font-size: 12px!important; padding-bottom: 0px!important; color: #333333!important; line-height: 1.4em!important; }
#formbox-container acronym { border-bottom:1px dotted #ccc; }
/*--- CONTACT Components ---*/
#contact-us { background: url('../images/contact-bg.jpg') #000000 top center no-repeat!important; padding-top: 110px; }
#contact-container { width: 1200px; height: 1000px; margin: 0px auto!important; }
#googlemap {
background: #FFFFFF; width: 370px; height: 370px; position: absolute!important; margin-left: 395px; margin-top: 350px;
-moz-border-radius: 185px; -webkit-border-radius: 185px; -khtml-border-radius: 185px; border-radius: 185px; border: 5px solid #58BA46!important;
}
#contact-deco01 {
position: absolute!important; background: url('../images/contact-deco01.png') top left no-repeat!important;
width: 260px; height: 250px; margin-left: 0px; margin-top: 200px;
}
#contact-deco02 {
position: absolute!important; background: url('../images/contact-deco02.png') top left no-repeat!important;
width: 190px; height: 190px; margin-left: 625px; margin-top: 520px;
}
#contact-info1, #contact-info2 { position: absolute!important; font-family: 'Droid Serif', serif; text-transform: uppercase!important; }
#contact-info1 { width: 260px; height: 200px; margin-left: 175px; margin-top: 540px; }
#contact-info2 { width: 200px; height: 200px; margin-left: 785px; margin-top: 540px; }
.contact-infotitle { font-size: 24px!important; color: #48AE48!important; margin-bottom: 10px!important; font-weight: bold; text-shadow: 1px 1px #000000!important; }
.contact-infodesc { font-size: 16px!important; color: #FFFFFF!important; line-height: 1.6em!important; text-shadow: 1px 1px #000000!important; }
.contact-infotime { font-size: 24px!important; color: #48AE48!important; margin-bottom: 5px!important; font-weight: bold; text-shadow: 1px 1px #000000!important; text-align: center!important; }
#contact-icons {
position: absolute!important; background: url('../images/contact-icons.png') top left no-repeat!important;
width: 580px; height: 210px; margin-left: 280px; margin-top: 710px;
}
#contact-links {
position: absolute!important; width: 580px; height: 50px; margin-left: 280px; margin-top: 915px; text-shadow: 1px 1px #333333!important;
font-family: 'Droid Serif', serif; text-align: center!important; font-size: 14px!important; color: #FFFFFF; line-height: 1.6em!important;
}
#contact-links table tr td { text-align: center!important; }
/*--- FOOTER Components ---*/
#footer-container { background: url('../images/footerbg.jpg') top left repeat-x #222222; }
#footerbox { width: 1050px; padding-top: 25px; padding-left: 25px; padding-right: 25px; padding-bottom: 15px; margin-left: auto; margin-right: auto; }
#footer-leftcol { float: left; width: 750px; }
#footer-leftcol .footernav { font-size: 12px!important; color: #FFFFFF; padding-bottom: 15px!important; padding-left: 10px; }
#footer-leftcol .footernav a, #footer-leftcol .footernav a:link, #footer-leftcol .footernav a:visited { color: #48AE48; text-decoration: none; padding-left: 3px; padding-right: 3px; font-weight: bold; }
#footer-leftcol .footernav a:hover { color: #66FF00; }
#footer-leftcol .copyrights { border-top: 1px solid #444444; padding-top: 15px; padding-left: 10px; font-size: 11px; color: #CCCCCC; line-height: 1.4em; }
#footer-leftcol .copyrights a, #footer-leftcol .copyrights a:link, #footer-leftcol .copyrights a:visited { color: #48AE48; text-decoration: none; font-weight: bold; }
#footer-leftcol .copyrights a:hover { color: #66FF00; }
#footer-rightcol { width: 280px; float: right; }
#socialbox { padding-top: 5px; padding-bottom: 6px; padding-right: 10px; width: 270px; margin-left: auto; margin-right: auto; margin-bottom: 10px!important; border-bottom: 1px solid #444444; }
#socialbox .socialleft { float: right; width: 100px; font-size: 10px; font-weight: bold; text-transform: uppercase; color: #CCCCCC; }
#socialbox .socialright { float: right; width: 100px; }
#footerlogo { padding-left: 100px; width: 180px; }
#footerlogo .kdlogo {
background: url('../images/kdlogo.png') 0px 0px no-repeat; width: 180px; height: 50px; margin-left: auto; margin-right: auto;
-moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; }
#footerlogo .kdlogo:hover { background: url('../images/kdlogo.png') 0px -50px no-repeat; }