/*  
Theme Name: Welcome Inn
Version: 1.0
Description: Designed by <a href="http://www.themefuse.com">ThemeFuse</a>
Author: ThemeFuse
Author URI: http://www.themefuse.com
*/

/* 

WARNING! DO NOT EDIT THIS FILE!

To make it easy to update your theme, you should not edit the styles in this file. Instead use 
the custom.css file to add your styles. Just copy a style from this file and paste it in 
custom.css and it will override the style in this file.

*/

/*------------------------------------------------

CSS STRUCTURE:

1. GENERAL TYPOGRAPHY
	1.1 Global Reset 
	1.2 Extra fonts
	1.3 General Styles	
	1.4 List Styles
	1.5 Borders & Dividers
	1.6 Headers
	1.7 Tables
	1.8 Images
	1.9 Forms
	1.10 Buttons
	1.11 Columns Styles

2. SITE STRUCTURE
	2.1 Header
	    - Topmenu
	2.2 Header Image Slider
	2.3 Middle content
	2.4 Homepage Baners Top
	2.5 Header Top Image
	2.7 Footer
		
3. EXTENDED TYPOGRAPHY
	3.1 Typographic Elements
		- Framed boxes
		- Quotes
		- Colored Text

4. EXTENDED ELEMENTS
	4.1 Boxes
	4.2 Newsletter box
	4.3 List Rooms
	4.4 News List items
	4.5 Pagination
	4.6 Table Pricing
	4.7 Contact Form
	4.8 Contact Social Box
	4.9 Reservetion Form
	4.10 Comment form 
	4.11 Contact Box

5. WIDGETS
	5.1 Widget Recent Comment
	5.2 Widget Recent Entries

------------------------------------------------*/

/*============================================================================================*/
/* 1. GENERAL TYPOGRAPHY */
/*============================================================================================*/

/*----------------------------------------------*/
/* 1.1 Global Reset */
/*----------------------------------------------*/

