/*
Theme Name: Park Regis Brand Site
Theme URI: http://wordpress.org/
Description: Custom Wordpress theme for Staywell
Author: Jimmyweb Pty Ltd
Author URI: http://www.jimmyweb.net/
Version: 0.1
License: Copyright 2012 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: 		#fff;
	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;
}
/* -------------[ General Wrappers ]------------- */
.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: 		#000;
	height: 				40px;
	position: 			fixed;
	z-index: 				200;
	box-shadow: 		0 0px 8px rgba(0, 0, 0, 0.4);

}
.logo {
	width: 					190px;
	float: 					left;
	margin:  				0px 4px 0px 20px;
	padding: 				0px 0px 0px 0px;
}
.logo img {
	width: 					190px;
	height:					95px;
}
/* -------------[ Section Style ]------------- */
section.wrap {
	float: 					left;
	height: 				100%;
	display: 				block;
	background: 		#000;
}
/* 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;
}
ul {
	list-style-type: disc;
}
ol {
	list-style-type: decimal;
}
ul, ol {
	margin: 				0px 0px 0px 40px;
	padding: 				0px 0px 1.5em 0px;
}
a:link, a:visited {
	color:					#1e90de;
	text-decoration: none;
}
a:hover {
	color:					#e84324;
	text-decoration: none;
}
/* 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:		Arial, Helvetica, sans-serif;
	font-weight: 		bold;
	text-rendering: optimizeLegibility;
}
/* -------------[ H1 Style ]------------- */
h1 {
	font-size: 			18px;
	margin:  				0px 0px 6px 0px;
	padding: 				0px 0px 0px 0px;
	text-shadow:		none;
	color: 					#fff;
	font-family:		Arial, Helvetica, sans-serif;
	letter-spacing: 2px;
}
h1 a:link, h1 a:visited {
	color: 					#fff;
}
h1 a:hover {
	color: 					#fff;
}
/* -------------[ Specific Heading Styles ]------------- */
h2 {
	font-size: 			24px;
	margin: 				0 0 26px 0;
	text-shadow:		0 1px 1px rgba(64, 64, 64, 0.65);
	letter-spacing: -1px;
}
h3 {
	font-size: 			24px;
	margin: 				0 0 0.5em 0;
	letter-spacing: -1px;
}
h4 {
	font-size: 18px;
	margin: 0 0 0.5em 0;
	letter-spacing: -1px;
	color: #09c;
}
h5 {
	font-size: 			16px;
	margin: 				0 0 0.5em 0;
}
h6 {
	font-size: 			14px;
	margin: 				0 0 3px 0;
}
/* 4 ----------------------------------------------------------------------------------------------------[   N A V I G A T I O N   ]--- 
*/




/* -------------[ Main Nav ]------------- */

nav#mainNav {
	margin:  				0px 0px 0px 0px;
	padding: 				0px 0px 0px 0px;
	position: 			relative;
}
nav ul {
	float: 					left;
	margin:  				0px 0px 0px 0px;
	padding: 				0px 0px 0px 0px;
	text-shadow:		none;
	font-size: 			12px;
	text-transform: capitalize;
}
nav ul li {
	display: 				inline;
	float: 					left;
	margin:  				0px 4px 0px 0px;
	padding: 				0px 0px 0px 0px;
	position: 			relative; /*-- Important --*/
}
nav ul li a {
	display: 				block;
	margin:  				4px 0px 0px 0px;
	font-weight: 		bold;
	line-height: 		0.7em;
	padding: 				14px 14px 14px 14px;
}
.navCity {
	display: block;
}
nav ul li a:link, nav ul li a:visited {
	color: 					#b3b2a7;
	background: 		#4f4f4f;
	text-decoration: none;
	-webkit-transition: 	color 0.3s ease-out 0s;
	-moz-transition: 			color 0.3s ease-out 0s;
	-o-transition: 				color 0.3s ease-out 0s;
	transition: 					color 0.3s ease-out 0s;
}
nav ul li a:hover {
	color:					#333;
	text-decoration: none;
	background: 		#f6f5ee;
}
/* Hover State */
nav ul li:hover a, nav ul li a:hover {
	position: 			relative;
	z-index: 				99999;
	color:					#333;
	text-decoration: none;
	background: 		#f6f5ee;
	z-index: 				100000;
}
/* --- Navigation - Map Trigger --- */
nav ul li a#mapTrigger {
	padding: 				14px 72px 14px 36px;
	margin-left: 10px;
	position: 			relative;
}
nav ul li a#mapTrigger:link, nav ul li a#mapTrigger:visited {
	background: 		#000 url(images/find-arrow.png) center left no-repeat;
}
nav ul li a#mapTrigger:hover {
	background: 		#000 url(images/find-arrow.png) center left no-repeat;
	color: 					#fff;
}
#navMap {
	height: 				37px;
	position: 			absolute;
	top: 						-2px;
	right: 					0px;
}

