/*
Theme Name: Allaiza10 JJJ Beauty Theme
Theme URI: http://allaiza10.xp3.biz
Description: Simple theme created by allaiza10@yahoo.com
Version: 1
Author: Allan Mark Paanio
Author URI: http://allaiza10.xp3.biz

*/

@import url("");

html {}
h1 {font-variant: small-caps;}
h2 {font-variant: small-caps;}
h3 {font-variant: small-caps;}
h4 {font-variant: small-caps;}
h5 {font-variant: small-caps;}
.sml_emaillabel {margin: 0 10px;}
.sml_submitbtn {margin: 0 auto; padding: 10px 5%; text-align: center; border-radius: 10px; background-color: #9e2a60; color: #fff; border-style: inset; border: 2px solid #c64b84; text-shadow: 1px 1px 1px #000; cursor: pointer; float: none;}
.sml_emailinput {padding: 10px}
.sml_subscribe {text-align: center; margin: 0 auto;}
a {text-decoration: none; color: inherit;}
a img {border: none !important; border: 0px !important}
nav select {display: none;}
.c {clear: both} 
body {margin: 0px; padding: 0px; background-image:url(images/bg.jpg); background-position: center; background-size: 100% 100%; font-family: Palatino Linotype, Book Antiqua3, Palatino6, serif;}
#wrapper {width: 100%; overflow: hidden;}
#wrapper #header {width: 100%;}
#wrapper #header-in {width: 100%; max-width: 1020px; height: 120px; margin: 0 auto; background-image: none; background-position:center bottom; background-repeat:no-repeat}
#wrapper #header-in #logo {width: auto; height: 120px; float: left;}
#wrapper #header-in #logo img {width: auto; height: 100%;}
#wrapper #header-in #booking {float: right; font-family: Palatino Linotype, Book Antiqua3, Palatino6, serif; text-align: center !important; }
#wrapper #header-in input {margin: 45px 20px 0; padding: 10px 30px; text-align: center; border-radius: 10px; background-color: #9e2a60; color: #fff; border-style: inset; border: 2px solid #c64b84; text-shadow: 1px 1px 1px #000; cursor: pointer; float: none;}
#wrapper #menu {line-height: 80px; background-image:url(images/menu.jpg); height: 80px; width: auto; text-align: center; margin: 0 auto; z-index: 500 !important;}
#wrapper #menu ul {padding:0; margin:0 auto; list-style:none; font-family: Palatino Linotype, Book Antiqua3, Palatino6, serif; font-size: 16px; color: #e85aa3; z-index: 500 !important; max-width: 960px;}
#wrapper #menu ul li {float:left; position:relative; padding: 0 20px 0 20px; display: inline; cursor: pointer; background-image: none; background-position: center 52px; background-repeat:no-repeat; z-index: 500 !important}
#wrapper #menu ul li:hover {cursor: pointer; font-weight: bold; z-index: 500 !important}
#menu li ul {display:none; position:absolute; z-index: 500 !important}
#wrapper #menu ul li:hover ul {margin-left: -10px; display:block; background-color:#fff; height:auto; width: auto; box-shadow: 0px 2px 2px #000; z-index: 500 !important}
#wrapper #menu ul li ul li{clear:both; border-style:none; height: 30px; line-height: 30px; font-family: Palatino Linotype, Book Antiqua3, Palatino6, serif; font-size: 14px; width: 160px; text-align:left;  font-weight: normal; z-index: 500 !important}
#wrapper #menu ul li ul li:hover {cursor: pointer; font-weight: bold; z-index: 500 !important}
nav {width: auto; display: inline-block; height: 80px margin: 0 auto;}
#wrapper #slide {width: 100%; height: 525px;}
#wrapper #slide #inner-slide {max-width: 1000px; width: 100%; height: 100%; background-image: url(images/slide1.png); background-position: left bottom; background-repeat:no-repeat; margin: 0 auto;}
#wrapper #slide #inner-slide #slide-content {float: right; max-height: 400px; height: 100%; width: 100%; max-width: 400px; padding: 50px;}
#wrapper #slide #inner-slide #slide-content h2 {color: #9e2a60; font-family: courgette; font-weight: normal; font-size: 40px; font-variant: normal}
#wrapper #slide #inner-slide #slide-content p {color: #e85aa4; font-size: 28px; font-family: Palatino Linotype, Book Antiqua3, Palatino6, serif;}
#wrapper #content1 {height: 0; width: 100%; background-image:none); margin: 0 auto; background-position:center}
#wrapper #content1 #inner-content1 {max-width: 1020px; width: 100%; margin: 0 auto;}
#wrapper #content1 #inner-content1 #boxes {height: 300px; width: 300px; float: left; margin: 0 19px 0 19px; background-color: #fff; position: relative; top: -130px; border-radius: 10px; overflow: hidden !important; border: 1px solid #ffb2da; border-style: inset; box-shadow: 0px 3px 3px #333}
#wrapper #content1 #inner-content1 #boxes img {border-radius: 10px;}
#wrapper #content1 #inner-content1 #boxes #caption {position: relative; height: 86px; top: -100px; background-image:url(images/c-box-caption.png); width: 270px; padding: 7px 15px 7px 15px; -moz-transition: all ease 0.5s; -o-transition: all ease 0.5s; -ms-transition: all ease 0.5s; transition: all ease 0.5s; cursor: pointer; border-radius: 0 0 10px 10px;}
#wrapper #content1 #inner-content1 #boxes #caption:hover {top: -150px; height: 136px;}
#wrapper #content1 #inner-content1 #boxes #caption h2 {font-size: 20px; color: #fff; font-weight: normal; margin: 0 0 5px; padding: 0px;}
#wrapper #content1 #inner-content1 #boxes #caption p {font-size: 13px; color: #fff; font-weight: normal; margin: 0px; padding: 0px; max-height: auto !important;}
#wrapper #content1 #inner-content1 #boxes1 {width: 300px; height: 100px; float: left; margin: 0 20px 0 20px; background-color: #fff; position: relative; top: -155px; overflow: hidden; border-radius: 10px; box-shadow: 1px 1px 1px #ccc}
#wrapper #content1 #inner-content1 #boxes1 .container {height: 100px; width: 300px; overflow: hidden !important;}
#wrapper #content1 #inner-content1 #boxes1 .container img {height: auto; width: 100%; position: relative; top: -80%; border: none !important}
#wrapper #content1 #inner-content1 #boxes1 #caption {position: relative; height: 90px; top: -100px; background-image:none; width: 100%; padding: 5px 15px 5px 5px; float: right; text-align:right; background-position: center left;  -moz-transition: all ease 0.5s; -o-transition: all ease 0.5s; -ms-transition: all ease 0.5s; transition: all ease 0.5s; cursor: pointer}
#wrapper #content1 #inner-content1 #boxes1 #caption:hover {}
#wrapper #content1 #inner-content1 #boxes1 #caption h2 {font-size: 20px; color: #fff; font-weight: normal; margin: 0px; padding: 0px; width: 90%; text-align:left; float: right; text-shadow: 1px 1px 1px #e85aa4;}
#wrapper #page {border-top: 1px solid #ccc; width: 100%; margin: 90px auto 0 auto; background-color: #fff; background-image: none; background-position: center; position: relative; top: -90px; padding-bottom: 20px;float: left; display: block;}
#wrapper #page #inner-page {max-width: 1020px; width: 100%; margin: 0 auto; padding-bottom: 150px;}
#wrapper #page #inner-page #contents {float: left; max-width: 600px; padding: 20px; width: 100%; text-align: center; background-color: #fff}
#wrapper #page #inner-page #contents strong {font-size: 18px; color: #902454;}
#wrapper #page #inner-page #contents #price {float: right; max-width: 80px; width: 100%; height: 30px; background-image: url(images/price.png); background-position: center bottom; padding: 5px; color: #fff; font-style: italic; display: none !important}
#wrapper #page #inner-page #contents img {padding: 5px; border: 3px double #e9e9e9; margin: 20px auto; text-align: center; max-width: 95%; height: auto;}
#wrapper #page #inner-page #contents img.alignright {float: right; margin-left: 10px;}
#wrapper #page #inner-page #contents img.alignleft {float: left; margin-right: 10px;}
#wrapper #page #inner-page #contents img.aligncenter {margin: 0 auto !important; display: block !important}
#wrapper #page #inner-page #contents a img.alignright {float: right; margin-left: 10px;}
#wrapper #page #inner-page #contents a img.alignleft {float: left; margin-right: 10px;}
#wrapper #page #inner-page #contents a img.aligncenter {margin: 0 auto !important; display: block !important}
#wrapper #page #inner-page #contents p {text-align: left; font-size: 14px; color: #6e6e6e}
#wrapper #page #inner-page h2 {margin: 0 0 10px 0; padding: 0 0 10px 0; color: #902454; text-align: left; border-bottom: 5px solid #e9e9e9;font-family: Palatino Linotype, Book Antiqua3, Palatino6, serif;}
#wrapper #page #inner-page #sidebar {float: right; width: 100%; max-width: 320px; padding: 20px; background-color: #fff;}
#wrapper #page #inner-page #sidebar #search {border: 1px solid #e9e9e9; height: 30px; line-height: 26px; background-color: #fff;}
#wrapper #page #inner-page #sidebar #search input[type='text'] {padding: 0 2.5%; border: none; width: 80%; color: #ccc; line-height: 30px; height: 30px}
#wrapper #page #inner-page #sidebar #search input[type='text']:active {border: none;}
#wrapper #page #inner-page #sidebar #search .submit {background-color: transparent; border: none; background-image:url(images/lens.png); background-position:center; background-repeat: no-repeat; width: 10%; padding: 0px; float: right; height: 30px;} 
#wrapper #page #inner-page #sidebar .fb-page {width: 100%; margin: 20px 0;}
#wrapper #page #inner-page #sidebar #feat-image {margin: 20px 0; background-image: url(images/no-image.jpg); max-width: 320px}
#wrapper #page #inner-page #sidebar #feat-image img {width: 100%;}
#wrapper #page #inner-page #sidebar #youtube {width: 100%; height: 200px; background-color: #e9e9e9; background-image: url(images/no-video.jpg)}
#wrapper #page #inner-page1 {max-width: 1020px; width: 100%; margin: 0 auto; padding-bottom: 20px;}
#wrapper #page #inner-page1 #listings {float: left; width: 960px; text-align: center; padding: 30px;text-align: left;}
#wrapper #page #inner-page1 h2 {margin: 0 0 10px 0; padding: 0 0 10px 0; color: #902454; text-align: left; border-bottom: 5px solid #e9e9e9;font-family: Palatino Linotype, Book Antiqua3, Palatino6, serif;}
#wrapper #page #inner-page1 #listings #cat-des {width: 100%; height: auto; max-height: 300px; display: block; margin: 20px auto; text-align: center;}
#wrapper #cat-des img {width: 100%; height: 100%; max-height: 300px;}
#wrapper #page #inner-page1 #listings #floating-search {border: 1px solid #e9e9e9; height: 30px; line-height: 26px; float: right; max-width: 320px; width: 100%; background-color: #fff;}
#wrapper #page #inner-page1 #listings #floating-search input[type='text'] {padding: 0 2.5%; border: none; width: 80%; color: #ccc; line-height: 30px; height: 30px}
#wrapper #page #inner-page1 #listings #floating-search input[type='text']:active {border: none;}
#wrapper #page #inner-page1 #listings #floating-search .submit {background-color: transparent; border: none; background-image:url(images/lens.png); background-position:center; background-repeat: no-repeat; width: 10%; padding: 0px; float: right; height: 30px;} 
#wrapper #page #inner-page1 #listings #boxes {float: left; width: 218px; border: 1px solid #ffb2da; border-style: inset; margin: 30px 10px; box-shadow: 0px 1px 1px #000; height: 200px; overflow: hidden;}
#wrapper #page #inner-page1 #listings #boxes img {height: 100%; width: 100%;}
#wrapper #page #inner-page1 #listings #boxes #caption {height: 45px; position: relative; top: -55px; background-image: url(images/c-box-caption.png); padding: 5px 10px; -webkit-transition: all ease 0.5s; -moz-transition: all ease 0.5s; -o-transition: all ease 0.5s; -ms-transition: all ease 0.5s; transition: all ease 0.5s; }
#wrapper #page #inner-page1 #listings #boxes #caption h3 {color: #fff; padding: 0px; margin: 0px; font-family: Palatino Linotype, Book Antiqua3, Palatino6, serif; font-weight: normal;}
#wrapper #footer {width: 100%; background-color: #e0e0e0;}
#wrapper #page #inner-page1 #listings #boxes h4 {position: relative; top: -270px; float: right; display: inline; background-image:url(images/list-price.png);height: 40px; width: 50px; line-height: 40px; color: #fff; margin: 0px; padding: 10px 0 0 0; text-align: center; vertical-align: bottom; display: none !important;}
#wrapper #page #inner-page1 #listings #boxes #caption:hover {height: 60px; position: relative; top: -70px; cursor: pointer;}
#wrapper #page #inner-page1 #listings #nav {float: left;}
#wrapper #footer-in {width: 100%; max-width: 1020px; margin: 0 auto;}
#wrapper #footer-in #boxes {width: 300px; float: left; margin: 0 19px 0 19px; position: relative; top: -70px;}
#wrapper #footer-in ::-webkit-scrollbar{width: 5px;}
#wrapper #footer-in ::-webkit-scrollbar-thumb{background-color: #e9e9e9; border-radius: 0;}
#wrapper #footer-in ::-webkit-scrollbar-thumb:hover{background-color: #414141;}
#wrapper #footer-in ::-webkit-scrollbar-track{background-color: #ccc;}
#wrapper #footer-in #boxes h2 {font-size: 24px; color: #000; font-family: Palatino Linotype, Book Antiqua3, Palatino6, serif; margin: 0px; padding: 0px; font-weight: normal;}
#wrapper #footer-in #boxes p {font-size: 14px; color: #414141;}
#wrapper #footer-in #boxes #gallery-list {border: 5px solid #9e2c61; height: 65px; width: 65px; float: left; margin: 10px 3px 5px 3px;}
#wrapper #footer-in #boxes #gallery-list img {width: 100%; height: 100%; cursor: pointer;}
#wrapper #footer-in #boxes #gallery-list:hover {box-shadow: 1px 1px 1px #F9F;}
#wrapper #footer hr {border: 1px solid #ccc; position: relative; top: -70px;}
#wrapper #footer #copyright {width: 1020px; margin: 0 auto; line-height: 50px; position: relative; top: -80px; height: 50px;}
#wrapper #footer #copyright h1 {font-size: 12px; color: #000; font-family: Palatino Linotype, Book Antiqua3, Palatino6, serif; float: left; font-weight: normal; margin: 0 0 0 20px;}
#wrapper #footer #copyright #social-icons {float: right; height: 30px; vertical-align:middle; padding: 10px}
#inquireform {padding: 2%;}
#inquireform .inquire-box {display: block; clear: both; padding: 5px 0;}
#inquireform label {float: left; width: 40%; text-align: left; padding: 5px; color: #ff6969}
#inquireform input[type='text'] {float: right; width: 45%; padding: 5px;}
#inquireform textarea {width: 45%; float: right; padding: 5px;}
#inquireform .submit {float: right; margin: 20px; padding: 10px 5%; text-align: center; border-radius: 10px; background-color: #9e2a60; color: #fff; border-style: inset; border: 2px solid #c64b84; text-shadow: 1px 1px 1px #000; cursor: pointer;}
.tbox {position:absolute; display:none; padding:14px 17px; z-index:999 !important}
.tinner {padding:15px; -moz-border-radius:5px; border-radius:5px; background:#fff url(images/preload.gif) no-repeat 50% 50%; border-right:1px solid #333; border-bottom:1px solid #333}
.tmask {position:absolute; display:none; top:0px; left:0px; height:100%; width:100%; background:#000; z-index:800}
.tclose {position:absolute; top:0px; right:0px; width:30px; height:30px; cursor:pointer; background:url(images/close.png) no-repeat}
.tclose:hover {background-position:0 -30px;}
#error {background:#ff6969; color:#fff; text-shadow:1px 1px #cf5454; border-right:1px solid #000; border-bottom:1px solid #000; padding:0}
#error .tcontent {padding:10px 14px 11px; border:1px solid #ffb8b8; -moz-border-radius:5px; border-radius:5px}
#success {background:#2ea125; color:#fff; text-shadow:1px 1px #1b6116; border-right:1px solid #000; border-bottom:1px solid #000; padding:10; -moz-border-radius:0; border-radius:0}
#bluemask {background:#4195aa}
#frameless {padding:0; background-color: #000; z-index: 980; border: none !important}
#frameless img {border: 3px solid #ccc;}
#frameless .tclose {left:6px}
.sml_subscribe {text-align: center;}

@media only screen and (max-width: 1050px) and (min-width: 961px){
a {text-decoration: none; color: inherit;}
nav select {display: none;}
.c {clear: both} 
body {margin: 0px; padding: 0px; background-image:url(images/bg.jpg); background-position: center; background-size: 100% 100%; font-family: Palatino Linotype, Book Antiqua3, Palatino6, serif}
#wrapper {width: 100%; overflow: hidden;}
#wrapper #header {width: 100%;}
#wrapper #header-in {width: 100%; max-width: 1020px; height: 120px; margin: 0 auto; background-image: none; background-position:center bottom; background-repeat:no-repeat}
#wrapper #header-in #logo {width: auto; height: 120px; margin: 0 auto;}
#wrapper #header-in #logo img {width: auto; height: 80%;}
#wrapper #header-in input {margin: 30px 20px 0; padding: 10px 30px; text-align: center; border-radius: 10px; background-color: #9e2a60; color: #fff; border-style: inset; border: 2px solid #c64b84; text-shadow: 1px 1px 1px #000; cursor: pointer; float: none;}
#wrapper #menu {line-height: 80px; background-image:url(images/menu.jpg); height: 80px; width: auto; text-align:center; margin: 0 auto; z-index: 500 !important;}
#wrapper #menu ul {padding:0; margin:0; list-style:none; font-family: Palatino Linotype, Book Antiqua3, Palatino6, serif; font-size: 14px; color: #e85aa3; z-index: 500 !important}
#wrapper #menu ul li {float:left; position:relative; padding: 0 20px 0 20px; display: inline; cursor: pointer; background-image: none; background-position: center 52px; background-repeat:no-repeat; z-index: 500 !important}
#wrapper #menu ul li:hover {cursor: pointer; font-weight: bold; z-index: 500 !important}
#menu li ul {display:none; position:absolute; z-index: 500 !important}
#wrapper #menu ul li:hover ul {margin-left: -30px; display:block; background-color:#fff; height:auto; width: auto; box-shadow: 0px 2px 2px #000; z-index: 500 !important}
#wrapper #menu ul li ul li{clear:both; border-style:none; height: 30px; line-height: 30px; font-family: Palatino Linotype, Book Antiqua3, Palatino6, serif; font-size: 14px; width: 150px; text-align:left;  font-weight: normal; z-index: 500 !important}
#wrapper #menu ul li ul li:hover {cursor: pointer; font-weight: bold; z-index: 500 !important}
nav {width: auto; display: inline-block; height: 80px; margin: 0 auto;}
#wrapper #slide {width: 100%; height: 425px;}
#wrapper #slide #inner-slide {max-width: 1000px; width: 100%; height: 100%; background-image: url(images/slide1.png); background-position: left top; background-repeat:no-repeat; margin: 0 auto;}
#wrapper #slide #inner-slide #slide-content {float: right; max-height: 400px; height: 100%; width: 100%; max-width: 400px; padding: 10px;}
#wrapper #slide #inner-slide #slide-content h2 {color: #9e2a60; font-family: courgette; font-weight: normal; font-size: 40px; font-variant: normal}
#wrapper #slide #inner-slide #slide-content p {color: #e85aa4; font-size: 24px; font-family: Palatino Linotype, Book Antiqua3, Palatino6, serif;}
#wrapper #content1 {height: 0px; width: 100%; background-image: none; margin: 0 auto; background-position:center}
#wrapper #content1 #inner-content1 {max-width: 1020px; width: 100%; margin: 0 auto; text-align: center;}
#wrapper #content1 #inner-content1 #boxes {height: 270px; width: 270px; float: none; display: inline-block; margin: 0 19px 0 19px; background-color: #fff; position: relative; top: -110px; border-radius: 10px; overflow: hidden; border: 1px solid #ffb2da; border-style: inset; box-shadow: 0px 3px 3px #333}
#wrapper #content1 #inner-content1 #boxes img {height: 100%; width: 100%;}
#wrapper #content1 #inner-content1 #boxes #caption {position: relative; height: 86px; top: -100px; background-image:url(images/c-box-caption.png); width: 240px; padding: 7px 15px 7px 15px; -moz-transition: all ease 0.5s; -o-transition: all ease 0.5s; -ms-transition: all ease 0.5s; transition: all ease 0.5s; cursor: pointer; text-align: left;}
#wrapper #content1 #inner-content1 #boxes #caption:hover {top: -150px; height: 136px;}
#wrapper #content1 #inner-content1 #boxes #caption h2 {font-size: 20px; color: #fff; font-weight: normal; margin: 0px; padding: 0px;}
#wrapper #content1 #inner-content1 #boxes #caption p {font-size: 14px; color: #fff; font-weight: normal; margin: 0px; padding: 0px;}
#wrapper #content1 #inner-content1 #boxes1 {width: 270px; height: 100px; float: none; display: inline-block; margin: 0 20px 0 20px; background-color: #fff; position: relative; top: -115px; overflow: hidden; border-radius: 10px; box-shadow: 1px 1px 1px #ccc}
#wrapper #content1 #inner-content1 #boxes1 #caption {position: relative; height: 90px; top: -100px; background-image:none; width: 100%; padding: 5px 15px 5px 5px; float: right; text-align:right; background-position: center left;  -moz-transition: all ease 0.5s; -o-transition: all ease 0.5s; -ms-transition: all ease 0.5s; transition: all ease 0.5s; cursor: pointer}
#wrapper #content1 #inner-content1 #boxes1 #caption:hover {}
#wrapper #content1 #inner-content1 #boxes1 #caption h2 {font-size: 20px; color: #fff; font-weight: normal; margin: 0px; padding: 0px; width: 90%; text-align:left; float: right; text-shadow: 1px 1px 1px #e85aa4;}
#wrapper #page {border-top: 1px solid #ccc; width: 100%; margin: 90px auto 0 auto; background-color: #fff; background-image: url(images/content-bg.jpg); background-position: center; position: relative; top: -90px; padding-bottom: 10px;float: left;}
#wrapper #page #inner-page {max-width: 1020px; width: 100%; margin: 0 auto; padding-bottom: 150px;}
#wrapper #page #inner-page #contents {float: left; max-width: 540px; padding: 20px; width: 100%; text-align: center;}
#wrapper #page #inner-page #contents #price {float: right; max-width: 80px; width: 100%; height: 30px; background-image: url(images/price.png); background-position: center bottom; padding: 5px; color: #fff; font-style: italic;}
#wrapper #page #inner-page #contents img {padding: 10px; border: 3px double #e9e9e9; margin: 20px auto; text-align: center;}
#wrapper #page #inner-page #contents p {text-align: left; font-size: 14px; color: #414141}
#wrapper #page #inner-page h2 {margin: 0 0 10px 0; padding: 0 0 10px 0; color: #414141; text-align: left; border-bottom: 5px solid #e9e9e9;}
#wrapper #page #inner-page #sidebar {float: right; width: 100%; max-width: 320px; padding: 20px;}
#wrapper #page #inner-page #sidebar #search {border: 1px solid #e9e9e9; height: 30px; line-height: 26px; background-color: #fff;}
#wrapper #page #inner-page #sidebar #search input[type='text'] {padding: 0 2.5%; border: none; width: 79%; background-color: #fff; color: #ccc; line-height: 30px; height: 30px;}
#wrapper #page #inner-page #sidebar #search input[type='text']:active {border: none;}
#wrapper #page #inner-page #sidebar #search .submit {background-color: transparent; border: none; background-image:url(images/lens.png); background-position:center; background-repeat: no-repeat; width: 10%; padding: 0px; float: right; height: 30px;} 
#wrapper #page #inner-page #sidebar .fb-page {width: 100%; margin: 20px 0;}
#wrapper #page #inner-page #sidebar #feat-image {margin: 20px 0; background-image: url(images/no-image.jpg)}
#wrapper #page #inner-page #sidebar #feat-image img {width: 100%;}
#wrapper #page #inner-page #sidebar #youtube {width: 100%; height: 200px; background-color: #e9e9e9; background-image: url(images/no-video.jpg)}
#wrapper #page #inner-page1 {max-width: auto; width: 100%; margin: 0 auto; padding-bottom: 10px; text-align: center !important;}
#wrapper #page #inner-page1 #listings {float: none; display: inline-block; width: 98; padding: 1%;text-align: left;}
#wrapper #page #inner-page1 h2 {margin: 0 0 10px 0; padding: 0 0 10px 0; color: #414141; text-align: left; border-bottom: 5px solid #e9e9e9;}
#wrapper #page #inner-page1 #listings #floating-search {border: 1px solid #e9e9e9; height: 30px; line-height: 26px; float: right; max-width: 320px; width: 100%; background-color: #fff; margin-right: 30px;}
#wrapper #page #inner-page1 #listings #floating-search input[type='text'] {padding: 0 2.5%; border: none; width: 80%; color: #ccc; line-height: 30px; height: 30px}
#wrapper #page #inner-page1 #listings #floating-search input[type='text']:active {border: none;}
#wrapper #page #inner-page1 #listings #floating-search .submit {background-color: transparent; border: none; background-image:url(images/lens.png); background-position:center; background-repeat: no-repeat; width: 10%; padding: 0px; float: right; height: 30px;} 
#wrapper #page #inner-page1 #listings #boxes {float: left; width: 200px; border: 1px solid #ffb2da; border-style: inset; margin: 30px 10px; box-shadow: 0px 1px 1px #000; height: 200px; overflow: hidden;}
#wrapper #page #inner-page1 #listings #boxes #caption {height: 45px; position: relative; top: -55px; background-image: url(images/c-box-caption.png); padding: 5px 10px; -webkit-transition: all ease 0.5s; -moz-transition: all ease 0.5s; -o-transition: all ease 0.5s; -ms-transition: all ease 0.5s; transition: all ease 0.5s; }
#wrapper #page #inner-page1 #listings #boxes #caption h3 {color: #fff; padding: 0px; margin: 0px; font-family: Palatino Linotype, Book Antiqua3, Palatino6, serif; font-weight: normal;}
#wrapper #footer {width: 100%; background-color: #e0e0e0;}
#wrapper #page #inner-page1 #listings #boxes h4 {position: relative; top: -270px; float: right; display: inline; background-image:url(images/list-price.png);height: 40px; width: 50px; line-height: 40px; color: #fff; margin: 0px; padding: 10px 0 0 0; text-align: center; vertical-align: bottom;}
#wrapper #page #inner-page1 #listings #boxes #caption:hover {height: 60px; position: relative; top: -70px; cursor: pointer;}
#wrapper #page #inner-page1 #listings #nav {float: left;}
#wrapper #footer-in {width: 100%; max-width: 1020px; margin: 0 auto; padding-top: 20px}
#wrapper #footer-in #boxes {width: 31.3%; float: left; margin: 0 0 0 2%; position: relative; top: -0px;}
#wrapper #footer-in #boxes h2 {font-size: 24px; color: #000; font-family: Palatino Linotype, Book Antiqua3, Palatino6, serif; margin: 0px; padding: 0px; font-weight: normal;}
#wrapper #footer-in #boxes p {font-size: 14px; color: #414141;}
#wrapper #footer-in #boxes #gallery-list {border: 5px solid #9e2c61; height: 65px; width: 65px; float: left; margin: 10px 3px 5px 3px;}
#wrapper #footer-in #boxes #gallery-list img {width: 100%; height: 100%; cursor: pointer;}
#wrapper #footer-in #boxes #gallery-list:hover {box-shadow: 1px 1px 1px #F9F;}
#wrapper #footer hr {border: 1px solid #ccc; position: relative; top: -0px;}
#wrapper #footer #copyright {width: 100%; margin: 0 auto; line-height: 50px; position: relative; top: -0px; height: 50px;}
#wrapper #footer #copyright h1 {font-size: 12px; color: #000; font-family: Palatino Linotype, Book Antiqua3, Palatino6, serif; float: left; font-weight: normal; margin: 0 0 0 20px;}
#wrapper #footer #copyright #social-icons {float: right; height: 30px; vertical-align:middle; padding: 10px}
}
@media only screen and (max-width: 960px) and (min-width: 768px){
#wrapper #page #inner-page1 #listings #cat-des {width: 100%; height: auto; max-height: 250px; display: block; margin: 20px auto; text-align: center;}
#wrapper #cat-des img {width: 100%; height: 100%; max-height: 250px;}
#frameless {padding:0; background-color: transparent z-index: 980; max-width: 730px;}
#frameless img {width: 100%;}	
a {text-decoration: none; color: inherit;}
nav select {display: none;}
.c {clear: both} 
body {margin: 0px; padding: 0px; background-image:url(images/bg.jpg); background-position: center; background-size: 100% 100%; font-family: Palatino Linotype, Book Antiqua3, Palatino6, serif}
#wrapper {width: 100%; overflow: hidden;}
#wrapper #header {width: 100%;}
#wrapper #header-in {width: 100%; max-width: 1020px; height: 120px; margin: 0 auto; background-image: none; background-position:center bottom; background-repeat:no-repeat}
#wrapper #header-in #logo {width: auto; height: 120px; margin: 0 auto;}
#wrapper #header-in #logo img {width: auto; height: 80%;}
#wrapper #header-in input {margin: 30px 20px 0; padding: 10px 30px; text-align: center; border-radius: 10px; background-color: #9e2a60; color: #fff; border-style: inset; border: 2px solid #c64b84; text-shadow: 1px 1px 1px #000; cursor: pointer; float: none; width: 90%; max-width: 200px;}
#wrapper #menu {line-height: 80px; background-image:url(images/menu.jpg); height: 80px; width: auto; text-align:center; margin: 0 auto; z-index: 500 !important;}
#wrapper #menu ul {padding:0; margin:0; list-style:none; font-family: Palatino Linotype, Book Antiqua3, Palatino6, serif; font-size: 14px; color: #e85aa3; z-index: 500 !important}
#wrapper #menu ul li {float:left; position:relative; padding: 0 20px 0 20px; display: inline; cursor: pointer; background-image: none; background-position: center 52px; background-repeat:no-repeat; z-index: 500 !important}
#wrapper #menu ul li:hover {cursor: pointer; font-weight: bold; z-index: 500 !important}
#menu li ul {display:none; position:absolute; z-index: 500 !important}
#wrapper #menu ul li:hover ul {margin-left: -30px; display:block; background-color:#fff; height:auto; width: auto; box-shadow: 0px 2px 2px #000; z-index: 500 !important}
#wrapper #menu ul li ul li{clear:both; border-style:none; height: 30px; line-height: 30px; font-family: Palatino Linotype, Book Antiqua3, Palatino6, serif; font-size: 14px; width: 150px; text-align:left;  font-weight: normal; z-index: 500 !important}
#wrapper #menu ul li ul li:hover {cursor: pointer; font-weight: bold; z-index: 500 !important}
nav {width: auto; display: inline-block; height: 80px; margin: 0 auto;}
#wrapper #slide {width: 100%; height: 325px;}
#wrapper #slide #inner-slide {max-width: 1000px; width: 100%; height: 100%; background-image: url(images/slide1.png); background-position: left top; background-repeat:no-repeat; margin: 0 auto;}
#wrapper #slide #inner-slide #slide-content {float: right; max-height: 400px; height: 100%; width: 100%; padding: 20px 20px 20px 50%; text-shadow: 1px 1px 1px #fff;}
#wrapper #slide #inner-slide #slide-content h2 {color: #9e2a60; font-family: courgette; font-weight: normal; font-size: 36px; text-align: center; padding: 10px; margin: 0 auto; font-variant: normal; -webkit-text-stroke: 1px white; text-shadow: 3px 3px 0 #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px  1px 0 #fff, 1px  1px 0 #fff;}
#wrapper #slide #inner-slide #slide-content p {color: #e85aa4; font-size: 22px; font-family: Palatino Linotype, Book Antiqua3, Palatino6, serif; padding: 10px; margin: 0 auto; text-shadow: 1px 1px 0 #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px  1px 0 #fff, 1px  1px 0 #fff;}
#wrapper #content1 {border: 1px solid #ccc; height: auto; width: 100%; background-image: url(images/768px.jpg); margin: 0 auto; background-position: top center}
#wrapper #content1 {height: 0px; width: 100%; background-image: none; margin: 0 auto; background-position:center}
#wrapper #content1 #inner-content1 {max-width: 1020px; width: 100%; margin: 0 auto; text-align: center;}
#wrapper #content1 #inner-content1 #boxes {height: 210px; width: 210px; float: none; display: inline-block; margin: 0 10px 0 10px; background-color: #fff; position: relative; top: -60px; border-radius: 10px; overflow: hidden; border: 1px solid #ffb2da; border-style: inset; box-shadow: 0px 3px 3px #333}
#wrapper #content1 #inner-content1 #boxes img {width: 100%; height: 100%;}
#wrapper #content1 #inner-content1 #boxes #caption {position: relative; height: 86px; top: -100px; background-image:url(images/c-box-caption.png); width: 180px; padding: 7px 15px 7px 15px; -moz-transition: all ease 0.5s; -o-transition: all ease 0.5s; -ms-transition: all ease 0.5s; transition: all ease 0.5s; cursor: pointer}
#wrapper #content1 #inner-content1 #boxes #caption:hover {top: -150px; height: 136px;}
#wrapper #content1 #inner-content1 #boxes #caption h2 {font-size: 16px; color: #fff; font-weight: normal; margin: 0 0 10px 0; padding: 0px;}
#wrapper #content1 #inner-content1 #boxes #caption p {font-size: 12px; color: #fff; font-weight: normal; margin: 0px; padding: 0px;}
#wrapper #content1 #inner-content1 #boxes1 {width: 210px; height: 100px; float: none; display: inline-block; margin: 0 10px 0 10px; background-color: #fff; position: relative; top: -130px; overflow: hidden; border-radius: 10px; box-shadow: 1px 1px 1px #ccc}
#wrapper #content1 #inner-content1 #boxes1 #caption {position: relative; height: 90px; top: -100px; background-image:none; width: 100%; padding: 5px 15px 5px 5px; float: right; text-align:right; background-position: center left;  -moz-transition: all ease 0.5s; -o-transition: all ease 0.5s; -ms-transition: all ease 0.5s; transition: all ease 0.5s; cursor: pointer}
#wrapper #content1 #inner-content1 #boxes1 #caption:hover {}
#wrapper #content1 #inner-content1 #boxes1 #caption h2 {font-size: 20px; color: #fff; font-weight: normal; margin: 0px; padding: 0px; width: 90%; text-align:left; float: right; text-shadow: 1px 1px 1px #e85aa4;}
#wrapper #page {border-top: 1px solid #ccc; width: 100%; margin: 0px auto 0 auto; background-color: #fff; background-image:none; background-color: #fff; background-position: center; position: relative; top: 0px; padding-bottom: 20px; float: none;}
#wrapper #page #inner-page {max-width: 1020px; width: 100%; margin: 0 auto; padding-bottom: 10px;}
#wrapper #page #inner-page #contents {float: none; padding: 1%; width: 98% !important; max-width: 959px; text-align: center;}
#wrapper #page #inner-page #contents #price {float: right; max-width: 80px; width: 100%; height: 30px; background-image: url(images/price.png); background-position: center bottom; padding: 5px; color: #fff; font-style: italic;}
#wrapper #page #inner-page #contents img {padding: 10px; border: 3px double #e9e9e9; margin: 20px auto; text-align: center;}
#wrapper #page #inner-page #contents p {text-align: left; font-size: 14px; color: #414141}
#wrapper #page #inner-page h2 {margin: 0 0 10px 0; padding: 0 0 10px 0; color: #414141; text-align: center; border-bottom: 5px solid #e9e9e9;}
#wrapper #page #inner-page #sidebar {float: none; width: 98% !important; max-width: 959px; padding: 1%; text-align: center; display: block !important; margqqin: 0 auto;}
#wrapper #page #inner-page #sidebar #search {border: 1px solid #e9e9e9; height: 30px; line-height: 26px; background-color: #fff; margin: 20px auto; max-width: 420px;}
#wrapper #page #inner-page #sidebar #search input[type='text'] {padding: 0 2.5%; border: none; width: 79%; background-color: #fff; color: #ccc; line-height: 30px; height: 30px}
#wrapper #page #inner-page #sidebar #search input[type='text']:active {border: none;}
#wrapper #page #inner-page #sidebar #search .submit {background-color: transparent; border: none; background-image:url(images/lens.png); background-position:center; background-repeat: no-repeat; width: 10%; padding: 0px; float: right; height: 30px;} 
#wrapper #page #inner-page #sidebar .fb-page {width: 100%; margin: 20px 0;}
#wrapper #page #inner-page #sidebar #feat-image {margin: 0px auto; background-image: url(images/no-image.jpg); max-width: 320px; display: inline-block; height: 200px;}
#wrapper #page #inner-page #sidebar #feat-image img {width: 100%; height: 100%}
#wrapper #page #inner-page #sidebar #youtube {width: 100%; height: 200px; background-color: #e9e9e9; background-image: url(images/no-video.jpg);margin: 0px auto;max-width: 320px; display: inline-block;}
#wrapper #page #inner-page1 {max-width: 1020px; width: 100%; margin: 0 auto; padding-bottom: 20px;}
#wrapper #page #inner-page1 #listings {float: none; width: 98%; text-align: center; padding: 1%;text-align: center;}
#wrapper #page #inner-page1 h2 {margin: 0 0 10px 0; padding: 0 0 10px 0; color: #414141; text-align: center; border-bottom: 5px solid #e9e9e9;}
#wrapper #page #inner-page1 #listings #floating-search {border: 1px solid #e9e9e9; height: 30px; line-height: 26px; float: none; max-width: 320px; width: 100%; background-color: #fff; margin: 20px auto;}
#wrapper #page #inner-page1 #listings #floating-search input[type='text'] {padding: 0 2.5%; border: none; width: 80%; color: #ccc; line-height: 30px; height: 30px}
#wrapper #page #inner-page1 #listings #floating-search input[type='text']:active {border: none;}
#wrapper #page #inner-page1 #listings #floating-search .submit {background-color: transparent; border: none; background-image:url(images/lens.png); background-position:center; background-repeat: no-repeat; width: 10%; padding: 0px; float: right; height: 30px;} 
#wrapper #page #inner-page1 #listings #boxes {float: none; width: 46%; max-width: 218px; border: 1px solid #ffb2da; border-style: inset; margin: 1%; box-shadow: 0px 1px 1px #000; height: 200px; overflow: hidden; display: inline-block;}
#wrapper #page #inner-page1 #listings #boxes #caption {height: 45px; position: relative; top: -55px; background-image: url(images/c-box-caption.png); padding: 5px 10px; -webkit-transition: all ease 0.5s; -moz-transition: all ease 0.5s; -o-transition: all ease 0.5s; -ms-transition: all ease 0.5s; transition: all ease 0.5s; }
#wrapper #page #inner-page1 #listings #boxes #caption h3 {color: #fff; padding: 0px; margin: 0px; font-family: Palatino Linotype, Book Antiqua3, Palatino6, serif; font-weight: normal;}
#wrapper #footer {width: 100%; background-color: #e0e0e0;}
#wrapper #page #inner-page1 #listings #boxes h4 {position: relative; top: -270px; float: right; display: inline; background-image:url(images/list-price.png);height: 40px; width: 50px; line-height: 40px; color: #fff; margin: 0px; padding: 10px 0 0 0; text-align: center; vertical-align: bottom;}
#wrapper #page #inner-page1 #listings #boxes #caption:hover {height: 60px; position: relative; top: -70px; cursor: pointer;}
#wrapper #page #inner-page1 #listings #nav {float: none; display: block; margin: 0 auto;}
#wrapper #footer-in {width: 100%; max-width: 1020px; margin: 0 auto; padding-top: 20px;}
#wrapper #footer-in #boxes {width: 31%; float: left; margin: 0 0 0 2%; position: inherit; top: 0px; }
#wrapper #footer-in #boxes h2 {font-size: 24px; color: #000; font-family: Palatino Linotype, Book Antiqua3, Palatino6, serif; margin: 0px; padding: 0px; font-weight: normal;}
#wrapper #footer-in #boxes p {font-size: 14px; color: #414141;}
#wrapper #footer-in #boxes #gallery-list {border: 5px solid #9e2c61; height: 50px; width: 50px; float: none; display: inline-block; margin: 10px 3px 5px 3px;}
#wrapper #footer-in #boxes #gallery-list img {width: 100%; height: 100%; cursor: pointer;}
#wrapper #footer-in #boxes #gallery-list:hover {box-shadow: 1px 1px 1px #F9F;}
#wrapper #footer hr {border: 1px solid #ccc; position: relative; top: 0px;}
#wrapper #footer #copyright {width: 100%; margin: 0 auto; line-height: 50px; position: relative; top: 0px; height: 50px;}
#wrapper #footer #copyright h1 {font-size: 12px; color: #000; font-family: Palatino Linotype, Book Antiqua3, Palatino6, serif; float: left; font-weight: normal; margin: 0 0 0 20px;}
#wrapper #footer #copyright #social-icons {float: right; height: 30px; vertical-align:middle; padding: 10px}
.sml_submitbtn {margin: 0 auto; padding: 10px 5%; text-align: center; border-radius: 10px; background-color: #9e2a60; color: #fff; border-style: inset; border: 2px solid #c64b84; text-shadow: 1px 1px 1px #000; cursor: pointer; float: none;}
}
@media only screen and (max-width: 767px) and (min-width: 480px){
#wrapper #page #inner-page1 #listings #cat-des {width: 100%; height: auto; max-height: 200px; display: block; margin: 20px auto; text-align: center;}
#wrapper #cat-des img {width: 100%; height: 100%; max-height: 200px;}
#frameless {padding:0; background-color: transparent; z-index: 980; max-width: 450px;}
#frameless img {width: 100%;}
a {text-decoration: none; color: inherit;}
.c {clear: both} 
nav ul     { display: none !important;}
nav select { display: block; width: 450px !important; padding: 5px; line-height: 45px; background-color: transparent; color: #9e2a60; height: 45px; vertical-align:middle; border: none; font-weight: bold; background-image:url(images/mobile.png); background-repeat:no-repeat; background-position: center right; -webkit-appearance: none; -moz-appearance: none; border: 1px solid #ffeeee; border-style: dashed; padding: 0 10px;}
body {margin: 0px; padding: 0px; background-image:url(images/bg.jpg); background-position: center; background-size: auto; font-family: Palatino Linotype, Book Antiqua3, Palatino6, serif}
#wrapper {width: 100%; overflow: hidden;}
#wrapper #header {width: 100%;}
#wrapper #header-in {width: 100%; max-width: 1020px; height: auto; margin: 0 auto; background-image: none; background-position:center bottom; background-repeat:no-repeat}
#wrapper #header-in #logo {width: 100%; height: auto; margin: 0 auto; display: block; text-align: center;}
#wrapper #header-in #logo img {width: 45%; height: auto; margin: 0 auto; display: inline-block;}
#wrapper #header-in input {margin: 25px auto; padding: 10px 30px; text-align: center; border-radius: 10px; background-color: #9e2a60; color: #fff; border-style: inset; border: 2px solid #c64b84; text-shadow: 1px 1px 1px #000; cursor: pointer; float: none; display: block; width: 90%; max-width: 200px;}
#wrapper #menu {line-height: 45px; background-image:url(images/menu.jpg); height: 45px; width: 100%; text-align:center; margin: 0 auto; z-index: 500 !important;}
#wrapper #menu ul {padding:0; margin:0; list-style:none; font-family: Palatino Linotype, Book Antiqua3, Palatino6, serif; font-size: 14px; color: #e85aa3; z-index: 500 !important; display: none; width: 100%;}
#wrapper #menu ul li {float:left; position:relative; padding: 0 20px 0 20px; display: inline; cursor: pointer; background-image: none; background-position: center 52px; background-repeat:no-repeat; z-index: 500 !important}
#wrapper #menu ul li:hover {cursor: pointer; font-weight: bold; z-index: 500 !important}
#menu li ul {display:none; position:absolute; z-index: 500 !important}
#wrapper #menu ul li:hover ul {margin-left: -30px; display:block; background-color:#fff; height:auto; width: auto; box-shadow: 0px 2px 2px #000; z-index: 500 !important}
#wrapper #menu ul li ul li{clear:both; border-style:none; height: 30px; line-height: 30px; font-family: Palatino Linotype, Book Antiqua3, Palatino6, serif; font-size: 14px; width: 150px; text-align:left;  font-weight: normal; z-index: 500 !important}
#wrapper #menu ul li ul li:hover {cursor: pointer; font-weight: bold; z-index: 500 !important}
nav {width: auto; display: inline-block; height: 80px; margin: 0 auto;}
#wrapper #slide {width: 100%; height: 425px;}
#wrapper #slide #inner-slide {max-width: 1000px; width: 100%; height: 100%; background-image: url(images/slide1.png); background-position: center top; background-repeat:no-repeat; margin: 0 auto 50px auto;}
#wrapper #slide #inner-slide #slide-content {float: none; max-height: auto; height: 100%; width: 98%; max-width: auto; padding: 200px 1% 20px 1%; text-shadow: 1px 1px 1px #fff; margin: 0 auto;}
#wrapper #slide #inner-slide #slide-content h2 {color: #9e2a60; font-family: courgette; font-weight: normal; font-size: 36px; text-align: center; padding: 10px; margin: 0 auto; font-variant: normal; -webkit-text-stroke: 1px white; text-shadow: 3px 3px 0 #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px  1px 0 #fff, 1px  1px 0 #fff;}
#wrapper #slide #inner-slide #slide-content p {color: #e85aa4; font-size: 22px; font-family: Palatino Linotype, Book Antiqua3, Palatino6, serif; padding: 10px; margin: 0 auto; text-shadow: 1px 1px 0 #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px  1px 0 #fff, 1px  1px 0 #fff;}
#wrapper #content1 {border: 1px solid #ccc; height: auto; width: 100%; background-image: url(images/768px.jpg); margin: 0 auto; background-position: top center}
#wrapper #content1 #inner-content1 {max-width: 1020px; width: 100%; margin: 0 auto;}
#wrapper #content1 #inner-content1 #boxes {height: 300px; width: 300px; float: none; margin: 20px auto; background-color: #fff; position: relative; top: 0px; border-radius: 10px; overflow: hidden; border: 1px solid #ffb2da; border-style: inset; box-shadow: 0px 3px 3px #333}
#wrapper #content1 #inner-content1 #boxes #caption {position: relative; height: 86px; top: -100px; background-image:url(images/c-box-caption.png); width: 270px; padding: 7px 15px 7px 15px; -moz-transition: all ease 0.5s; -o-transition: all ease 0.5s; -ms-transition: all ease 0.5s; transition: all ease 0.5s; cursor: pointer}
#wrapper #content1 #inner-content1 #boxes #caption:hover {top: -150px; height: 136px;}
#wrapper #content1 #inner-content1 #boxes #caption h2 {font-size: 24px; color: #fff; font-weight: normal; margin: 0px; padding: 0px;}
#wrapper #content1 #inner-content1 #boxes #caption p {font-size: 14px; color: #fff; font-weight: normal; margin: 0px; padding: 0px;}
#wrapper #content1 #inner-content1 #boxes1 {width: 300px; height: 100px; float: none; margin: 10px auto; background-color: #fff; position: relative; top: -0px; overflow: hidden; border-radius: 10px; box-shadow: 1px 1px 1px #ccc}
#wrapper #content1 #inner-content1 #boxes1 #caption {position: relative; height: 90px; top: -100px; background-image:none; width: 100%; padding: 5px 15px 5px 5px; float: right; text-align:right; background-position: center left;  -moz-transition: all ease 0.5s; -o-transition: all ease 0.5s; -ms-transition: all ease 0.5s; transition: all ease 0.5s; cursor: pointer}
#wrapper #content1 #inner-content1 #boxes1 #caption:hover {}
#wrapper #content1 #inner-content1 #boxes1 #caption h2 {font-size: 20px; color: #fff; font-weight: normal; margin: 0px; padding: 0px; width: 90%; text-align:left; float: right; text-shadow: 1px 1px 1px #e85aa4;}
#wrapper #page {border-top: 1px solid #ccc; width: 100%; margin: 0px auto 0 auto; background-color: #fff; background-image:none; background-color: #fff; background-position: center; position: relative; top: 0px; padding-bottom: 20px; float: none;}
#wrapper #page #inner-page {max-width: 1020px; width: 100%; margin: 0 auto; padding-bottom: 10px;}
#wrapper #page #inner-page #contents {float: none; padding: 1%; width: 98% !important; max-width: 767px; text-align: center;}
#wrapper #page #inner-page #contents #price {float: right; max-width: 80px; width: 100%; height: 30px; background-image: url(images/price.png); background-position: center bottom; padding: 5px; color: #fff; font-style: italic;}
#wrapper #page #inner-page #contents img {padding: 10px; border: 3px double #e9e9e9; margin: 20px auto; text-align: center;}
#wrapper #page #inner-page #contents p {text-align: left; font-size: 14px; color: #414141}
#wrapper #page #inner-page h2 {margin: 0 0 10px 0; padding: 0 0 10px 0; color: #414141; text-align: center; border-bottom: 5px solid #e9e9e9;}
#wrapper #page #inner-page #sidebar {float: none; width: 98% !important; max-width: 767px; padding: 1%; text-align: center; display: block !important; margin: 0 auto;}
#wrapper #page #inner-page #sidebar #search {border: 1px solid #e9e9e9; height: 30px; line-height: 26px; background-color: #fff; margin: 20px auto; max-width: 320px;}
#wrapper #page #inner-page #sidebar #search input[type='text'] {padding: 0 2.5%; border: none; width: 79%; background-color: #fff; color: #ccc; line-height: 30px; height: 30px}
#wrapper #page #inner-page #sidebar #search input[type='text']:active {border: none;}
#wrapper #page #inner-page #sidebar #search .submit {background-color: transparent; border: none; background-image:url(images/lens.png); background-position:center; background-repeat: no-repeat; width: 10%; padding: 0px; float: right; height: 30px;} 
#wrapper #page #inner-page #sidebar .fb-page {width: 100%; margin: 20px 0;}
#wrapper #page #inner-page #sidebar #feat-image {margin: 20px auto; background-image: url(images/no-image.jpg); max-width: 100%;}
#wrapper #page #inner-page #sidebar #feat-image img {width: 100%;}
#wrapper #page #inner-page #sidebar #youtube {width: 100%; height: 200px; background-color: #e9e9e9; background-image: url(images/no-video.jpg);margin: 10px auto;}
#wrapper #page #inner-page1 {max-width: 1020px; width: 100%; margin: 0 auto; padding-bottom: 20px;}
#wrapper #page #inner-page1 #listings {float: none; width: 98%; text-align: center; padding: 1%;text-align: center;}
#wrapper #page #inner-page1 h2 {margin: 0 0 10px 0; padding: 0 0 10px 0; color: #414141; text-align: center; border-bottom: 5px solid #e9e9e9;}
#wrapper #page #inner-page1 #listings #floating-search {border: 1px solid #e9e9e9; height: 30px; line-height: 26px; float: none; max-width: 320px; width: 100%; background-color: #fff; margin: 20px auto;}
#wrapper #page #inner-page1 #listings #floating-search input[type='text'] {padding: 0 2.5%; border: none; width: 80%; color: #ccc; line-height: 30px; height: 30px}
#wrapper #page #inner-page1 #listings #floating-search input[type='text']:active {border: none;}
#wrapper #page #inner-page1 #listings #floating-search .submit {background-color: transparent; border: none; background-image:url(images/lens.png); background-position:center; background-repeat: no-repeat; width: 10%; padding: 0px; float: right; height: 30px;} 
#wrapper #page #inner-page1 #listings #boxes {float: none; width: 46%; max-width: 218px; border: 1px solid #ffb2da; border-style: inset; margin: 1%; box-shadow: 0px 1px 1px #000; height: 200px; overflow: hidden; display: inline-block;}
#wrapper #page #inner-page1 #listings #boxes #caption {height: 45px; position: relative; top: -55px; background-image: url(images/c-box-caption.png); padding: 5px 10px; -webkit-transition: all ease 0.5s; -moz-transition: all ease 0.5s; -o-transition: all ease 0.5s; -ms-transition: all ease 0.5s; transition: all ease 0.5s; }
#wrapper #page #inner-page1 #listings #boxes #caption h3 {color: #fff; padding: 0px; margin: 0px; font-family: Palatino Linotype, Book Antiqua3, Palatino6, serif; font-weight: normal;}
#wrapper #footer {width: 100%; background-color: #e0e0e0;}
#wrapper #page #inner-page1 #listings #boxes h4 {position: relative; top: -270px; float: right; display: inline; background-image:url(images/list-price.png);height: 40px; width: 50px; line-height: 40px; color: #fff; margin: 0px; padding: 10px 0 0 0; text-align: center; vertical-align: bottom;}
#wrapper #page #inner-page1 #listings #boxes #caption:hover {height: 60px; position: relative; top: -70px; cursor: pointer;}
#wrapper #page #inner-page1 #listings #nav {float: none; display: block; margin: 0 auto;}
#wrapper #footer-in {width: 100%; max-width: 1020px; margin: 0 auto;}
#wrapper #footer-in #boxes {width: 96%; float: none; margin: 0 auto 20px auto; position: relative; top: 0px; padding: 2%; display: block !important; text-align: center}
#wrapper #footer-in #boxes h2 {font-size: 24px; color: #000; font-family: Palatino Linotype, Book Antiqua3, Palatino6, serif; margin: 0px; padding: 0px; font-weight: normal;}
#wrapper #footer-in #boxes p {font-size: 14px; color: #414141;}
#wrapper #footer-in #boxes #gallery-list {border: 5px solid #9e2c61; height: 65px; width: 65px; float: none; display: inline-block; margin: 10px auto 20px auto;}
#wrapper #footer-in #boxes #gallery-list img {width: 65px; height: 65px; cursor: pointer;}
#wrapper #footer-in #boxes #gallery-list:hover {box-shadow: 1px 1px 1px #F9F;}
#wrapper #footer hr {border: 1px solid #ccc; position: relative; top: -0px;}
#wrapper #footer #copyright {width: 100%; margin: 0 auto; line-height: auto; position: relative; top: -0px; height: auto;}
#wrapper #footer #copyright h1 {font-size: 12px; color: #000; font-family: Palatino Linotype, Book Antiqua3, Palatino6, serif; float: none; font-weight: normal; margin: 0; display: block; text-align: center}
#wrapper #footer #copyright #social-icons {float: none; height: 30px; vertical-align:middle; padding: 10px; display: block; text-align:center}	
.sml_submitbtn {margin: 0 auto; padding: 10px 5%; text-align: center; border-radius: 10px; background-color: #9e2a60; color: #fff; border-style: inset; border: 2px solid #c64b84; text-shadow: 1px 1px 1px #000; cursor: pointer; float: none;}
#wrapper #header-in #booking {float: none; font-family: Palatino Linotype, Book Antiqua3, Palatino6, serif; display: block; text-align: center; margin: 0 auto; width: 100%;}

}
@media only screen and (min-width: 320px) and (max-width: 479px){
#wrapper #page #inner-page1 #listings #cat-des {width: 100%; height: auto; max-height: 150px; display: block; margin: 20px auto; text-align: center;}
#wrapper #cat-des img {width: 100%; height: 100%; max-height: 150px;}
#frameless {padding:0; background-color: transparent; z-index: 980; max-width: 300px;}
#frameless img {width: 100%;}
a {text-decoration: none; color: inherit;}
.c {clear: both} 
nav ul     { display: none !important;}
nav select { display: block; width: 280px !important; padding: 0px; line-height: 45px; background-color: transparent; color: #9e2a60; height: 45px; vertical-align:top; border: none; font-weight: bold; background-image:url(images/mobile.png); background-repeat:no-repeat; background-position: center right; -webkit-appearance: none; -moz-appearance: none; border: 1px solid #ffeeee; border-style: dashed; padding: 0 10px;}
nav select::-ms-expand {display: none;}
body {margin: 0px; padding: 0px; background-image:url(images/bg.jpg); background-position: center; background-size: auto; font-family: Palatino Linotype, Book Antiqua3, Palatino6, serif}
#wrapper {width: 100%; overflow: hidden;}
#wrapper #header {width: 100%;}
#wrapper #header-in {width: 100%; max-width: 1020px; height: auto; margin: 0 auto; background-image: none; background-position:center bottom; background-repeat:no-repeat}
#wrapper #header-in #logo {width: 100%; height: auto; margin: 0 auto; display: block;}
#wrapper #header-in #logo img {width: 80%; height: auto; margin: 0 auto; display: block;}
#wrapper #header-in input {margin: 25px auto; padding: 10px 30px; text-align: center; border-radius: 10px; background-color: #9e2a60; color: #fff; border-style: inset; border: 2px solid #c64b84; text-shadow: 1px 1px 1px #000; cursor: pointer; float: none; display: block; width: 90%;}
#wrapper #menu {line-height: 45px; background-image:url(images/menu.jpg); height: 45px; width: 100%; text-align:center; margin: 0 auto; z-index: 500 !important;}
#wrapper #menu ul {padding:0; margin:0; list-style:none; font-family: Palatino Linotype, Book Antiqua3, Palatino6, serif; font-size: 14px; color: #e85aa3; z-index: 500 !important; display: none; width: 100%;}
#wrapper #menu ul li {float:left; position:relative; padding: 0 20px 0 20px; display: inline; cursor: pointer; background-image: none; background-position: center 52px; background-repeat:no-repeat; z-index: 500 !important}
#wrapper #menu ul li:hover {cursor: pointer; font-weight: bold; z-index: 500 !important}
#menu li ul {display:none; position:absolute; z-index: 500 !important}
#wrapper #menu ul li:hover ul {margin-left: -30px; display:block; background-color:#fff; height:auto; width: auto; box-shadow: 0px 2px 2px #000; z-index: 500 !important}
#wrapper #menu ul li ul li{clear:both; border-style:none; height: 30px; line-height: 30px; font-family: Palatino Linotype, Book Antiqua3, Palatino6, serif; font-size: 14px; width: 150px; text-align:left;  font-weight: normal; z-index: 500 !important}
#wrapper #menu ul li ul li:hover {cursor: pointer; font-weight: bold; z-index: 500 !important}
nav {width: auto; display: inline-block; height: 80px; margin: 0 auto;}
#wrapper #slide {width: 100%; height: 425px;}
#wrapper #slide #inner-slide {max-width: 1000px; width: 100%; height: 100%; background-image: url(images/slide1.png); background-position: -60px top; background-repeat:no-repeat; margin: 0 auto 50px auto;}
#wrapper #slide #inner-slide #slide-content {float: none; max-height: auto; height: 100%; width: 98%; max-width: auto; padding: 180px 1% 20px 1%;margin: 0 auto;}
#wrapper #slide #inner-slide #slide-content h2 {color: #9e2a60; font-family: courgette; font-weight: normal; font-size: 36px; text-align: center; padding: 10px; margin: 0 auto; font-variant: normal; -webkit-text-stroke: 1px white; text-shadow: 3px 3px 0 #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px  1px 0 #fff, 1px  1px 0 #fff;}
#wrapper #slide #inner-slide #slide-content p {color: #e85aa4; font-size: 22px; font-family: Palatino Linotype, Book Antiqua3, Palatino6, serif; padding: 10px; margin: 0 auto; text-shadow: 1px 1px 0 #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px  1px 0 #fff, 1px  1px 0 #fff;}
#wrapper #content1 {border: 1px solid #ccc; height: auto; width: 100%; background-image: url(images/768px.jpg); margin: 0 auto; background-position: top center}
#wrapper #content1 #inner-content1 {max-width: 1020px; width: 100%; margin: 0 auto;}
#wrapper #content1 #inner-content1 #boxes {height: 300px; width: 300px; float: none; margin: 20px auto; background-color: #fff; position: relative; top: 0px; border-radius: 10px; overflow: hidden; border: 1px solid #ffb2da; border-style: inset; box-shadow: 0px 3px 3px #333}
#wrapper #content1 #inner-content1 #boxes #caption {position: relative; height: 86px; top: -100px; background-image:url(images/c-box-caption.png); width: 270px; padding: 7px 15px 7px 15px; -moz-transition: all ease 0.5s; -o-transition: all ease 0.5s; -ms-transition: all ease 0.5s; transition: all ease 0.5s; cursor: pointer}
#wrapper #content1 #inner-content1 #boxes #caption:hover {top: -150px; height: 136px;}
#wrapper #content1 #inner-content1 #boxes #caption h2 {font-size: 24px; color: #fff; font-weight: normal; margin: 0px; padding: 0px;}
#wrapper #content1 #inner-content1 #boxes #caption p {font-size: 14px; color: #fff; font-weight: normal; margin: 0px; padding: 0px;}
#wrapper #content1 #inner-content1 #boxes1 {width: 300px; height: 100px; float: none; margin: 10px auto; background-color: #fff; position: relative; top: -0px; overflow: hidden; border-radius: 10px; box-shadow: 1px 1px 1px #ccc}
#wrapper #content1 #inner-content1 #boxes1 #caption {position: relative; height: 90px; top: -100px; background-image:none; width: 100%; padding: 5px 15px 5px 5px; float: right; text-align:right; background-position: center left;  -moz-transition: all ease 0.5s; -o-transition: all ease 0.5s; -ms-transition: all ease 0.5s; transition: all ease 0.5s; cursor: pointer}
#wrapper #content1 #inner-content1 #boxes1 #caption:hover {}
#wrapper #content1 #inner-content1 #boxes1 #caption h2 {font-size: 20px; color: #fff; font-weight: normal; margin: 0px; padding: 0px; width: 90%; text-align:left; float: right; text-shadow: 1px 1px 1px #e85aa4;}
#wrapper #page {border-top: 1px solid #ccc; width: 100%; margin: 0px auto 0 auto; background-color: #fff; background-image:none; background-color: #fff; background-position: center; position: relative; top: 0px; padding-bottom: 20px; float: none;}
#wrapper #page #inner-page {max-width: 1020px; width: 100%; margin: 0 auto; padding-bottom: 10px;}
#wrapper #page #inner-page #contents {float: none; max-width: 600px; padding: 1%; width: 98%; text-align: center;}
#wrapper #page #inner-page #contents #price {float: right; max-width: 80px; width: 100%; height: 30px; background-image: url(images/price.png); background-position: center bottom; padding: 5px; color: #fff; font-style: italic;}
#wrapper #page #inner-page #contents img {padding: 10px; border: 3px double #e9e9e9; margin: 20px auto; text-align: center;}
#wrapper #page #inner-page #contents p {text-align: left; font-size: 14px; color: #414141}
#wrapper #page #inner-page h2 {margin: 0 0 10px 0; padding: 0 0 10px 0; color: #414141; text-align: center; border-bottom: 5px solid #e9e9e9;}
#wrapper #page #inner-page #sidebar {float: none; width: 98% !important; max-width: auto; padding: 1%; text-align: center; display: block !important; margin: 0 auto;}
#wrapper #page #inner-page #sidebar #search {border: 1px solid #e9e9e9; height: 30px; line-height: 26px; background-color: #fff; margin: 20px 0}
#wrapper #page #inner-page #sidebar #search input[type='text'] {padding: 0 2.5%; border: none; width: 79%; background-color: #fff; color: #ccc; line-height: 30px; height: 30px}
#wrapper #page #inner-page #sidebar #search input[type='text']:active {border: none;}
#wrapper #page #inner-page #sidebar #search .submit {background-color: transparent; border: none; background-image:url(images/lens.png); background-position:center; background-repeat: no-repeat; width: 10%; padding: 0px; float: right; height: 30px;} 
#wrapper #page #inner-page #sidebar .fb-page {width: 100%; margin: 20px 0;}
#wrapper #page #inner-page #sidebar #feat-image {margin: 20px auto; background-image: url(images/no-image.jpg)}
#wrapper #page #inner-page #sidebar #feat-image img {width: 100%;}
#wrapper #page #inner-page #sidebar #youtube {width: 100%; height: 200px; background-color: #e9e9e9; background-image: url(images/no-video.jpg);margin: 10px auto;}
#wrapper #page #inner-page1 {max-width: 1020px; width: 100%; margin: 0 auto; padding-bottom: 150px;}
#wrapper #page #inner-page1 #listings {float: left; width: 98%; text-align: center; padding: 1%;text-align: left;}
#wrapper #page #inner-page1 h2 {margin: 0 0 10px 0; padding: 0 0 10px 0; color: #414141; text-align: center; border-bottom: 5px solid #e9e9e9;}
#wrapper #page #inner-page1 #listings #floating-search {border: 1px solid #e9e9e9; height: 30px; line-height: 26px; float: none; max-width: 320px; width: 100%; background-color: #fff; margin: 20px auto;}
#wrapper #page #inner-page1 #listings #floating-search input[type='text'] {padding: 0 2.5%; border: none; width: 80%; color: #ccc; line-height: 30px; height: 30px}
#wrapper #page #inner-page1 #listings #floating-search input[type='text']:active {border: none;}
#wrapper #page #inner-page1 #listings #floating-search .submit {background-color: transparent; border: none; background-image:url(images/lens.png); background-position:center; background-repeat: no-repeat; width: 10%; padding: 0px; float: right; height: 30px;} 
#wrapper #page #inner-page1 #listings #boxes {float: none; width: 218px; border: 1px solid #ffb2da; border-style: inset; margin: 30px auto; box-shadow: 0px 1px 1px #000; height: 200px; overflow: hidden; display: block;}
#wrapper #page #inner-page1 #listings #boxes #caption {height: 45px; position: relative; top: -55px; background-image: url(images/c-box-caption.png); padding: 5px 10px; -webkit-transition: all ease 0.5s; -moz-transition: all ease 0.5s; -o-transition: all ease 0.5s; -ms-transition: all ease 0.5s; transition: all ease 0.5s; }
#wrapper #page #inner-page1 #listings #boxes #caption h3 {color: #fff; padding: 0px; margin: 0px; font-family: Palatino Linotype, Book Antiqua3, Palatino6, serif; font-weight: normal;}
#wrapper #footer {width: 100%; background-color: #e0e0e0;}
#wrapper #page #inner-page1 #listings #boxes h4 {position: relative; top: -270px; float: right; display: inline; background-image:url(images/list-price.png);height: 40px; width: 50px; line-height: 40px; color: #fff; margin: 0px; padding: 10px 0 0 0; text-align: center; vertical-align: bottom;}
#wrapper #page #inner-page1 #listings #boxes #caption:hover {height: 60px; position: relative; top: -70px; cursor: pointer;}
#wrapper #page #inner-page1 #listings #nav {float: none; display: block; margin: 0 auto;}
#wrapper #footer-in {width: 100%; max-width: 1020px; margin: 0 auto;}
#wrapper #footer-in #boxes {width: 96%; float: none; margin: 0 auto 20px auto; position: relative; top: 0px; padding: 2%; text-align: center;}
#wrapper #footer-in #boxes h2 {font-size: 24px; color: #000; font-family: Palatino Linotype, Book Antiqua3, Palatino6, serif; margin: 0px; padding: 0px; font-weight: normal;}
#wrapper #footer-in #boxes p {font-size: 14px; color: #414141;}
#wrapper #footer-in #boxes #gallery-list {border: 5px solid #9e2c61; height: 65px; width: 65px; float: none;display: inline-block; margin: 10px 3px 20px 3px;}
#wrapper #footer-in #boxes #gallery-list img {width: 100%; height: 100%; cursor: pointer;}
#wrapper #footer-in #boxes #gallery-list:hover {box-shadow: 1px 1px 1px #F9F;}
#wrapper #footer hr {border: 1px solid #ccc; position: relative; top: -0px;}
#wrapper #footer #copyright {width: 100%; margin: 0 auto; line-height: auto; position: relative; top: -0px; height: auto;}
#wrapper #footer #copyright h1 {font-size: 12px; color: #000; font-family: Palatino Linotype, Book Antiqua3, Palatino6, serif; float: none; font-weight: normal; margin: 0; display: block; text-align: center}
#wrapper #footer #copyright #social-icons {float: none; height: 30px; vertical-align:middle; padding: 10px; display: block; text-align:center}
.sml_submitbtn {margin: 0 auto; padding: 10px 5%; text-align: center; border-radius: 10px; background-color: #9e2a60; color: #fff; border-style: inset; border: 2px solid #c64b84; text-shadow: 1px 1px 1px #000; cursor: pointer; float: none;}
#wrapper #header-in #booking {float: none; font-family: Palatino Linotype, Book Antiqua3, Palatino6, serif; display: block; text-align: center !important; margin: 0 auto !important; width: 100%;}

}
@media only screen and (min-width: 240px) and (max-width: 319px){
#wrapper #page #inner-page1 #listings #cat-des {width: 100%; height: auto; max-height: 100px; display: block; margin: 20px auto; text-align: center;}
#wrapper #cat-des img {width: 100%; height: 100%; max-height: 100px;}
#frameless {padding:0; background-color: transparent; z-index: 980; max-width: 220px;}
#frameless img {width: 100%;}
a {text-decoration: none; color: inherit;}
.c {clear: both} 
nav ul     { display: none !important;}
nav select { display: block; width: 220px !important; padding: 5px; line-height: 45px; background-color: transparent; color: #9e2a60; height: 45px; vertical-align:middle; border: none; font-weight: bold; background-image:url(images/mobile.png); background-repeat:no-repeat; background-position: center right; -webkit-appearance: none; -moz-appearance: none; border: 1px solid #ffeeee; border-style: dashed; padding: 0 10px;}
body {margin: 0px; padding: 0px; background-image:url(images/bg.jpg); background-position: center; background-size: auto; font-family: Palatino Linotype, Book Antiqua3, Palatino6, serif}
#wrapper {width: 100%; overflow: hidden;}
#wrapper #header {width: 100%;}
#wrapper #header-in {width: 100%; max-width: 1020px; height: auto; margin: 0 auto; background-image: none; background-position:center bottom; background-repeat:no-repeat}
#wrapper #header-in #logo {width: 100%; height: auto; margin: 0 auto; display: block;}
#wrapper #header-in #logo img {width: 80%; height: auto; margin: 0 auto; display: block;}
#wrapper #header-in input {margin: 25px auto; padding: 10px 30px; text-align: center; border-radius: 10px; background-color: #9e2a60; color: #fff; border-style: inset; border: 2px solid #c64b84; text-shadow: 1px 1px 1px #000; cursor: pointer; float: none; display: block; width: 90%;}
#wrapper #menu {line-height: 45px; background-image:url(images/menu.jpg); height: 45px; width: 100%; text-align:center; margin: 0 auto; z-index: 500 !important;}
#wrapper #menu ul {padding:0; margin:0; list-style:none; font-family: Palatino Linotype, Book Antiqua3, Palatino6, serif; font-size: 14px; color: #e85aa3; z-index: 500 !important; display: none; width: 100%;}
#wrapper #menu ul li {float:left; position:relative; padding: 0 20px 0 20px; display: inline; cursor: pointer; background-image: none; background-position: center 52px; background-repeat:no-repeat; z-index: 500 !important}
#wrapper #menu ul li:hover {cursor: pointer; font-weight: bold; z-index: 500 !important}
#menu li ul {display:none; position:absolute; z-index: 500 !important}
#wrapper #menu ul li:hover ul {margin-left: -30px; display:block; background-color:#fff; height:auto; width: auto; box-shadow: 0px 2px 2px #000; z-index: 500 !important}
#wrapper #menu ul li ul li{clear:both; border-style:none; height: 30px; line-height: 30px; font-family: Palatino Linotype, Book Antiqua3, Palatino6, serif; font-size: 14px; width: 150px; text-align:left;  font-weight: normal; z-index: 500 !important}
#wrapper #menu ul li ul li:hover {cursor: pointer; font-weight: bold; z-index: 500 !important}
nav {width: auto; display: inline-block; height: 80px; margin: 0 auto;}
#wrapper #slide {width: 100%; height: 450px;}
#wrapper #slide #inner-slide {max-width: 1000px; width: 100%; height: 100%; background-image: url(images/slide1.png); background-position: -40px top; background-repeat:no-repeat; margin: 0 auto 50px auto; background-size: 400px;}
#wrapper #slide #inner-slide #slide-content {float: none; max-height: auto; height: 100%; width: 98%; max-width: auto; padding: 150px 1% 20px 1%; text-shadow: 1px 1px 1px #fff;}
#wrapper #slide #inner-slide #slide-content h2 {color: #9e2a60; font-family: courgette; font-weight: normal; font-size: 32px; text-align: center; padding: 10px; margin: 0 auto; font-variant: normal; -webkit-text-stroke: 1px white; text-shadow: 3px 3px 0 #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px  1px 0 #fff, 1px  1px 0 #fff;}
#wrapper #slide #inner-slide #slide-content p {color: #e85aa4; font-size: 18px; font-family: Palatino Linotype, Book Antiqua3, Palatino6, serif; padding: 10px; margin: 0 auto; text-shadow: 1px 1px 0 #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px  1px 0 #fff, 1px  1px 0 #fff;}
#wrapper #content1 {border: 1px solid #ccc; height: auto; width: 100%; background-image: url(images/768px.jpg); margin: 0 auto; background-position: top center}
#wrapper #content1 {border: 1px solid #ccc; height: auto; width: 100%; background-image: url(images/768px.jpg); margin: 0 auto; background-position: top center}
#wrapper #content1 #inner-content1 {max-width: 1020px; width: 100%; margin: 0 auto;}
#wrapper #content1 #inner-content1 #boxes {height: 250px; width: 90%; float: none; margin: 20px auto; background-color: #fff; position: relative; top: 0px; border-radius: 10px; overflow: hidden; border: 1px solid #ffb2da; border-style: inset; box-shadow: 0px 3px 3px #333}
#wrapper #content1 #inner-content1 #boxes img {width: 100%; height: 100%;}
#wrapper #content1 #inner-content1 #boxes #caption {position: relative; height: 86px; top: -90px; background-image:url(images/c-box-caption.png); width: 96%; padding: 7px 2%; -moz-transition: all ease 0.5s; -o-transition: all ease 0.5s; -ms-transition: all ease 0.5s; transition: all ease 0.5s; cursor: pointer}
#wrapper #content1 #inner-content1 #boxes #caption:hover {top: -150px; height: 136px;}
#wrapper #content1 #inner-content1 #boxes #caption h2 {font-size: 18px; color: #fff; font-weight: normal; margin: 0px; padding: 0px;}
#wrapper #content1 #inner-content1 #boxes #caption p {font-size: 12px; color: #fff; font-weight: normal; margin: 0px; padding: 0px;}
#wrapper #content1 #inner-content1 #boxes1 {width: 96%; height: 100px; float: none; margin: 10px auto; background-color: #fff; position: relative; top: -0px; overflow: hidden; border-radius: 10px; box-shadow: 1px 1px 1px #ccc}
#wrapper #content1 #inner-content1 #boxes1 #caption {position: relative; height: 90px; top: -100px; background-image:none; width: 100%; padding: 5px 15px 5px 5px; float: right; text-align:right; background-position: center left;  -moz-transition: all ease 0.5s; -o-transition: all ease 0.5s; -ms-transition: all ease 0.5s; transition: all ease 0.5s; cursor: pointer}
#wrapper #content1 #inner-content1 #boxes1 #caption:hover {}
#wrapper #content1 #inner-content1 #boxes1 #caption h2 {font-size: 20px; color: #fff; font-weight: normal; margin: 0px; padding: 0px; width: 90%; text-align:left; float: right; text-shadow: 1px 1px 1px #e85aa4;}
#wrapper #page {border-top: 1px solid #ccc; width: 100%; margin: 0px auto 0 auto; background-color: #fff; background-image:none; background-color: #fff; background-position: center; position: relative; top: 0px; padding-bottom: 20px; float: none;}
#wrapper #page #inner-page {max-width: 1020px; width: 100%; margin: 0 auto; padding-bottom: 10px;}
#wrapper #page #inner-page #contents {float: none; max-width: 600px; padding: 1%; width: 98%; text-align: center;}
#wrapper #page #inner-page #contents #price {float: right; max-width: 80px; width: 100%; height: 30px; background-image: url(images/price.png); background-position: center bottom; padding: 5px; color: #fff; font-style: italic;}
#wrapper #page #inner-page #contents img {padding: 10px; border: 3px double #e9e9e9; margin: 20px auto; text-align: center;}
#wrapper #page #inner-page #contents p {text-align: left; font-size: 14px; color: #414141}
#wrapper #page #inner-page h2 {margin: 0 0 10px 0; padding: 0 0 10px 0; color: #414141; text-align: center; border-bottom: 5px solid #e9e9e9;}
#wrapper #page #inner-page #sidebar {float: right; width: 98%; max-width: 320px; padding: 1%;}
#wrapper #page #inner-page #sidebar #search {border: 1px solid #e9e9e9; height: 30px; line-height: 26px; background-color: #fff; margin: 20px 0}
#wrapper #page #inner-page #sidebar #search input[type='text'] {padding: 0 2.5%; border: none; width: 79%; background-color: #fff; color: #ccc; line-height: 30px; height: 30px}
#wrapper #page #inner-page #sidebar #search input[type='text']:active {border: none;}
#wrapper #page #inner-page #sidebar #search .submit {background-color: transparent; border: none; background-image:url(images/lens.png); background-position:center; background-repeat: no-repeat; width: 10%; padding: 0px; float: right; height: 30px;} 
#wrapper #page #inner-page #sidebar .fb-page {width: 100%; margin: 20px 0;}
#wrapper #page #inner-page #sidebar #feat-image {margin: 20px 0; background-image: url(images/no-image.jpg)}
#wrapper #page #inner-page #sidebar #feat-image img {width: 100%;}
#wrapper #page #inner-page #sidebar #youtube {width: 100%; height: 200px; background-color: #e9e9e9; background-image: url(images/no-video.jpg)}
#wrapper #page #inner-page1 {max-width: 1020px; width: 100%; margin: 0 auto; padding-bottom: 150px;}
#wrapper #page #inner-page1 #listings {float: left; width: 98%; text-align: center; padding: 1%;text-align: left;}
#wrapper #page #inner-page1 h2 {margin: 0 0 10px 0; padding: 0 0 10px 0; color: #414141; text-align: center; border-bottom: 5px solid #e9e9e9;}
#wrapper #page #inner-page1 #listings #floating-search {border: 1px solid #e9e9e9; height: 30px; line-height: 26px; float: none; max-width: 320px; width: 100%; background-color: #fff; margin: 20px auto;}
#wrapper #page #inner-page1 #listings #floating-search input[type='text'] {padding: 0 2.5%; border: none; width: 80%; color: #ccc; line-height: 30px; height: 30px}
#wrapper #page #inner-page1 #listings #floating-search input[type='text']:active {border: none;}
#wrapper #page #inner-page1 #listings #floating-search .submit {background-color: transparent; border: none; background-image:url(images/lens.png); background-position:center; background-repeat: no-repeat; width: 10%; padding: 0px; float: right; height: 30px;} 
#wrapper #page #inner-page1 #listings #boxes {float: none; width: 218px; border: 1px solid #ffb2da; border-style: inset; margin: 30px auto; box-shadow: 0px 1px 1px #000; height: 200px; overflow: hidden; display: block;}
#wrapper #page #inner-page1 #listings #boxes #caption {height: 45px; position: relative; top: -55px; background-image: url(images/c-box-caption.png); padding: 5px 10px; -webkit-transition: all ease 0.5s; -moz-transition: all ease 0.5s; -o-transition: all ease 0.5s; -ms-transition: all ease 0.5s; transition: all ease 0.5s; }
#wrapper #page #inner-page1 #listings #boxes #caption h3 {color: #fff; padding: 0px; margin: 0px; font-family: Palatino Linotype, Book Antiqua3, Palatino6, serif; font-weight: normal;}
#wrapper #footer {width: 100%; background-color: #e0e0e0;padding-top: 20px;}
#wrapper #page #inner-page1 #listings #boxes h4 {position: relative; top: -270px; float: right; display: inline; background-image:url(images/list-price.png);height: 40px; width: 50px; line-height: 40px; color: #fff; margin: 0px; padding: 10px 0 0 0; text-align: center; vertical-align: bottom;}
#wrapper #page #inner-page1 #listings #boxes #caption:hover {height: 60px; position: relative; top: -70px; cursor: pointer;}
#wrapper #page #inner-page1 #listings #nav {float: none; display: block; margin: 0 auto;}
#wrapper #footer-in {width: 100%; max-width: 1020px; margin: 0 auto;}
#wrapper #footer-in #boxes {width: 96%; float: none; margin: 0 auto 20px auto; position: relative; top: 0px; padding: 2%;}
#wrapper #footer-in #boxes h2 {font-size: 24px; color: #000; font-family: Palatino Linotype, Book Antiqua3, Palatino6, serif; margin: 0px; padding: 0px; font-weight: normal;}
#wrapper #footer-in #boxes p {font-size: 14px; color: #414141;}
#wrapper #footer-in #boxes #gallery-list {border: 5px solid #9e2c61; height: 65px; width: 65px; float: left; margin: 10px 3px 20px 3px;}
#wrapper #footer-in #boxes #gallery-list img {width: 100%; height: 100%; cursor: pointer;}
#wrapper #footer-in #boxes #gallery-list:hover {box-shadow: 1px 1px 1px #F9F;}
#wrapper #footer hr {border: 1px solid #ccc; position: relative; top: -0px;}
#wrapper #footer #copyright {width: 100%; margin: 0 auto; line-height: auto; position: relative; top: -0px; height: auto;}
#wrapper #footer #copyright h1 {font-size: 12px; color: #000; font-family: Palatino Linotype, Book Antiqua3, Palatino6, serif; float: none; font-weight: normal; margin: 0; display: block; text-align: center}
#wrapper #footer #copyright #social-icons {float: none; height: 30px; vertical-align:middle; padding: 10px; display: block; text-align:center}
.sml_submitbtn {margin: 0 auto; padding: 10px 5%; text-align: center; border-radius: 10px; background-color: #9e2a60; color: #fff; border-style: inset; border: 2px solid #c64b84; text-shadow: 1px 1px 1px #000; cursor: pointer; float: none;}
#wrapper #header-in #booking {float: none; font-family: Palatino Linotype, Book Antiqua3, Palatino6, serif; display: block; text-align: center !important; margin: 0 auto !important; width: 100%;}
}
