/*
Theme Name: Park Regis Property Site Reztrip
Theme URI: http://wordpress.org/
Description: Reztrip Wordpress theme for Staywell
Author: TravelTripper 
Author URI: http://www.traveltripper.com/
Version: 0.1
License: Copyright 2017 Staywell
*/

/*

[ CSS Document ]

	Style Sheet Name: main.css
	Website: (The Website Homepage)
	Author: Jimmyweb Web Design
	Author URL: www.jimmyweb.net
	Version: 1.0
	Date: 12/05/2011

[ Table Of Contents ]

	0- Reset
	1- Global Structure
	2- Global Typography
	3- Global Headings
	4- Navigation
	5- Content
	6- Extras
	7- Forms
	8- Global Footer

[ Quick Colour Reference Guide ]

	color: 					#000000; - (black)
	color: 					#ffffff; - (white)
	color:					#1e90de; - (a:link)
	color:					#e84324; - (a:hover)
	Etc...

[ Quick Background Image Code ]

	background: 		#fff url(../images/bg.jpg) top center repeat;
	background: 		#fff url(../images/bg.jpg) top center no-repeat;
	background: 		#fff url(../images/bg.jpg) top center repeat-x;
	background: 		#fff url(../images/bg.jpg) top center repeat-y;

[ Quick Text Shadow Code ]

	text-shadow:		0 1px 1px rgba(255, 255, 255, 0.95);
	text-shadow:		0 1px 1px rgba(64, 64, 64, 0.45);

*/


/* 0 ---[   R E S E T   ]--- */

/* 1 ----------------------------------------------------------------------------------------------------[   G L O B A L   S T R U C T U R E   ]---
*/

html {
    text-align: 		left;
    padding: 				0;
    margin: 				0;
    border: 				0;
    width: 					100%;
}
body {
    background: 		#333;
    color: 					#333;
    clear: 					both;
    line-height: 		1;
    vertical-align: top;
    padding: 				0;
    margin: 				0;
    font-family: 		Helvetica, helvetica, Arial, sans-serif;
    font-size: 			12px;
    line-height: 		1.5em;
    width: 					100%;
}
ul#supersized {
    margin:  				0px 0px 0px 0px;
    padding: 				0px 0px 0px 0px;
}
#backgroundTrigger {
    position: 			absolute;
    top: 						-3px;
    right: 					-30px;
    cursor: 				pointer;
}
#backgroundTriggerReturn {
    position: 			fixed;
    top: 						142px;
    left: 					-50px;
    z-index: 				1000;
    cursor: 				pointer;
}
#TB_overlay {
	z-index: 1000 !important;
}

/* -------------[ General Wrappers ]------------- */
.outer {
    background: 		url(images/bg.png) top right repeat;
    margin: 				0px 10px 10px;
    overflow: 			auto;
}
.wrap {
    clear: 					both;
    margin:  				0px 0px 0px 0px;
    padding: 				0px 0px 0px 0px;
    position: 			relative;
    text-align: 		left;
    width: 					100%;
}
.inner {
    margin:  				0px auto 0px auto;
    padding: 				0px 0px 0px 0px;
    position: 			relative;
}
/* -------------[ Header Section Style ]------------- */
header.wrap {
    margin:  				0px 0px 0px 0px;
    padding: 				0px 0px 0px 0px;
    background: 		#64367e;
    height: 				95px;
    position: 			fixed;
    z-index: 				200;
}
header.wrap .inner {
    margin: 				10px 10px 0 10px;
    background: 		#521e70;
    height: 				85px;
    position: 			relative;
}
.logo {
}
/* -------------[ Section Style ]------------- */
section.wrap {
    float: 					left;
    padding-top: 		155px;
}
/* General table style */
table {
    vertical-align:	middle;
    border:					1px solid #dccb7d;
    border-collapse:collapse;
    border-spacing:	0;
    padding: 				5px 5px 5px 5px;
    margin-bottom:	18px;
    width:					100%;
    text-shadow:		0 1px 1px rgba(255, 255, 255, 0.95);
}
th {
    color:					#fff;
    background:			#dccb7d;
    padding:				10px;
    border-bottom:	1px solid #dccb7d;
    vertical-align:	middle;
    text-align: 		left;
    text-shadow: none;
}
td {
    color:					#666;
    padding:				6px 10px;
    vertical-align:	middle;
    font-size: 			11px;
}
tr.even td {
    background: 		#f2f0e2;
}
/* 2 ----------------------------------------------------------------------------------------------------[   G L O B A L   T Y P O G R A P H Y   ]---
*/

p {
    margin: 				0px 0px 0px 0px;
    padding: 				0em 0px 1.5em 0px;
}

#imported blockquote{
    font-size: 15px !important;
}

blockquote {
    font-style:			italic;
    quotes: 				none;
    margin: 				0 70px;
    font-size: 			24px;
    border-top: 		1px solid #dccb7d;
    padding-top: 		16px;
    padding-bottom: 0px;
    color: 					#64367e;
    line-height: 		1.1em;
    font-family:		'Cabin Condensed', Arial, Helvetica, sans-serif;
}
blockquote p {
    margin: 				0px 0px 0px 0px;
    padding: 				0em 0px 20px 0px;
}
cite {
    text-align: 		right;
    display: 				block;
    border-top: 		1px solid #dccb7d;
    font-size: 			12px;
    color: 					#aa963e;
    font-family:		Arial, Helvetica, sans-serif;
}
ul {
    list-style: none;
}
ol {
    list-style-type: decimal;
    margin: 				0px 0px 0px 40px;
    padding: 				0px 0px 1.5em 0px;
}
.content ul {
    list-style: 		none;
    margin: 				0px 0px 0px 20px;
    padding: 				0px 0px 1.5em 0px;
}
.content ul li {
    background: 		url("images/dot.png") no-repeat scroll left 6px rgba(0, 0, 0, 0); 
    margin: 				0px 0px 0px 0px;
    padding: 				0px 0px 0px 20px;
    background-position-y: 7px;
}
a:link, a:visited {
    color:					#1e90de;
    text-decoration: none;
}
a:hover {
    color:					#e84324;
    text-decoration: none;
}
.content img {
    display: block;
    max-width: 100%;
    height: auto;
}

