/*/* 
Theme Name: VacationRental
Author URI: http://www.templatic.com
Description: Create a site to showcase your vacation home, offer it on lease to tourists and manage their booking orders. Support: <a href="http://templatic.com/theme-support/theme-documentation/vacation-rental-theme-guide" target="_blank">Vacation Rental Theme Guide</a> | Follow <a href="http://twitter.com/templatic" target="_blank">@templatic</a> on Twitter.
Author: Templatic
Version: 1.1.3
License: 
Copyright: (c) 2011 Templatic*/

/*-----------------------------------------------------------------------------------
	1.  body, common classes, structure etc
	2.  Header Styles
	3.  Navigation & Menus - Header Right Menu
	4.  Navigation & Menus - Main Menu
	5.  Main Content Styles
	6.  Post Page Navigation
	7.  Comments
	8.  Widget
	9.  Bottom Section
	10.  Footer
	11. Page Templates
	12. Calendar css 
	13. Shortcodes
	14. Home Page
-----------------------------------------------------------------------------------*/
/* widget style 
-----------------------------------------------------*/
@import url('admin/widgets/widget_css/widget.css');
@import url('main.css');


/*----------------------------------------------------------------------------------
	1. body, common classes, structure etc
----------------------------------------------------------------------------------*/
body, input, textarea, select {font: 16px Georgia, "Times New Roman", Times, serif; }
a { text-decoration:none; }
a:hover { text-decoration:none; }

/* structure =========================================*/
.header { clear:both; }
#pages, .header_in, .footer_in, .bottom_in, #container { max-width:61.61em;  margin:0 auto;  }
.top_navigation { position:relative; z-index:99; }
#container { padding: 0px;  }
.footer { clear:both; }

/*** layout 2 columns =============***/
.content {width: 69%; padding: 0 25px; }
.sidebar { width: 25.8%; padding-top:15px;  }

.right_side {  float:right; }
.left_side {  float:left; }

.index_content_spacer { width:74.2%; padding:0 !important; }
.main_nav { clear:both; }

/*** layout Full =============***/
.content_full {width: 978px;}

.spacer { padding:40px 0; clear:both;  } /* remove this class last*/
.bottom_in { padding:20px 0 20px 0; clear:both;  position:relative; }
.footer { height:10px; padding: 20px 0; }

.two_col_left_sidebg .content_top, .page-template-tpl_right_sidebar_page-php .two_col_left_sidebg .content_top, .two_col_right_sidebg .content_top { height:11px; }
.two_col_left_sidebg .content_bottom, .page-template-tpl_right_sidebar_page-php .two_col_left_sidebg .content_bottom,  .two_col_right_sidebg .content_bottom { height:13px; }




/*-----------------------------------------------------------------------------------*/
/*	2. Header Styles
/*-----------------------------------------------------------------------------------*/
.logo { overflow: hidden; float: left;}


.site-title h1 {  margin:0; padding:0 ; font-weight:normal; }
.site-title a { font-size:40px; text-decoration:none; }
.site-title a:hover { text-decoration:none; }
.site-description { font-size:14px; }

.site-description { padding:10px 0 15px 0;  overflow: hidden;}
.site-description .textwidget {font-size: 11px; line-height: 1.3;}

/* header right side */ 
.header_right { float:right; padding:14px 0;   }
.header_right .widget { margin-bottom:0; }

.search fieldset {  height: 31px; margin-bottom:20px;  }
.search input {width: 80%; border: none; padding: 10px; font-size:12px;  vertical-align: middle;}
.search button {width: 16px; height: 16px; margin-top:11px; margin-right:10px; cursor: pointer;  float:right; vertical-align: middle;}

.for_reservation { float:right; width:158px; padding-top:13px; }
.for_reservation h3 { margin:0; padding:0 0 4px 0; font-size:14px; font-weight:normal;  }
.for_reservation p.i_booking { margin:0 0 4px 0; padding:4px 0 4px 22px; font-size:16px; }
.for_reservation p.i_booking a { text-decoration:none; }
.for_reservation p.i_booking a:hover {  }
.for_reservation p.i_phone { margin:0; padding:2px 0 4px 22px; font-size:20px;  }

.header .logo, .header .main_nav { display:none; }
 


/*-----------------------------------------------------------------------------------*/
/*	3. Navigation & Menus - Main Menu
/*-----------------------------------------------------------------------------------*/
.main_nav_in {position: relative; }

.main_nav_in ul,
.main_nav_in ul li,
.main_nav_in ul ul {list-style: none;margin: 0;padding: 0;}
.main_nav_in ul {position: relative;z-index: 1000;}
.main_nav_in ul li {zoom: 1}
.main_nav_in_wrap {position: relative;z-index: 9000;}
.main_nav_in_wrap.right ul.menu {float: right;}
.main_nav_in_wrap.below {padding: 0;}
.main_nav_in ul li.hover, .main_nav_in ul li:hover {position: relative;z-index: 9999;cursor: default;}
.main_nav_in ul, .main_nav_in ul li, .main_nav_in ul ul { list-style: none; margin: 0; padding: 0; }
.main_nav_in li { margin: 0; float: left; zoom: 1;}
.main_nav_in ul li.hover, .main_nav_in ul li:hover { position: relative; z-index: 9999; cursor: default;}
.main_nav_in ul ul { visibility: hidden; position: absolute; min-width: 200px; z-index: 9998; width: auto; font-size: 13px; spadding: 0px; s}
.main_nav_in ul li li a { display: block; text-decoration: none; position: relative; border-right: none;}
.main_nav_in ul ul li { float: none; white-space: nowrap; margin: 0; border-radius: 0; -moz-border-radius: 0; -khtml-border-radius: 0; -webkit-border-radius: 0; }
.main_nav_in ul ul ul { top: -1px; margin-top:-1px; left: 100%;  }
.main_nav_in ul li:hover > ul { visibility: visible; }

.main_nav_in ul { width: 100%; position: relative; }
.main_nav_in ul li { position: relative; }
.main_nav_in ul li a { padding: 13px 25px; text-decoration: none; display: block; text-shadow: 1px 1px 0px #fff; }

/* Navbar Hover Links */
.main_nav_in ul li:hover a, .main_nav_in ul li a:hover { color: #545454; background:none; border-bottom: none; position: relative;}
.main_nav_in ul li:hover li a { color: #595959; font-weight: normal; }

/* Navbar Active Links */
.main_nav_in ul li.active a { color: #333; background: #fff; text-shadow: 1px 1px 0px #fff; border-bottom: 1px solid #fff;}
.main_nav_in ul li .sf-sub-indicator { background:url(images/arrow2.png) no-repeat 3px 3px; width:20px; height:16px; position:absolute; right:0; top:14px;  }

/* Nav Sublevel */
.main_nav_in ul.sub-menu, .main_nav_in ul.children { background:#F0F0F0 !important; border-color: #EAEAEA #F5F5F5 #F5F5F5 #F5F5F5; border-style: solid; border-width: 1px;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);}
.main_nav_in ul.sub-menu li, .main_nav_in ul.children li { border: none; }
.main_nav_in ul.sub-menu li .sf-sub-indicator, .main_nav_in ul.children li .sf-sub-indicator { position:absolute; right:10px; top:10px; background:url(images/arrow2.png) no-repeat left 3px; width:16px; height:16px; display:inline-block; }

/* Nav Sublevel Links */
.main_nav_in ul.sub-menu li a { background: #f0f0f0; padding: 5px 0px 5px 8px; height: 32px; line-height: 32px; border-radius: 0; min-width: 15.00em; 
border-bottom: none; position: static; behavior: none; }

/* Nav Sublevel Hover */
.main_nav_in ul.sub-menu li a:hover { background: #fff; border-bottom: none;}

/*** adding sf-vertical in addition to sf-menu creates a vertical menu ***/
.main_nav_in ul, .main_nav_in ul li {
	width:	100%;
	
}
/* this lacks ul at the start of the selector, so the styles from the main CSS file override it where needed */
.main_nav_in ul li:hover ul,
.main_nav_in ul li.sfHover ul {
	left:	100%; /* match ul width */
	top:	0;
}
.main_nav_in ul {width:auto;}
.main_nav_in ul li > a, .main_nav_in ul li:hover > a, .main_nav_in ul li a {
	background-repeat: no-repeat !important;
	background-position: 22px center !important;
	padding-left:45px !important;
	}
.main_nav_in ul li.booking > a, ul#menu-menu li.booking:hover > a {
	background-image: url(images/i_calendar.png) !important;	
	}
.main_nav_in ul li.home > a, ul#menu-menu li.home:hover > a {
	background-image: url(images/i_home.png) !important;	
	}
.main_nav_in ul li.rates > a, ul#menu-menu li.rates:hover > a {
	background-image: url(images/i_rate.png) !important;	
	}
.main_nav_in ul li.guestbook > a, ul#menu-menu li.guestbook:hover > a {
	background-image: url(images/i_guestbook.png) !important;	
	}
.main_nav_in ul li.gethere > a, ul#menu-menu li.gethere:hover > a {
	background-image: url(images/i_map.png) !important;	
	}
.main_nav_in ul li.blog > a, ul#menu-menu li.blog:hover > a {
	background-image: url(images/i_blog.png) !important;	
	}