/* --- Search Box --- */
#searchTrigger {
	position: relative;
	z-index: 20;
}
a#searchTrigger {
	opacity: 0.5;
}
a#searchTrigger:hover {
	opacity: 0.8;
}
nav ul li a#searchTrigger {
	padding: 0px !important;
}
#searchBox-wrap {
	position: absolute;
	top: 0px;
	left: 810px;


}
#searchBox {
	display: none;
	position: absolute;
	top: 0px;
	z-index: 1;
	right: 0px;
	background: #000;
	padding-top: 42px;
	border-radius: 	0px 0px 25px 25px;
	border: 				10px solid #000;
	box-shadow: 		0 0px 8px rgba(0, 0, 0, 0.4);
}
#search {
	padding: 				5px 9px;
	width: 					200px;
	border: 				1px solid #CCCCCC;
	border-radius: 	15px 15px 15px 15px;
	background: #f6f6f6;

}

#search:focus {
	-moz-transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;

	box-shadow: 		0 2px 1px rgba(0, 0, 0, 0.1) inset, 0 0px 5px rgba(82, 168, 236, 0.5);
	background: #fff;
}

/* -------------[ Mega Drop Down ]------------- */

.megatitle {
	text-transform: uppercase;
	font-weight: bold;
	color: #5f3b81;
}

.pull-left {
	float:left;
	width: 250px;
	height: 80px;
	padding: 5px;
}



/* -------------[ Mega Drop Down ]------------- */
nav ul li .sub {
	position: 			absolute; /*--Important--*/
	top: 						40px;
	left: 					0;
	z-index: 				99999;
	background: 		#fff;
	padding: 				0px 0px 15px 0px;
	float: 					left;
	display: 				none; /*--Hidden for those with js turned off--*/
}
nav ul li .bucket {
	position: 			absolute;
	top: 						64px;
	left: 					0px;
	overflow: 			auto;
	background: 		#fff;
	width: 					100%;
	padding: 				0px 0px 15px 0px;
}
nav ul li .row { /*--If needed to break out into rows--*/
	clear: 					both;
	float: 					left;
	width: 					100%;
	margin:  				0px 0px 15px 0px;
	background: 		#fff
}
nav ul li #country-headings {
	margin:  				0px 0px 0px 0px;
	padding: 				0px 0px 0px 0px;
	background: 		#f6f5ee;
	background: 		#f6f5ee url(images/nav-hotel.png) bottom left repeat-x;
	border-bottom:	1px solid #cfccbc;
}
nav ul li .row h4 {
	margin:  				0px 0px 0px 0px;
	padding: 				0px 0px 0px 0px;
	color: 					#817f75;
	font-size: 			14px;
	letter-spacing: -1px;
	text-transform: uppercase;
}
nav ul li .row h4 a {
	display: 				inline;
	float: 					left;
	padding: 				15px 22px 14px 22px;
	margin:  				8px 0px 0px 8px;
	background: 		#fff;
	border: 				1px solid #cfccbc;
	position: 			relative;
	top: 						1px;
	color: 					#817f75;
	-webkit-border-radius: 	4px 4px 0 0;
	-moz-border-radius: 		4px 4px 0 0;
	border-radius: 					4px 4px 0 0;
}
nav ul li .row h4 a.active-country {
	background: 		#fff;
	border-bottom:	1px solid #fff;
	color: 					#000;
}
nav ul li .row h4 a:hover {
	background: 		#fff;
	color: 					#000 !important;
}
nav ul li .sub ul {
	font-family:		helvetica, Arial, Helvetica, sans-serif;
	margin:  				0px 0px 0px 0px;
	padding: 				0px 0px 0px 0px;
	width: 					190px;
	float: 					left;
	text-transform: capitalize;
	background: 		#fff
}
nav ul .sub ul li {
	width: 					190px; /*--Override parent list item--*/
	color: 					#fff;
	margin:  				0px 0px 0px 0px;
	padding: 				0px 0px 0px 0px;
	border: 				none;
}
nav ul .sub ul li a {
	width: 					145px; /*--Override parent list item--*/
	text-shadow:		none;
	margin:  				0px 0px 0px 0px;
	padding: 				1px 10px 1px 35px;
	font-size: 			11px;
	line-height: 		1.3em;
	font-weight: 		500;
	display: 				block;
	float: 					none;
	text-indent: 		0; /*--Override text-indent from parent list item--*/
	height: 				auto; /*--Override height from parent list item--*/
	text-transform: capitalize;
	background: 		url(images/navArrow.png) left center no-repeat;
}
nav ul .sub ul li a:link, nav ul .sub ul li a:visited {
	text-decoration: none;
	color: 					#666;
}
nav ul .sub ul li a:hover {
	text-decoration: none;
	color: 					#000;
	-webkit-box-shadow: 		none;
	-moz-box-shadow: 				none;
	box-shadow: 						none;
}
nav ul .sub ul li a:link strong, nav ul .sub ul li a:visited strong {
	color: 					#f28e00;
}
nav ul .sub ul li a:hover strong {
	color: 					#dc5300;
}
nav ul .sub ul li.title a {
	width: 					160px;
	font-weight: 		bold;
	text-transform: uppercase;
	font-size: 			11px;
	color: 					#455560;
	margin:  				0px 0px 2px 20px;
	padding: 				5px 10px 2px 0px;
	background: 		none;
}
nav ul .sub ul li.title a:link, nav ul .sub ul li.title a:visited {
	color: 					#5f3b81;
}
nav ul .sub ul li.title a:hover {
	color: 					#000;
}