body, html {
	height: 100%;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
:focus {
	outline: 0;
}/* remember to define focus styles! */
del {
	text-decoration: line-through;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}/* tables still need 'cellspacing="0"' in the markup */
/*----------------------------------------------*/
/* 1.2 Extra fonts */
/*----------------------------------------------*/
@font-face {
	font-family: 'JournalRegular';
	src: url('/fonts/journal-webfont.eot?') format('eot'),  url('/fonts/journal-webfont.woff') format('woff'),  url('/fonts/journal-webfont.ttf') format('truetype'),  url('/fonts/journal-webfont.svg#webfontGhV9TBys') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'MelbourneBold';
	src: url('/fonts/melbourne_bold-webfont.eot?') format('eot'),  url('/fonts/melbourne_bold-webfont.woff') format('woff'),  url('/fonts/melbourne_bold-webfont.ttf') format('truetype'),  url('/fonts/melbourne_bold-webfont.svg#webfontzCPiyXMS') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'MelbourneRegular';
	src: url('/fonts/melbourne_reg-webfont.eot?') format('eot'),  url('/fonts/melbourne_reg-webfont.woff') format('woff'),  url('/fonts/melbourne_reg-webfont.ttf') format('truetype'),  url('/fonts/melbourne_reg-webfont.svg#webfontQzFjdvCi') format('svg');
	font-weight: normal;
	font-style: normal;
}
/*----------------------------------------------*/
/* 1.3 General Styles */
/*----------------------------------------------*/

/* Floating & Alignment */
.aligncenter, div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto
}
.alignleft {
	float: left
}
.alignright {
	float: left
}
.text-right {
	text-align: right
}
.text-left {
	text-align: left
}
.text-center {
	text-align: center
}
/* Clear Floats */
.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}
.clearfix {
	display: inline-block;
}
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}
.fix {
	clear: both;
	height: 1px;
	margin: -1px 0 0;
	overflow: hidden;
}
a {
	text-decoration: underline;
	outline: none;
	color: #4D2A02
}
/*----------------------------------------------*/
/* 1.4 List Styles */
/*----------------------------------------------*/
ul {
	list-style: disc outside;
}
ol {
	list-style: decimal outside;
}
li {
	margin: 0;
}
ol li {
	margin-top: 5px;
	margin-bottom: 7px
}
ul, ol, dd {
	margin-left: 25px;
}
ul ul, ol ul, ul ol, ol ol {
	margin-bottom: 0;
}
/*----------------------------------------------*/
/* 1.5 Borders & Dividers */
/*----------------------------------------------*/
hr {
	border: 0px solid transparent !important;
	background-color: transparent !important;
	height: 1px;
	background: #ededed
}
.border {
	border: 1px solid #d6d6d6
}
.divider_space, .divider, .divider_thin {
	clear: both;
	display: block;
	margin-bottom: 20px;
	padding-top: 20px;
	width: 100%;
}
.divider_thin {
	margin-bottom: 10px;
	padding-top: 10px;
}
.divider {
	background: url(images/divider_line.gif) bottom repeat-x;
	padding-top: 22px
}
.clearboth {
	clear: both;
	display: block;
	font-size: 0px;
	height: 0;
	line-height: 0;
	width: 100%;
}
/*----------------------------------------------*/
/* 1.6 Headers */
/*----------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	font-family: 'MelbourneBold', Arial, sans-serif;
	color: #4D2A02
}
h1 {
	font-size: 24px;
	line-height: 24px;
	margin-bottom: 20px
}
h2 {
	font-size: 20px;
	font-family: 'MelbourneBold', Arial, sans-serif;
	line-height: 25px;
	margin-bottom: 16px
}
h3 {
	font-size: 19px;
	line-height: 22px;
}
h3.widgettitle {
	margin-bottom: 10px;
}
h4 {
	font-size: 17px;
	color: #333;
	margin-bottom: 10px;
}
h5 {
	font-size: 16px;
	font-weight: normal;
}
h6 {
	font-size: 14px;
	letter-spacing: 2px;
	margin-bottom: 5px;
	padding-bottom: 5px;
	text-transform: uppercase;
	line-height: 20px;
	font-weight: normal;
	color: #444e69;
}
/*----------------------------------------------*/
/* 1.7 Tables */
/*----------------------------------------------*/
table.fancy_table, .widget_calendar table {
	border-collapse: separate;
	border-spacing: 0;
	width: 99%;
	padding: 2px 0;
}
table, td, th {
	vertical-align: middle;
	text-align: center;
	font-size: 13px;
}
th {
	padding: 10px;
	text-transform: uppercase;
	letter-spacing: 1px;
}
td {
	padding: 10px;
}
table.fancy_table, .widget_calendar table {
	margin: 20px 2px;
}
.fancy_table th, .widget_calendar table th {
	border-bottom: 1px solid #fff;
}
.fancy_table td, .widget_calendar table td {
	color: #888;
	border-top: 1px solid #eee;
}
.fancy_table, .widget_calendar table {
	border: 1px solid #fff;
}
/*----------------------------------------------*/
/* 1.8 Images */
/*----------------------------------------------*/
img.alignleft {
	margin: 5px 16px 5px 0 !important;
}
img.alignright {
	margin: 0 20px 20px 0 !important;
}
img.framed, .video_frame, .wp-caption, #flickr a img, dl.gallery-item img {
	padding: 6px;
	margin: 2px;
}
p.wp-caption-text {
	margin-bottom: 0px;
	text-align: center;
}
.wp-caption {
	margin-bottom: 10px !important;
	padding-top: 10px;
	text-align: center;
}
.image_frame img, img.image_frame {
	background: #fff;
	padding: 7px;
	border: 1px solid #d6d6d6;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
/*----------------------------------------------*/
/* 1.9 Forms */
/*----------------------------------------------*/
fieldset {
	padding: 20px;
	border: 1px solid #e0e0e0;
}
form .row {
	padding: 5px 0
}
input[type=text], input[type=password], textarea {
	color: #a6a6a6;
	padding: 8px;
	border: 1px solid #e0e0e0;
	background: #fff;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
textarea {
	width: 90%;
	font-size: 12px;
	background: #fff;
	overflow: auto;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
input, textarea, input[type="submit"]:focus {
	outline: 0 none;
}
input[type="radio"], input[type="checkbox"] {
	margin-right: 10px;
	margin-left: 10px;
}
 button::-moz-focus-inner {
 border: 0;
 padding: 0;
}
input[type="reset"], input[type="submit"], input[type="button"], button {
	background: url(images/btn_submit.gif) 0 0 no-repeat #abc742;
	border: none;
	color: #344c01;
	margin: 0;
	outline-width: 0;
	padding: 3px 30px 15px 30px;
	height: 32px;
	font-family: 'MelbourneBold', Arial, sans-serif;
	text-shadow: #fff 0 1px 1px;
	font-size: 18px;
	line-height: 19px;
	text-align: center
}
input[type="button"]:hover, input[type="button"]:focus, input[type="reset"]:hover, input[type="reset"]:focus, input[type="submit"]:hover, input[type="submit"]:focus, button:hover, button:focus {
	color: #5e2f7f;
	cursor: pointer;
}
/*----------------------------------------------*/
/* 1.10 Buttons */
/*----------------------------------------------*/

.button_link {
	background: url(images/buttons_bg.gif) no-repeat right -32px transparent;
	color: #344c01;
	display: inline-block;
	margin: 5px 0;
	border: 0 none;
	padding: 0 20px 0 0;
	font-family: 'MelbourneBold', Arial, sans-serif;
	font-size: 17px;
	height: 32px
}
.button_link span {
	background: url(images/buttons_bg.gif) no-repeat left 0 transparent;
	display: block;
	line-height: 12px;
	color: #344c01;
	padding: 12px 10px 8px 20px;
	text-shadow: #faff8d 0 1px 1px
}
/*----------------------------------------------*/
/* 1.11 Columns Styles */
/*----------------------------------------------*/
/*
960px grid system ~ Core CSS.
24 Columns ~ Margin left: 5px ~ Margin right: 5px
*/
/* =Containers
--------------------------------------------------------------------------------*/
.container_24 {
	margin-left: auto;
	margin-right: auto;
	width: 960px;
}
/* =Grid >> Global
--------------------------------------------------------------------------------*/
.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12, .grid_13, .grid_14, .grid_15, .grid_16, .grid_17, .grid_18, .grid_19, .grid_20, .grid_21, .grid_22, .grid_23, .grid_24 {
	display: inline;
	float: left;
	margin-left: 5px;
	margin-right: 5px;
}
.push_1, .pull_1, .push_2, .pull_2, .push_3, .pull_3, .push_4, .pull_4, .push_5, .pull_5, .push_6, .pull_6, .push_7, .pull_7, .push_8, .pull_8, .push_9, .pull_9, .push_10, .pull_10, .push_11, .pull_11, .push_12, .pull_12, .push_13, .pull_13, .push_14, .pull_14, .push_15, .pull_15, .push_16, .pull_16, .push_17, .pull_17, .push_18, .pull_18, .push_19, .pull_19, .push_20, .pull_20, .push_21, .pull_21, .push_22, .pull_22, .push_23, .pull_23 {
	position: relative;
}
/* =Grid >> Children (Alpha ~ First, Omega ~ Last)
--------------------------------------------------------------------------------*/
.alpha {
	margin-left: 0;
}
.omega {
	margin-right: 0;
}
/* =Grid >> 24 Columns
--------------------------------------------------------------------------------*/
.container_24 .grid_1 {
	width: 30px;
}
.container_24 .grid_2 {
	width: 70px;
}
.container_24 .grid_3 {
	width: 110px;
}
.container_24 .grid_4 {
	width: 150px;
}
.container_24 .grid_5 {
	width: 190px;
}
.container_24 .grid_6 {
	width: 230px;
}
.container_24 .grid_7 {
	width: 270px;
}
.container_24 .grid_8 {
	width: 310px;
}
.container_24 .grid_9 {
	width: 350px;
}
.container_24 .grid_10 {
	width: 390px;
}
.container_24 .grid_11 {
	width: 430px;
}
.container_24 .grid_12 {
	width: 470px;
}
.container_24 .grid_13 {
	width: 510px;
}
.container_24 .grid_14 {
	width: 550px;
}
.container_24 .grid_15 {
	width: 590px;
}
.container_24 .grid_16 {
	width: 630px;
}
.container_24 .grid_17 {
	width: 670px;
}
.container_24 .grid_18 {
	width: 710px;
}
.container_24 .grid_19 {
	width: 750px;
}
.container_24 .grid_20 {
	width: 790px;
}
.container_24 .grid_21 {
	width: 830px;
}
.container_24 .grid_22 {
	width: 870px;
}
.container_24 .grid_23 {
	width: 910px;
}
.container_24 .grid_24 {
	width: 950px;
}
/* =Prefix Extra Space >> 24 Columns
--------------------------------------------------------------------------------*/
.container_24 .prefix_1 {
	padding-left: 40px;
}
.container_24 .prefix_2 {
	padding-left: 80px;
}
.container_24 .prefix_3 {
	padding-left: 120px;
}
.container_24 .prefix_4 {
	padding-left: 160px;
}
.container_24 .prefix_5 {
	padding-left: 200px;
}
.container_24 .prefix_6 {
	padding-left: 240px;
}
.container_24 .prefix_7 {
	padding-left: 280px;
}
.container_24 .prefix_8 {
	padding-left: 320px;
}
.container_24 .prefix_9 {
	padding-left: 360px;
}
.container_24 .prefix_10 {
	padding-left: 400px;
}
.container_24 .prefix_11 {
	padding-left: 440px;
}
.container_24 .prefix_12 {
	padding-left: 480px;
}
.container_24 .prefix_13 {
	padding-left: 520px;
}
.container_24 .prefix_14 {
	padding-left: 560px;
}
.container_24 .prefix_15 {
	padding-left: 600px;
}
.container_24 .prefix_16 {
	padding-left: 640px;
}
.container_24 .prefix_17 {
	padding-left: 680px;
}
.container_24 .prefix_18 {
	padding-left: 720px;
}
.container_24 .prefix_19 {
	padding-left: 760px;
}
.container_24 .prefix_20 {
	padding-left: 800px;
}
.container_24 .prefix_21 {
	padding-left: 840px;
}
.container_24 .prefix_22 {
	padding-left: 880px;
}
.container_24 .prefix_23 {
	padding-left: 920px;
}
/* =Suffix Extra Space >> 24 Columns
--------------------------------------------------------------------------------*/
.container_24 .suffix_1 {
	padding-right: 40px;
}
.container_24 .suffix_2 {
	padding-right: 80px;
}
.container_24 .suffix_3 {
	padding-right: 120px;
}
.container_24 .suffix_4 {
	padding-right: 160px;
}
.container_24 .suffix_5 {
	padding-right: 200px;
}
.container_24 .suffix_6 {
	padding-right: 240px;
}
.container_24 .suffix_7 {
	padding-right: 280px;
}
.container_24 .suffix_8 {
	padding-right: 320px;
}
.container_24 .suffix_9 {
	padding-right: 360px;
}
.container_24 .suffix_10 {
	padding-right: 400px;
}
.container_24 .suffix_11 {
	padding-right: 440px;
}
.container_24 .suffix_12 {
	padding-right: 480px;
}
.container_24 .suffix_13 {
	padding-right: 520px;
}
.container_24 .suffix_14 {
	padding-right: 560px;
}
.container_24 .suffix_15 {
	padding-right: 600px;
}
.container_24 .suffix_16 {
	padding-right: 640px;
}
.container_24 .suffix_17 {
	padding-right: 680px;
}
.container_24 .suffix_18 {
	padding-right: 720px;
}
.container_24 .suffix_19 {
	padding-right: 760px;
}
.container_24 .suffix_20 {
	padding-right: 800px;
}
.container_24 .suffix_21 {
	padding-right: 840px;
}
.container_24 .suffix_22 {
	padding-right: 880px;
}
.container_24 .suffix_23 {
	padding-right: 920px;
}
/* `Push Space >> 24 Columns
--------------------------------------------------------------------------------*/
.container_24 .push_1 {
	left: 40px;
}
.container_24 .push_2 {
	left: 80px;
}
.container_24 .push_3 {
	left: 120px;
}
.container_24 .push_4 {
	left: 160px;
}
.container_24 .push_5 {
	left: 200px;
}
.container_24 .push_6 {
	left: 240px;
}
.container_24 .push_7 {
	left: 280px;
}
.container_24 .push_8 {
	left: 320px;
}
.container_24 .push_9 {
	left: 360px;
}
.container_24 .push_10 {
	left: 400px;
}
.container_24 .push_11 {
	left: 440px;
}
.container_24 .push_12 {
	left: 480px;
}
.container_24 .push_13 {
	left: 520px;
}
.container_24 .push_14 {
	left: 560px;
}
.container_24 .push_15 {
	left: 600px;
}
.container_24 .push_16 {
	left: 640px;
}
.container_24 .push_17 {
	left: 680px;
}
.container_24 .push_18 {
	left: 720px;
}
.container_24 .push_19 {
	left: 760px;
}
.container_24 .push_20 {
	left: 800px;
}
.container_24 .push_21 {
	left: 840px;
}
.container_24 .push_22 {
	left: 880px;
}
.container_24 .push_23 {
	left: 920px;
}
/* `Pull Space >> 24 Columns
--------------------------------------------------------------------------------*/
.container_24 .pull_1 {
	left: -40px;
}
.container_24 .pull_2 {
	left: -80px;
}
.container_24 .pull_3 {
	left: -120px;
}
.container_24 .pull_4 {
	left: -160px;
}
.container_24 .pull_5 {
	left: -200px;
}
.container_24 .pull_6 {
	left: -240px;
}
.container_24 .pull_7 {
	left: -280px;
}
.container_24 .pull_8 {
	left: -320px;
}
.container_24 .pull_9 {
	left: -360px;
}
.container_24 .pull_10 {
	left: -400px;
}
.container_24 .pull_11 {
	left: -440px;
}
.container_24 .pull_12 {
	left: -480px;
}
.container_24 .pull_13 {
	left: -520px;
}
.container_24 .pull_14 {
	left: -560px;
}
.container_24 .pull_15 {
	left: -600px;
}
.container_24 .pull_16 {
	left: -640px;
}
.container_24 .pull_17 {
	left: -680px;
}
.container_24 .pull_18 {
	left: -720px;
}
.container_24 .pull_19 {
	left: -760px;
}
.container_24 .pull_20 {
	left: -800px;
}
.container_24 .pull_21 {
	left: -840px;
}
.container_24 .pull_22 {
	left: -880px;
}
.container_24 .pull_23 {
	left: -920px;
}
.col {
	float: left;
	margin-left: 10px;
	margin-right: 10px;
}
.col_1_2, .text .col_1_2 {
	width: 315px;
}
.col_1_3, .text .col_1_3 {
	width: 203px;
}
/*============================================================================================*/
/* 2. SITE STRUCTURE */
/*============================================================================================*/
body {
	background: url(images/head_bg.jpg) #fff;
	font-family: Arial, Helvetica, sans-serif;
	color: #595959;
	font-size: 13px;
	line-height: 1.4em;
	min-width: 996px
}
/*----------------------------------------------*/
/* 2.1 Header */
/*----------------------------------------------*/

.head {
	background-color: #ffffff;
}
.head .container {
	height: 120px;
}
.logo {
	position: absolute;
	top: 32px;
	left: 36px;
	width: 588px;
}
.logo a img {
	width: 588px;
}
.head_right {
	float: right;
	margin: 9px 25px 0 0
} /* VH: Was 20px 25px 0 0. 101712  */
.icon-top {
	line-height: 34px; /* VH: Was 40px. 101712  */
	padding-right: 38px;
	color: #686e73;
	font-family: 'MelbourneBold', Arial, sans-serif;
	font-size: 16px;
	text-align: right
}
.icon-phone {
	background: url(images/icon_phone.png) right 5px no-repeat;
}
.icon-phone a {
	color: #d67406;
}
.icon-map {
	background: url(images/icon_map_point.png) right 5px no-repeat;
}
.icon-facebook {
	background: url(images/icon_facebook_sm.png) right 5px no-repeat;
}
.icon-top span, icon-top a {
	/* color: #d67406;
	text-decoration: none; */
}
/* topmenu */
.menu-header {
	height: 40px;
	z-index: 2;
	background-color: #4d2a02;
}
.menu-header .container {
	z-index: 3;
}
.topmenu {
	height: 40px;
	z-index: 1300;
	padding: 0;
	font: 16px 'MelbourneBold', Arial, sans-serif;
	text-transform: uppercase;
	letter-spacing: 1px;
}
.topmenu li {
	display: block;
	float: left;
	height: 40px;
	position: relative;
	list-style: none;
	margin-left: 40px;
}
.topmenu li a {
	display: block;
	padding: 10px 2px 10px 2px;
	color: #d67406;
	text-decoration: none;
}
.topmenu li a:hover, .topmenu .current-menu-item a, .topmenu .current-menu-item li a:hover, .topmenu .current-menu-item .current_page_item a, .topmenu .current-menu-ancestor a, .topmenu .current-menu-ancestor a:hover, .topmenu li li.current-menu-ancestor a, .topmenu li .current-menu-ancestor .current-menu-item a {
	color: #e7e7e7;
}
.topmenu .current-menu-item li a, .topmenu .current-menu-ancestor li a, .topmenu li .current-menu-ancestor li a {
	color: #747a80;
}
.topmenu li ul {
	display: none;
	position: absolute;
	top: 35px;
	left: -10px;
	z-index: 1308;
	width: 155px;
	padding: 0;
	margin: 0;
}
.topmenu li ul li ul {
	display: none;
	position: absolute;
	top: 0px;
	left: 155px;
	z-index: 1308;
	width: 154px;
}
.topmenu li ul li {
	display: block;
	background: url(images/dropdown_bg.png) 0 0 repeat-y;
	width: 135px;
	margin: 0;
	height: auto;
	padding: 0 10px;
	clear: both;
	position: relative;
}
.topmenu li ul li a {
	display: block;
	color: #e7e7e7;
	padding: 7px 5px 7px 5px;
	background: url(images/dropdown_line.png) bottom repeat-x;
}
.topmenu li a span {
	display: block;
}
.topmenu li a:hover span {
	cursor: pointer;
}
.topmenu li:hover ul li ul {
	display: none;
}
.topmenu li:hover ul, .topmenu li:hover ul li:hover ul {
	display: block;
}
.submenu-arrow {
	float: right;
	vertical-align: top;
}
/*----------------------------------------------*/
/* 2.2 Header Image Slider */
/*----------------------------------------------*/
.header {
	background: url(images/header_image_bg.gif);
	min-height: 9px;
	z-index: 1
}
.header .container {
	width: 960px;
	min-height: 60px;
	padding: 0;
	/* height: 420px; */
	height: auto;
}
.homepage .container {
	width: 990px;
	height: 420px;
	padding: 0;
}
.header .caption {
	font-family: 'MelbourneBold', Arial, sans-serif;
	font-size: 24px;
	color: #ffffff;
}
.header .caption:first-child {
	bottom: 0px
}
.header-line {
	height: 8px;
 clear:bothbackground-color: #4d2a02;
	background-color: #4d2a02;
}
/*----------------------------------------------*/
/* 2.3 Middle content */
/*----------------------------------------------*/
.container {
	position: relative;
	z-index: 0;
	width: 960px;
	margin: 0 auto
}
.middle {
	background:/*url(images/middle_bg.jpg) 0 0 repeat-x */#fff
}
.middle .container {
	/* background:url(images/middle_center_bg.jpg) center 0 no-repeat; */
	min-height: 200px;
	/* padding-top:100px; J 20120302 */
	padding-top: 50px;
}
/*----------------------------------------------*/
/* 2.4 Homepage Baners Top */
/*----------------------------------------------*/
.baners_top {
	position: absolute;
	top: -42px;
	left: 120px;
}
.baner-item {
	float: left;
	text-align: center;
}
.baner-img {
	padding: 0 5px 5px 5px;
}
.baner-item img {
	width: 230px;
}
.baner-item h2 {
	margin: 10px 0 0 0;
	line-height: 1em;
	font-family: 'MelbourneBold', Arial, sans-serif;
	font-size: 21px;
}
.baner-item h2 span {
	font-size: 29px;
	font-family: 'JournalRegular', 'Times New Roman', Times, serif;
	padding-right: 4px;
	line-height: 1em
}
/*----------------------------------------------*/
/* 2.5 Header Top Image */
/*----------------------------------------------*/
.header-title-image {
	text-align: center;
	text-transform: uppercase;
	background-color: #4d2a02;
	margin: -80px 0 40px 0;
	padding: 20px;
}
.header-title-image .image {
	height: 131px;
	padding: 0 11px;
	display: none;
}
.header-title-image h1, .header-title-image strong {
	margin: 0;
	line-height: 1em;
	font-family: 'MelbourneBold', Arial, sans-serif;
	font-size: 24px;
	display: block;
	font-weight: normal;
	color: #fff
}
/*----------------------------------------------*/
/* 2.7 Footer */
/*----------------------------------------------*/
.footer {
	border-top: 8px solid #4d2a02;
	background: #f7e2aa;
	padding: 50px 0;
	color: #5c5c5c;
	font-size: 12px;
	line-height: 1.7em
}
.footer .address p {
	margin: 0;
	line-height: 1.8em
}
/* bottom menu */
.botmenu ul {
	margin: 0 0 3px 0;
	padding: 0;
	text-align: right
}
.botmenu ul li {
	list-style: none;
	display: inline;
	padding: 0 12px 0 7px
}
.botmenu ul li.last {
	padding: 0 0 0 5px;
	background: none
}
.botmenu ul li a:hover {
	color: #000
}
.fallow {
	text-align: right
}
.link_social {
	color: #292929;
	padding-left: 21px;
	margin-left: 12px;
}
.link_fb {
	background: url(images/social_fb.gif) 0 0 no-repeat
}
.link_twitter {
	background: url(images/social_twitter.gif) 0 0 no-repeat
}
.link_rss {
	background: url(images/social_rss.gif) 0 0 no-repeat
}
.copyright {
	text-align: right;
	padding-top: 20px;
}
/*============================================================================================*/
/* 3. EXTENDED TYPOGRAPHY */
/*============================================================================================*/

/*----------------------------------------------*/
/* 3.1 Typographic Elements  */
/*----------------------------------------------*/
.text {
	font-size: 13px;
}
.text a {
	color: #d67406
}
.text p {
	margin-bottom: 20px
}
.text ul, .text ol {
	margin: 5px 0 25px 35px;
	list-style-type: none;
}
.text ul li, .text ol li {
	margin-bottom: 10px;
	list-style-type: disc;
}
.link-more {
	font-family: 'MelbourneBold', Arial, sans-serif;
	font-size: 15px;
}
.text h1, .text h2, .text .title-arrow {
	color: #4D2A02;
	font-family: 'MelbourneBold', Arial, sans-serif;
	font-size: 23px;
	background: url(images/arrow_1_green.png) 0 3px no-repeat;
	padding: 0 0 0 20px;
	margin: 0 0 20px 0;
}
.text h1, .text h2, .text h3, .text h4, .text h5 {
	text-transform: none;
	margin-bottom: 15px
}
.text h2 a, .text h1 a {
	color: #4D2A02;
	text-decoration: none;
}
.text h2 {
	padding-left: 0;
	background: none;
	font-size: 19px;
}
.text h2 a:hover, .text h1 a:hover {
 color:#4D2A02  text-decoration:underline;
}
.text_deleted {
	text-decoration: line-through
}
.title_border {
	border-bottom: 1px solid #e5e5e5;
	padding-bottom: 15px
}
/* Framed boxes */
.frame_left, .frame_right, .frame_center, .frame_box {
	border: 1px solid #d7d7d7;
	background: #fff;
	padding: 7px;
	margin: 5px 0;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.frame_box {
	display: inline-block
}
.frame_left {
	float: left;
	display: block;
	margin: 7px 18px 5px 0;
}
.frame_right {
	float: right;
	display: block;
	margin: 7px 0 5px 18px
}
uote-author  .frame_center {
	float: none;
	display: block;
	margin: 10px auto
}
/* Quotes */
blockquote {
	border-top: 1px dotted #9c9c9c;
	border-bottom: 1px dotted #9c9c9c;
	padding: 10px;
	margin: 20px 0;
}
blockquote p {
	margin: 5px 0;
	padding: 0
}
.quote, .quote_right, .quote_left {
	font-family: Georgia, serif;
	font-size: 14px;
	font-weight: normal;
	color: #000;
	background: url(images/icon_quotes.gif) 5px 10px no-repeat;
	margin: 10px 0;
	line-height: 1.5em;
	border-top: 1px dotted #969696;
}
.quote .inner, .quote_right .inner, .quote_left .inner {
	border-bottom: 1px dotted #969696;
	padding: 5px 5px 5px 5px;
}
.quote_right, .quote_left {
	/* width:360px; J 20120302 */
	width: 100%;
}
.quote_right {
	float: right;
	margin-left: 20px
}
.quote_left {
	float: left;
	margin-right: 20px
}
.quote_left p, .quote_right p {
	margin: 5px 0
}
.quote-author {
	color: #d67406;
	font-family: 'MelbourneBold', Arial, sans-serif;
	font-size: 15px;
	padding-top: 5px;
	padding-left: 70px;
}
/* Colored Text */
.text-green {
	color: #d67406
}
.text-gray {
	color: #808080
}
.text-black {
	color: #000
}
.text-red {
	color: #dc0800
}
.text-orange {
	color: #f69301
}
.text-white {
	color: #fff
}
.title_bg {
	background: #ececee;
	padding: 5px 20px
}
.text .list_dots, .list_dots {
	margin: 15px 0 20px 20px;
	padding: 0;
}
.text .list_dots li, .list_dots li {
	background: url(images/list_dot_green.gif) 0 5px no-repeat;
	margin: 0 0 5px 0;
	padding: 0 0 5px 18px;
	list-style: none;
}
.text .col .list_dots {
	margin: 15px 0 20px 0;
}
.text .col .list_dots li {
	padding: 0 0 10px 18px;
}
ul.bordered li {
	border-bottom: 1px dotted #969696
}
/*============================================================================================*/
/* 4. EXTENDED ELEMENTS */
/*============================================================================================*/
/*----------------------------------------------*/
/* 4.1 Boxes */
/*----------------------------------------------*/
.box {
	margin-bottom: 30px
}
.box .inner {
	padding: 15px
}
.box h3 {
	font-family: 'MelbourneBold', Arial, sans-serif;
	font-size: 19px;
	padding: 15px 15px 15px 15px
}
.box .inner h3 {
	font-family: 'MelbourneBold', Arial, sans-serif;
	font-size: 19px;
	padding: 0 0 10px 0
}
.box_black {
	background-color: #d67406;
}
.box_black img {
	padding: 10px 0 0 0;
	background: #fff;
}
.box_black h3 {
	color: #fff;
	margin-bottom: 12px
}
.box_black .bordered {
	border-bottom: 1px dotted #8a8a8a;
	padding-bottom: 8px;
}
.box_gray .bordered {
	border-bottom: 1px dotted #9c9c9c;
	padding-bottom: 5px;
	margin-bottom: 5px
}
.box_black p {
	color: #fff;
	margin: 10px 0
}
.box_black .text-green {
	color: #f7e2aa
}
.box_gray {
	background: #ececee
}
.box_gray h3 {
	color: #1a1a1a;
}
/*----------------------------------------------*/
/* 4.2 Newsletter box */
/*----------------------------------------------*/
.newsletter_box {
	background: url(images/newsletter_bg.jpg) center 0 no-repeat;
	width: 755px;
	height: 65px;
	margin: 0 auto;
	clear: both;
	margin-top: 65px;
	padding-top: 35px;
}
.newsletter_index {
	margin-top: 15px;
}
.newsletter_box h3 {
	float: left;
	font-family: 'JournalRegular', 'Times New Roman', Times, serif;
	font-size: 32px;
	line-height: 1.2em;
	color: #404040;
	width: 245px;
	padding-right: 30px;
	text-align: right
}
.newsletter_box form, .newsletter_box input {
	float: left
}
.newsletter_box .inputField {
	width: 264px;
	border: 1px solid #dadada;
	font-style: italic;
	font-size: 13px;
	margin-right: 17px;
	height: 16px;
}
.btn-submit, .newsletter_box .btn-submit {
	float: left;
	background: url(images/btn_submit.gif) 0 0 no-repeat #a9c542;
	color: #344c01;
	width: 111px;
	height: 32px;
	text-indent: -400px;
	cursor: pointer
}
a.btn.ss-calendar:before {
	top: 6px; 
	left: -6px; 
	position: relative; 
	font-size: 24px;
}
a.btn {
	color: #fff;
	border: none;
	padding: 10px 20px 14px;
	border-radius: 4px;
	display: inline-block;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	background: #D67406; /* Old browsers */
}
a.btn:hover {
	background: #A45904;
}
/*----------------------------------------------*/
/* 4.3 List Rooms */
/*----------------------------------------------*/
ul.room-rates {
	list-style-type: none;
	padding-left: 0;
	margin-left: 0;
}
ul.room-rates li {
	list-style-type: none;
}
.room-item {
	padding: 10px 0 30px 0;
	clear: both
}
.room-item h2 {
	text-transform: uppercase
}
.room-item .image {
	float: left;
	margin-right: 16px;
	width: 234px;
	min-height: 170px;
}
.room-item .image img {
	margin-bottom: 10px
}
.link-zoom {
	font-family: 'MelbourneBold', Arial, sans-serif;
	font-size: 15px;
	background: url(images/icon_zoom.png) 0 0 no-repeat;
	padding-left: 20px
}
.room-item .description {
	float: left;
	width: 420px;
}
.room-item .services-included {
	background: #ececee;
	padding: 5px 12px 5px 12px;
	font-size: 12px;
	color: #4c4c58;
	line-height: 1.6em
}
.text .services-included ul {
	margin: 0;
	padding: 0
}
.services-included li, .text .services-included li {
	border-bottom: 1px dotted #2a2a2a;
	list-style: none;
	margin: 0;
	float: left;
	padding: 5px 0 5px 30px;
	width: 166px
}
.services-included .noborder, .text .services-included .noborder {
	border: none
}
.services-included li span {
	padding-left: 25px
}
.service-1 span {
	background: url(images/icon_conditioner.gif) 0 0 no-repeat
}
.service-2 span {
	background: url(images/icon_room_service.gif) 0 0 no-repeat
}
.service-3 span {
	background: url(images/icon_minibar.gif) 0 0 no-repeat
}
.service-4 span {
	background: url(images/icon_safe.gif) 0 0 no-repeat
}
.service-5 span {
	background: url(images/icon_wifi.gif) 0 0 no-repeat
}
.service-6 span {
	background: url(images/icon_tv.gif) 0 0 no-repeat
}
.hide {
	display: none
}
/*----------------------------------------------*/
/* 4.4 News List items */
/*----------------------------------------------*/
.home-news .grid_12 {
	width: 450px;
}
.home-news .grid_12:first-child {
	margin-right: 40px;
}
.news-item {
	margin-bottom: 50px;
	clear: both
}
.news-item h2 {
	text-transform: uppercase;
	font-family: 'MelbourneBold', Arial, sans-serif;
	font-size: 23px;
	background: url(images/arrow_1_green.png) 0 3px no-repeat;
	padding: 0 0 0 20px;
	margin: 10px 0 20px 0;
}
.news-item h2 a {
	color: #4D2A02;
	text-decoration: none;
}
.news-item h2 a:hover {
	color: #4D2A02;
	text-decoration: underline;
}
.news-meta {
	text-align: right;
	font-family: 'MelbourneBold', Arial, sans-serif;
	font-size: 15px;
}
.link-more {
	background: url(images/icon_plus.gif) 0 2px no-repeat;
	padding-left: 20px
}
.news-item .entry p {
	margin: 5px 0 10px 0
}
/*----------------------------------------------*/
/* 4.5 Pagination */
/*----------------------------------------------*/
.pages {
	border-top: 1px dotted #969696;
	border-bottom: 1px dotted #969696;
	padding: 25px;
	text-align: center;
	margin: 0
}
.pages a {
	color: #d67406;
	font-family: 'MelbourneBold', Arial, sans-serif;
	font-size: 18px;
	margin: 0 3px
}
.pages a:hover, .pages .page_next, .pages .page_prev, .pages .page_current {
	color: #343434
}
/*----------------------------------------------*/
/* 4.6 Table Pricing */
/*----------------------------------------------*/	
.table-price {
	position: relative;
	margin: 10px 0 10px 0
}
.table-price thead {
	font-family: 'MelbourneBold', Arial, sans-serif;
	background: url(images/table_price_head_bg.gif) 0 0 repeat-x;
	height: 53px;
}
.table-price thead td {
	font-size: 16px;
	color: #a1d622;
	text-transform: uppercase;
	height: 53px;
	padding: 0;
	position: relative;
}
.table-price thead td span {
	display: block;
	padding-top: 15px;
	position: relative;
	height: 38px;
}
.table-price thead td.first span {
	background: url(images/table_price_head_first.gif) left 0 no-repeat;
	top: 0;
	left: -6px
}
.table-price thead td.last span {
	background: url(images/table_price_head_last.gif) right 0 no-repeat;
	top: 0;
	right: -6px
}
.table-price tbody {
	border: 1px solid #ececee;
	color: #404040
}
.table-price tbody td {
	background: #ececee;
	border: 1px solid #ececee;
	border-left: 1px dotted #b5b5b5;
	border-right: 1px dotted #b5b5b5;
	border-collapse: collapse;
	padding: 15px 10px
}
.table-price tbody tr.odd td {
	background: #ffffff
}
.table-price tbody td strong {
	font-family: 'MelbourneBold', Arial, sans-serif;
	font-size: 22px
}
/*----------------------------------------------*/
/* 4.7 Contact Form  */
/*----------------------------------------------*/
.contact-form {
	padding: 40px 0 20px 0
}
.contact-form h2 {
	text-transform: uppercase;
	color: #4D2A02;
	font-family: 'MelbourneBold', Arial, sans-serif;
	font-size: 23px;
	background: url(images/arrow_1_green.png) 0 3px no-repeat;
	padding: 0 0 0 20px;
	margin: 10px 0 20px 0;
}
.contact-form {
	font-size: 13px
}
.contact-form .row {
	padding: 13px 0
}
.contact-form .inputtext, .contact-form select, .contact-form textarea {
	color: #333;
	font-weight: normal;
	background: #ececee;
	margin: 5px 0
}
.contact-form .field_text .inputtext {
	width: 282px;
	margin-right: 30px
}
.contact-form .ui-selectmenu {
	margin-right: 30px
}
.contact-form .field_select select {
	width: 300px;
}
.contact-form .field_textarea textarea {
	width: 610px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	margin-bottom: 0
}
.contact-form label {
	font-weight: bold;
	color: #d67406
}
.reset-link {
	display: block;
	float: right;
	padding: 5px 50px 0 0;
	font-size: 13px
}
.reset-link a {
	color: #d67406;
	font-weight: bold
}
.contact-form .field_submit {
	padding: 5px 0 0 0;
}
.contact-form .contact-submit, .contact-submit {
	background: url(images/btn_send_message.png) no-repeat;
	width: 149px;
	height: 32px;
	text-indent: -400px
}
/*----------------------------------------------*/
/* 4.8 Contact Social Box */
/*----------------------------------------------*/
.social-box {
	padding: 0 0 0 5px;
	margin: 0;
}
.social-box .row {
	margin: 15px 0;
	height: 24px;
	line-height: 24px;
	padding-left: 32px;
	font-family: 'MelbourneRegular', Arial, sans-serif;
	font-size: 16px;
	color: #a0d323;
	clear: both
}
.social-box .row a {
	color: #a0d323
}
.social-box .row a:hover {
	color: #fff
}
.social-mail {
	background: url(images/contact_social.png) 0 0 no-repeat
}
.social-twitter {
	background: url(images/contact_social.png) 0 -24px no-repeat
}
.social-skype {
	background: url(images/contact_social.png) 0 -48px no-repeat
}
.social-facebook {
	background: url(images/contact_social.png) 0 -72px no-repeat
}
/*----------------------------------------------*/
/* 4.9 Reservetion Form */
/*----------------------------------------------*/	
.reservationForm .column_3 {
	width: 200px;
	margin-right: 35px;
	float: left
}
.reservationForm .omega {
	margin-right: 0
}
.reservationForm .row {
	padding: 5px 0 15px 0
}
.reservationForm .inputtext, .reservationForm select {
	color: #333;
	font-weight: normal;
	background: #ececee;
	margin: 5px 0
}
.reservationForm .inputtext {
	width: 180px
}
.reservationForm .field_select select {
	width: 200px
}
.reservationForm label {
	color: #404040;
}
.reservationForm .split_1, .reservationForm .split_2 {
	width: 90px;
	margin-right: 20px;
	float: left
}
.reservationForm .split_2 {
	margin-right: 0
}
.reservationForm .field_select .split_1 select, .reservationForm .field_select .split_2 select {
	width: 90px;
}
.reservationForm .field_submit {
	border-top: 1px dotted #969696;
	border-bottom: 1px dotted #969696;
	padding: 20px 0
}
.reservationForm .notice {
	margin: 0;
	background: url(images/icon_warning.gif) 0 6px no-repeat;
	padding-left: 50px
}
.reservationForm .btn-send {
	background: url(images/btn_send.gif) 0 0 no-repeat;
	width: 149px;
	white-space: 32px;
	text-indent: -400px;
	float: right;
	margin-left: 30px
}
.notice_table {
	font-size: 12px;
	color: #808080;
	font-style: italic;
	text-align: right;
	padding-bottom: 20px
}
.square-green, .square-disable {
	background: url(images/icon_square_green.gif) 0 4px no-repeat;
	padding-left: 13px;
	margin-left: 25px
}
.square-disable {
	background: url(images/icon_square_gray.gif) 0 4px no-repeat;
}
/*----------------------------------------------*/
/* 4.10 Comment form */
/*----------------------------------------------*/
.add-comment {
	position: relative;
	float: left;
	left: 50px
}
.slider_main .add-comment {
	left: 0
}
.add-comment h3 {
	font-size: 17px;
	margin: 0 0 5px 5px
}
.comment-form {
	padding: 0 0 15px 0;
}
.comment-form .row {
	clear: both;
	padding: 5px 0
}
.comment-form .inputtext, .comment-form .textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	width: 150px;
	padding: 5px 8px;
	color: #3f3f3f
}
.comment-form .inputtext {
	width: 220px
}
.comment-form .textarea {
	width: 295px;
	height: 73px;
	padding: 10px;
	overflow: auto;
	margin-bottom: 15px;
}
.field-notice {
	display: block;
	padding: 5px 0 0 85px;
	color: #a2a2a2;
	font-size: 12px
}
/*----------------------------------------------*/
/* 4.11 Contact Box */
/*----------------------------------------------*/
.contact-address {
	background: url(images/box_news_bg.gif) 0 0 repeat-y;
	border-top: 1px dotted #959595;
	border-bottom: 1px dotted #959595;
	padding: 12px 15px;
	line-height: 1.8em;
	color: #595959;
	font-weight: bold;
	font-size: 12px
}
.contact-maillist {
	padding: 15px 15px 20px 15px;
}
.contact-mail {
	padding: 2px 0;
	font-weight: bold;
	font-size: 12px
}
.contact-mail a {
	color: #d67406
}
.contact-mail a:hover {
	color: #222
}
/*============================================================================================*/
/* 5. WIDGETS */
/*============================================================================================*/
/*----------------------------------------------*/
/* 5.1 Widget Recent Comment */
/*----------------------------------------------*/
.widget_recent_comments ul {
	margin: 0;
	padding: 0;
	font-size: 12px
}
.widget_recent_comments li {
	list-style: none;
	/*	border-top:1px dotted #969696;*/
	padding: 10px
}
.widget_recent_comments li a {
	font-family: 'MelbourneBold', Arial, sans-serif;
	font-size: 13px;
}
.widget_recent_entries .even, .widget_recent_comments .even {
	background: #fff
}
/*----------------------------------------------*/
/* 5.2 Widget Recent Entries */
/*----------------------------------------------*/	
.widget_recent_entries ul {
	margin: 0;
	padding: 0
}
.widget_recent_entries li {
	list-style: none;
	/*	border-top:1px dotted #8c8c8d;*/
	padding: 5px
}
.widget_recent_entries a {
	color: #595959;
	font-size: 12px
}
.widget_recent_entries a:hover {
	color: #000
}
.widget_recent_entries .date {
	font-family: 'MelbourneBold', Arial, sans-serif;
	font-size: 13px;
	color: #d67406;
/*text-shadow:0 1px 1px #fff*/}
.widget_recent_entries .thumbnail {
	float: right;
	margin: 0 0 0 5px;
}
/*-----------Ultimate Page Ends-------------------*/
.valid {
	border: 1px solid #70A41B!important;
	overflow: hide;
} /*#70A41B*/
.error {
	overflow: hide;
	border: 1px solid red!important;
}
#message .error {
	overflow: auto;
}
#reservationForm p.sending, #reservationForm p.textconfirm, #reservationForm p.texterror {
	display: none;
}
#reservationForm p.sending {
	margin-bottom: 0;
}
#reservationForm #sending {
	padding: 10px 0 10px 300px;
}
#reservationForm p.notice.textconfirm {
	background: url(images/ok.jpg) 0 6px no-repeat;
}
/* Additional CSS */