/* 3 ----------------------------------------------------------------------------------------------------[   G L O B A L   H E A D I N G S   ]---
*/

h1, h2, h3, h4, h5, h6 {
    color: 					#8a7351;
    margin: 				0px;
    padding: 				0px;
    font-family:		'Cabin Condensed', Arial, Helvetica, sans-serif;
    font-weight: 		500;
    text-rendering: optimizeLegibility;
    text-shadow:		0 1px 1px rgba(64, 64, 64, 0.25);
}
/* -------------[ H1 Style ]------------- */
h1 {
    font-size: 			16px;
    margin:  				0px 0px 0px 0px;
    padding: 				0px 0px 0px 0px;
    text-shadow:		none;
    position: 			absolute;
    bottom: 				10px;
    left: 					20px;
    z-index: 100;
    font-family:		Arial, Helvetica, sans-serif;
}
h1 a:link, h1 a:visited {
    color: 					#fff;
    -ms-filter:			"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: 				alpha(opacity=60);
    /* Older than Firefox 0.9 */
    -moz-opacity:		0.6;
    /* Safari 1.x (pre WebKit!) */
    -khtml-opacity: 0.6;
    /* Modern!
     /* Firefox 0.9+, Safari 2?, Chrome any?
     /* Opera 9+, IE 9+ */
    opacity: 				0.6;
}
h1 a:hover {
    color: 					#fff;
    -ms-filter:			"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: 				alpha(opacity=90);
    /* Older than Firefox 0.9 */
    -moz-opacity:		0.9;
    /* Safari 1.x (pre WebKit!) */
    -khtml-opacity: 0.9;
    /* Modern!
     /* Firefox 0.9+, Safari 2?, Chrome any?
     /* Opera 9+, IE 9+ */
    opacity: 				0.9;
}
.logo {
    padding: 				5px 0px 0px 10px;
    margin: 				0px 0px 0px 0px;
    display: 				block;
}
/* -------------[ Specific Heading Styles ]------------- */
h2 {
    font-size: 			24px;
    margin: 				0 0 0.5em 0;
}
h3 {
    font-size: 			24px;
    line-height:        1.2;
    margin: 				0 0 0.5em 0;
    color: 					#64367e;
    clear: both;
}
h3 a:link, h3 a:visited {
    color: 					#64367e;
}
h4 {
    font-size: 			18px;
    margin: 				0 0 0.5em 0;
}
h5 {
    font-size: 			18px;
    margin: 				0 0 0.5em 0;
    color: 					#64367e;
}
h6 {
    font-size: 			16px;
    margin: 				0 0 0.5em 0;
}
/* 4 ----------------------------------------------------------------------------------------------------[   N A V I G A T I O N   ]---
*/

#mobileNav {
    display: 				none;
}
#mobileNavTrigger, .mobileNavBookNow {
    display: 				none;
}
#topNav {
    position: 			absolute;
    top: 						42px;
    right: 					8px;
    text-align: 		right;
    list-style: 		none;
    margin:  				0px 0px 0px 0px;
    padding: 				0px 0px 0px 0px;
}
#topNav li {
    float: 					left;
    margin:  				0px 0px 0px 0px;
    padding: 				0px 0px 0px 0px;
    font-size: 			11px;
    font-weight: 		bold;
}
#topNav li a {
    margin:  				0px 0px 0px 0px;
    padding: 				5px 8px 5px 8px;
    display: 				block;
}
#topNav li a:link, #topNav li a:visited {
    color: 					#cabed1;
}
#topNav li a:hover {
    color: 					#fff;
}
#topNav li a strong {
    color: 					#fff;
    font-size: 			16px;
    font-style:			italic;
    position: 			relative;
    top: 						2px;
}
/* -------------[ Main Nav ]------------- */
.navWrap {
    clear: 					both;
    margin:  				0px 0px 0px 0px;
    padding: 				0px 0px 0px 0px;
    background: 		#ffde10 url(images/nav.png) center right repeat;
    height: 				38px;
    display: 				block;
}
nav#mainNav {
    clear: 					both;
    margin:  				0px 10px 0px 10px;
    padding: 				0px 0px 0px 0px;
    position: 			relative;
    height: 				38px;
    display: 				block;
    background: 		url(images/nav.png) center right repeat;
}
nav ul {
    float: 					left;
    margin:  				0px 0px 0px 0px;
    padding: 				0px 0px 0px 0px;
    text-shadow:		none;
    font-size: 			12px;
    text-transform: capitalize;
    width: 					100%;
}
nav ul li {
    display: 				inline;
    float: 					left;
    margin:  				0px 0px 0px 0px;
    padding: 				0px 0px 0px 0px;
    position: 			relative; /*-- Important --*/
    background: 		url(images/nav.png) center right no-repeat;
}
nav ul li a {
    display: 				block;
    margin:  				0px 0px 0px 0px;
    font-weight: 		bold;
    line-height: 		0.7em;
    padding: 				15px 14px 15px 14px;
    background: 		url(images/nav.png) center right no-repeat;
    text-shadow:		0 1px 1px rgba(255, 255, 255, 0.55);
}
nav ul li a:link, nav ul li a:visited {
    color:					#383500;
    text-decoration: none;
    -webkit-transition: 	color 0.2s ease-out 0s;
    -moz-transition: 			color 0.2s ease-out 0s;
    -o-transition: 				color 0.2s ease-out 0s;
    transition: 					color 0.2s ease-out 0s;
}
nav ul li a:hover {
    color:					#521e70;
    text-decoration: none;
    background: 		#fff;
}
nav ul .sub ul li .navDetails a:link,
nav ul .sub ul li .navDetails a:visited {
    font-size: 100%;
    display: inline;
    color: #BDB075;
}
/* Hover State */
nav ul li:hover a, nav ul li a:hover {
    color:					#521e70;
    position: 			relative;
    z-index: 				99999;
    background: 		#fff;
}