#menu-footer {
    list-style: none;
}

#menu-footer li {
    float: left;
    padding-right: 10px;
}

/* 5 ----------------------------------------------------------------------------------------------------[   C O N T E N T   ]--- 
*/

/* -------------[ Sitewide Content ]------------- */
/* Sitewide Main Section */




/* -------------[ Home Content ]------------- */
#homeArticle {
	width: 502px;
	position: absolute;
	z-index: 3;
	left: 20px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.homeContentWrap {
	width: 					502px;
	float: 					left;
	margin:  				0px 0px 2px 0px;
	padding: 				0px 0px 0px 0px;
	color: 					#fff;
	text-shadow:		0 1px 1px rgba(64, 64, 64, 0.45);
	display: 				block;
}
.homeContent {
	padding: 				0px 0px 0px 0px;
	margin:  				0px 0px 0px 0px;
	width: 					502px;
	float: 					left;
}
.homeContent h1 {
	padding: 				0px 0px 0px 0px;
	margin:  				0px 0px 2px 0px;
	color: 					#d9d9d9;
	font-size: 				14px;
	width: 					502px;
	background: 		url(images/bg-black.png) top left repeat;
}
.homeContent h1 a {
	padding: 				10px 20px 10px 20px;
	display: 				block;
	background: 		url(images/up-arrow.png) center right no-repeat;
}
.homeContent h1 a:hover {
	background: 		#000 url(images/up-arrow.png) center right no-repeat;
}
.homeContentInner {
	padding: 				15px 20px 0px 20px;
	margin:  				0px 0px 0px 0px;
	height: 				105px;
	width: 					462px;
	background: 		url(images/bg-black.png) top left repeat;
}
.homeContent p {
	font-size: 			12px;
	margin:  				0px 0px 0px 0px;
	padding: 				0px 0px 0px 0px;
	line-height: 		1.5em;
	color: 					#d9d9d9;
}

#homeExtraContent {
	background: 		url(images/bg-black.png) top left repeat;
	padding: 				20px 20px 20px 20px;
	margin:  				0px 0px 70px 0px;
	width: 					462px;
	float: 					left;
	color:					#fff;
}
#homeExtraContent p {
	font-size: 			12px;
	line-height: 		1.5em;
	color: 					#d9d9d9;
}





/* -------------[ Sitewide Aside ]------------- */
aside {
	position: 			fixed;
	z-index: 				1;
	top: 						96px;
	right: 					10px;
	width: 					240px;
	margin:  				0px 0px 0px 0px;
	padding: 				0px 0px 0px 0px;
}
aside ul {
	margin:  				0px 0px 20px 18px;
	padding: 				0px 0px 0px 0px;
}
/* --- Navigation - Booking Form Trigger --- */
nav ul li#bookOnline {
	margin:  				0px 0px 0px 0px;
	position: 			fixed;
	top: 						50px;
	right: 					0px;
	width: 					245px;
	-webkit-box-shadow: 0 0px 4px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 		0 0px 4px rgba(0, 0, 0, 0.4);
	box-shadow: 				0 0px 4px rgba(0, 0, 0, 0.4);
}
nav ul li#bookOnline a {
	width: 					auto;
	font-size: 			16px;
	font-weight: 		bold;
	margin:  				0px 0px 0px 0px;
	padding: 				14px 16px 15px 42px;
	outline: 				none;
}
nav ul li#bookOnline a:link, nav ul li#bookOnline a:visited {
	color: 					#7fb61c;
	background: 		#fff url(images/book-arrow.png) center left no-repeat;
}
nav ul li#bookOnline a:hover {
	color: 					#5e9201;
	background: 		#fff url(images/book-arrow.png) center left no-repeat;
}



