/* Layout styles */

html,
body {
	font: 0.9em Arial, Helvetica, sans-serif;
	color: #333;
    padding: 0;
    margin: 0;
    background: #121212;
}
/* .application { font-size: 16px; sets web page to 1.0em; } */

.application h1 { color: #d8c4a3; font-size: 2.2em; margin: 10px 0; font-weight: normal; }
.application h2 { color: #d8c4a3; font-size: 1.7em; margin: 9px 0; font-weight: normal; }
.application h3 { color: #d8c4a3; font-size: 1.6em; margin: 8px 0; font-weight: normal; }
.application h4 { color: #d8c4a3; font-size: 1.4em; margin: 7px 0; font-weight: normal; }
.application h5 { color: #d8c4a3; font-size: 1.2em; margin: 6px 0; font-weight: normal; }
hr { height: 1px; border: none; background: #ccc; }

a {
	color: #d8c4a3;
}

.application a img { border: 0; }
.application a { text-decoration: none; }
.application a:hover { text-decoration: underline; }

li.bwcms_plugin ul { list-style: disc; padding-left: 20px; }
li.bwcms_plugin li { line-height: 1.8em; }
li.HTML_Plugin .main img { border: 1px solid #ccc; }

.clear { clear: both; }
.application {}
.wrapper { width: 960px; margin: auto; }
.section {}
.full_width { clear: both; }

.columns { float: left; display: inline; }
.columns.right { float: right; }
.text_right { text-align: right; }
.text_center { text-align: center; }

.columns.two_thirds { width: 680px; margin: 0 20px; }
.columns.one_third, .columns.one_thirds { padding: 0px 15px; width: 210px; /* width: 33.3%; */ }

.columns.one_half { width: 50%; /* width: 480px; */ }
.columns.one_quarter, .columns.one_quarters { width: 25%; /* width: 480px; */ }
.columns.one_quarters.small { width: 21%; }
.columns.one_quarters.large { width: 29%; }
.columns.three_quarter { width: 75%; /* width: 720px; */ }



.social_icons { display: block; }
.header_background { background: #fff; }
.header { position: relative; min-height: 182px; }
.logo {}
.contact { font-size: 1.2em; color: #fff; text-shadow: 1px 1px #000; }
.contact .contact_padding { margin-top: 80px; }
.contact a { color: #fff; }
.tinynav { display: none; }
#navigation_toggle { background: url(transparent_dark.png); }
.menu { background: url(transparent_dark.png); }
.menu .menu_container { float: left; display: inline; width: 700px; }
.menu .newsletter { float: right; display: inline; width: 155px; font-size: 1.1em; color: #fff; text-shadow: 1px 1px #000; line-height: 32px; text-align: right; }
.menu .newsletter p { margin: 0; padding: 5px 0; }
.menu .newsletter .signup { display: inline-block; background: url(newsletter_signup.png); color: transparent; width: 79px; height: 29px; font-size: 0; vertical-align: middle; }
.menu .newsletter_signup { display: none; text-align: right; padding: 2px 0; } .menu li.Newsletter_Signup_Plugin { font-size: 1.1em; color: #fff; text-shadow: 1px 1px #000; }
.menu li.Newsletter_Signup_Plugin input { color: #fff; background: #121212; border: 1px solid #8b8b8b; border-radius: 3px; padding: 4px; margin: 0 4px; height: 16px; }
.menu li.Newsletter_Signup_Plugin #newsletter_submit { display: inline-block; background: url(newsletter_signup.png) no-repeat top left; color: transparent; width: 79px; height: 30px; font-size: 0; vertical-align: middle; border: none; margin-bottom: 1px; }
.menu li.Newsletter_Signup_Plugin button { color: #fff; background: #121212; border: 1px solid #8b8b8b; border-radius: 3px; padding: 4px; cursor: pointer; }

.section.half_half .col_1,
.section.half_half .col_2 {
	width: calc(50% - 20px);
	padding: 0 10px;
	background: none;
}

.main { background: #1e1e1e; border: 1px solid #787878; border-style: solid none; color: #fff; }
.main a { color: #d8c4a3; }
.main .wrapper { padding: 20px 0; }
.main .wrapper .full_width { margin: 0 20px; }
.main .columns.one_third { background: #323232; }

.footer { background: #121212; padding: 10px 0; color: #fff; }
.footer a { color: #fff; }
.footer h1 { font-size: 1.7em; margin: 8px 0; }
.footer h2 { font-size: 1.5em; margin: 7px 0; }
.footer h3 { font-size: 1.3em; margin: 5px 0; }
.footer h4 { font-size: 1.2em; margin: 4px 0; }
.footer h5 { font-size: 1.1em; margin: 3px 0; }

.hotel_booking_wrapper { padding: 10px 0; }
.hotel_booking { background: #141414; border: 1px solid #5b5b5b; border-radius: 4px; min-height: 50px; width: 147px; }
.hotel_booking .book_a_room { float: left; color: #fff; margin: 0; font-size: 1.2em; padding: 17px 30px 0 15px; display: inline-block; }
.hotel_booking .book_a_room.inactive { background: url(book_a_room_arrow.jpg) no-repeat right 16px; }
.hotel_booking .book_a_room.active { background-image: none; }
.hotel_booking .book_a_room a { color: #fff; text-decoration: none; }
.hotel_booking .booking_form { display: none; margin-top: 7px; }
.hotel_booking .booking_form.active { display: inline-block; width: 811px; }
.hotel_booking .booking_form .input, .hotel_booking .booking_form .button { display: inline-block; padding: 10px 13px; border-radius: 4px; color: #fff; width: 130px; margin-left: 3px; }
.hotel_booking .booking_form .input { background-color: #967c12; }
.hotel_booking .booking_form .button { background-color: #379612; text-align: center; }
.hotel_booking .booking_form .calendar_icon { background-image: url(hotel_booking_calendar.jpg); background-repeat: no-repeat; background-position: 125px 7px; }
.hotel_booking .booking_form .drop_down_icon { background-image: url(hotel_booking_drop_down.jpg); background-repeat: no-repeat; background-position: 128px 11px; }

.animated_menu { height: 230px; overflow: hidden; }
.animated_menu .columns { border: 1px solid #727272; border-style: solid solid none solid; position: relative; background: url(transparent_dark.png); cursor: pointer; }
.animated_menu .columns div { z-index: 100; position: relative; }
.animated_menu .columns div.background_image { z-index: 1; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; }
.animated_menu .columns.one_quarters { width: 237px; margin-right: 1px; height: 222px; margin-top: 178px; border-radius: 4px; color: #fff; }
.animated_menu .columns.one_quarters ul.bwcms_plugin_list { margin: 0 20px; }
.animated_menu h2 { font-size: 1.3em; color: #fff; font-weight: normal; line-height: 32px; margin: 10px 0; }
.animated_menu h3 { font-size: 1.3em; color: #fff; font-weight: normal; line-height: 32px; margin: 10px 0; }

.main .one_third h3 { font-size: 1.4em; line-height: 32px; padding: 4px 0 8px; border-bottom: 1px solid #fff; margin-bottom: 11px; }


/* Plugin Styles */

li.HTML_Plugin .bwcms_plugin_container,
li.Twitter_Plugin .bwcms_plugin_container,
li.Menu_Plugin .bwcms_plugin_container {
	padding: 0;
}


/* contact form in sidebar */
.columns.one_third li.Contact_Plugin input[type=text] { width: 125px; }

.col_1 {
	float: left;
	width: calc(74% - 20px);
	padding: 0 10px 0 20px;
}

.col_1 .Contact_Plugin textarea[name="additional_information"] {
	width: 100%;
	height: 150px;
}

.col_2 {
	float: left;
	width: calc(26% - 40px);
	padding: 0px 15px;
	background: #323232;
}

/* Menu */

.menu li.Menu_Plugin ul li a {
	display: block;
	vertical-align: middle;
	padding: 5px 8px;
	line-height: 32px;
	text-decoration: none;
	color: #fff;
	font-size: 1.1em;
	text-shadow: 1px 1px #000;
	font-weight: normal;
}

.menu li.Menu_Plugin ul > li { margin-left: 0; /* -1 (border width px) */ }
.menu li.Menu_Plugin ul li.menu_plugin_current_page_list {}
.menu li.Menu_Plugin ul li a.menu_plugin_current_page { }
.menu li.Menu_Plugin ul li { }
.menu li.Menu_Plugin ul li:hover { }

.menu li.Menu_Plugin ul li ul li { background: url(transparent_dark.png); }
.menu li.Menu_Plugin ul li ul li:hover {  }
.menu li.Menu_Plugin ul li ul li ul li {  }
.menu li.Menu_Plugin ul li ul li ul li:hover {  }

.menu li.Menu_Plugin ul li div.display_text { background: url(transparent_dark.png); }

.main li.Menu_Plugin > div > ul, .footer li.Menu_Plugin > div > ul { height: auto; }
.main li.Menu_Plugin ul li, .footer li.Menu_Plugin ul li { float: none; }
.main li.Menu_Plugin ul li.menu_plugin_current_page_list { background: #4c4b4b; }
.main li.Menu_Plugin ul li ul, .footer li.Menu_Plugin ul li ul { position: relative !important; bottom: 0; display: block; padding-left: 15px; }
.main li.Menu_Plugin a, .footer li.Menu_Plugin a { display: inline-block; padding: 1px 5px; color: #fff; line-height: 18px; }
.footer li.Menu_Plugin ul li ul { padding-left: 0px; }
.footer li.Menu_Plugin a { line-height: normal; padding: 0; }
.footer li.Menu_Plugin li { line-height: normal; }

/* the rest of the styling is in the plugin css */


li.Image_Carousel_Plugin { display: inline-block; /* padding-left: 10px; */ padding-top: 10px; width: 179px; padding-right: 5px; }
li.Image_Carousel_Plugin img { width: 179px; }

.menu-hidden {
	display: none;
}



/* responsive layouts */

/* Below 960px */
@media only screen and (max-width: 999px) {
	.wrapper { width: 100%;}
	img { max-width: 100%; height: auto; }
	input[type="text"] { max-width: 90%; }
	.logo { width: 290px !important; }
	.contact { padding-right: 20px; width: 200px !important; float: right; }
}

@media only screen and (min-width: 882px) and (max-width: 999px) {

	.hotel_booking_wrapper { margin: 0 10px; }
	.hotel_booking .booking_form.active { width: 705px; }
	.hotel_booking .booking_form .input, .hotel_booking .booking_form .button { width: 110px; margin-left: 1px; }
	.hotel_booking .booking_form .calendar_icon { background-position: 105px 7px; }
	.hotel_booking .booking_form .drop_down_icon { background-position: 108px 11px; }

	.animated_menu { margin: 0 auto; width: 812px; }
	.animated_menu .columns.one_quarters { width: 200px; }

}

@media only screen and (min-width: 720px) and (max-width: 999px) {

	.columns.two_thirds { width: 100%; margin-left: -280px; }
	.columns.two_thirds > div { margin-left: 300px; }
	.columns.one_third { margin-right: 20px; }
	.columns.one_thirds { width: 33.3%; }
	.columns.one_quarters { width: 50%; }

}

#navigation_toggle {
	display: none;
}

@media only screen and (max-width: 1000px) {


	.footer {
		padding-left: 15px;
		padding-right: 15px;

		width: calc(100% - 30px);
	}

	.col_2 {
		padding-right: 0;
		margin-right: 15px;
	}
}

/* Below 802px */
@media only screen and (max-width: 882px) {

	.menu { margin-bottom: 5px; }
	.menu .newsletter { float: left; }
	.menu .newsletter_signup { text-align: left; padding-left: 7px; }

	.hotel_booking_wrapper { display: none; }

	.animated_menu { margin: 0 20px; width: auto; height: 50px; }
	.animated_menu .columns.one_quarters { margin-top: 0 !important; height: 54px; overflow: hidden; width: 24.5%; }

}

/* Below 720px */
@media only screen and (max-width: 719px) {
	.columns.two_thirds,
	.columns.one_half,
	.columns.one_third,
	.columns.one_thirds,
	.columns.one_quarter,
	.columns.one_quarters
		{ float: none; display: block; width: auto;}

	.columns.one_quarters.large,
	.columns.one_quarters.small {
		width: auto; margin: 0 10px; text-align: center;
	}

	.menu_container { float: none !important; width: auto !important; padding: 1px; }
	.tinynav { display: block; margin: 5px; width: 98%; }
    .menu li.Menu_Plugin > div > ul li { display: block; width: 100%; }

	.one_quarters.small[data-plugin-container="footer_col_3"] { display: none !important; }

	br.small-inline { display: none; }

	#navigation_toggle {
		display: block;
		padding: 8px;
		width: calc(100% - 16px);
		color: #fff;
		font-size: 1.4em;
		cursor: pointer;
	}

	.animated_menu {
		margin-top: 10px;
	}

	.col_1, .col_2 {
		width: calc(100% - 30px);
	}

	.col_2 {
		padding-right: 20px;
		padding-left: 20px;
		margin-right: 0;
	}

	.col_2 p > a {
		margin-bottom: 5px;
		display: block;
	}

	.main .wrapper {
		padding-bottom: 0;
	}
}

@media only screen and (min-width: 527px) and (max-width: 719px) {

	.logo { float: left !important; width: 290px !important; }
	.contact { padding-right: 20px; width: 200px !important; float: right !important; }

}

@media only screen and (min-width: 680px) and (max-width: 719px) {
	.animated_menu { margin: 0 20px; width: auto; height: 50px; }
	.animated_menu .columns.one_quarters { float: left !important; display: inline-block; margin-top: 0 !important;; height: 54px; overflow: hidden; width: 24.5%; }
}

@media only screen and (min-width: 390px) and (max-width: 679px) {
	.animated_menu { height: auto; }
	.animated_menu .columns.one_quarters { float: left !important; display: inline-block; margin-top: 0 !important; margin-bottom: 2px; height: 52px; overflow: hidden; width: 49%; }
}



@media only screen and (max-width: 390px) {
	.animated_menu { height: auto; }
	.animated_menu .columns.one_quarters { float: left !important; display: inline-block; margin-top: 0 !important; margin-bottom: 2px; height: 52px; overflow: hidden; width: auto; }
}



@media only screen and (max-width: 526px) {
	.contact { width: auto !important; float: none !important; text-align: left; padding-left: 10px; }
	.contact .contact_padding { margin-top: 0; }
}

@media only screen and (min-width: 240px) and (max-width: 479px) {

}


/* Below 240px */
@media only screen and (max-width: 239px) {

}