/* Active State */
nav ul li a.active:link, nav ul li a.active:visited {
    color:					#000;
    text-decoration: none;
    background: 		#fff10d url(images/nav.png) center right repeat;
    border-right: 	1px solid #c3b13e;
}
/* Active Hover State */
nav ul li:hover a.active, nav ul li a.active:hover {
    color:					#521e70;
    position: 			relative;
    z-index: 				99999;
    background: 		#fff;
    border-right: 	1px solid #fff;
}


/* Menu - HOT */
nav ul li#menu-hot {
    border-right: 	none;
}
nav ul li#menu-hot a {
    padding: 				17px 18px 17px 18px;
    position: 			relative;
    top: 						-2px;
    left: 					-1px;
    z-index: 				100000;
    border-right: 	none;
    text-shadow:		none;
    -webkit-border-radius: 	2px;
    -moz-border-radius: 		2px;
    border-radius: 					2px;
    -webkit-box-shadow: #333 0 0 2px;
    -moz-box-shadow: 		#333 0 0 2px;
    box-shadow: 				#333 0 0 2px;
}
nav ul li#menu-hot a:link, nav ul li#menu-hot a:visited {
    background: 		#841500 url(images/navHot.png) center right repeat;
    color: 					#f7f1e7;
}
nav ul li#menu-hot a:hover {
    background: 		#fff url(images/navHot.png) center right repeat;
    color: 					#fff;
}

#youtube {
    position:           absolute;
    bottom:             12%;
    z-index:            999999;
}

/* -------------[ Mega Drop Down ]------------- */
nav ul li .sub {
    position: 			absolute; /*--Important--*/
    top: 						38px;
    left: 					0;
    z-index: 				99998;
    background: 		#fff;
    padding: 				15px 15px 10px 15px;
    float: 					left;
    text-shadow:		none;
    display: 				none; /*--Hidden for those with js turned off--*/
    -webkit-box-shadow: #000 0 0 .25em;
    -moz-box-shadow: 		#000 0 0 .25em;
    box-shadow: 				#000 0 0 .25em;
    behavior: 					url(css/PIE.htc);
}
nav ul li .sub p {
    font-size: 			11px;
    line-height: 		1.3em;
    text-transform: none;
    border-bottom: 	1px solid #e7e3c5;
    margin:  				0px 0px 10px 0px;
    padding: 				0px 0px 10px 0px;
}
nav ul li .row { /*--If needed to break out into rows--*/
    clear: 					both;
    float: 					left;
    width: 					100%;
}
nav ul li .sub ul {
    font-family:		helvetica, Arial, Helvetica, sans-serif;
    margin:  				0px 0px 0px 0px;
    padding: 				0px 0px 0px 0px;
    width: 					315px;
    float: 					left;
    text-transform: capitalize;
}
nav ul .sub ul li {
    width: 					300px; /*--Override parent list item--*/
    margin:  				0px 0px 5px 0px;
    padding: 				0px 0px 0px 0px;
    border: 				none;
    background: 		none;
    color: 					#bdb075;
    font-size: 			11px;
    line-height: 		1.3em;
}
nav ul .sub ul li img {
    float: 					left;
    width: 					110px;
    margin:  				4px 10px 0px 0px;
    padding: 				0px 0px 0px 0px;
    display: 				block;
}
nav ul .sub ul li a:hover img {
}
nav ul .sub ul li a {
    width: 					auto; /*--Override parent list item--*/
    padding: 				2px 0px 2px 0px;
    float: 					none;
    border: 				none;
    background: 		none;
    font-weight: 		500;
    line-height: 		1.5em;
    font-size: 			18px;
    font-family:		'Cabin Condensed', Arial, Helvetica, sans-serif;
}
nav ul .sub ul li a:link, nav ul .sub ul li a:visited {
    text-indent: 		0; /*--Override text-indent from parent list item--*/
    height: 				auto; /*--Override height from parent list item--*/
    text-decoration: none;
    background:			none;
    color:					#521e70;
}
nav ul .sub ul li a:hover {
    text-indent: 		0; /*--Override text-indent from parent list item--*/
    height: 				auto; /*--Override height from parent list item--*/
    text-decoration: none;
    color: 					#1e90de;
    -webkit-box-shadow: 		none;
    -moz-box-shadow: 				none;
    box-shadow: 						none;
}
.navDetails {
    display: 				block;
    margin:  				0px 0px 0px 0px;
    padding: 				0px 0px 0px 0px;
    width:					179px;
    float: 					right;
    text-transform: none;
}
nav ul .sub a.title {
    margin:  				10px 0px 8px 0px;
    padding: 				0px 0px 0px 0px;
    font-size: 			18px;
    border: 				none;
    font-weight: 		500;
    font-family:		'Cabin Condensed', Arial, Helvetica, sans-serif;
}
nav ul .sub a.title:link, nav ul .sub a.title:visited {
    color:					#521e70;
}
nav ul .sub a.title:hover {
    color: 					#1e90de;
}
/* 5 ----------------------------------------------------------------------------------------------------[   C O N T E N T   ]---
*/

.wp-editor-area {
    /* visual editor displaying text in white. possibly caching issue. */
    color: #000 !important;
}

/* -------------[ Sitewide Content ]------------- */
/* Sitewide Main Section */
article {
    width: 					600px;
    float: 					left;
    position: 			relative;
    z-index: 1;
    margin:  				0px 0px 60px 20px;
    padding: 				0px 0px 0px 0px;
    background: 		#f6f6f6 url(images/background.jpg) top left repeat;
    -webkit-box-shadow: #333 0 0 .25em;
    -moz-box-shadow: 		#333 0 0 .25em;
    box-shadow: 				#333 0 0 .25em;
}
article h2 {
    line-height: 25px;
}
.content {
    padding: 				30px 30px 20px 30px;
    width: 					540px;
    float: 					right;
    background: 		#f9f8f0;
}
.topImageWrap {
    border: 				10px solid #f9f8f0;
    border-bottom: 	1px solid #fff;
    width: 					580px;
    position: 			relative;
    height: 				293px;
    overflow: 			hidden;
}
.topImage {
    width: 					100%;
    display: 				block;
    position: 			relative;
}
.topImageShadow {
    width: 					100%;
    height: 				100%;
    position: 			absolute;
    top: 						0px;
    left: 					0px;
    box-shadow: 		0 0 4px rgba(0, 0, 0, 0.45) inset;
    z-index: 				10;
}
.hero {
    width: 					100%;
}
ul#heroList {
    margin:  				0px 0px 0px 0px;
    padding: 				0px 0px 0px 0px;
    list-style: 		none;
    width: 					100%;
    height: 				100% !important;
}
ul#heroList li {
    margin:  				0px 0px 0px 0px;
    padding: 				0px 0px 0px 0px;
    list-style: 		none;
    width: 					100%;
}
ul#heroList li img {
    width:				 	100%;
    height:				 	100%;
}
.content img.right,
.content img.alignright {
    float: 					right;
    width: 					250px;
    position: 				relative;
    right: 					-10px;
    margin: 					4px 0 10px 10px;
    display: 				block;
}
.book-buttons {
    background: 		url(images/line.jpg) center right repeat-x;
    height: 				78px;
    text-align: 		center;
    margin-bottom: 	20px;
}