/* --- Booking Form --- */
.bookingWrap {
	position: 			fixed;
	top: 						92px;
	right: 					0px;
	margin:  				0px 0px 10px 0px;
	width: 					245px;
	-webkit-box-shadow: 0 0px 4px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 		0 0px 4px rgba(0, 0, 0, 0.4);
	box-shadow: 				0 0px 4px rgba(0, 0, 0, 0.4);
}
.booking {
	background: 		#fff;
	margin:  				0px 0px 0px 0px;
	padding: 				20px 20px 8px 20px;
}
.booking h4 {
	font-size: 			18px;
	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: 			10px;
	width: 					50px;
	display: 				block;
	float: 					left;
	position: 			relative;
	top: 						1px;
	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 4px 6px;
	font-size: 			10px;
}
#nights-wrap, #rooms-wrap, #adults-wrap, #children-wrap {
	width: 					50%;
	float: 					left;
}
#frm-search select {
	width: 					30px;
	padding: 				2px 3px;
	margin: 				0px 0px 4px 6px;
	font-size: 			10px;
}
#hotel-wrap select {
	width: 195px !important;
}

#hotel-wrap label {
	display:none;
}
#frm-search input.button {
	height:					55px;
	width: 					146px;
	padding: 				0px 0px;
	margin: 				2px 0px 18px 55px;
}
.more {
	margin:  				0px 0px 0px 20px;
	padding: 				4px 0px 4px 16px;
	border-left: 		1px solid #e1e1e1;
	position: 			relative;
	top: 						-20px;
	font-size: 			11px;
}
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: 					#639509;
}
/* -------------[ Side Navigation ]------------- */






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


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


/* Hot deals */

#prefix {
	font-size: 1.5em;
}

/* jQuery styles */

/* Google map style */
#mapTrigger {
}
#mapWrap {
	position: 			fixed;
	top: 						-110%;
	left: 					0px;
	z-index: 				5;
	width: 					100%;
	height: 				100%;
	border-bottom: 	10px solid #000;
}
#map_canvas {
	position: 			relative;
}
.map_controls {
	position:				absolute !important;
	top:						40px !important;
	right:					80px !important
}
#mapSideWrap {
	position: 			absolute;
	top: 						0px;
	left: 					20px;
	width: 					220px;
	height: 				100%;
	margin:  				0px 0px 0px 0px;
	padding: 				0px 0px 0px 0px;
}
#mapSide {
	width: 					190px;
	margin:  				95px 0px 0px 0px;
	padding: 				0px 0px 0px 0px;
	background: 		#f4f3ef;
	-webkit-box-shadow: #333 0 0 .25em;
	-moz-box-shadow: 		#333 0 0 .25em;
	box-shadow: 				#333 0 0 .25em;
}
#mapSide ul {
	list-style: 		none;
	margin:  				0px 0px 0px 0px;
	padding: 				0px 0px 0px 0px;
}
#mapSide ul li {
	margin:  				0px 0px 0px 0px;
	padding: 				0px 0px 0px 0px;
}
#mapSide ul li a {
	margin:  				0px 0px 0px 0px;
	padding: 				6px 9px 2px 9px;
	border-top: 		1px solid #fff;
	border-bottom: 	1px solid #e1e1e1;
	display: 				block;
	font-size: 			11px;
	font-weight: 		bold;
	line-height: 		1.1em;
	text-transform: uppercase;
	letter-spacing: 0px;
}
#mapSide ul li a:link, #mapSide ul li a:visited {
	color: 					#532480;
	background: 		url(images/map-arrow.png) center right no-repeat;
}
#mapSide ul li a:hover {
	color: 					#8045b9;
	background: 		#fff url(images/map-arrow.png) center right no-repeat;
}
.hotelName {
	font-size: 			10px;
	margin:  				0px 0px 0px 0px;
	padding: 				0px 0px 0px 0px;
	text-transform: capitalize;
	letter-spacing: 0;
	position: 			relative;
	top: 						-2px;
}
#mapSide ul li a:link .hotelName, #mapSide ul li a:visited .hotelName {
	color: 					#8a7351;
}
#mapSide ul li a:hover .hotelName {
	color: 					#ae9b7e;
}
#mapClose {
	position: 			absolute;
	bottom: 				50px;
	right: 					30px;
}
#mapClose a:link, #mapClose a:visited {
}
#mapClose a:hover {
}
#mapSide ul#mapMore {
	margin:  				0px 0px 0px 0px;
	padding: 				0px 0px 0px 0px;
	border-top: 		3px solid #fff;
}
#mapSide ul#mapMore li a {
	background-image: none;
	padding: 				9px 9px 6px 9px;
	font-size: 			12px;
	font-weight: bold;
}
#mapSide ul#mapMore li a:link, #mapSide ul#mapMore li a:visited {
	color: 					#5b8200;
	background: 		#f4f3ef url(images/map-arrow.png) center right no-repeat;
}
#mapSide ul#mapMore li a:hover {
	color: 					#000;
	background: 		#f4f3ef url(images/map-arrow.png) center right no-repeat;
}
/* Video style */