.main_nav_in ul li.contact > a, ul#menu-menu li.contact:hover > a {
	background-image: url(images/i_contact.png) !important;	
	}
.main_nav_in ul li.gallery > a, ul#menu-menu li.gallery:hover > a {
	background-image: url(images/i_pics.png) !important;	
	}
.main_nav_in ul li.property > a, ul#menu-menu li.property:hover > a {
	background-image: url(images/i_pound.png) !important;	
	}

.main_nav_in ul li ul li a, .main_nav_in ul li ul li a:hover, .main_nav_in ul li ul li:hover a { padding-left:8px !important; }



/*-----------------------------------------------------------------------------------*/
/*	4. Main Content Styles
/*-----------------------------------------------------------------------------------*/
/* breadcrumb --------------------------- */
.breadcrumb_in {  padding:8px 0; font:11px Arial, Helvetica, sans-serif;  }
.breadcrumb_in a { text-decoration:none; }

/* ajax post view swtich --------------------------- */
#mode {display: block; width: 37px; height: 14px; position:relative; float:right; z-index:1; top: -14px; right: 30px; }


/*** Content ============================================================ ***/
.content-title { font-size: 22px; font-weight:normal; padding: 0 0 5px 0px; position: relative;}
.content-title h1 { font-size: 22px; font-weight:normal; }
.content-title a { text-decoration: none;}
.content-title a:hover {text-decoration: underline;}
.content-title span a { text-decoration: none;}
.content-title span a:hover { text-decoration: none;}

.list .post {padding: 30px 0 20px 0px; overflow:hidden;  position:relative; }
.list .post .thumb img {float: left; margin: 0 30px 30px 0; width: 290px; height: 290px;}
.list .post .post-category {font-size: 11px; margin-bottom: 11px;}
.list .post .post-category a {text-decoration: none;}
.list .post .post-category a:hover {text-decoration: underline;}
.list .post h2 { }
.list .post h2, .list .post h2 a { font-size: 24px; font-weight: normal; text-decoration: none;}
.list .post h2 a:hover { text-decoration: noen; } 
.list .post .post-meta { font-size: 11px; margin-bottom: 20px;}
.list .post .post-meta span, .list .post .post-meta a { text-decoration: none; font-style: normal;}
.list .post .post-meta a:hover {text-decoration: none; }

.post-meta { font-size: 11px; position: relative;}
.post-meta h1 { font-size: 30px; padding:10px 0 0px 0; font-weight: normal; }

.entry .post { padding-bottom: 15px;}
.entry .post-meta { line-height:30px; font-size: 11px; position: relative;}
.entry .post-meta h1 { font-size: 40px; font-weight: normal;  }
.format-standard h1 { padding-bottom:5px; }

.entry .post-meta span, .entry .post-meta a { text-decoration: none; font-style: normal;}
.entry .post-meta a:hover {text-decoration: underline;}
.entry .post-comms {position: absolute; right: 0;}
.entry .post-content a { text-decoration:none; }
.entry .post-content a:hover {  text-decoration: none;}
.entry .post-footer {padding-left: 30px; font-size: 12px; margin-bottom: 15px;}
.entry .post-footer a { text-decoration: none;}
.entry .post-footer a:hover {text-decoration: none; }
.page .post-category {display: none;}

.post-content { margin-bottom: 30px; line-height:22px; }
.post-content h1, .post-content h2, .post-content h3, .post-content h4, .post-content h5, .post-content h6 { font-weight: normal; }

.post-content .search {float: none; margin-top: 15px; width: auto;}
.post-content .search fieldset {width:95%; height: 35px;}
.post-content .search input {width:88%; font-size: 16px;}

.post_content { width:89%; float:right; }

/*-----------------------------------------------------------------------------------*/
/*	6. Post Page Navigation 
/*-----------------------------------------------------------------------------------*/
/* single page post navigation --------------------------- */
.post-navigation {/*width: 610px;*/ padding: 15px 0; position: relative;}
.post-navigation a {display: block; font-size:12px; text-decoration: none; line-height: 1.5;}
.post-navigation a:hover {text-decoration: none; }
.post-navigation a em {display: block; font-size:11px; }
.post-navigation a:hover span {text-decoration: underline; }
.post-prev {width: 40%; min-height: 40px; padding-left: 30px; float: left; text-align: left; }
.post-next {width: 40%; min-height: 40px; padding-right: 30px; float: right; text-align: right; }
.line {width: 1px; height: 100%; position: absolute; top: 0; right: 50%;}


/* ajax loading pagination --------------------------- */
#pagination {padding: 20px 0 0 0px;}
#pagination .nextpostslink { text-decoration: none; display: block; padding: 9px 0; text-align: center; font-size: 14px;}
#pagination .nextpostslink:hover { text-decoration: none; }
#pagination .loading:hover { cursor: default;}


/* post pagination --------------------------- */
.pagination {padding: 0px 0 20px 0px; margin-top:40px; min-height:30px; font:bold 12px Arial, Helvetica, sans-serif; clear: both; position: relative;   }
.pagination a { text-decoration: none;}
.pagination a:hover {text-decoration: none;}
.pagination .nextpostslink { position: absolute; right: 0; top: -3px; line-height: 21px; display:block;  
padding:4px 29px 4px  40px;  text-decoration:none; }
.pagination a:hover.nextpostslink { text-decoration:none; }

.pagination .previouspostslink {position: absolute; left:0px; top: -3px; line-height: 21px;  display:block;  
padding:4px 28px 4px  30px; }
.pagination a:hover.previouspostslink { text-decoration:none; } 

.Navi { display: block; text-align: center; }
.Navi .on { padding:7px 11px 7px 11px; margin-right:3px;  display:inline; font-size:13px; 
-webkit-border-radius: 20px; -moz-border-radius: 20px; bkdjdbsorder-radius: 20px; }
.Navi a {  display:inline;  padding:7px 11px 7px 11px; margin-right:3px; font-size:13px; 
-webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; }
.Navi { display:block; text-align:center;  }
.Navi .previouspostslink { display:none; }
.Navi .nextpostslink { display:none; }