#ui-datepicker-div {
	width: 267px;
}

.double-button {
    height: 				78px;
    width: 					338px;
    display: 				block;
    margin: 				auto;
    text-align: 		left;
}
#hot {
    background: 		url(images/double.png) top left no-repeat;
    height: 				78px;
    width: 					169px;
    display: 				block;
    float: 					left;
}
#book {
    background: 		url(images/double.png) top right no-repeat;
    height: 				78px;
    width: 					169px;
    display: 				block;
    float: 					right;
}
/* Sitewide Aside */
aside {
    position: 			fixed;
    z-index: 2;
    top: 						155px;
    right: 					30px;
    width: 					250px;
    margin:  				0px 0px 0px 0px;
    padding: 				0px 0px 0px 0px;
}
aside ul {
    margin:  				0px 0px 20px 18px;
    padding: 				0px 0px 0px 0px;
}
.price {
    text-align: 		center;
    margin:  				0px 0px 20px 0px;
    padding: 				40px 0px 30px 0px;
    background: 		#521e70 url(images/icon.png) top left no-repeat;
    color: 					#fff;
    -webkit-box-shadow: #000 0 0 .25em;
    -moz-box-shadow: 		#000 0 0 .25em;
    box-shadow: 				#000 0 0 .25em;
}



p.rateLinks {
    font-size: 11px;
    text-align: center;
    display: block;
    background: 		url(images/line.jpg) top right repeat-x;
    padding: 7px 0 0 0;
}
p.rateLinks a {
    padding: 5px 5px;
    font-weight: bold;
    letter-spacing: -0.5px;
}

p.rateLinks a:link, p.rateLinks a:visited {
    color: 					#64367e;
}
p.rateLinks a:hover {
    color: 					#8a7351;
}


.price p {
    font-size: 			60px;
    font-weight: 		bold;
    font-style: 		italic;
    display: 				block;
    margin:  				0px 0px 0px 0px;
    padding: 				0px 0px 0px 0px;
    font-family:		"Calibri", Arial, Helvetica, sans-serif;
    position: 			relative;
}
.price p .rooms {
    font-size: 			14px;
    position: 			absolute;
    top: 						-14px;
    right: 					0px;
    font-family:		"Calibri", Arial, Helvetica, sans-serif;
}
.price p .from {
    font-size: 			14px;
    position: 			relative;
    top: 						-13px;
    left: 					-3px;
    font-family:		"Calibri", Arial, Helvetica, sans-serif;
}
.booking {
    background: 		url(images/bg-white.png) top right repeat;
    margin:  				0px 0px 20px 0px;
    padding: 				12px 20px 8px 20px;
    border: 				1px solid #fff;
    -webkit-border-radius: 	10px;
    -moz-border-radius: 		10px;
    border-radius: 					10px;
}
.booking h4 {
    font-size: 			24px;
    color: 					#521e70;
}
aside .booking ul {
    list-style: 		none;
    margin:  				0px 0px 0px 0px;
    padding: 				0px 0px 0px 0px;
}
#frm-search {
}
#frm-search label {
    font-weight: 		bold;
    font-size: 			11px;
    width: 					50px;
    display: 				block;
    float: 					left;
    position: 			relative;
    top: 						3px;
    text-align: right;
}
#search-checkin-wrap {
}
#search-checkin-wrap img {
    position: 			relative;
    top: 						2px;
}
#frm-search input {
    width: 					110px;
    padding: 				2px 3px;
    margin: 				0px 0px 5px 6px;
}
#nights-wrap, #rooms-wrap, #adults-wrap, #children-wrap {
    width: 					50%;
    float: 					left;
}
#frm-search select {
    width: 					30px;
    padding: 				2px 3px;
    margin: 				0px 0px 5px 6px;
}
#frm-search input.button {
    width: 					146px;
    padding: 				0px 0px;
    margin: 				7px 0px 7px 55px;
}
.more {
    margin-top: 7px;
    padding:5px;
    margin-left:5px;
    border-left: 1px solid #e1e1e1;
    font-size: 11px;
    float:left;
}

.booknow {
    float:left;
}

/* -------------[ Side Navigation ]------------- */
.sideMenuTrigger {
    display: 				none;
}
.sideMenu {
    margin:  				0px 0px 20px 30px;
    padding: 				0px 0px 0px 0px;
    background: 		#f9f8f0;
    width: 					200px;
    float: 					right;
}
.sideMenu ul {
    text-align:            right;
    list-style: 		none;
    margin:  				0px 0px 0px 0px;
    padding: 				0px 0px 0px 0px;
    background: 		#f9f8f0;
    width: 					100%;
    font-size: 			12px;
}
.sideMenu ul li a {
    display: 				block;
    margin:  				0px 0px 0px 0px;
    padding: 				6px 0px 6px 0px;
    border-bottom: 	1px solid #e2d9b2;
    color: 					#64367e;
}
.sideMenu ul li a:hover {
    color: 					#000;
}
.sideMenu ul li ul {
    margin:  				0px 0px 0px 0px;
    padding: 				0px 0px 0px 0px;
    position: 			relative;
    font-size: 			11px;
}
.sideMenu ul li ul li {
}
.sideMenu ul li li a {
    display: 				block;
    margin:  				0px 0px 0px 0px;
    padding: 				6px 0px 6px 20px;
    border-bottom: 	1px solid #e2d9b2;
    color: 					#64367e;
    background: 		url(images/subnav.png) center left no-repeat;
}
.sideMenu ul li li a:hover,
.sideMenu ul li.current_page_item > a {
    color: 					#000;
}
.sideMenu ul li li li a {
    padding: 				6px 0px 6px 32px;
    background: 		url(images/subnav1.png) center left no-repeat;
}
.content .sideMenu ul li {
    background: 		none;
    margin: 				0px 0px 0px 0px;
    padding: 				0px 0px 0px 0px;
}
.sideMenu ul ul ul {
    display: none;
}
.sideMenu ul ul li.current_page_ancestor ul,
.sideMenu ul ul li.current_page_item ul {
    display: block;
}

