@font-face {
    font-family: 'MidoMedium';
    src: url('/_/fonts/Mido-webfont.eot');
    src: url('/_/fonts/Mido-webfont.eot?#iefix') format('embedded-opentype'),
         url('/_/fonts/Mido-webfont.woff') format('woff'),
         url('/_/fonts/Mido-webfont.ttf') format('truetype'),
         url('/_/fonts/Mido-webfont.svg#MidoMedium') format('svg');
    font-weight: normal;
    font-style: normal;
}


html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}									

article, aside, figure, footer, header, hgroup, nav, section {display: block;}

ul {list-style: none;}

blockquote, q {quotes: none;}

blockquote:before, 
blockquote:after, 
q:before, 
q:after {content: ''; content: none;}

a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent;}

del {text-decoration: line-through;}

abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;}

table {border-collapse: collapse; border-spacing: 0;}
th {font-weight: bold; vertical-align: bottom;}
td {font-weight: normal; vertical-align: top;}

hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}

input, select {vertical-align: middle;}

pre {white-space: pre; /* CSS2 */white-space: pre-wrap; /* CSS 2.1 */ white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */ word-wrap: break-word; /* IE */}

input[type="radio"] {vertical-align: text-bottom;}
input[type="checkbox"] {vertical-align: bottom; *vertical-align: baseline;}
.ie6 input {vertical-align: text-bottom;}

select, input, textarea {font: 99% sans-serif;}

table {font-size: inherit; font: 100%;}

a:hover, a:active {outline: none;}

small {font-size: 85%;}

strong, th {font-weight: bold;}

td, td img {vertical-align: top;} 

sub, sup {font-size: 75%; line-height: 0; position: relative;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}

pre, code, kbd, samp {font-family: monospace, sans-serif;}

/* hand cursor on clickable elements */
.clickable,
label, 
input[type=button], 
input[type=submit], 
button {cursor: pointer;}

/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea {margin: 0;}

/* make buttons play nice in IE */
button {width: auto; overflow: visible;}
 
/* scale images in IE7 more attractively */
.ie7 img {-ms-interpolation-mode: bicubic;}

/* prevent BG image flicker upon hover */
.ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));}

/* let's clear some floats */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }  
.clearfix:after { clear: both; }  
.clearfix { zoom: 1; }  
.clear{clear:both;}