.roomTitle a {
}
.roomTitle a:hover {
	text-decoration: underline;
}
.photoGallery ul {
}
.photoGallery li {
	float: left;
	margin: 0 10px 10px 0;
}
/* Misc */

.trip-advisor {
	background: #fff;
	width: 180px;
	height: 100px;
	margin: 0 auto 10px;
	padding-bottom: 25px;
}
/*Social Header Icons*/
#yfi-social-navlist {
	position: relative;
	width: 145px;
	height: 25px;
	float: right;
	margin: 5px 0 5px 0;
	padding: 0;
}
#yfi-social-navlist li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 0;
}
#yfi-social-navlist li, #bridges-social-navlist a {
	height: 25px;
	display: block;
	filter: alpha(opacity=100);
	opacity: 1.0;
}
#yfi-social-navlist li:hover, #bridges-social-navlist a:hover {
	filter: alpha(opacity=70);
	opacity: 0.7;
}
#yfi-facebook {
	left: 0px;
	width: 25px;
}
#yfi-facebook {
	background: url(/images/sprite-social-icons-25x125.png) 0 0;
}
#yfi-google {
	left: 30px;
	width: 25px;
}
#yfi-google {
	background: url(/images/sprite-social-icons-25x125.png) -25px 0;
}
#yfi-foursquare {
	left: 60px;
	width: 25px;
}
#yfi-foursquare {
	background: url(/images/sprite-social-icons-25x125.png) -50px 0;
}
#yfi-tripadvisor {
	left: 90px;
	width: 25px;
}
#yfi-tripadvisor {
	background: url(/images/sprite-social-icons-25x125.png) -75px 0;
}
#yfi-yelp {
	left: 120px;
	width: 25px;
}
#yfi-yelp {
	background: url(/images/sprite-social-icons-25x125.png) -100px 0;
}
.mobile {
	display: none;
}
@media only screen and (max-width:768px) {
.desktop, .menu-header, #yfi-social-navlist, .icon-phone span, .icon-map .desktop, .baner-item {
	display: none;
}
body {
	min-width: 100%;
}
img {
	max-width: 100%;
	height: auto;
}
.container {
	width: 100%;
}
.logo {
	/* width: 588px; */
	width: 100%;
	position: relative;
	top: auto;
	left: auto;
	text-align: center;
	padding: 20px 0 10px;
}
.logo a img {
	width: 100%;
	height: auto;
	max-width: 588px;
}
.head_right {
	float: none;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}