/* -------------[ Hotdeals Content ]------------- */


#dealSide {
    height:280px;
    width:220px;
    float:right;
	margin-left: 10px;
}

#dealSide img {
    float:right;
	width:100%;
}

#dealSide p {
    float:right;
    position:relative;
    top:10px;
}

#prefix {
    font-family:Calibri, Arial, Helvetica, sans-serif;
    font-size: 38px;
    font-weight: bold;
    font-style: italic;
    display: block;
    float:left;
}

#suffix {
    float:right;
    padding-top:10px;
    font-family:Calibri, Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: bold;
    font-style: italic;
}

/* -------------[ SpecificPage Content ]------------- */
/* -------------[ SpecificPage Content ]------------- */


/* 6 ----------------------------------------------------------------------------------------------------[   E X T R A S   ]---
*/

/* jQuery styles */

/* Google map style */
#map_canvas {
    position: 			relative;
}
/* Video style */

/* Audio style */

/* Social Media Styles */
.social {
	position: absolute;
	right: 0px;
	top: 15px;
	width: 350px;
	height: 25px;
}
#share {
    position:absolute;
    right: 0px;
    color: 					#fff;
    margin:  				0px 0px 0px 0px;
    padding: 				0px 0px 0px 0px;
    width:320px;
}


/* Breadcrumb style */
.breadcrumbs {
    float: 					left;
    width: 					100%;
    background: 		#F9F8F0 url(images/line.jpg) bottom right repeat-x;
}
.breadcrumbs p {
    margin:  				0px 0px 0px 0px;
    padding: 				14px 0px 12px 0px;
    font-size: 				10px;
    color: 					#e2d9b2;
}
.breadcrumbs p a, .breadcrumbs p span {
    margin:  				0px 0px 0px 0px;
    padding: 				0px 5px 0px 5px;
    font-size: 			10px;
}
.breadcrumbs p a:link, .breadcrumbs p a:visited {
    color: 					#8a7351;
}
.breadcrumbs p a:hover {
    color: 					#000;
}
.breadcrumbs p span {
    color: 					#8a7351;
}


/* 7 ----------------------------------------------------------------------------------------------------[   F O R M S   ]---
*/

/* -------------[ Form Elements ]------------- */
label, input[type=button], input[type=submit], button {
    cursor: 				pointer; /* Hand cursor on clickable input elements */
}
ul.form, ul.form ul {
    list-style-type: none;
    margin:  				0px 0px 0px 0px;
    padding: 				0px 0px 0px 0px;
}
ul.form li {
    clear: 					both;
    margin: 				5px 0;
    position: 			relative;
    font-size: 			11px;
}
ul.form li label {
    float: 					left;
    text-align: 		right;
    width: 					140px;
    padding: 				2px 15px 0 0;
}
ul.form li label.error {
    color:					#eb856a;
}
ul.form li input {
    padding: 				2px;
}
ul.form li textarea {
    padding: 				2px;
}
ul.form li select {
    padding: 				2px;
    outline: 				hidden;
}
ul.form li select option {
    padding-right: 	10px;
    padding-left: 	2px;
    outline: 				hidden;
}
ul.form li #btnSubmit {
    padding: 				2px 20px;
    margin: 				10px 0 20px 155px;
}
ul.form li .legend {
    display: 				block;
    float: 					left;
    text-align: 		left;
    padding: 				2px 0px 0px 155px;
}
#content ul.form li ul.radioGroup {
    list-style-type: none;
    margin: 				0 0 -15px 0;
    padding: 				0;
    float: 					none;
    position: 			relative;
    top: 						-21px;
    left: 					155px;
}
#content ul.form li ul.radioGroup li {
    margin: 				2px 0;
    position: 			relative;
}
#content ul.form li ul.radioGroup li label {
    float: 					none;
    text-align: 		left;
    padding: 				0px 0px 0px 0;
    position: 			relative;
    top: 						-3px;
}


/* 8 ----------------------------------------------------------------------------------------------------[   G L O B A L   F O O T E R   ]---
*/

.sub-footer {
    background: 		#521e70;
    margin:  				0px 0px 0px 0px;
    padding: 				20px 20px 20px 20px;
    overflow: auto;
}
.sub-footer ul {
    float: left;
    width: 33%;
    list-style: disc;
    color: 					#a57abd;
    margin:  				0px 0px 0px 0px;
    padding: 				0px 0px 0px 0px;
}
.sub-footer ul li {
    margin:  				0px 0px 0px 20px;
    padding: 				0px 0px 0px 0px;
    font-size: 11px;
}
.sub-footer a:link, .sub-footer a:visited {
    color: 					#a57abd;
}
.sub-footer a:hover {
    color: 					#dcc7e8;
}
footer.wrap {
    position: 			fixed;
    bottom: 				0px;
    left: 					0px;
    z-index: 				100;
    margin:  				0px 0px 0px 0px;
    padding: 				0px 0px 0px 0px;
    background: 		#64367e;
    overflow: 			hidden;
    -webkit-box-shadow: #000 0 0 .25em;
    -moz-box-shadow: 		#000 0 0 .25em;
    box-shadow: 				#000 0 0 .25em;
}
footer.wrap .inner {
    margin:  				0px 10px 12px 10px;
    padding: 				15px 30px 10px 30px;
    background: 		#521e70;
    overflow: 			hidden;
    position: 			relative;
}
footer p, footer ul {
    text-shadow:		none;
    margin-bottom: 	0px;
    padding-bottom: 0px;
    color: 					#7f4e9b;
    font-size: 			11px;
    height: 16px;
    display: inline-block;
    float:none;
    width: 50%;
}

