/*  
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('css/journal-webfontd41d.eot?') format('eot'),
         url('css/journal-webfont.woff') format('woff'),
         url('css/journal-webfont.ttf') format('truetype'),
         url('css/journal-webfont.svg#webfontGhV9TBys') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'MelbourneBold';
    src: url('css/melbourne_bold-webfontd41d.eot?') format('eot'),
         url('css/melbourne_bold-webfont.woff') format('woff'),
         url('css/melbourne_bold-webfont.ttf') format('truetype'),
         url('css/melbourne_bold-webfont.svg#webfontzCPiyXMS') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'MelbourneRegular';
    src: url('css/melbourne_reg-webfontd41d.eot?') format('eot'),
         url('css/melbourne_reg-webfont.woff') format('woff'),
         url('css/melbourne_reg-webfont.ttf') format('truetype'),
         url('css/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: right}
	
.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:none;
	outline:none;
	color:#7aa218}

/*----------------------------------------------*/
/* 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:#1a1a1a}
	
h1{
	font-size:24px;
	line-height:24px;
	margin-bottom:20px}	
	
h2{
	font-size:20px;
	font-family: 'MelbourneBold', Arial, sans-serif;
	line-height:23px;
	margin-bottom:15px}
	
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:5px 0 5px 16px !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: 95px;
	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:url(images/head_bg_center.jpg) center 0 no-repeat;}

.head .container {
	height:152px;}
	
.logo {
	position:absolute;
	top:50px;
	left:36px;
	width:300px}

.head_right {
	float:right;
	margin:50px 25px 0 0}

.icon-top {
	line-height:29px;
	padding-right:20px;
	color:#686e73;
	font-family:'MelbourneBold', Arial, sans-serif;
	font-size:15px;
	text-align:right}

.icon-phone {
	background:url(images/icon_phone.png) right 5px no-repeat;}

.icon-map {
	background:url(images/icon_map_point.png) right 5px no-repeat;}

.icon-top span, icon-top a {
	color:#82a62b;
	text-decoration:none}

/* topmenu */
.menu-header {
	height:35px;
	background:url(images/topmenu_bg.gif) 0 0 repeat-x;
	z-index:2;}

.menu-header .container {
	z-index:3}

.topmenu {
	height:35px;
	z-index:1300;
	margin:0;
	padding:0;
	font-family:'MelbourneBold', Arial, sans-serif;
	font-size:16px;}

.topmenu li {
	display:block;
	float:left;
	height:35px;
	position:relative;
	list-style:none;
	margin-left:40px}

.topmenu li a {
	display:block;
	padding:8px 2px 0 2px;
	color:#747a80;
	}

.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:#7d7d7d;
	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:116px;
	z-index:1}

.header .container {
	width:990px;
	min-height:116px;}

.homepage .container{
	height:404px;
	background:url(images/slider_bg.png) 0 0 no-repeat;}

.header .caption {
	font-family:'MelbourneBold', Arial, sans-serif;
	font-size:18px;
	color:#747a80;}

.header .caption:first-child {
	bottom:0px}

.header-line {
	background:url(images/header_line.gif) 0 0 repeat-x;
	height:8px;
	clear:both}

/*----------------------------------------------*/
/* 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
	background:url(images/arkaplan.jpg) 0 50% repeat-x #fff
}*/

.middle .container {
	/*background:url(images/middle_center_bg.jpg) center 0 no-repeat;*/
	min-height:200px;
	padding-top:130px}

/*----------------------------------------------*/
/* 2.4 Homepage Baners Top */
/*----------------------------------------------*/
.baners_top {
	position: absolute;
	top:-42px;
	left:120px;}

.baner-item {
	float:left;
	text-align:center;}

.baner-img {
	background:url(images/baners_top_shadow.png) center bottom no-repeat;
	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:17px;
	font-family:'Verdana', 'Times New Roman', Times, serif;
	padding-right:4px;
	line-height:1em}

/*----------------------------------------------*/
/* 2.5 Header Top Image */
/*----------------------------------------------*/
.header-title-image {
	width:730px;
	position: absolute;
	left:115px;
	top:-92px;
	text-align:center;}

.header-title-image .image {
	background:url(images/header_image_shadow.png) center bottom no-repeat;
	width:708px;
	height:131px;
	padding:0 11px}

.header-title-image h1, 
.header-title-image strong {
	margin:10px 0 0 0;
	line-height:1em;
	font-family:'MelbourneBold', Arial, sans-serif;
	font-size:24px;
	display:block;
	font-weight:normal;
	color:#1a1a1a}

.header-title-image h1 span,
.header-title-image strong span {
	font-size:33px;
	font-family:'JournalRegular', 'Times New Roman', Times, serif;
	padding-right:4px;
	line-height:1em}

/*----------------------------------------------*/
/* 2.7 Footer */
/*----------------------------------------------*/
.footer 
{
     
	border-top:1px solid #c9c9c9;
	background:#dfdfdf;
	padding:50px 0;
	color:#808080;
	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;
	background:url(images/botmenu_line.gif) right center no-repeat;
	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:27px;
	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:#82a62b}

.text p {
	margin-bottom:20px}

.text ul, .text ol {
	margin:5px 0 25px 35px}

.text ul li, .text ol li {
	margin-bottom:10px}

.link-more {
	font-family:'MelbourneBold', Arial, sans-serif;
	font-size:15px;}

.text h1, 
.text h2, 
.text .title-arrow {
	color:#a6a6a6;
	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;}

.text h1, .text h2, .text h3,.text h4,.text h5 {
	text-transform:none;
	margin-bottom:15px}

.text h2 a, 
.text h1 a {
	color:#a6a6a6}

.text h2 a:hover, 
.text h1 a:hover {
	color:#7aa218}

.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}

.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: 'MelbourneBold', Arial, sans-serif;
	font-size:17px;
	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:10px 10px 10px 35px;}

.quote_right, .quote_left  {
	width:360px}

.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:#82a62b;
	font-family: 'MelbourneBold', Arial, sans-serif;
	font-size:15px;
	padding-top:5px}

/* Colored Text */
.text-green {
	color:#82a62b}
	
.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 h3 span {
	font-family:'JournalRegular', 'Times New Roman', Times, serif;
	font-size:24px;
	padding-right:4px}

.box_black {
	background:#404040}

.box_black h3 {
	color:#eeeeee;
	margin-bottom:12px}

.box_black .bordered {
	border-bottom:1px dotted #8a8a8a;
	padding-bottom:8px;}

.box_gray .bordered {
	border-bottom:1px dotted #9c9c9c;
	padding-bottom:8px;
	margin-bottom:12px}

.box_black p {
	color:#999999;
	text-shadow:0px 1px 1px #000;
	margin:10px 0}

.box_black .text-green {
	color:#9ac434}

.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-family:  '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}
	
/*----------------------------------------------*/
/* 4.3 List Rooms */
/*----------------------------------------------*/
.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 */
/*----------------------------------------------*/
.news-item {
	margin-bottom:70px;
	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:#a6a6a6;}

.news-item h2 a:hover {
	color:#7aa218}

.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:#82a62b;
	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:#a6a6a6;
	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:#82a62b}

.reset-link {
	display:block;
	float:right;
	padding:5px 50px 0 0;
	font-size:13px}
	
.reset-link a {
	color:#82a62b;
	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:#82a62b}

.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:url(images/box_news_bg.gif) repeat-y}
	
/*----------------------------------------------*/
/* 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:10px}

.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:#85a830;
	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; }