/* Audio style */

/* Social Media Styles */
#side-extras {
	width: 					100%;
	position: 			relative;
	clear: 					both;
}
#social {
	text-align: 		right;
	position: 			absolute;
	top: 						0px;
	right: 					2px;
}
#social img {
	width: 					30px;
}
#social a:link, #social a:visited {
	-ms-filter:			"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: 				alpha(opacity=80);
	-moz-opacity:		0.8;
	-khtml-opacity: 0.8;
	opacity: 				0.8;
}
#social a:hover {
	-ms-filter:			"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: 				alpha(opacity=100);
	-moz-opacity:		1;
	-khtml-opacity: 1;
	opacity: 				1;
}
#language {
	text-align: 		left;
	color: 					#fff;
	position: 			absolute;
	top: 						5px;
	left: 					4px;
	width: 					134px;
}
#language span {
	float: 					left;
}
#language a#langTrigger {
	float: 					right;
	display: 				block;
	width: 					65px;
	text-align: 		left;
	margin:  				0px 0px 0px 0px;
	padding: 				0px 2px 0px 5px;
	background: 		url(images/lang-arrow.png) center right no-repeat;
	outline: 				none;
}
#language a#langTrigger:link, #language a#langTrigger:visited {
	color: 					#fff;
}
#language a#langTrigger:hover {
	color: 					#fff;
}
#language ul {
	position: 			absolute;
	top: 						20px;
	right: 					0px;
	z-index: 				20;
	text-align: 		left;
	background: 		none;
	color: 					#fff;
	list-style: 		none;
	margin:  				0px 0px 0px 5px;
	padding: 				0px 0px 0px 0px;
}
#language ul li {
	margin:  				0px 0px 1px 0px;
	padding: 				0px 0px 0px 0px;
	background: 		url(images/bg-white.png) top right repeat;
}
#language ul li a {
	display: 				block;
	width: 					125px;
	margin:  				0px 0px 0px 0px;
	padding: 				2px 2px 2px 5px;
}
#language ul li a img {
	margin-right: 	5px;
	position: 			relative;
	top: 						1px;
}
#language ul li a:link, #language ul li a:visited {
	color: 					#000;
}
#language ul li a:hover {
	background: 		#333;
	color: 					#fff;
}
/* 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   ]--- 
*/


footer.wrap {
	position: 			fixed;
	bottom: 				0px;
	left: 					0px;
	z-index: 				100;
	margin:  				0px 0px 0px 0px;
	padding: 				0px 0px 0px 0px;
	background: 		#521e70;
	overflow: 			auto;
	-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 0px 0px 0px;
	padding: 				10px 30px 12px 30px;
	overflow: 				auto;
	height:					22px;
}
footer p {
	text-shadow:		none;
	margin-bottom: 	0px;
	padding-bottom: 0px;
	color: 					#7f4e9b;
	font-size: 			11px;
}
footer a:link, footer a:visited {
	color: 					#a57abd;
}
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;
    width: 458px;
}
#subscribe input {
    padding: 				5px;
    margin:  				0px 0px 0px 4px;
    background: 		#64367e;
    color: 					#fff;
    border: 				none;
}
#subscribe label {
    display: none;
    margin:  				0px 6px 0px 12px;
    padding: 				5px 0px 5px 12px;
    border-left: 		1px solid #8a5ca3;
    font-size: 12px;
    color: white;
}
.gform_footer {
    padding: 0 !important;
}
#subscribe input.gform_image_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: 				60px;
	right: 					20px;
	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 1080px ]-------------------------- */