#menu-footer li {
	float:left;
}

footer a:link, footer a:visited {
    color: 					#a57abd;
}
footer ul li a {
    float: left;
    padding-right: 0.7em;
    margin-right: 0.7em;
    border-right: 1px solid #7F4E9B;
    line-height:  1.1;
}
footer ul li:last-child a {
    border: none;
}
footer a:hover {
    color: 					#dcc7e8;
}
#subscribe {
    display: 				block;
    position: 			absolute;
    top: 						6px;
    right: 					20px;
    margin:  				0px 0px 0px 0px;
    padding: 				0px 0px 0px 0px;
    color: 					#fff;
}
#subscribe input {
    padding: 				5px;
    margin:  				0px 0px 0px 4px;
    background: 		#64367e;
    color: 					#fff;
    border: 				none;
}
#subscribe label {
    margin:  				0px 6px 0px 12px;
    padding: 				5px 0px 5px 12px;
    border-left: 		1px solid #8a5ca3;
    font-size: 12px;
    color: white;
}
#subscribe input.button {
    padding: 				0px 0px 0px 0px;
}
#subscribe div, #subscribe form, #subscribe ul, #subscribe li   {
    display: inline;
}
#reg {
    position: relative;
    text-align: right;
}
#n-reg {
    font-size: 11px;
    position: relative;
    top: -6px;
    font-weight: bold;
}
#n-arc {
    font-size: 11px;
    position: absolute;
    bottom: -11px;
    right: 3px;
    width: 200px;
    color: 					#7f4e9b;
}
#staywell {
    position: 			fixed;
    bottom: 				70px;
    right: 					30px;
    z-index: 1;
    width: 					130px;
}

/* 9 ----------------------------------------------------------------------------------------------------[   R E S P O N S I V E   S T Y L E S   ]---
---------------------------------------------------------------------------------------------------------[   R E S P O N S I V E   S T Y L E S   ]---
---------------------------------------------------------------------------------------------------------[   R E S P O N S I V E   S T Y L E S   ]---
*/






/* ----------------------------------------------------[ WIDE - Wider than 1380px ]-------------------------- */

@media only screen and (min-width: 1380px) {
    /* ––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––
                  W I D E   S T Y L E S
   ––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */


    body {
    }
    #topNav li {
        font-size: 			12px;
    }
    #topNav li a {
        padding: 				5px 10px 5px 10px;
    }
    nav ul li .sub {
        padding: 				15px 15px 0px 15px;
    }
    nav ul li a {
        padding: 				15px 19px 15px 19px;
    }
    nav ul li#menu-hot a {
        padding: 				17px 22px 17px 22px;
    }
    nav ul li .sub ul {
        width: 					345px;
    }
    nav ul .sub ul li {
        width: 					330px; /*--Override parent list item--*/
        margin:  				0px 0px 15px 0px;
    }
    nav ul .sub ul li img {
        width: 					130px;
        margin:  				4px 15px 0px 0px;
    }
    .navDetails {
        width:						184px;
    }
    article {
        width: 					700px;
    }
    .content {
        width: 					640px;
    }
    .topImageWrap {
        width: 					680px;
        height: 					290px;
    }
    .content img.alignright,
    .content img.right {
        float: 					right;
        width: 					250px;
        position: 				relative;
        right: 					0px;
        margin: 					4px 0 10px 10px;
        display: 				block;
    }
    footer p, footer ul {
		width: auto;
	}
	.hero #heroList li img {
		width: 115%;
	}
}




/* ----------------------------------------------------[ TABLET - Smaller than standard 1000px ]-------------------------- */