.icon-top {
	margin-right: 10px;
}
.icon-top, .icon-facebook {
	display: inline-block;
	text-align: center;
}
.icon-facebook {
	background: none;
}
#yfi-social-navlist {
	top: 14px;
}
/* .homepage .container {
	width: 100%;
	height: auto;
} */
ul.topmenu {
	text-align: center;
	margin-left: 0;
}
.topmenu li {
	margin-left: 0;
	padding: 0 10px;
	display: inline-block;
	float: none;
}
.topmenu li ul {
	text-align: left;
}
.header .container {
	width: 100% !important;
}
.baners_top {
	width: 720px;
	margin-left: -360px;
	left: 50%;
}
.container_24 {
	width: 100%;
	padding: 20px 0;
}
.container_24 .suffix_1 {
	padding-right: 0;
}
.container_24 .grid_17, .container_24 .grid_13, .container_24 .grid_12, .container_24 .grid_6, .container_24 .grid_8, .container_24 .grid_3 {
	width: 90%;
	margin: auto;
	display: block;
	float: none;
}
.home-news .grid_12:first-child {
	margin-right: auto;
}
.footer {
	font-size: 13px;
}
.footer .grid_8 {
	width: 310px;
}
.footer .grid_3 {
	width: 110px;
}
.footer .grid_13 {
	float: right;
}
.footer .container_24 {
	text-align: center;
}
.footer .grid_8, .footer .grid_3 {
	float: none;
	display: inline-block;
}
.footer .grid_13 {
	float: none;
	display: inline-block;
	width: 100%;
	margin-top: 10px;
	margin-left: 0;
	margin-right: 0;
}
.botmenu ul, .copyright {
	text-align: center;
	padding: 20px 0 0;
}
.head .container {
	height: auto;
	padding-bottom: 10px;
	width: 90%;
}
.header .container {
	height: auto;
}
.head_right {
	text-align: left;
	display: table;
	width: 100%;
}
.icon-top {
	display: table-cell;
	text-align: left;
}
.icon-phone {
	background-position: left;
	padding-left: 30px;
}
.icon-map {
	text-align: right;
}
.icon-map .mobile {
	display: block;
}
.icon-map a {
	color: #d67406;
}
.middle .container {
	padding-top: 0 !important;
}
.banners_top {
	display: table;
	width: 100%;
}
.banners_top a.ss-calendar:before, .banners_top a.ss-lodging:before, .banners_top a.ss-tag:before, .banners_top a.ss-malefemale:before {
	top: 2px; left: -10px; position: relative;
}
.banners_top a {
	display: table-cell;
	vertical-align: middle;
	/* width: 50%; */
	width: 33.33%;
	text-align: center;
	background: orange;
	color: #fff;
	padding: 20px;
	text-decoration: none;
	font-family: "MelbourneBold",Arial,sans-serif;
	font-size: 21px;
	background: #FE9833; /* Old browsers */
	background: -moz-linear-gradient(top,  #FE9833 0%, #9A3400 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FE9833), color-stop(100%,#9A3400)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #FE9833 0%,#9A3400 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #FE9833 0%,#9A3400 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #FE9833 0%,#9A3400 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #FE9833 0%,#9A3400 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FE9833', endColorstr='#9A3400',GradientType=0 ); /* IE6-9 */
}
iframe { width: 100%; height: auto; }
}
@media only screen and (max-width:480px) {
.banners_top a {
	display: block;
	width: 100%;
	padding: 20px 0;
}
.banners_top a:last-child {
	display: none;
}
a.btn {
	width: 90%;
}
.footer .address {
	padding-top: 20px;
}
.botmenu ul li {
	display: inline-block;
	line-height: 1.8em;
}
}