@media only screen and (min-width: 1080px) {
.logo {
 width: 					230px;
 float: 					left;
 margin:  				0px 5px 0px 30px;
 padding: 				0px 0px 0px 0px;
}

#mapSideWrap {
 position: 				absolute;
 top: 						0px;
 left: 						30px;
 width: 					230px;
}
#mapSide {
 width: 					230px;
 margin:  				118px 0px 0px 0px;
 padding: 				0px 0px 0px 0px;
}
aside {
}
nav ul li a {
 display: 				block;
 margin:  				4px 0px 0px 0px;
 font-weight: 		bold;
 line-height: 		0.7em;
 padding: 				14px 15px 14px 15px;
}
#homeArticle {
 width: 					742px;
 position: 				absolute;
 z-index: 				3;
 left: 						30px;
 margin:  				0px 0px 0px 0px;
 padding: 				0px 0px 0px 0px;
}
.homeContentWrap {
 width: 					742px;
 margin:  				0px 0px 2px 0px;
 padding: 				0px 0px 0px 0px;
 color: 					#fff;
 text-shadow:			0 1px 1px rgba(64, 64, 64, 0.45);
 display: 				block;
}
.homeContent {
 width: 					742px;

 margin:  				0px 2px 0px 0px;
 padding: 				0px 0px 0px 0px;
}
.homeContent h1 {
 padding: 				0px 0px 0px 0px;
 margin:  				0px 0px 2px 0px;
 color: 					#d9d9d9;
 font-size: 			14px;
 width: 					742px;
}
.homeContentInner {
 padding: 				15px 20px 0px 20px;
 margin:  				0px 0px 0px 0px;
 height: 					105px;
 width: 					702px;
}
.homeContent p {
 font-size: 			12px;
}





#homeExtraContent {
 padding: 				20px 20px 6px 20px;
 margin:  				0px 0px 70px 0px;
 width: 					702px;
 float: 					left;
}
#homeExtraContent p {
 font-size: 			12px;
}
#staywell {
 bottom: 					62px;
 right: 					30px;
}
}




/* ----------------------------------------------------[ 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 {
}
nav ul li .sub ul {
 width: 					145px;
}
nav ul .sub ul li {
 width: 					145px; /*--Override parent list item--*/
}
nav ul .sub ul li a {
 width: 					105px; /*--Override parent list item--*/
}
 nav ul .sub ul li.title a {
 width: 					115px;
}

#searchBox-wrap {
	position: absolute;
	top: 0px;
	left: 750px;


}


footer p.left {
 width: 					200px;
 padding-top: 		0px;
 padding-bottom: 0px;
 position: 			relative;
 top: 						-4px;
 line-height: 		1.3em;
}
}










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

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


body {
}

header.wrap {
	margin:  				0px 0px 0px 0px;
	padding: 				0px 0px 0px 0px;
	background: 		#000;
	height: 				40px;
	position: 			absolute;
	z-index: 				200;
}
.logo {
 width: 					80px;
 float: 					left;
 margin:  				0px 5px 0px 0px;
 padding: 				0px 0px 0px 0px;
}
.logo img {
 width: 					80px;
 height:					40px;
}
/* -------------[ Main Nav ]------------- */

nav#mainNav {
 margin:  				0px 0px 0px 0px;
 padding: 				0px 0px 0px 0px;
 position: 			relative;
}
nav ul {
 float: 					left;
 margin:  				0px 0px 0px 0px;
 padding: 				0px 0px 0px 0px;
 text-shadow:		none;
 font-size: 			10px;
 text-transform: capitalize;
}
nav ul li {
 display: 				inline;
 float: 					left;
 margin:  				0px 2px 0px 0px;
 padding: 				0px 0px 0px 0px;
 position: 			relative; /*-- Important --*/
}
nav ul li a {
 display: 				block;
 margin:  				5px 0px 0px 0px;
 font-weight: 		bold;
 line-height: 		0.7em;
 padding: 				14px 10px 14px 10px;
}
nav ul li a#mapTrigger {
 display: none;
}
/* --- Navigation - Booking Form Trigger --- */
nav ul li#bookOnline {
 margin:  				0px 4% 0px 3%;
 position: 				absolute;
 top: 						50px;
 right: 					0px;
 width: 					93%;
 -webkit-box-shadow: #333 0 0 2px;
 -moz-box-shadow: 		#333 0 0 2px;
 box-shadow: 				#333 0 0 2px;
}
nav ul li#bookOnline a {
 width: 					auto;
 font-size: 			16px;
 font-weight: 		bold;
 margin:  				0px 0px 0px 0px;
 padding: 				14px 16px 15px 42px;
 outline: 				none;
}
/* --- Booking Form --- */
.bookingWrap {
 position: absolute;
 top: 						90px;
 right: 					0px;
 margin:  				0px 4% 0px 3%;
 width: 					93%;
 -webkit-box-shadow: #333 0 0 2px;
 -moz-box-shadow: 		#333 0 0 2px;
 box-shadow: 				#333 0 0 2px;
}
.booking {
 background: 		#fff;
 margin:  				0px 0px 0px 0px;
 padding: 				20px 20px 8px 20px;
}