@media only screen and (max-width: 1000px) {
    /* ––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––
                  T A B L E T   S T Y L E S
   ––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */


    body {
    }
    .logo {
        padding: 				0px 0px 0px 10px;
        margin: 				0px 0px 0px 0px;
        display: 				block;
    }
    .logo img {
        width: 					230px !important;
        position: 				relative;
        top: 						8px;
        left: 						8px;
    }
    #topNav li {
        font-size: 			9px;
    }
    #topNav2 li {
        font-size: 			9px;
    }
    #topNav li a {
        padding: 				5px 6px 5px 6px;
    }
    #topNav2 li a {
        padding: 				5px 6px 5px 6px;
    }
    nav ul {
        font-size: 			11px;
    }
    nav ul li {
        display: 				inline;
        float: 					left;
        margin:  				0px 0px 0px 0px;
        padding: 				0px 0px 0px 0px;
        position: 				relative; /*-- Important --*/
    }
    nav ul li a {
        display: 				block;
        text-align: 		center;
        margin:  				0px 0px 0px 0px;
        font-weight: 		bold;
        line-height: 		0.9em;
        padding: 				14px 5px 14px 5px;
        width: 					58px;
    }
    .long {
        padding: 				9px 7px 9px 7px;
    }
    nav ul li#menu-hot a {
        padding: 				17px 16px 17px 16px;
    }
    nav ul li .sub a {
        text-align: 		left;
        width: 				auto;
    }
    nav ul li .sub ul {
        width: 				265px;
    }
    nav ul .sub ul li {
        width: 				250px;
        line-height: 	1.2em;
    }
    nav ul .sub ul li img {
        width: 				90px;
    }
    nav ul .sub ul li a {
        line-height: 	1.1em;
        font-size: 		16px;
    }
    .navDetails {
        width:					149px;
        font-size: 		10px;
    }
    nav ul .sub a.title {
        font-size: 		16px;
    }
    article {
        width: 					430px;
        margin:  				0px 0px 85px 20px;
    }
    .content {
        padding: 			30px 20px 20px 20px;
        width: 				390px;
    }
    .topImageWrap {
        border: 				10px solid #f9f8f0;
        border-bottom: 1px solid #fff;
        width: 				410px;
        height: 				200px;
    }
    .content img.right,
    .content img.alignright {
        width: 				200px;
        right: 				-10px;
    }
    aside {
        width: 					220px;
        margin:  				0px 0px 0px 0px;
        padding: 				0px 0px 0px 0px;
    }
    .price {
        text-align: 		center;
        margin:  				0px 0px 20px 0px;
        padding: 				40px 0px 30px 0px;
        background: 		#521e70 url(images/icon.png) top left no-repeat;
        color: 					#fff;
        -webkit-box-shadow: #000 0 0 .25em;
        -moz-box-shadow: 		#000 0 0 .25em;
        box-shadow: 				#000 0 0 .25em;
    }
    .price p {
        font-size: 			60px;
        font-weight: 		bold;
        font-style: 		italic;
        display: 				block;
        margin:  				0px 0px 0px 0px;
        padding: 				0px 0px 0px 0px;
        font-family:		"Calibri", Arial, Helvetica, sans-serif;
        position: 			relative;
    }
    .price p .rooms {
        font-size: 			14px;
        position: 			absolute;
        top: 						-14px;
        right: 					0px;
        font-family:		"Calibri", Arial, Helvetica, sans-serif;
    }
    .price p .from {
        font-size: 			14px;
        position: 			relative;
        top: 						-13px;
        left: 					-3px;
        font-family:		"Calibri", Arial, Helvetica, sans-serif;
    }
    .booking {
        background: 		url(images/bg-white.png) top right repeat;
        margin:  				0px 0px 20px 0px;
        padding: 				14px 10px 8px 10px;
        border: 				1px solid #fff;
        -webkit-border-radius: 	10px;
        -moz-border-radius: 		10px;
        border-radius: 					10px;
    }
    .booking h4 {
        font-size: 			24px;
        color: 					#521e70;
    }
    aside .booking ul {
        list-style: 		none;
        margin:  				0px 0px 0px 0px;
        padding: 				0px 0px 0px 0px;
    }
    #search-checkin {
        width: 					190px;
        padding: 				3px 3px;
        margin: 				5px 0 10px;
    }
    .frm-action input {
        width: 200px;
    }
    footer.wrap .inner {
        padding: 				10px 30px 10px 20px;
    }
    footer p {
        font-size: 			10px;
        width: 					140px;
        line-height: 		1.4em;
        position: 			relative;
        top: 						-2px;
    }
    #subscribe {
        top: 						9px;
    }
    #staywell {
        bottom: 				90px;
    }
    blockquote {
        margin: 				0 20px;
        font-size: 			22px;
    }
    .sideMenu {
        margin:  				0px 20px 20px 0px;
        padding: 				0px 0px 0px 0px;
        background: 		#f9f8f0;
        width: 					150px;
        float: 					left;
    }
    footer p, footer ul {
		width: 40%;
	}
}










/* ----------------------------------------------------[ MOBILE - All Mobile Sizes ]-------------------------- */