/*-----------------------------------------------------------------------------------*/
/*	7. Comments
/*-----------------------------------------------------------------------------------*/
#comments {margin-bottom: 30px;}
.comments h3 {font-size: 22px; font-weight: normal;  padding: 15px 0 5px 0px; }
.comment { padding: 15px 0 15px 0px;  margin-bottom:10px;  }
.comment td {vertical-align: top;}
.comment-meta {position: relative; min-height: 70px; font-size: 11px; margin-right: 30px;}
.avatar {display: block; margin:0 10px 8px 0; padding:5px; }
.comment-author a, .comment-author span {text-decoration: none; font-family: Helvetica, Arial, sans-serif; font-weight:bold; }


.comment-author a:hover {text-decoration: underline; }
.comment-author, .comment-date {white-space: nowrap;}
a.comment-reply-link { position: absolute; bottom: 1px;  text-decoration: none;  float:left; display:block; padding:5px 18px; 
font:bold 11px Arial, Helvetica, sans-serif; text-decoration:none; margin:10px 0 0 0; clear:inherit;  -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; }
.comment-reply-link:hover { background-position:0 -36px; }
.comment-text p { font-size:15px; margin-bottom: 15px; line-height:20px; }
.comment .children {margin-left: 80px;}
.comment .children .children {margin-left: 50px;}
.comment .children .comment {padding-left: 0;}
.comment  { overflow:hidden; }
.comment_list ol li { margin-bottom:30px; }
.comment_left { float:left; }
.comment-text { float:right; width:80%;  }
.comment_list ol li ul.children {   overflow:hidden; margin-left:5%;  }
.comment_list ol li ul.children li { margin-bottom:0; }
p.comment_message { font-size:14px;  }