/* -------------[ Home Content ]------------- */
#homeArticle {
 width: 					90%;
 margin:  				224px 5% 0px 5% !important;
 padding: 				0px 0px 0px 0px;
 position: 				absolute;
 z-index: 				3;
 left: 						0px;
}
.homeContentWrap {
 width: 					100%;
 margin:  				0px 0px 0px 0px;
 padding: 				0px 0px 0px 0px;
 float: 					left;
 color: 					#fff;
 text-shadow:			0 1px 1px rgba(64, 64, 64, 0.45);
 display: 				block;
}
.homeContent {
 width: 					100%;
 margin:  				0px 0px 2px 0px;
 padding: 				0px 0px 0px 0px;
 float: 					left;
}
.homeContent h1 {
 padding: 				0px 0px 0px 0px;
 margin:  				0px 0px 2px 0px;
 color: 					#d9d9d9;
 font-size: 			14px;
 width: 					100%;
 background: 			url(images/bg-black.png) top left repeat;
}
.homeContent h1 a {
 padding: 				10px 5% 10px 5%;
 margin:  				0px 0px 0px 0px;
 width: 					90%;
 display: 				block;
 background: 			url(images/up-arrow.png) center right no-repeat;
}
.homeContent h1 a:hover {
 background: 			#000 url(images/up-arrow.png) center right no-repeat;
}
.homeContentInner {
 padding: 				15px 5% 15px 5%;
 margin:  				0px 0px 0px 0px;
 height: 					auto;
 width: 					90%;
 background: 			url(images/bg-black.png) top left repeat;
}
#homeExtraContent {
 background: 			url(images/bg-black.png) top left repeat;
 padding: 				20px 5% 10px 5%;
 margin:  				0px 0px 440px 0px;
 width: 					90%;
 float: 					left;
}
#mapIconWrap {
 display:none;
}
#mapWrap {
 display:none;
}

#searchTrigger {
	display:none;
}


/* -------------[ Aside ]------------- */
aside {
	position: absolute;
	z-index: 				1;
	top: 						96px;
	right: 					10px;
	width: 					240px;
	margin:  				0px 0px 0px 0px;
	padding: 				0px 0px 0px 0px;
}
#language {
  display:none;
}
#staywell {
	position: 			fixed;
	bottom: 				10px;
	right: 					16px;
	z-index: 				1;
	width: 					80px;
}
/* -------------[ Fixed Footer ]------------- */
footer.wrap {
 position: 			fixed;
 bottom: 				0px;
 left: 					0px;
 z-index: 				100;
 margin:  				0px 0px 0px 0px;
 padding: 				0px 0px 0px 0px;
 background: 		#521e70;
 overflow: 			auto;
 -webkit-box-shadow: #000 0 0 .25em;
 -moz-box-shadow: 		#000 0 0 .25em;
 box-shadow: 				#000 0 0 .25em;
}
footer.wrap {
	display: none;
}
footer.wrap .inner {
 padding: 				10px 5% 30px 5%;
 margin:  				0px 0px 0px 0px;
 width: 					90%;
 overflow: 			auto;
}
footer p {
 text-shadow:		none;
 margin-bottom: 	0px;
 padding-bottom: 0px;
 color: 					#7f4e9b;
 font-size: 			11px;
}
footer p.left {
 display: 				none;
}
#reg {
 display: 				none;
}
#n-reg {
 font-size: 			11px;
 position: 			relative;
 top: 						-2px;
 font-weight: 		bold;
 display: 				inline-block;
 margin:  				0px 0px 0px 0px;
 padding: 				0px 0px 0px 0px;
}
#n-arc {
 font-size: 			11px;
 position: 			relative;
 top: 						-6px;
 right: 					0px;
 display: 				inline-block;
 width: 					100%;
 color: 					#7f4e9b;
 margin:  				0px 0px 0px 0px;
 padding: 				0px 0px 0px 0px;
}
#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 10px;
 margin:  				0px 0px 0px 4px;
 background: 		#64367e;
 color: 					#fff;
 border: 				none;
}
#subscribe label {
 margin:  				0px 6px 0px 0px;
 padding: 				5px 0px 5px 0px;
 border-left: 		none;
}
#subscribe input.button {
 padding: 				0px 0px 0px 0px;
}