@media only screen and (max-width: 767px) {
    /* ––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––
                  M O B I L E   S T Y L E S
   ––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */


    body {
        background: 		none;
        width: 					100%;
    }
    #backgroundTrigger {
        display: 				none;
    }
    #mobileNavTrigger {
        display: 				block;
        position: 			absolute;
        top: 						20px;
        right: 					20px;
        z-index: 				101;
        color: 					#fff;
        padding: 				3px 20px 3px 35px;
        background: 		#521e70 url(images/navArrow.png) center left no-repeat;
        background-size: 20px;
        border: 				1px solid #64367e;
        cursor: 				pointer;
    }
    .mobileNavBookNow {
        display: 				block;
        position: 			absolute;
        top: 						18px;
        right: 					20px;
        z-index: 				101;
        color: 					#fff;
        padding: 				3px 10px 3px 10px;
        
        
		font-size:14px;
		font-weight:bold;
		
		background: rgba(0, 155, 215, 1);
		background-size: 20px;
	
		cursor: pointer;
	
	
	
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		border: 1px solid rgba(0, 155, 215, 1);
		
    }
    #mobileNav {
        display: 				none;
        background: 		#521e70;
        margin:  				0px 0px 0px 0px;
        padding: 				0px 0px 0px 0px;
        width: 					60%;
        position: 			absolute;
        top: 						45px;
        right: 					20px;
        z-index: 				100;
        -webkit-box-shadow: #000 0 0 .25em;
        -moz-box-shadow: 		#000 0 0 .25em;
        box-shadow: 				#000 0 0 .25em;
    }
    #mobileNav ul {
        list-style: 		none;
        margin:  				0px 0px 0px 0px;
        padding: 				0px 0px 0px 0px;
    }
    #mobileNav ul {
        margin:  				0px 0px 0px 0px;
        padding: 				0px 0px 0px 0px;
        border: 	1px solid #64367e;
        border-top: 	none;
    }
    #mobileNav ul li a {
        display: 				block;
        color: #fff;
        background: 		url(images/navArrow1.png) center left no-repeat;
        background-size: 14px;
        margin:  				0px 0px 0px 0px;
        padding: 				5px 0px 5px 20px;
        border-top: 	1px solid #64367e;
    }
    #topNav {
        display: 			none;
    }
    #topNav2 {
        display: 			none;
    }
    nav#mainNav {
        display: 			none;
    }
    .navWrap {
        display: 			none;
    }
    header.wrap {
        height: 				55px;
    }
    header.wrap .inner {
        height: 				45px;
    }
    .logo {
    }
    .logo img {
        width: auto!important;
		height: 30px!important;
        position: 				relative;
        top: 						2px;
        left: 						0px;
    }
    section {
        width: 				100%;
        clear: 				both;
        -webkit-text-size-adjust: none;
    }
    section.wrap {
        padding-top: 		65px;
    }
    .topImageWrap {
    }
    h1 {
        display: 			none;
    }
    h2 {
        font-size: 		16px;
    }
    h3 {
        font-size: 		18px;
    }
    article {
        width: 				auto;
        clear: 				both;
        position: 			relative;
        margin: 				0 10px 30px;
        float: 				left;
        background: 		#f9f8f0;
    }
    
    .content {
        padding: 			15px 5% 10px 5%;
        width: 				90%;
    }
    .topImageWrap {
        border: 				none;
        border-bottom: 1px solid #fff;
        width: 				95%;
        margin: 				6px 2.5% 0px 2.5%;
        display: 			block;
		border-top: 20px solid #fff;
		height: 200px;
    }
    .content img.right,
    .content img.alignright {
        width: 				200px;
        right: 				-20px;
    }
    .content img.right,
    .content img.alignright {
        float: 				right;
        width: 				100%;
        position: 			relative;
        right: 				0px;
        margin-top: 		4px;
    }
    .book-buttons {
        background: 		url(images/line.jpg) center right repeat-x;
        height: 				58px;
        text-align: 		center;
        margin-bottom: 20px;
    }
    .double-button {
        height: 				58px;
        width: 				250px;
        display: 			block;
        margin: 				auto;
        text-align: 		left;
    }
    #hot {
        background: 		url(images/double.png) top left no-repeat;
        height: 				58px;
        width: 				125px;
        display: 			block;
        float: 				left;
        background-size: 250px;
        background-repeat: no-repeat;
    }
    #book {
        background: 		url(images/double.png) top right no-repeat;
        height: 				58px;
        width: 				125px;
        display: 			block;
        float: 				right;
        background-size: 250px;
        background-repeat: no-repeat;
    }
    aside {
        width: 				92%;
        clear: 				both;
        position: 			relative;
        top: 					0;
        right: 				0;
        float: 				left;
        margin:  			0px 0px 340px 0px;
        padding: 			0px 4% 0px 4%;
    }
    .price {
        text-align: 		center;
        margin:  			0px 0px 20px 0px;
        padding: 			40px 0px 30px 0px;
        width: 				100%;
    }
    #search-checkin {
        width: 				220px;
        padding: 			3px 3px;
        margin: 				5px 0 10px;
    }
    p {
        -webkit-text-size-adjust: none;
    }
    footer.wrap {
        position: 			relative;
        bottom: 				0px;
        left: 					0px;
        z-index: 				100;
        margin:  				0px 0px 0px 0px;
        padding: 				0px 0px 0px 0px;
        background: 		#64367e;
        overflow: 			auto;
        -webkit-box-shadow: none;
        -moz-box-shadow: 		none;
        box-shadow: 				none;
    }
    footer.wrap .inner {
        margin:  				0px 0px 0px 0px;
        padding: 				6px 10px 8px 15px;
        background: 		#521e70;
        overflow: 			auto;
        position: 			relative;
    }
    footer p {
        font-size: 			11px;
        width: 					auto;
        line-height: 		1.4em;
        position: 			relative;
        top: 						-0px;
    }
    #subscribe {
        display: 				none;
    }
    #staywell {
        position: 			absolute;
        bottom: 				14px;
        right: 					20px;
        width: 					100px;
    }

    /* Social Media Styles */
    .social {
        display: 				none;
    }

    /* General table style */
    table {
        vertical-align:	middle;
        border:					1px solid #dccb7d;
        border-collapse:collapse;
        border-spacing:	0;
        border-left:					none;
        border-right:					none;
        padding: 				0px 0px 0px 0px;
        margin-bottom:	18px;
        width:					100%;
        text-shadow:		0 1px 1px rgba(255, 255, 255, 0.95);
        line-height: 		1em;
        position: relative;
        left: 0px;
    }
    th {
        color:					#fff;
        background:			#dccb7d;
        padding:				6px;
        border-bottom:	1px solid #dccb7d;
        vertical-align:	middle;
        text-align: 		left;
        text-shadow: none;
        font-size: 			8px;
    }
    td {
        color:					#666;
        padding:				4px 6px;
        vertical-align:	middle;
        font-size: 			8px;
    }
    tr.even td {
        background: #f2f0e2;
    }
    .sideMenu {
        margin:  				0px 0px 20px 0px;
        padding: 				0px 0px 0px 0px;
        background: 		#f9f8f0;
        width: 					100%;
        float: 					left;
    }
    .sub-footer {
        display: 				none;
    }
    footer p, footer ul {
		width: auto;
	}
}

.nosubmenu .ngg-album {
    float: left;
    width: 28%;
    margin-right: 3%;
}

.price_suffix {
    font-size: 30%;
    margin-top: 0.3em;
    display: block;
    text-align: right;
    padding-right: 2em;
}

.post {
    margin-bottom: 2em;
}

.entry-meta {
    margin-bottom: 1em;
}
.play-btn{
	width: auto !important;
    position: absolute;
    z-index: 99;
    left: 50%;
    top: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    -moz-transform: translateY(-50%) translateX(-50%);
    -o-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
}
.lr-section .sec-right-img {
    position: relative;
}


.reztripBookOnline {
    
        display: block;
        position: absolute;
        top: 108px;
        right: 23px;
        z-index: 101;
        color: #fff;
        font-size:14px;
        font-weight:bold;
        padding: 10px;
        background: rgba(0, 155, 215, 1);
        background-size: 20px;
    
        cursor: pointer;
    
    
    
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        border: 1px solid rgba(0, 155, 215, 1);
        -moz-box-shadow:
            0px 1px 3px rgba(0, 155, 215, 1),
            inset 0px 0px 1px rgba(0, 155, 215, 1);
        -webkit-box-shadow:
            0px 1px 3px rgba(0, 155, 215, 1),
            inset 0px 0px 1px rgba(0, 155, 215, 1);
        box-shadow:
            0px 1px 3px rgba(0, 155, 215, 1),
            inset 0px 0px 1px rgba(0, 155, 215, 1);
    
    
    }
    .tnrate {
        display: none;
    }
    .tnrate {
        background: rgba(83, 30, 112,0.9);
        /* width: 150px; */
        position: absolute;
        bottom: 40px;
        z-index: 999;
        left: calc(50% - 40px);
        text-align: center;
        padding: 0px 25px;
        color: #fff;
    }
    
    .tnrate p {
        margin-bottom: 0px;
        padding: 10px 0;
        font-size: 10px;
    }
    
    .tnrate p span {
        font-size: 42px;
        display: inherit;
        padding: 10px 0;
    }
    .tnrate p span a{
        color: #fff;
        text-decoration: none;
    }