/* comment form -----------------------*/
#respond { clear:both; }
.nopassword {padding-left: 30px;}
#respond p, .nopassword {margin: 10px 0; }
#respond p a {text-decoration: none;}
#respond p a:hover {text-decoration: underline;}
#commentform {padding: 30px 0;}
#commentform table {width: 100%; margin-bottom: 15px;}
#commentform td {vertical-align: top; width: 33.33%;}
#commentform td p { font-size:11px; color: #333; margin-bottom: 5px;}
#commentform td p span {color: #aaa9a9; font-style:italic; font-size:11px; }
#comment {width: 100%; height: 120px; padding: 0; margin: 0; overflow: auto;}
#comment  #author, #comment  #email, #comment #url {width: 100%; margin: 0; padding: 0; border: none; font-size:12px;}
#submit {width:100px; font-size:14px;  margin-bottom:40px; cursor:pointer;  padding:4px 20px; text-decoration:none;  }
p#cancel-comment-reply {float: right; line-height: 28px; margin: 0;}
.commform-author div {margin-right: 15px; padding: 5px;}
.commform-email div { padding: 5px;}
.commform-url p {margin-left: 15px !important;}
.commform-url div {margin-left: 15px; padding: 5px;}
.commform-textarea { padding: 10px; margin-bottom: 10px;}
.commform-author div , .commform-email div, .commform-url div, .commform-textarea  { background:#fff;}
.commform-author div input, .commform-email input, .commform-url input { width:204px; }

/* sidebar widget ----------- */
.sidebar .logo { width:100%;  text-align:center; }

.sidebar h3 { font-size:17px;  margin-bottom:10px; }
.sidebar { position:relative;  }
.home .sidebar { position:relative; }
.sidebar .widget { border-top:1px solid #cfcfcf; padding:22px 0 0px 0px; margin:0 25px  0px 20px; }

.sidebar .call_now { background:url(images/i_call.png) no-repeat left 6px; padding-left:30px;  }
.sidebar .call_now p.phone { font-size:22px; color:#333; padding:0 0 5px 0; margin:0; }

.b_twitter { padding:0 0 10px 40px; background:url(images/i_twitter.png) no-repeat left top;  }

#twitter_update_list li { line-height:23px; border:none; }


.latest_posts li, .popular li, #twitter li { height:auto; }

.textwidget img { float:left; margin:0 12px 12px 0; }
.sidebar #testimonials  blockquote { height:150px;  }
.sidebar #testimonials  blockquote p { padding-right:30px; }
.sidebar #testimonials cite { float:right; margin-right:30px; text-align:right; font-size:14px; }
.sidebar #testimonials cite small { font-size:11px; color:#777; }

.textwidget p span { color:#000; }

.newsletter { padding-bottom:20px; position:relative; }
.newsletter_form { position:relative; } 
.newsletter .field { padding:6px; padding-bottom:7px; padding-left:16px; height:auto; width:60%;  }
.newsletter .btn_submit { display:block; width:52px; height:34px; cursor:pointer; position:absolute; right:-8px; top:-6px; }


/*-----------------------------------------------------------------------------------*/
/*	 8. Widget
/*-----------------------------------------------------------------------------------*/
/* contactus widget----------------- */
#contact_widget_frm .form_row { display:table; margin-bottom:10px;  } 
#contact_widget_frm .form_row label { display:block; padding:4px 0; margin-right:5px;  }
#contact_widget_frm .form_row .textfield {   width:90%; padding:5px; } 
#contact_widget_frm .form_row .textarea {   width:90%; padding:5px;  } 
#contact_widget_frm .error, .message_error { display:block; clear:both; padding-top:4px; font:11px Arial, Helvetica, sans-serif; }
#contact_widget_frm .b_submit { border:none; margin-bottom:40px; cursor:pointer; width:90px; font-size:14px; cursor:pointer; 
padding:4px 20px; text-decoration:none;  }

#contact_widget_frm p.success_msg { font:bold 14px Arial, Helvetica, sans-serif; padding:5px; margin-top:20px; margin-bottom:20px; text-align:center;  }
#contact_widget_frm .indicates{ font-size:11px; }


.google_map_contact { width:100; margin-top:20px;  margin-bottom:30px; }

.content .google_map_contact h3 { margin-top:0; }

/* Google Map widget----------------- */
.get_direction { padding:10px 0; display:block; font-weight:bold; }
#container .sidebar .google_map { border-bottom:none; margin-bottom:0; }


/* contactus widget----------------- */
#testimonials{ min-height:158px;  }
#recentcomments  li { font-size:13px; padding:8px 0; }

.content .widget h3, .content .widget-small h3 { font-size:23px; }


/*-----------------------------------------------------------------------------------*/
/*   9. Bottom Section
/*-----------------------------------------------------------------------------------*/
.bottom { overflow:hidden;  }
.bottom .widget { margin-bottom:0; }
.bottom .widget h3 { font-size:17px;  }
.bottom .widget li { margin-bottom:15px; font-size:14px; line-height:19px; padding-left:20px; }
.bottom .widget li a.title { font-weight:bold; }
.widget .resources { padding-top:7px; }

.bottom .widget li a { text-decoration:none; }
.bottom .widget li .post-date, .bottom .widget li .single_comments { font-size:11px;  }
.bottom .widget li ul li, .bottom .widget li ul li ul li { padding:9px 5px 0px 5px; margin:0; }
.bottom .widget p { font-size:12px; margin-bottom:10px; line-height:22px; }
a.more_lnk { display:block; float:left; padding:5px 10px 5px 20px; text-decoration:none; display:block; font:12px Arial, Helvetica, sans-serif; }
.get_direction { font-weight:normal; }

#testimonials blockquote p { padding-left:24px; font-style:normal; }
#testimonials blockquote cite { font-style:normal; text-align:right; margin-top:10px; float:right; }
#testimonials blockquote { min-height:166px; }

/*-----------------------------------------------------------------------------------*/
/*	 10. Footer
/*-----------------------------------------------------------------------------------*/
.footer p {font-size: 12px; }
p.copyright {float: left;}
.credits {float: right;}

.credits a { background:url(images/templatic.png) no-repeat left top; text-indent:-9009px;  display:inline-block; width:85px; 
margin-left:10px; top:-2px; position:relative; height:22px; float:right; }


.footer p a { text-decoration:none; }



/*-----------------------------------------------------------------------------------*/
/*	11. Page Templates
/*-----------------------------------------------------------------------------------*/
/*----------------- */
/* contactus 
----------------- */
#contact_frm { width:48%; float:left; }
#contact_frm h3 { margin-bottom:10px; font-size:20px; color:#333; font-weight:normal; }

#contact_frm .form_row { display:block; overflow:hidden; margin-bottom:14px;  } 
#contact_frm .form_row label { display:block; padding:4px 0; margin-right:10px; font-size:14px; width:22%; float:left; }
#contact_frm .form_row .textfield { font-size:14px; width:80%; padding:6px; -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px; } 
#contact_frm .form_row .textarea { font-size:14px;width:85%; padding:6px; -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px; } 
.message_error { display:block; padding-top:4px; font-size:11px; padding-left:142px; }
#contact_frm .error, #contact_frm .message_error { padding-left:0; display:block; padding-top:4px; font-size:11px; }

.sidebar #contact_frm .error, .sidebar .message_error { padding-left:0px; }
#contact_frm .b_submit  { width:100px; font-size:14px;  margin-bottom:40px; cursor:pointer;  
padding:4px 20px; text-decoration:none;}
#content p.success_msg { font-size:14px; font-weight:bold; padding:5px; margin-top:20px; margin-bottom:20px; text-align:center; }
#contact_frm .indicates{ font-size:11px; }
.content_3col_right #contact_frm .b_submit, .content_3col_left #contact_frm .b_submit { margin-left:0; }

.contact_inner { background:#fff; padding:25px; width:38%; float:right; -webkit-border-radius: 5px; -moz-border-radius: 5px; 
border-radius: 5px; border:1px solid #ccc;  -moz-box-shadow: 1px 1px 1px #ccc; -webkit-box-shadow: 1px 1px 1px #ccc;
box-shadow: 1px 1px 1px #ccc;  }
.contact_inner h3, .contact_inner .widget h3 { margin:0 0 10px 0; font-size:20px; color:#333; font-weight:normal;  }
.contact_inner p { line-height:22px; }

.contact_inner .textwidget { border-bottom:1px solid #eee; margin-bottom:20px; padding-bottom:20px; }
.contact_inner .widget { margin-bottom:10px; padding-bottom:20px; }
 
/*----------------- */
/* gallery 
----------------- */
.post-content .page_gallery { margin:0; padding:0; }
.post-content .page_gallery li { margin:0 30px 34px 0; padding:0; list-style:none; float:left; padding:5px; position:relative; width: 170px; }
.post-content .page_gallery li img { padding:10px; }
.gallery_zoom { position:absolute; left:45%; top:45%; width:32px; height:32px; display:none; }
.post-content .page_gallery li:hover .gallery_zoom { display:block; }
.content_3col .post-content .page_gallery li, .content_3col_left .post-content .page_gallery li, .content_3col_right .post-content .page_gallery li { margin:0 18px 24px 0;  }
.content_3col .post-content .page_gallery li img, .content_3col_left .post-content .page_gallery li img, .content_3col_right .post-content .page_gallery li img   { padding:5px; }


/*----------------- */
/* archives 
----------------- */
.arclist { margin:0 15px 30px 0; padding:15px; padding-top:0;  }
.post-content .arclist ul { margin:0 0 0 12px; padding:0; }

/*----------------- */
/* Advanced Search
----------------- */
#advancedsearch { padding:15px; padding-top:0; overflow:hidden;	 }
.content #advancedsearch h4 { margin:0; padding:14px 0; } 

#advancedsearch .adv_input { padding:5px 8px; font-size:14px; width:73%; -webkit-border-radius: 5px;
-moz-border-radius: 5px; border-radius: 5px; }
#advancedsearch select { padding:5px 0 5px 4px; font-size:13px; width:45%; margin-right:10px; 
-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
#advancedsearch .adv_submit { border:none; margin-left:18%; width:100px; font-size:14px; cursor:pointer; 
padding:4px 20px; text-decoration:none;  }
.advanced_left { margin-bottom:0px;   overflow:hidden;  }
.advanced_left label { float:left; margin-right:10px; margin-bottom:10px; padding-top:5px; width:100px;  }
.post-content #advancedsearch p { margin:0 0 15px 0; padding:0; clear:both;  overflow:hidden; }
.advanced_left span { float:left; margin-right:10px; padding-top:5px; } 
.advanced_left .textfield { padding:5px; float:left; width:120px;  -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px; }
.post-content .adv_calendar { float:left; margin:0 20px 0 10px; cursor:pointer; }
.advanced_left span.adv_author { float:left; margin-left:10px; padding-top:5px; }
.advanced_left  .checkbox { margin-top:7px; }



/*-----------------------------------------------------------------------------------*/
/*  13. Shortcodes
/*-----------------------------------------------------------------------------------*/
/* buttons --------------------  */
.small_button {  float:none; display:inline-table; margin:0 15px 15px 0; }
.entry .post-content .small_button a { margin-left:15px; display:block; float:left; font:bold 14px Arial, Helvetica, sans-serif;  padding:9px 25px 9px 10px; text-decoration:none;   }
hr { clear: both;  padding:20px 0 0 0; height:1px; }


/* About Author --------------------  */
.entry .post-content .about_author  {  clear:both; overflow:hidden; padding:20px; margin:20px 0; -webkit-border-radius: 10px;
-khtml-border-radius: 10px;	-moz-border-radius: 10px; }
.entry .post-content .about_author img { float:left; margin:0 18px 15px 0; }
.entry .post-content .about_author h4 { margin-top:0; margin-bottom:5px; }
.entry .post-content .about_author br { display:none; }

/* check list view --------------------  */
.post-content .check_list ul {list-style:none; padding-left:0px; margin: 15px 0;}
.post-content .check_list ul li { list-style:none; margin:0 0 8px 0; padding-left:25px; }
.post-content .check_list ul li ul  {margin:0 ; padding-left:15px; list-style:none; }
.post-content .check_list ul li ul li  {margin:8px 0 8px 0 ; }

/* boxes --------------------  */
.entry .post-content .boxes  {   overflow:hidden; padding:20px; margin:40px 0; 
 -webkit-border-radius: 10px; -khtml-border-radius: 10px;	-moz-border-radius: 10px;  }
.entry .post-content .boxes h3 { margin:0;  }
.entry .post-content .boxes br { display:none; }

.small { width:16%; float:left; margin:0 20px 20px 0 !important; }
   
.entry .post-content .warning_box, .entry .post-content .download_box, .entry .post-content .info_box, 
.entry .post-content .about_box, .entry .post-content .alert_box { padding-left:85px; }

.post-content p.dropcaps {  padding:20px 10px 0 0;  }
.post-content p.dropcaps:first-letter { font-size:40px; float:left; margin-right:8px; margin-top:5px; line-height:35px;  } 


/* content columns define ----------- */
.two_thirds { width:60%; padding:0 50px 0 0; }
.two_thirds_last { width:62%;  }
.two_thirds_last br { display:none; }
.clear_spacer { clear:both; width:100%; }

.one_half_column, .one_third_column, .one_third_column_last, .one_fourth_column, .one_fourth_column_last { margin-bottom:30px; }
.one_half_column { width:45%;  }
.one_third_column { width:28%; padding:0 50px 0 0;  }
.one_third_column_last { width:29%;   }
.one_fourth_column { width:20%; padding:0 60px 0 0; }
.one_fourth_column_last { width:20%;  }

.one_half_column br, .one_third_column br, .one_third_column_last br, .one_fourth_column br, .one_fourth_column_last br    { display:none; }

.post-content .one_half_column h3, .two_thirds h3, .two_thirds_last h3, .post-content .one_third_column h3, .post-content .one_third_column_last h3,
.post-content .one_fourth_column h3, .post-content .one_fourth_column_last h3,
.post-content .one_half_column h4, .two_thirds h4, .two_thirds_last h4, .post-content .one_third_column h4, .post-content .one_third_column_last h4,
.post-content .one_fourth_column h4, .post-content .one_fourth_column_last h4,
.post-content .one_half_column h5, .two_thirds h5, .two_thirds_last h5, .post-content .one_third_column h5, .post-content .one_third_column_last h5,
.post-content .one_fourth_column h5, .post-content .one_fourth_column_last h5,
.post-content .one_half_column h6, .two_thirds h6, .two_thirds_last h6, .post-content .one_third_column h6, .post-content .one_third_column_last h6,
.post-content .one_fourth_column h6, .post-content .one_fourth_column_last h6
{ margin-top:0;  }

.form_row .message_note, .form_row .message_error2 {padding-left:5px;  }

/*services -------------------- */
.content .services { margin:0 0 40px 0; padding:0; list-style:none; }
.content .services li { margin:0 30px 0 0; padding:0; float:left; width:290px; list-style:none; }
.content .services li img { float:left; }
.content .services li h4 { margin-bottom:3px; font-weight:normal; font-size:17px; }
.content .services li h4, .content .services li p { width:240px; float:right;  }
.content .services li.hr { width:100%; clear:both; height:30px;  }

.content .photogallery { margin:0 0 40px 0; padding:0; list-style:none; }
.content .photogallery li { margin:0 30px 0 0; padding:0; float:left; width:180px; list-style:none; position:relative; }
.content .photogallery li .photo { padding:4px; }
.content .photogallery li .plus { position:absolute; right:-18px; top:80px;  }
.content .photogallery li p a:hover, .content .photogallery li:hover p a { cursor:pointer;text-decoration:none; }


/* bottom strip top ----------- */
.bottom_top_strip { padding:4px 0; }
.bottom_top_strip_in { width:978px; margin:0 auto; }
.reservation_call { font-size:18px; display:block; float:left; padding:10px 0 10px 20px;  }
.reservation_call a { text-decoration:none; }

.bottom_top_strip ul { margin:0; padding:0; float:right; }
.bottom_top_strip ul li { margin:0 0 0 20px; float:left; padding:8px 0 0 38px; font:bold 12px Helvetica, Arial, sans-serif;  }
.bottom_top_strip ul li.i_facebook { padding-left:20px; }
.bottom_top_strip ul li a { text-decoration:none;}



/*  --------------------------------------------------------------
slider 
-------------------------------------------------------------- */

.flex-container a:active,
.flexslider a:active {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 

.flexslider {width: 98%; margin: 0; padding: 0;}
.flexslider .slides > li {display: none;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {max-width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}

.no-js .slides > li:first-child {display: block;}

.flexslider { padding:0px; margin-bottom:40px;  position: relative; zoom: 1; }
.flexslider .slides {zoom: 1;}
.flexslider .slides > li {position: relative;}
.flex-container {zoom: 1; position: relative;}


/* Direction Nav */
.flexslider .flex-direction-nav li a {width: 19px; height: 34px; margin: -13px 0 0; display: block; position: absolute; bottom: 10px; cursor: pointer; text-indent: -9999px;}
.flexslider .flex-direction-nav li a.next {  right:10px;}
.flexslider .flex-direction-nav li a.prev { right: 40px;}
.flexslider .flex-direction-nav li a.disabled {cursor: default;}

/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom: -30px; text-align: center;}
.flex-control-nav li {margin: 0 0 0 5px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-nav li:first-child {margin: 0;}
.flex-control-nav li a {width: 13px; height: 13px; display: block; cursor: pointer; text-indent: -9999px;}
.flex-control-nav li a.active { cursor: default;}


.flexslider h4 { font-size:32px; padding:40px 0 0 40px; font-weight:normal;  }

.flexslider p { padding:10px 40px 15px 40px; font-size:15px; line-height:24px;  }
.flexslider .post_img { width:30%; margin-right:40px; margin-bottom:50px; margin-top:-30px; float:right; display:block; padding:10px; margin-left:40px;  }
.flexslider a.post_img img { max-width:100%; }

.flexslider a.read_more {  float:left; margin-left:40px; margin-bottom:30px;    }
a.read_more { padding:8px 20px;  display:block; font-size:14px; }
a:hover.read_more {  }

.flexslider li span { display:block; width:94.4%; position:absolute; left:0; bottom:0; padding:20px;
 font:22px Georgia, "Times New Roman", Times, serif;  }
 
 .slider_spacer { margin-top:30px; }

/* Home Page -------------------------*/
.home_content { padding:0 20px;  }
.home_content h3 { margin:0; padding:0; font-size:23px; font-weight:normal; margin-bottom:10px;  }
.home_content p { line-height:22px; }

.home_content .widget, .home_content .textwidget {  padding-bottom:20px; margin-bottom:20px; } 

.book_now_strip { line-height:22px; }
a.btn_book_now { display:block; padding:8px 35px; margin-left:20px; margin-bottom:10px; float:right; text-decoration:none; font-size:15px; color:#fff; 
-webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; text-decoration:none;   }
a:hover.btn_book_now { text-decoration:none; }


.home_col { width:30%; }
.spacer_home { margin-left:5%; }
.home_col #testimonials { margin-top:-5px; }


.home_content .home_col .widget { border-bottom:none; margin-bottom:0; padding:0; }
.home_col .widget h3 { color:#383838; font-size:17px;  }
.home_col .widget .widget_img { width:85%; padding:8px; margin-bottom:20px; }
.home_col .widget .widget_img img { max-width:100%; } 

.home_content .home_col .social_media { margin-top:20px; margin-bottom:20px; display:table; width:100%; }
.home_col .social_media h3 { padding-top:20px; }


.content a.contact_me { display:block; padding:5px 30px 5px 45px; float:left; text-decoration:none; font-size:15px; color:#fff; 
-webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; } 

.content .add_info { margin:0; padding:0; margin-left:2%; display:table; clear:both;  }
.content .add_info li { width:40%; margin-right:10%; float:left;  }


.content .amenities_info { margin:0; padding:0;  display:table; clear:both;  }
.content .amenities_info li { width:36%; margin-right:10%; float:left;  list-style:none; padding-left:25px; }
.content .amenities_info li.no { background:url(images/no.png) no-repeat left 3px; }
.content .amenities_info li.yes { background:url(images/yes.png) no-repeat left 3px; }
.content .amenities_info br { display:none; }

.content .recent_comments { margin:0; padding:0; list-style:none; }
.content .recent_comments li { margin:0 0 12px 0; padding:0 0 10px 0; list-style:none; border-bottom:1px solid #eee; }
.content .recent_comments li a { text-decoration:none; } 
.content .recent_comments li img { float:left; }
.content .recent_comments li p { padding:0; }


/* Booking Form step 1 ------------------ */
#reservation_frm  { width:50%; display:table; margin-top:30px; margin-bottom:55px; padding:20px; background:#fff; border:1px solid #ccc; 
-moz-box-shadow: 1px 1px 1px #ccc; -webkit-box-shadow: 1px 1px 1px #ccc; box-shadow: 1px 1px 1px #ccc; }
#reservation_frm .book_row { display:table; width:100%; margin-bottom:10px;  }
#reservation_frm .book_row label { width:34%; float:left; padding:5px 0 5px 0; }
#reservation_frm .book_row .textfield { padding:5px 8px; font-size:14px; width:34%; -webkit-border-radius: 5px; float:left;
-moz-border-radius: 5px; border-radius: 5px; border:1px solid #eee; border-bottom:1px solid #ccc; border-right:1px solid #ccc;  }
#reservation_frm .book_row .select { padding:5px 8px; font-size:14px; width:39%;  float:left;
-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border:1px solid #eee; border-bottom:1px solid #ccc; border-right:1px solid #ccc;  }
#reservation_frm .book_row .cal { margin-top:2px; margin-left:10px; display:inline; cursor:pointer; }
#reservation_frm .b_submit { margin-left:34%; width:100px; font-size:14px; cursor:pointer; 
padding:4px 20px; text-decoration:none;  }

#reservation_frm .message_error { padding-left:34%; }

/* Booking Form step 2------------------ */
#booking_frm .bfr { display:table; width:100%; margin-bottom:15px;  }
#booking_frm .bfr label { width:22%; float:left; padding:3px 0 5px 0; }
#booking_frm .bfr label small { color:#900; padding-left:5px; }

#booking_frm .bfr .textfield { padding:5px 8px; font-size:14px; width:30%; -webkit-border-radius: 5px; float:left;
-moz-border-radius: 5px; border-radius: 5px; border:1px solid #eee; border-bottom:1px solid #ccc; border-right:1px solid #ccc;  }
#booking_frm .bfr .select { padding:5px 8px; font-size:14px; width:30%; -webkit-border-radius: 5px; float:left;
-moz-border-radius: 5px; border-radius: 5px; border:1px solid #eee; border-bottom:1px solid #ccc; border-right:1px solid #ccc;  }
#book_now { margin-left:22%; width:120px; font-size:14px; cursor:pointer; 
padding:4px 20px; text-decoration:none;  }
#booking_frm .bfr span.message_error2 { margin-left:22%; clear:both; font:11px Arial, Helvetica, sans-serif; color:#C30; display:table;  }
#booking_frm .bfr span.note { clear:both; color: #666; display: table; margin-bottom:10px; font: 12px Arial,Helvetica,sans-serif; margin-left: 22%; } 

.book_left { margin-left:0 !important; }

#go_back {  font-size:14px; cursor:pointer; 
padding:4px 20px; text-decoration:none; -moz-border-radius: 25px; -webkit-border-radius: 25px; border-radius: 25px;   }

.booking span { width:100%; display:table; margin-bottom:10px; }
.booking span label { color:#333; }

.content .payment_method { margin:0; padding:0; list-style:none; }
.content .payment_method li { margin:0 0 12px 0; padding:0; list-style:none; }


/* authorizentoptions ---------- */
#authorizenetoptions { width:100%; padding-bottom:10px; margin-left:20px; }
#authorizenetoptions .row { display:table; width:100%; margin-bottom:15px;  }
#authorizenetoptions .row label { width:22%; float:left; padding:3px 0 5px 0; }


#authorizenetoptions .textfield, #authorizenetoptions .select  { float:left; padding-bottom:10px; padding-top:8px; -moz-border-radius: 5px; -webkit-border-radius:5px; border-radius: 5px; 
font-size: 14px; padding: 6px; width: 26%; background: #fff; border-color: #ccc #ddd #ddd #ccc; border-style: solid; border-width: 1px; color: #444;  }

#authorizenetoptions .small_s { width:18%; margin-right:1%; }



/* calendar css ------- */
.calendar_box { display:table; float:left; width:90%; padding:10px; margin-bottom:20px; background:#fff; }
.calendar_widget { width:100%; }
 td.title { font:22px Georgia, "Times New Roman", Times, serif !important; padding:8px 6px; text-align:center; font-weight:normal ; }
.calendar_widget td.days { font:14px Georgia, "Times New Roman", Times, serif; padding:6px 0;   text-align:center; font-weight:normal; }

 td.title img  { margin-top:7px; }
 
.calendar_widget table { width:100%; }
.calendar_widget td { padding:0; width:14.2%;  font:14px Georgia, "Times New Roman", Times, serif; }
.calendar_widget td span.event_highlight  { display:block; padding:15px 0;}
.calendar_widget td span.no_event {   display:block; padding:25px 0; }
.calendar_widget td span.past {   display:block; padding:25px 0; }
.calendar_widget td span.booked {   display:block; padding:25px 0;}

.booking_detail td { border-bottom:1px solid #ccc; padding:10px 0;  }
.content .booking .booking_detail td.title { padding:10px 0; font-size:16px !important; }
.booking_detail td.check_date { text-align:left; background:#eee; padding-left:10px; }
.booking_detail td.days, .booking_detail td.occupancy { text-align:center; background:#eee; }
.booking_detail td.price { text-align:right; padding-right:10px; background:#eee; }
.booking_detail td.total_amount_title { background:#fff; padding-right:10px; color:#000; }  


img.page_icon { margin-bottom:0.25em; padding:0 10px 0 0; text-decoration:none; vertical-align:middle; }


.content .vr_date_specify { clear:both; margin:10px 0 20px 0; display:table; padding:0; list-style:none; }
.content .vr_date_specify li { float:left; margin-right:15px; list-style:none; }
.content .vr_date_specify li span.no_available { background:#E98888;  display:block; width:22px; margin-right:5px; height:22px; float:left;  }
.content .vr_date_specify li span.available { background:#95C484; display:block; width:22px; margin-right:5px; height:22px; float:left;  }
.content .vr_date_specify li span.past { background:#ccc; display:block; width:22px; margin-right:5px; height:22px; float:left;  }

#twitter li { padding:0; }


@media screen and (-webkit-min-device-pixel-ratio:0) {
.credits a{ top:-20px; }
}

/* images & Video responsive code ------------------------------------- */
.video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; margin-bottom:20px; }
.video-container iframe, .video-container object, .video-container embed {
position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.post-content img { max-width:100%; } 
.post-content .google_map_contact img { max-width:none; } 


@media screen and (min-width: 990px) and (max-width: 1000px) { 
  .header_in, .footer_in, #container, .bottom_in { width:96%; padding:0 2%;  margin: 0px auto; clear: both;  overflow: hidden;  }
  .wrapper { width:100%; }
  .content {width: 66%; }
  .sidebar { width: 27%;}
  
    .flexslider li span { width:95%; }
	.sidebar .logo img { max-width:100%; }
	
  .post_content { width:80%; }
  .list .post-content .alignleft { width:30%; }
  .list .post-content .alignleft img { max-width:100%; }

}

@media screen and (min-width: 780px) and (max-width: 990px) {
  .wrapper { width:100%; }
  .header_in, .footer_in, #container, .bottom_in { width:95%;  margin:0px auto; clear: both;   }
  .header_in, .footer_in { padding:0 10px; }
  .content { width:71%; padding-left:15px; }
  .sidebar { width:20%; padding-right:15px; }
  
  .home_col { width:100%; margin-bottom:20px;  }
  .home_col .widget .widget_img { float:left; width:30%; margin-right:20px; }
  .spacer_home { margin-left:0; }
  .sidebar .logo img { max-width:100%; }
	
    .flexslider li span { width:93%; }

	/* contact page -----*/
	#contact_frm { width:100%;  }  
	.contact_inner  { width:85%; float:left;   }  
	
  
  /* advanced search ----*/
	.advanced_left label { width:100%; }
	.advanced_left span { width:100%; padding-bottom:5px; }
	.advanced_left .textfield { width:220px; }
	#advancedsearch .adv_submit { margin-left:0; }
	
  /* property page --------*/
  .content .amenities_info li, .content .add_info li { width:90%; }
  .content .add_info li { margin-left:10px; }
  
  
  /* reservation form -----------*/
  #reservation_frm { width:90%; }
  .calendar_widget td span.booked, .calendar_widget td span.past, .calendar_widget td span.no_event { padding:10px 0; }
  
  /* booking_frm ----------------*/
  #booking_frm .bfr label { width:100%; }
  #booking_frm .bfr .select, #booking_frm .bfr .textfield { width:80%; }
  #advancedsearch .adv_submit, #reservation_frm .b_submit, #book_now { margin-left:0; }
  #booking_frm .bfr span.message_error2 { margin-left:5px;  }
  #booking_frm .bfr span.note { margin-left:5px; }
  
  
  #authorizenetoptions .row { width:90%; }
  #authorizenetoptions .row label { width:100%;  }
  #authorizenetoptions .textfield, #authorizenetoptions .select { width:90%; margin-bottom:10px; }
  
  /* footer ----------------*/
  p.copyright { float:none; margin-bottom:10px; }
  .credits { float:none; clear:both; width:161px; }
  .footer { height:auto; } 
  
  .post_content { width:80%; }
  .list .post-content .alignleft { width:30%; }
  .list .post-content .alignleft img { max-width:100%; }


	
}

@media screen and (min-width: 570px) and (max-width: 779px) {
  .wrapper { width:100%; }
  .header_in, .footer_in, #container, .bottom_in { width:90%;  margin:0px auto; clear: both;   }
  .header_in, .footer_in { padding:0 10px; }
  .content { width:100%; margin:0 auto; padding:0; float:inherit; }
  .sidebar { width:100%; margin:0 auto; padding:0; float:inherit; }
  
  .header .logo, .header .main_nav { display:block; }
   .header .logo { text-align:center; padding:20px 0; width:100%;  }
   .home_content { padding:0; }
   .sidebar .widget { margin:0; }
  
  .sidebar .logo, .sidebar .main_nav { display:none;  }

  .home_col { width:100%; margin-bottom:20px;  }
   .home_col .widget { margin-bottom:10px; }
  .home_col .widget .widget_img { float:left; width:30%; margin-right:20px; }
  .spacer_home { margin-left:0; }
  
  .main_nav_in { width:90%; margin:0 auto; }
  .flexslider li span { width:93.5%; }
  
  
   /* booking_frm ----------------*/
  #booking_frm .bfr label { width:100%; }
  #booking_frm .bfr .select, #booking_frm .bfr .textfield { width:80%; }
  #advancedsearch .adv_submit, #reservation_frm .b_submit, #book_now { margin-left:0; }
  #booking_frm .bfr span.message_error2 { margin-left:5px;  }
  #booking_frm .bfr span.note { margin-left:5px; }
  
  #authorizenetoptions .row { width:90%; }
  #authorizenetoptions .row label { width:100%;  }
  #authorizenetoptions .textfield, #authorizenetoptions .select { width:90%; margin-bottom:10px; }
  
  .post_content { width:80%; }
  .list .post-content .alignleft { width:30%; }
  .list .post-content .alignleft img { max-width:100%; }
  
  
   /* Main navigation -----------------*/
	.main_nav_in {margin: 10px 0px; clear:both; margin:0 auto; }
	.main_nav_in ul,  .main_nav_in ul li,
	.main_nav_in ul li a { float: none; background: transparent; box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none; behavior:none; }
	.main_nav_in ul li a, .main_nav_in ul li.active a, .main_nav_in ul li a:hover,
	.main_nav_in ul li:hover a { border: none; padding: 10px 22px; line-height: 150%; background: transparent; background-image: none; }
	
	/* Initial reset and hide sublevels in mobile view */
	
	.main_nav_in ul.sub-menu, .main_nav_in ul.sub-menu li, .main_nav_in ul.sub-menu li:hover,
	.main_nav_in ul.sub-menu li a, .main_nav_in ul.sub-menu li a:hover,
	.main_nav_in ul.children, .main_nav_in ul.children li, .main_nav_in ul.children li:hover,
	.main_nav_in ul.children li a, .main_nav_in ul.children li a:hover
	{ display: none; clear:both; position: relative;  left: 0px;  line-height: 100%;  background: none;  border: none; border-style: none;
	box-shadow:none; padding: 0; margin: 0;  height: auto; background-image: none; }
	
	/* Declare new padding for submenu items */
	.main_nav_in ul.sub-menu li a, .main_nav_in ul.sub-menu li a:hover,
	.main_nav_in ul.children li a, .main_nav_in ul.children li a:hover { padding: 12px 0px 12px 30px; }
	
	/* Show on hover */
	.main_nav_in li:hover ul.sub-menu, .main_nav_in li:hover ul.sub-menu li, .main_nav_in li:hover ul.sub-menu li a,
	.main_nav_in li:hover ul.children, .main_nav_in li:hover ul.children li, .main_nav_in li:hover ul.children li a{
		display: block;
	}
	
	/* this lacks ul at the start of the selector, so the styles from the main CSS file override it where needed */
	.main_nav_in ul li:hover ul,
	.main_nav_in ul li.sfHover ul {
		left:	0; /* match ul width */
		top:	0;
	}
	
	.main_nav_in ul li .sf-sub-indicator { background:url(images/arrow1.png) no-repeat 3px 3px; right:30px; }
	.main_nav_in ul.sub-menu li .sf-sub-indicator, .main_nav_in ul.children li .sf-sub-indicator { background:url(images/arrow1.png) no-repeat left 3px; right:30px;  }

	

}
@media screen and (min-width: 480px) and (max-width: 570px) { 
 .wrapper { width:100%; }
  .header_in, .footer_in, #container, .bottom_in { width:98%;  margin:0px auto; clear: both;   }
  .header_in, .footer_in { padding:0 10px; }
  .content { width:90%; margin:0 auto; padding:0; float:inherit; }
  .sidebar { width:90%; margin:0 auto; padding:0; float:inherit; }
  
  .header .logo, .header .main_nav { display:block; }
   .header .logo { text-align:center; padding:20px 0; width:100%;  }
   .home_content { padding:0; }
   .sidebar .widget { margin:0; }
  
  .sidebar .logo, .sidebar .main_nav { display:none;  }
  
   .home_col { width:100%; margin-bottom:20px;  }
  .home_col .widget .widget_img { float:left; width:30%; margin-right:20px; }
  .spacer_home { margin-left:0; }
  
  .flexslider li span { width:89.5%; }
  
  
   /* contact page -----*/
	#contact_frm { width:100%;  }  
	.contact_inner  { width:85%; float:left;  }  
	
  
  /* advanced search ----*/
	.advanced_left label { width:100%; }
	.advanced_left span { width:100%; padding-bottom:5px; }
	.advanced_left .textfield { width:220px; }
	#advancedsearch .adv_submit { margin-left:0; }
	
  /* property page --------*/
  .content .amenities_info li, .content .add_info li { width:90%; }
  .content .add_info li { margin-left:10px; }
  
  
  /* reservation form -----------*/
  #reservation_frm { width:90%; }
  .calendar_widget td span.booked, .calendar_widget td span.past, .calendar_widget td span.no_event { padding:10px 0; }
  
  /* booking_frm ----------------*/
  #booking_frm .bfr label { width:100%; }
  #booking_frm .bfr .select, #booking_frm .bfr .textfield { width:80%; }
  #advancedsearch .adv_submit, #reservation_frm .b_submit, #book_now { margin-left:0; }
  #booking_frm .bfr span.message_error2 { margin-left:5px;  }
  #booking_frm .bfr span.note { margin-left:5px; }
  
  #authorizenetoptions .row { width:90%; }
  #authorizenetoptions .row label { width:100%;  }
  #authorizenetoptions .textfield, #authorizenetoptions .select { width:90%; margin-bottom:10px; }
  
  /* footer ----------------*/
  p.copyright { float:none; margin-bottom:10px; }
  .credits { float:none; clear:both; width:161px; }
  .footer { height:auto; } 
  
  
   /* Main navigation -----------------*/
	.main_nav_in {margin: 10px 0px; clear:both; margin:0 auto; }
	.main_nav_in ul,  .main_nav_in ul li,
	.main_nav_in ul li a { float: none; background: transparent; box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none; behavior:none; }
	.main_nav_in ul li a, .main_nav_in ul li.active a, .main_nav_in ul li a:hover,
	.main_nav_in ul li:hover a { border: none; padding: 10px 22px; line-height: 150%; background: transparent; background-image: none; }
	
	/* Initial reset and hide sublevels in mobile view */
	
	.main_nav_in ul.sub-menu, .main_nav_in ul.sub-menu li, .main_nav_in ul.sub-menu li:hover,
	.main_nav_in ul.sub-menu li a, .main_nav_in ul.sub-menu li a:hover,
	.main_nav_in ul.children, .main_nav_in ul.children li, .main_nav_in ul.children li:hover,
	.main_nav_in ul.children li a, .main_nav_in ul.children li a:hover {
	display: none; clear:both; position: relative;  left: 0px;  line-height: 100%;  background: none;  border: none; border-style: none;
	box-shadow:none; padding: 0; margin: 0;  height: auto; background-image: none; }
	
	/* Declare new padding for submenu items */
	.main_nav_in ul.sub-menu li a, .main_nav_in ul.sub-menu li a:hover,
	.main_nav_in ul.children li a, .main_nav_in ul.children li a:hover { padding: 12px 0px 12px 30px; }
	
	/* Show on hover */
	.main_nav_in li:hover ul.sub-menu, .main_nav_in li:hover ul.sub-menu li, .main_nav_in li:hover ul.sub-menu li a,
	.main_nav_in li:hover ul.children, .main_nav_in li:hover ul.children li, .main_nav_in li:hover ul.children li a{
		display: block;
	}
	
	/* this lacks ul at the start of the selector, so the styles from the main CSS file override it where needed */
	.main_nav_in ul li:hover ul,
	.main_nav_in ul li.sfHover ul {
		left:	0; /* match ul width */
		top:	0;
	}
	
	.main_nav_in ul li .sf-sub-indicator { background:url(images/arrow1.png) no-repeat 3px 3px; right:30px; }
	.main_nav_in ul.sub-menu li .sf-sub-indicator, .main_nav_in ul.children li .sf-sub-indicator { background:url(images/arrow1.png) no-repeat left 3px; right:30px;  }

}
@media screen and (max-width: 480px) { 
 .wrapper { width:100%; }
  .header_in, .footer_in, #container, .bottom_in { width:90%;  margin:0px auto; clear: both;   }
  .header_in, .footer_in { padding:0 10px; }
  .content { width:100%; margin:0 auto; padding:0; float:inherit; }
  .sidebar { width:100%; margin:0 auto; padding:0; float:inherit; }
  
  .header .logo, .header .main_nav { display:block; }
   .header .logo { text-align:center; padding:20px 0; width:100%;  }
   .home_content { padding:0; }
   .sidebar .widget { margin:0; }
  
  .sidebar .logo, .sidebar .main_nav { display:none;  }
  
  .home_col { width:100%; margin-bottom:20px;  }
  .home_col .widget .widget_img { float:left; width:30%; margin-right:20px; }
  .spacer_home { margin-left:0; }
  
  
  .flexslider li span { width:89.5%; }
  
  .post_content { width:80%; }
  .list .post-content .alignleft { width:30%; }
  .list .post-content .alignleft img { max-width:100%; }
  
  
  
  /* contact page -----*/
	#contact_frm { width:100%;  }  
	.contact_inner  { width:85%; float:left;  }  
	
  
  /* advanced search ----*/
	.advanced_left label { width:100%; }
	.advanced_left span { width:100%; padding-bottom:5px; }
	.advanced_left .textfield { width:220px; }
	#advancedsearch .adv_submit { margin-left:0; }
	
  /* property page --------*/
  .content .amenities_info li, .content .add_info li { width:90%; }
  .content .add_info li { margin-left:10px; }
  
  
  /* reservation form -----------*/
  #reservation_frm { width:90%; }
  .calendar_widget td span.booked, .calendar_widget td span.past, .calendar_widget td span.no_event { padding:10px 0; }
  
  /* booking_frm ----------------*/
  #booking_frm .bfr label { width:100%; }
  #booking_frm .bfr .select, #booking_frm .bfr .textfield { width:80%; }
  #advancedsearch .adv_submit, #reservation_frm .b_submit, #book_now { margin-left:0; }
  #booking_frm .bfr span.message_error2 { margin-left:5px;  }
  #booking_frm .bfr span.note { margin-left:5px; }
  
  #authorizenetoptions .row { width:90%; }
  #authorizenetoptions .row label { width:100%;  }
  #authorizenetoptions .textfield, #authorizenetoptions .select { width:90%; margin-bottom:10px; }
  
  /* footer ----------------*/
  p.copyright { float:none; margin-bottom:10px; }
  .credits { float:none; clear:both; width:161px; }
  .footer { height:auto; } 
  
  
  /* Main navigation -----------------*/
	.main_nav_in {margin: 10px 0px; clear:both; margin:0 auto; }
	.main_nav_in ul,  .main_nav_in ul li,
	.main_nav_in ul li a { float: none; background: transparent; box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none; behavior:none; }
	.main_nav_in ul li a, .main_nav_in ul li.active a, .main_nav_in ul li a:hover,
	.main_nav_in ul li:hover a { border: none; padding: 10px 22px; line-height: 150%; background: transparent; background-image: none; }
	
	/* Initial reset and hide sublevels in mobile view */
	
	.main_nav_in ul.sub-menu, .main_nav_in ul.sub-menu li, .main_nav_in ul.sub-menu li:hover,
	.main_nav_in ul.sub-menu li a, .main_nav_in ul.sub-menu li a:hover,
	.main_nav_in ul.children, .main_nav_in ul.children li, .main_nav_in ul.children li:hover,
	.main_nav_in ul.children li a, .main_nav_in ul.children li a:hover {
	display: none; clear:both; position: relative;  left: 0px;  line-height: 100%;  background: none;  border: none; border-style: none;
	box-shadow:none; padding: 0; margin: 0;  height: auto; background-image: none; }
	
	/* Declare new padding for submenu items */
	.main_nav_in ul.sub-menu li a, .main_nav_in ul.sub-menu li a:hover,
	.main_nav_in ul.children li a, .main_nav_in ul.children li a:hover { padding: 12px 0px 12px 30px; }
	
	/* Show on hover */
	.main_nav_in li:hover ul.sub-menu, .main_nav_in li:hover ul.sub-menu li, .main_nav_in li:hover ul.sub-menu li a,
	.main_nav_in li:hover ul.children, .main_nav_in li:hover ul.children li, .main_nav_in li:hover ul.children li a{
		display: block;
	}
	
	/* this lacks ul at the start of the selector, so the styles from the main CSS file override it where needed */
	.main_nav_in ul li:hover ul,
	.main_nav_in ul li.sfHover ul {
		left:	0; /* match ul width */
		top:	0;
	}
	
	.main_nav_in ul li .sf-sub-indicator { background:url(images/arrow1.png) no-repeat 3px 3px; right:30px; }
	.main_nav_in ul.sub-menu li .sf-sub-indicator, .main_nav_in ul.children li .sf-sub-indicator { background:url(images/arrow1.png) no-repeat left 3px; right:30px;  }
}