/* -------------[ Sub Navigation ]------------- */
nav ul li .sub {
 position: 				absolute; /*--Important--*/
 top: 						40px;
 left: 						-85px;
 z-index: 				99999;
 background: 			#fff;
 padding: 				0px 0px 15px 0px;
 float: 					left;
 display: 				none; /*--Hidden for those with js turned off--*/
}
nav ul li .bucket {
 position: 				absolute;
 top: 						44px;
 left: 						0px;
 overflow: 				auto;
 background: 			#fff;
 width: 					100%;
 padding: 				0px 0px 15px 0px;
}
nav ul li .row { /*--If needed to break out into rows--*/
 clear: 					both;
 float: 					left;
 width: 					100%;
 margin:  				0px 0px 0px 0px;
 background: 			#fff
}
nav ul li #country-headings {
 margin:  				0px 0px 0px 0px;
 padding: 				0px 0px 0px 0px;
 background: 			#f6f5ee;
 background: 			#f6f5ee url(images/nav-hotel.png) bottom left repeat-x;
 border-bottom:		1px solid #cfccbc;
}
nav ul li .row h4 {
 margin:  				0px 0px 0px 0px;
 padding: 				0px 0px 0px 0px;
 color: 					#817f75;
 font-size: 			12px;
 letter-spacing: 	-1px;
 text-transform: 	uppercase;
}
nav ul li .row h4 a {
 display: 				inline;
 float: 					left;
 padding: 				11px 14px 10px 14px;
 margin:  				5px 0px 0px 5px;
 background: 			#fff;
 border: 					1px solid #cfccbc;
 position: 				relative;
 top: 						1px;
 color: 					#817f75;
 -webkit-border-radius: 	4px 4px 0 0;
 -moz-border-radius: 			4px 4px 0 0;
 border-radius: 					4px 4px 0 0;
}
nav ul li .row h4 a.active-country {
 background: 			#fff;
 border-bottom:		1px solid #fff;
 color: 					#000;
}
nav ul li .row h4 a:hover {
 background: 			#fff;
 color: 					#000 !important;
}
nav ul li .sub ul {
 font-family:			helvetica, Arial, Helvetica, sans-serif;
 margin:  				0px 0px 0px 0px;
 padding: 				0px 0px 0px 0px;
 width: 					100%;
 float: 					left;
 text-transform: 	capitalize;
 background: 			#fff
}
nav ul .sub ul li {
 width: 					50%; /*--Override parent list item--*/
 color: 					#fff;
 margin:  				0px 0px 0px 0px;
 padding: 				0px 0px 0px 0px;
 border: 					none;
 float:						left;
}
nav ul .sub ul li a {
 display: 				none;
 width: 					145px; /*--Override parent list item--*/
 text-shadow:			none;
 margin:  				0px 0px 0px 0px;
 padding: 				1px 10px 1px 35px;
 font-size: 			11px;
 line-height: 		1.3em;
 font-weight: 		500;
 float: 					none;
 text-indent: 		0; /*--Override text-indent from parent list item--*/
 height: 					auto; /*--Override height from parent list item--*/
 text-transform: 	capitalize;
 background: 			url(images/navArrow.png) left center no-repeat;
}
nav ul .sub ul li a:link, nav ul .sub ul li a:visited {
 text-decoration: none;
 color: 					#666;
}
nav ul .sub ul li a:hover {
 text-decoration: none;
 color: 					#000;
 -webkit-box-shadow: 		none;
 -moz-box-shadow: 			none;
 box-shadow: 						none;
}
nav ul .sub ul li a:link strong, nav ul .sub ul li a:visited strong {
 color: 					#f28e00;
}
nav ul .sub ul li a:hover strong {
 color: 					#dc5300;
}
nav ul .sub ul li.title a {
 display: 				block;
 width: 					87%;
 font-weight: 		bold;
 text-transform: 	uppercase;
 font-size: 			11px;
 color: 					#455560;
 margin:  				0px 0px 2px 0px;
 padding: 				0px 0px 2px 13%;
 background: 			url(images/navArrow.png) left center no-repeat;
}
nav ul .sub ul li.title a:link, nav ul .sub ul li.title a:visited {
 color: 					#5f3b81;
}
nav ul .sub ul li.title a:hover {
 color: 					#000;
}
.navCity {
 display: 				inline;
}

/* -----------[ END Mobile Sizes ]----------- */
}
/* -----------[ END Mobile Sizes ]----------- */