/* Main
-------------------------------------------------------------------------------*/
html, body{height: 100%;}
body {font-family: "Lucida Sans", "Lucida Grande", Lucida, sans-serif; font-size:12px; line-height: 18px;}
body.page{background: url(/_/img/back-pattern.jpg)}
body, select, input, textarea {color: #333;}

a {color: #212235;}
a:hover {color: #4B250B;}

::-moz-selection{background: #4B250B; color: #fff; text-shadow: none;}
::selection {background: #4B250B; color: #fff; text-shadow: none;} 

a:link {-webkit-tap-highlight-color: #fcd700;} 

ins {background-color: #fcd700; color: #000; text-decoration: none;}
mark {background-color: #fcd700; color: #000; font-style: italic; font-weight: bold;}

h1{color:#4b250b; font-size:24px; line-height:30px; font-family: 'MidoMedium', 'Georgia', 'serif';  font-weight:normal; margin-bottom:20px;}
#content-master h1{font-size:30px; line-height: 35px;}
h2{font-size:20px; font-family: 'MidoMedium', 'Georgia', 'serif'; font-weight:normal;}
h3{font-size:14px; font-family: 'MidoMedium', 'Georgia', 'serif'; font-weight:normal;}
#content-master-side h3{font-size: 18px; line-height:22px;}
h4{font-size:12px; font-family: 'MidoMedium', 'Georgia', 'serif';}
h5{font-size:10px; font-family: 'MidoMedium', 'Georgia', 'serif';}

/* Site-wide
-------------------------------------------------------------------------------*/
ul.paged-fade{width:280px; height:110px; overflow: hidden; float:left; display: inline;}
ul.paged-fade li{width:280px; height:110px;}
ul.paged-fade li a{width:280px; height:110px; }

.pager{width:25px; margin-left:1px; float:left; display:inline;}
.pager a{display:block; padding:4px 0px 4px 0px; text-align: center; background: url(/_/img/brown-trans.png); text-decoration: none; margin-bottom:2px; color:#212234}
.pager a.activeSlide{background: #212234; color: #fff;}
.pager a:hover{background: #212234;color: #fff;}

.listing{margin-bottom:15px;}
.listing ul{clear:both;}
.listing ul li{margin-bottom:3px;}
.listing ul li a{color: #4b250b; text-decoration: none; display: block; padding:9px; background: url(/_/img/brown-trans.png);}
.listing ul li a:hover{background:#ffffff;}
.listing ul li ul{display: none;}
.listing ul li.selected ul{display: block; margin-top:3px;}

.listing ul li.selected a{background:#ffffff;}
.listing ul li.selected li a{background: url(/_/img/brown-trans.png); padding: 5px 0px 5px 20px;}
.listing ul li.selected ul li.selected a{background:#ffffff;}
.listing ul li ul li a:hover{background:#ffffff;}

/* Main Areas
-------------------------------------------------------------------------------*/
.viewport{width:960px; margin:0 auto;}
#nonFooter{position: relative; min-height: 100%;}
* html #nonFooter{height: 100%;}

#container{}

#header{height:110px; background: url(/_/img/head-back.png) repeat-x; position: relative;}
.page #header{background: url(/_/img/page-trans.png);}
#header .viewport{position:relative; height:110px;}
#header #logo{float:left; display:inline; width:485px;}
#header #logo h2{width:329px; height:94px; text-indent: -9999px; margin: 0px;}
#header #logo h2 a{width:329px; height:94px; display:block; background: url(/_/img/logo.png) no-repeat; margin-top:5px;}

.page #header #logo h2 a{background: url(/_/img/dark-logo.png) no-repeat;}


/* Navigation
-------------------------------------------------------------------------------*/			
#mainnav{background: url(/_/img/nav-back.png); position:relative; z-index:10; height:40px; 
-webkit-box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.08); -moz-box-shadow: 0px 0px 5px 3px  rgba(0,0,0,0.08); box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.08);}
#mainnav ul{font-family: 'MidoMedium', 'Georgia', 'serif'; text-transform:uppercase; font-size:12px; margin:0px 10px 0px 10px;}
#mainnav ul li{float:left; display:inline;}
#mainnav ul li a{text-decoration: none; display: block; padding:14px 11px 13px; line-height:13px; color:#212235;}
#mainnav ul li.active a{background: #212235; color:#e5eae6;}
#mainnav ul li a:hover{background: #212235; color:#e5eae6;}
#mainnav ul li ul {margin:0;padding:0;position: absolute;left:-999em; text-align:left;z-index:600; width:200px; 
display:block; margin:0px 0 0 -1px; background:#f8f7e8; color:#fff; text-transform: none; font-size:11px;}
#mainnav ul li:hover ul{left: auto; clear:both; right:auto;}
#mainnav ul li ul li{border-bottom: 1px solid #e1dcd0; float: none; display: block;}
#mainnav ul li ul li a{color:#212235; display: block;}
#mainnav ul li.active ul a, #mainnav ul li.active ul li{background:#f8f7e8; color: #212235;}
#mainnav ul li ul li a:hover{color: #212235; background: #fff;}
/* Support for the "iehover-fix.js" */
* html #mainnav ul iframe, * html ul.nav iframe { position: absolute; z-index: -1; filter: progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0);}
* html #mainnav ul li { z-index: 201; }
/* this is for IE 5.0
select.hide { visibility: hidden; }
/* End Support for the "iehover-fix.js" */


/* Home Content
-------------------------------------------------------------------------------*/

.page #main-content{background: url(/_/img/branch.png) no-repeat; margin-bottom:190px;}
#main-content .viewport{position: relative;top:0px;}
#main-content #content{}

#content{margin:0px 10px 0px 10px; background: url(/_/img/cream-trans.png);}
				
#content #text-content{padding:33px 0px 20px 40px; width:520px; float:left; display:inline; color:#4b250b;}
#content #text-content h1{}
#content #text-content p{}
#content #text-content p img{margin:10px;}

#content-side{padding:33px 0px 20px 40px; width:307px; float:left; display:inline;}
#content-side ul.specials{font-family: 'MidoMedium', 'Georgia', 'serif'; margin-bottom:15px;}
#content-side ul.specials li{}
#content-side ul.specials li a{position:relative; text-decoration: none; text-transform: uppercase; font-size:18px; line-height:22px; display: block; color:#fff; text-shadow: 1px 1px 2px #3d3d3d; overflow:hidden; width:280px; height:110px; margin-bottom:3px;}
#content-side ul.specials li a img{
width:280px;
min-height:140px;
top:-25%;
position:absolute;

}


#content-side ul.specials li a span.text_container{position:absolute; width:280px; height:110px; top:0px; left:0px;background: url(/_/img/offer_shadow.png) top left repeat-x;}
#content-side ul.specials li a span .name{padding:10px 10px 10px 10px; display: block; width:90%;}
#content-side ul.specials li a span .from{font-size:85%}
#content-side ul.specials li a span .book_now{text-transform:none; background: url(/_/img/very-dark-trans.png); height:26px; 
display: block; width:270px; position: absolute; bottom:0px; text-align:right; padding-right:10px; padding-top:3px;}

#events{clear:both; margin-bottom:5px;}
.meta_info{float:right; background: url(/_/img/cream-trans.png); margin-left:10px; margin-bottom:10px; border:1px solid #e4e0d7; width:120px; padding:10px;}

a#toggle{width:139px; height:26px; display: block; float:right; margin-right:10px; text-align: center; color:#fff; background: url(/_/img/text-hide.png); text-decoration:none; padding-top:10px}
a#toggle:hover{text-decoration: underline;}

/* Slideshow/feature
-------------------------------------------------------------------------------*/
#slideshow{background: url(/_/img/slide-back.png) repeat-x; clear:both; height:450px; overflow:hidden;}
#slideshow .viewport{padding-bottom:5px;}
#slideshow .page_imagery{}
#slideshow .page_imagery img{border-left: 10px solid #fffff0; border-bottom: 10px solid #fffff0; border-right: 10px solid #fffff0; -webkit-box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.05); -moz-box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.05); box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.05);}
#slideshow_nav{}

#map-canvas{width:940px; height:420px;border-left: 10px solid #fffff0; border-bottom: 10px solid #fffff0; border-right: 10px solid #fffff0;  -webkit-box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.05); -moz-box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.05); box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.05);}

/* Page Content
-------------------------------------------------------------------------------*/
#content-master{float: left; display: inline; width:523px; margin-left:47px; margin-top:20px; color:#4b250b; }
#content-master p{font-size: 12px; line-height: 18px; margin-bottom:20px}
#content-master ul, #content-master ol{margin-bottom:20px; padding-left:20px;}
#content-master ul{list-style: disc;}
#content-master ol{list-style:decimal;}
#content-master h1 a{text-decoration: none; color: #4B250B;}
#content-master h1 a:hover{color: #212235}
#content-master h2{padding-bottom: 10px;}
#content-master h2 a{text-decoration:none;}
#content-master h3{padding-bottom: 5px;}

.page #content-side{float: left; display: inline; width:280px; background: url(/_/img/cream-trans.png);  margin-left:47px;  margin-top:20px; padding: 10px;
 -webkit-box-shadow: 0px 0px 2px 2px rgba(0,0,0,0.05); -moz-box-shadow: 0px 0px 2px 2px rgba(0,0,0,0.05); box-shadow: 0px 0px 2px 2px rgba(0,0,0,0.05);}
.page #content-side h3{padding-bottom:5px;}
.page #content-side ul{margin-bottom:10px;}

#gallery-master{padding-top:30px;}
.outer_gallery{padding-top:10px;}
.outer_gallery .gallery_unstyled{float:left; display:inline;}
.outer_gallery .thumbs{float:left; display:inline; width:350px;}
.outer_gallery .thumbs li{margin-left:10px; margin-bottom:10px;}

/* Reviews
-------------------------------------------------------------------------------*/
.review{border-bottom:1px dotted #4B250B; margin-bottom:20px;}
.review .rating{float:right; background: url(/_/img/cream-trans.png); margin-left:10px; margin-bottom:10px; border:1px solid #e4e0d7; width:130px; padding:10px;}
.review .commentby{}
.review .response{}

/* Events and Blog
-------------------------------------------------------------------------------*/
.entry{border-bottom:1px dotted #4B250B; margin-bottom:20px;}

/* Forms
-------------------------------------------------------------------------------*/
form#contactform{  margin:20px 0 30px 0; overflow:auto;}
form#contactform div{position:relative;float:left;display:inline;}
form#contactform label{ font-size:12px; line-height:18px; text-align:right; width:180px; float:left; clear:left;
display:inline; padding-top:3px; margin:6px 15px 3px 0;}

form#contactform label.error{margin-left:200px; margin-top:0px;color:#C66565;text-align:left;padding-left:23px;background:transparent url(/_/img/warning.png) 0 3px no-repeat;width:270px;}

form#contactform input, form#contactform select{width:300px; padding:7px 5px; background:#fff;
float:left; display:area;margin:5px 0;border:0; -moz-box-shadow: inset 0 0 5px 1px #ccc;
-webkit-box-shadow: inset 0 0 5px 1px #ccc; box-shadow: inset 0 0 5px 1px #ccc;}

form#contactform select{width:313px;}

form#contactform textarea{ width:300px; height:180px; background:#fff; float:left; display:inline;
padding:7px 5px; margin:5px 0; border:0; -moz-box-shadow: inset 0 0 5px 1px #ccc;
-webkit-box-shadow: inset 0 0 5px 1px #ccc; box-shadow: inset 0 0 5px 1px #ccc;}

form#contactform input:focus, form#contactform select:focus,form#contactform textarea:focus{ border:1px dotted #4B250B;}

form#contactform input.checkbox{ width:auto; padding:0; background:#fff; float:left; display:area; margin:12px 20px 0 5px; border:0;
border-left:5px solid #ADC651; -moz-box-shadow: inset 0 0 5px 1px #ccc; -webkit-box-shadow: inset 0 0 5px 1px #ccc; box-shadow: inset 0 0 5px 1px #ccc;}

form#contactform span{ font-size:12px; line-height:18px; float:left;display:inline; padding-top:3px; margin:6px 3px 3px 0; }

form#contactform input#submit, form#contactform input#submit1{width:139px;height:53px; clear:left; border:0; margin:10px 0 0 360px; color:#fff;
 overflow:auto; background:transparent url(/_/img/send.png) top left no-repeat;  text-indent: -9999px;
-moz-box-shadow: inset 0 0 0 0 transparent; -webkit-box-shadow: inset 0 0 0 0 transparent; box-shadow: inset 0 0 0 0 transparent;}

form#contactform input#submit:hover, form#contactform input#submit1:hover{
background:transparent url(/_/img/send.png) no-repeat bottom left; text-decoration: underline;}
    
form#contactform .hiddenFields{display:none;}

form#contactform h3{font-size:22px;}
form#contactform #formbride, form#contactform #formgroom{float:left; width:49%;margin-bottom:25px}
form#contactform #formbride label, form#contactform #formgroom label{float:none; display:block; text-align:left}
form#contactform #formbride input, form#contactform #formgroom input {width:200px}
form#contactform #formbride label.error, form#contactform #formgroom label.error{margin-left:0; padding:0; width:auto;}


/* Footer
-------------------------------------------------------------------------------*/
#footer{position: relative; margin-top: -162px; height:162px; clear: both;}

#upper-footer{background: #fffff0; padding: 5px 10px 5px 10px; height:90px; width:940px;}       
#upper-footer .gift_vouchers{float:left; background: #f6f4e4 url(/_/img/gift-vouchers.png) no-repeat; display: inline; width:217px; height:90px; margin-right:5px; text-indent:-9999px;}
				
#upper-footer .newsletter{background: #f6f4e4; width:250px; height:90px; float:left; display: inline; margin-right:5px; font-family: 'MidoMedium', 'Georgia', 'serif';}
#upper-footer .newsletter h3{ margin:10px 0px 0px 10px}
#upper-footer .newsletter form label{display: inline; float:left; margin-left:10px; width:40px; padding-top: 15px;}
#upper-footer .newsletter form input#vzhjh-vzhjh{background: #e0dfd2; width:168px; margin: 10px 10px 5px 10px; border:0; height:20px; padding-left:10px; float:left; display:inline; }
#upper-footer .newsletter form input#submit{width:100px; font-family: 'MidoMedium', 'Georgia', 'serif'; font-size:11px; height:19px; padding-top:4px;
border:0px; background: url(/_/img/sign-up.jpg) no-repeat; float:right; text-align: center; color:#fff; margin-right:10px;}

#upper-footer .ad{width:462px; float:left; display:inline; font-family: 'MidoMedium', 'Georgia', 'serif';}
#upper-footer .ad a{ position:relative;color:#fff; text-decoration: none; display: block;}
#upper-footer .ad a p{text-shadow: 1px 1px 2px #3d3d3d; font-size:20px; position: absolute; top:10px; left:10px; width:430px;   color:#fff;}
#upper-footer .ad a img{ position: absolute; top:0px;}

#footnav{position:relative; z-index: 10; background: #fffff0; -webkit-box-shadow: 0px -3px 3px 0px rgba(0,0,0,0.1);-moz-box-shadow: 0px -3px 3px 0px  rgba(0,0,0,0.1);;box-shadow: 0px -3px 3px 0px  rgba(0,0,0,0.1);;}
#footnav ul.site{font-size:11px; text-transform: uppercase;  font-family: 'MidoMedium', 'Georgia', 'serif'; float:left; display: inline; margin-left:10px;}
#footnav ul.site li{float:left; display:inline;}
#footnav ul.site li a{color:#212234; margin-right:10px; text-decoration: none; padding:10px 4px 6px; display: block;}
#footnav ul.site li a:hover{text-decoration: underline;}
#footnav ul.site ul{display:none;}

#footnav ul.social{float:right; margin-right:10px;}
#footnav ul.social li{float:left; display: inline; padding-top:5px;}
#footnav ul.social li a{text-decoration: none;}
#footnav img.logo{float:right; margin:5px 5px 0 0;}		
		
#footaddress{background: #f2f0e0}
#footaddress .address{color:#212234; font-size:10px; padding:5px 10px 5px 15px;}

/* Calendar
-------------------------------------------------------------------------------*/
#header #calendar{float:left; display:inline; width:460px; height:66px; position: absolute; bottom:0px; right:10px; 
background:transparent url(/_/img/dark-trans.png) top left repeat; }
#DatesForm .active, #calroot {}

#DatesForm{ font-family: Helvetica, Arial, Verdana, sans-serif; }         

#header #DatesForm label{display: block; float: left;font-size: 14px;margin: 5px 0 0 5px;padding: 10px 10px 10px 50px;
position: relative; width: 90px; color:#fff; font-family: 'MidoMedium', 'Georgia', 'serif'; background:transparent url(/_/img/dark-trans.png) top left repeat;}      
 
#header #DatesForm label.dept{margin: 5px 0 0 5px;}

#header #DatesForm .active{ background:#fff; color:#333; z-index:1;}

#header #DatesForm input{font-size:12px; width:80px;letter-spacing:-1px;}

#header #DatesForm input#Book_Now{ background: transparent url(/_/img/book.png) left top no-repeat; border:0;
text-indent:-9999px; overflow:hidden; cursor: pointer; display: inline; float: left; width: 139px; height: 53px; margin: 5px 0px 0px 5px;}  

#header #DatesForm input#Book_Now:hover{ background: transparent url(/_/img/book.png) left bottom no-repeat;}                   


.active input {color:#333; text-shadow:none;}

/* date input */
.date {float:left;display:block;border:0;background-color:transparent;font-size:9px;color:#fff;text-shadow:0 0 1px #000;cursor:pointer;}

/* date input trigger element */
.caltrigger {display:block;width:38px;height:38px;float:left;background:transparent url(/_/img/arrival.png) no-repeat 5px 5px; position:absolute;
left:5px;top:5px;z-index:200;}
.active .caltrigger {background:transparent url(/_/img/arrival.png) no-repeat 5px 5px;}
/* For the details, see: http://flowplayer.org/tools/dateinput/index.html#skinning */

/* calendar root element */
#calroot {/* place on top of other elements. set a higher value if nessessary */
z-index:600;font-family:sans-serif;background-color:#fff;padding-top:10px;height:160px;width:227px;display:none;margin:10px 0 0 -127px;}

/* head. contains title, prev/next month controls and possible month/year selectors */
#calhead {padding:2px 0;height:22px;}
#caltitle {font-size:14px;color:#4B250B;float:left;text-align:center;width:160px;line-height:20px;text-shadow:0 1px 0 #ddd;}
#calnext, #calprev {display:block;width:20px;height:20px;background:transparent url(/_/img/prev.gif) no-repeat scroll center center;
float:left;cursor:pointer;margin-left:9px;}
#calnext {background-image:url(/_/img/next.gif);float:right;margin-right:9px;}
#calprev.caldisabled, #calnext.caldisabled {visibility:hidden;}

/* year/month selector */
#caltitle select {font-size:10px;}

/* names of the days */
#caldays {height:14px;border-bottom:1px solid #ddd;}
#caldays span {display:block;float:left;width:32px;text-align:center;font-size:11px;}

/* container for weeks */
#calweeks {background-color:#fff;margin-top:4px;}

/* single week */
.calweek {clear:left;height:22px;}

/* single day */
.calweek a {display:block;float:left;width:31px;height:20px;text-decoration:none;font-size:11px;margin-left:1px;text-align:center;
line-height:20px;color:#666;-moz-border-radius:3px;-webkit-border-radius:3px;}

/* different states */
.calweek a:hover, .calfocus {background-color:#ddd;}

/* sunday */
a.calsun {color:red;}

/* offmonth day */
a.caloff {color:#ccc;}
a.caloff:hover {background-color:rgb(245, 245, 250);}

/* unselecteble day */
a.caldisabled {background-color:#efefef !important;color:#ccc!important;cursor:default;}

/* current date */
#calcurrent {background-color:#4B250B;color:#fff;}

/* today */
#caltoday {background-color:#999;color:#fff;}

/* Edit
-------------------------------------------------------------------------------*/
#edit{ background-color: #fff; color:#1E191C; font-size: 10px; margin: 0px 0px 0px 0px;
padding: 5px;text-align:left;position:absolute;z-index:1000;top:0;left:0;width:100%;padding:5px 0;min-width:960px;}

#edit a{background:transparent url(/_/img/ico-edit.png) 0px 2px no-repeat;
color:#1E191C; height: 9px; margin: 0px 5px 0px 5px; padding: 4px 0 2px 20px; text-decoration: none;}
	
#edit a:hover{color: #d9d4c1; text-decoration: underline;}

#edit a.pageedit{background-image: url(/_/img/ico-edit.png);}

#edit a.pagelogi{ background-image: url(/_/img/ico-login.png);}

#edit a.pagelogo{background-image: url(/_/img/ico-logout.png);}

#edit a.pagetemp{background-image: url(/_/img/ico-temp.png);}


/* Booking Page Special Offers
-------------------------------------------------------------------------------*/
 .supportcolumn{
	float:left;
	display:inline;
   	margin: 20px 0;
    	width: 290px;
	clear:right;
}


.supportcolumn a.offer{

	font-family: 'MidoMedium', 'Georgia', 'serif'; font-weight:normal;
	margin:0 10px 3px;
	padding:0 10px;
	clear:left;
-webkit-box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.08); -moz-box-shadow: 0px 0px 5px 3px  rgba(0,0,0,0.08); box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.08);

	background:#FDFCEF; 
	color:#212235;
	display:block;
	overflow:auto;
	height:auto;
	width:auto;
	width:250px;
	height:90px;
	position:relative;
	text-decoration:none;
	

}


.supportcolumn a.offer.active, .supportcolumn a.offer:hover{background:#F2F1E6;}
.supportcolumn a.offer .photo_cont img{
	float:left;
	display:inline;
	margin:10px 0;
}   


.supportcolumn a.offer span{
	clear:none;
	margin:0;
	font-size:16px;
	line-height:22px;

	text-decoration:none;

	display:inline;
	margin:10px 0;
	float:right;
	width:170px;

}
.supportcolumn a.offer span span{
	clear:left;
	margin:0;
	font-size:14px;
	line-height:18px;
}

.supportcolumn a.offer.active span{}


.supportcolumn a.offer span.book_now{
	clear:none;
	margin:0;
	font-size:12px;
	text-transform:uppercase;
	line-height:12px;

	text-decoration:none;

	display:inline;
	margin:10px 0 0 0;
	float:right;

	position:absolute;
	bottom:10px;
	right:10px;
	width:auto;
	color:#FDFCEF;
	background:#212235;
	padding:4px 10px;

}

.supportcolumn a.offer.active span.book_now{display:none;}



/*-------Special Offers Page  ----------*/

#content-master .room_information{
	margin:20px 0 40px;
	clear:left;
	overflow:auto;
	width:540px;
	
}
#content-master .room_information h4{
	margin:0 0 10px 220px;    
}
#content-master .room_information h4 a{
	font-family: 'MidoMedium', 'Georgia', 'serif'; font-weight:normal;
	font-size:24px;
	line-height:30px;  
	text-decoration:none;
}
#content-master .room_information p{
	margin:0 0 10px 220px;
	padding:0;
}

#content-master .room_information ul, #content-master .room_information ol{
	margin:10px 0 10px 230px;
	padding:0;

}
#content-master .room_information .hotel_price{font-weight:700;}

#content-master .room_information .image_cont img{
	width:200px !important;
	height:auto !important;
}
#content-master .room_information .image_cont{
	height:150px;
	overflow:hidden;
	width:200px;
	margin:0 20px 0 0;
	float:left;
	display:inline;

}
#content-master .room_information .image_cont p{
	margin:0;
	padding:0;
	float:left;
	display:inline;
}


#content-master .room_information a.book_online{
	font-family: 'MidoMedium', 'Georgia', 'serif'; font-weight:normal;
 	width:149px;
	padding:10px;
	
	text-align:center;
	overflow:hidden; 
	display:block;
	margin:0 20px 0 220px; 
	color:#FDFCEF;
	background:#212235;
	float:right;
	clear:right;
	text-decoration:none;
	font-size:14px;
	line-height:14px;
}   
#content-master .room_information a.book_online:hover{   

}

#popup{
	position:absolute;
	z-index:1000;
	top:190px;    
	width:270px;
	left:-270px;
	background:transparent url(/_/img/tile_black_70.png) 0 0 repeat;    
	text-align:left;  
	min-height:270px;
	color:#fff;
	padding-bottom:10px;
	
}   

#popup a.special_offer_tab{
	padding:10px 0 0 10px;
	position:absolute;
	top:0;
	overflow:hidden;
	margin:0; 
	background:transparent url(/_/img/special_offers_tab.png) 0 0 no-repeat;
	color:#fff;
	font-size:18px;
	line-height:18px;
	font-family: 'MidoMedium', 'Georgia', 'serif';
	text-decoration:none;
 	width:259px;
	height:27px;
	right:-151px;
	top:113px;

-webkit-transform: rotate(90deg); 
-moz-transform: rotate(90deg);	
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);

}              
#popup a.special_offer_tab:hover{   
	/*background:transparent url(/_/img/special_offers_tab.png) 0 -37px no-repeat;*/
}

#popup p{
	margin:10px;
	font-size:12px;
	line-height:18px;
}
#popup p a, #popup p a:hover{
	color:#fff;
	text-decoration:underline;
}


      
#popup a.image_link{    
	max-height:200px;
	overflow:hidden;   
	float:left;
	display:inline;
	margin:10px;      
	
}
      
#popup a.image_link img{width:250px;}     

#popup h3 a{
	font-size:18px;
	line-height:24px;
	text-decoration:none;
	float:left;      
	display:inline;
	width:250px;
	margin:0 10px;           
}           

#popup a.book_now{   
width:139px; height:26px; display: block; float:right; margin-right:10px; text-align: center; color:#fff; background: url(/_/img/text-hide.png); text-decoration:none; padding-top:10px

}

#popup .from a.book_now:hover{text-decoration:underline;}

img.trackingimg{display:none;}

/***********************************************************************************	CMS BAR */
#ba-cms
{
	background-color: #1f2b33;
	background-image: url(/files/img/icon-cms/background.gif);
	background-position: 0px 0px;
	background-repeat: repeat-x;
	color: #d9d4c1;
	/*display: none;*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	height: 50px;
	margin: 0px 0px 0px 0px;
	overflow: hidden;
	padding: 0px 0px 0px 0px;
	position: relative;
	width: 100%;
	z-index: 2000;
}
		#ba-cms ul
		{
			margin: 0px 0px 0px 0px;
			padding: 20px 10px 0px 10px;
		}
				#ba-cms ul li
				{
					float: left;
					margin: 0px;
					padding: 0px;
				}
		
				#ba-cms ul li a
				{
					background-image: url(/files/img/icon-cms/edit.png);
					background-position: 0px 2px;
					background-repeat: no-repeat;
					color: #FFFFFF;
					margin: 0px 15px;
					padding: 10px 0px 4px 28px;
					text-decoration: none;
				}
				#ba-cms ul li a:hover
				{
					color: #E11842;
					text-decoration: underline;
				}

				#ba-cms ul li a.ba-pagebanne
				{
					background-image: url(/files/img/icon-cms/banners.png);
				}
				#ba-cms ul li a.ba-pageedit
				{
					background-image: url(/files/img/icon-cms/edit.png);
				}
				#ba-cms ul li a.ba-pageentri
				{
					background-image: url(/files/img/icon-cms/entries.png);
				}
				#ba-cms ul li a.ba-pagelogi
				{
					background-image: url(/files/img/icon-cms/login.png);
				}
				#ba-cms ul li a.ba-pagelogo
				{
					background-image: url(/files/img/icon-cms/logout.png);
				}
				#ba-cms ul li a.ba-pagemenu
				{
					background-image: url(/files/img/icon-cms/menu.png);
				}
				#ba-cms ul li a.ba-pagenew
				{
					background-image: url(/files/img/icon-cms/add.png);
				}
				#ba-cms ul li a.ba-pagepois
				{
					background-image: url(/files/img/icon-cms/pois.png);
				}
				#ba-cms ul li a.ba-pagepopup
				{
					background-image: url(/files/img/icon-cms/popups.png);
				}
				#ba-cms ul li a.ba-pagesnip
				{
					background-image: url(/files/img/icon-cms/snippets.png);
				}
				#ba-cms ul li a.ba-pagetemp
				{
					background-image: url(/files/img/icon-cms/templates.png);
				}
				#ba-cms ul li a.ba-pageuser
				{
					background-image: url(/files/img/icon-cms/user.png);
				}
				#ba-cms ul li a.ba-pagevar
				{
					background-image: url(/files/img/icon-cms/variables.png);
				}
				#ba-cms ul li a.ba-pagetran
				{
					background-image: url(/files/img/icon-cms/translation.png);
				}


