/* RESET CSS */
body {
    margin: 0;
    padding: 0;
}
h1, h2, h3, h4, h5, h6,form, p, ol, ul, li , dl, dt, dd, blockquote,fieldset,legend {
    margin: 0px;
    padding: 0px;
}
ol, ul{
    list-style: none;
}
a {
    text-decoration: none;
    cursor: pointer;
}
a:hover {
    text-decoration: underline;
}
a:focus {
    outline: 0;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
a img{
	border:0px;
}

.wai{
    display:none;
}
.cb{
    clear:both;
}


/* FALBEACH CSS */
body{
    font-family:helvetica, arial, sans-serif;
    font-size:0.625em;
    text-align:left;
    background:#b8bc9b;
}
#page{
    margin: 8px auto 0 auto;
    width:872px;
    padding:0 14px;
    background: url("../img/header_bg.gif") no-repeat top left #fff;
    position:relative;
    color:#7d7e81;

}
/*  the header  */
#header{
    height:88px;
}
#logo{
    float:left;
    width:401px;
    height:72px;
}
#logo h1 a{
    display:block;
    width:401px;
    height:72px;
    background: url("../img/logo.gif") no-repeat top left;
    margin-top:13px;
}
#logo p,#logo a{
    text-indent:-5000px;
	overflow: hidden;
	height: 0px;
}

/*  upper links  */
ul#upperlinks{
    position:absolute;
    top:60px;
    right:14px;
}
ul#upperlinks li{
    float:left;
}
ul#upperlinks li a{
    text-indent:-5000px;
	overflow: hidden;
	height: 0px;
    display:block;
}
ul#upperlinks li a#homelink{
   background: url("../img/home_btn.gif") no-repeat top left;
   width:78px;
   height: 23px;
   margin-right:5px;
}
ul#upperlinks li a#booklink{
   background: url("../img/book_btn.gif") no-repeat top left;
   width:163px;
   height: 23px;
   margin-right:5px;
}
ul#upperlinks li a#accommodationlink{
   background: url("../img/accomodation_btn.gif") no-repeat top left;
   width:114px;
   height: 23px;
   margin-right:5px;
}
ul#upperlinks li a#contactlink{
   background: url("../img/contact_btn.gif") no-repeat top left;
   width:78px;
   height: 23px;
}

/*  the stage  */
#stage{
    width:872px;
    height:233px;
    position: relative;
}
#stage p{
	text-indent:-5000px;
	overflow: hidden;
	height: 0px;
}
.stageright {
    top: 0;
    width:872px;
    position: absolute;
    height:233px;
    background: top right no-repeat;
}
.stageleft{
    width:680px;
    float:left;
    height:233px;
    position:absolute;
    background: top left no-repeat;
}
.stageleft h2{
    width:100%;
    height:50px;
    line-height:50px;
    position:absolute;
    color:#fff;
    font-size:350%;
    text-indent:15px;
    background: url("../img/stage_title_bg.png") top left;
    font-weight:normal;
    font-weight:lighter;
    bottom:-1px;
}
html>body .stageleft h2{
    bottom:0px;
}

/*  the wrapper gives the grey background to the left side  */
#wrapper{
    background: url("../img/wrapper_bg.gif") repeat-y top left;
    overflow:auto;
    height:100%;
}

/*  content wrapper allows us to display the content in a certain order without positioning absolute  */
#content_wrapper{
    float:right;
    width:684px;
    padding-bottom: 10px;
}

/* the menu */
ul#menu {
    width:188px;
    font-size:120%;
    border-top:1px solid #fff;
    float:left;
    padding-bottom: 21px;
}
ul#menu li {
    line-height:20px;
    border-bottom:1px solid #fff;
}
ul#menu li a{
    display:block;
    padding-left:10px;
    line-height:28px;
    height:28px;
}
ul#menu li a{
	color: #4A95A1;
}
ul#menu li a:hover,ul#menu li a.clicked,ul#menu li a.selected{
    color:#fff;
    background: #5AA5B1;
    text-decoration:none;
}

/* the submenu  */
ul#menu  li ul{
    background:#ebf0ea;
    margin-bottom: -1px;
}
ul#menu  li ul li a {
    padding-left:15px;
}
ul#menu  li ul li a:hover,ul#menu  li ul li a.clicked {
    background: url("../img/submenu_bg.gif") no-repeat top right #ebf0ea;
    color:#4A95A1;
}

/*  boxes in the sidebar */
#sidebar{
    float:left;
    width:187px;
    background: url("../img/stage2_comment.gif") no-repeat top right;
    overflow:auto;
    font-size:110%;
    padding:75px 0 10px 0;
}
#sidebar h1,
#sidebar h2{
    color: #7d7e81;
    font-size: 100%;
    font-weight: bold;
    padding:5px 0;
}
#sidebar p{
    padding:5px 0;
}
.visit_gal a{
    background: url("../img/sidebar_grey_arrow.gif") no-repeat right center;
    color:#7d7e81;
    padding-right:30px;
    padding-left:0px;
    margin-bottom: 20px;
    font-weight:bold;
    display:block;
}
.bestwestern{
    margin-top: 30px;
    background: url("../img/best_rewards_logo.gif") no-repeat right top;
    padding-right:40px;
    position: relative;
    text-align:right;
    line-height: 100%;
}
.bestwestern a {
    color:#7d7e81;
}
.bestwestern .link {
	position: relative;
	top: -1px;
}
.visit_gal a:hover,.bestwestern a:hover{
    text-decoration:none;
}
.clickblock{
    margin:10px 0;
    width:186px;
    padding:10px 0 0 0;
}
.clickblock a {
    background: bottom right no-repeat;
}


.pink p,.blue p,.purple p{
    padding-bottom:10px;
}
/*  rounded corners  */
.blue{
    background: url("../img/blue_roundedbox_top.gif") no-repeat top left #c1dbe0 ;
}
.blue p{
    background: url("../img/blue_roundedbox_bottom.gif") no-repeat bottom left;
}
.purple{
    background: url("../img/purple_roundedbox_top.gif") no-repeat top left #d2cce5 ;
}
.purple p{
    background: url("../img/purple_roundedbox_bottom.gif") no-repeat bottom left;
}
.pink{
    background: url("../img/pink_roundedbox_top.gif") no-repeat top left #fac6c2 ;
}
.pink p{
    background: url("../img/pink_roundedbox_bottom.gif") no-repeat bottom left;
}
.clickblock a span{
    padding: 5px 30px 80px 10px;
    display:block;
    height:17px;
}
/*  arrows  */
.blue a span{
    background: url("../img/sidebar_blue_arrow.gif") no-repeat 90px 5px;
}

.purple a span{
    background: url("../img/sidebar_purple_arrow.gif") no-repeat 90px 5px;
}
.pink a span{
    background: url("../img/sidebar_pink_arrow.gif") no-repeat 90px 5px;
}
.clickblock a{
    display:block;
    width:175px;
    margin:0 auto 0 auto;
    color:#fff;
}
.clickblock a:hover{
   text-decoration:none;
}
.clickblock a strong{
    color:#7d7e81;
    display:block;
    padding-left:10px;
}
/* sidebar box in brochure  */
.links{
    margin:30px 0;
}
.links ul{
    line-height:190%;
    margin:5px 0;
}
.links ul li a{
    text-decoration:underline;
}
.links ul li a:hover{
    text-decoration:none;
}

/* main content area  */

#content{
    width:457px;
    float:left;
    font-size:130%;
    line-height:140%;
    padding:20px 20px 0 20px;
}
#content p{
    padding: 0 0 10px 0;
}
#content h1{
    font-size:210%;
    color:#73afb6;
    font-weight:normal;
    margin-bottom: 15px;
}
#content h2{
    font-size:115%;
    color:#73afb6;
    font-weight:normal;
    padding-bottom:10px;
}
a{
    color:#5AA5B1;
}
a:hover{
    text-decoration:underline;
}
a.external_link{
    color:#7d7e81;
    background: url("../img/external_link.gif") no-repeat right center;
    line-height:22px;
    padding:5px 55px 5px 0;
}

/* a generic list for the content */
ul.contentlist{
    list-style-type: disc;
    margin:20px 15px;
}
ul.contentlist li{
    padding-left:30px;
}

/* news  */

.news img {
	margin-right: 10px;
}

/* style for the index quote  */

blockquote{
    margin-top:20px;
    padding:10px 0 10px 20px;
    color:#5AA5B1;
    display:block;
    background: url("../img/quote_start.gif") no-repeat top left;
}
blockquote span{
    background: url("../img/quote_end.gif")  no-repeat bottom right;
    padding-right: 20px;
}
blockquote p{
    margin-top: 10px;
    color:#7D7E81;
}

/* contact page and forms for brochure*/

.contactform br{
   display:none;
   clear:both;
}
.contactform .cb{
   display:block;
   clear:both;
}
.contactform div#title input,.contactform div#title label, .contactform fieldset input, .contactform fieldset label{
    border:none !important;
    margin:0px !important;
    padding:0px !important;
}
.contactform{
    margin-top:10px;
    overflow: hidden;
}
.contactform label{
    width:105px;
    float:left;
    font-size:90%;
    display:block;
    clear:left;
    margin-top:5px;
    padding-right:5px;
}

.contactform input{
    width:340px;
    float:left;
    border:1px solid #cadad2;
    margin:2px 0;
    height:20px;
}
.contactform select{
    width:200px;
    float:left;
    border:1px solid #cadad2;
    margin:2px 0;
    height:20px;
}
.contactform fieldset.accommodation{
    margin:0px;
    padding:0px;
    width:100%;
}
.contactform fieldset.accommodation legend{
    color:#7D7E81
}
.contactform fieldset.accommodation div{
    margin-left:110px;
    margin-top:-28px;
    width:400px;
}
.contactform label.small{
    width:55px !important;
    float:left;
    font-size:90%;
    display:block;
    clear:none;
    margin-top:2px !important;
    padding-right:6px;
}
.contactform select.small{
    width:45px;
    float:left;
    border:1px solid #cadad2;
    margin:2px 5px 2px 0;
    height:20px;
}
.contactform hr{
    width:100%;
    clear:both;
    border:none;
    border-top:1px solid #cadad2;
    margin:15px 0;
    display:block;
    float:left;
}

.contactform textarea{
    width:345px;
    float:left;
    border:1px solid #cadad2;
    margin:2px 0;
    height:100px;
}
.contactform input#send{
    width:65px;
    border:0px;
    height:28px;
    clear:both;
    margin:10px 0 20px 0px;
    background: url("../img/submit_btn.gif") no-repeat left top;
    text-indent:-5000px;
    overflow:hidden;
    font-size: 0px;
    line-height: 0px;
    cursor:pointer;
}
.contactform .invalid {
	overflow:hidden;
	color:#f3716d;
}
.highlight{
    color:#f3716d;
}
#content .contactform p.highlight{
	clear: both;
	padding-top: 2em;
}
.contactform input.checkboxes{
    width:14px !important;
    height:14px !important;
    border:none !important;
    margin:3px 10px 10px 0 !important;
}
.contactform div#title{
    float:left;
    padding:5px 0 10px 0;
}

.contactform div#title input{
    width:14px !important;
    height:14px !important;
    margin:0px 20px 0 3px!important;
}
.contactform div#title label{
    width:auto !important;
    line-height:14px;
    clear:none !important;
}
.contactform label.big{
    width:400px !important;
    margin-left:10px;
    margin-top:0px !important;
    clear:none !important;
}
.contactform label.full{
    width:100%;
    margin-left:0px;
    margin-top:10px !important;
}
/* span fixes an IE6 bug */
.contactform div#brochure{
    clear:both;
    float:left;
}
.contactform fieldset{
    border:none;
    width:270px;
    margin:15px 0 10px 0;
    clear:both;
    display:block;
    float:left;
}
.contactform legend{
    color:#f3716d;
    padding-bottom:10px;
}
* html .contactform legend{
    margin-left:-8px;
}

.contactform fieldset label{
    width:100px !important;
    margin:0px 10px 10px 0px !important;
    clear:none !important;
}

/* tariff page */

.tariffs {
    margin: 25px 0;
}

.tariffs table{
    font-size:85%;
    text-align:center;
}
.tariffs table thead th{
    border-right:2px solid #fff;
    border-bottom:2px solid #fff;
    padding:3px 5px;
    background:#d3e4da;
    font-size:90%;
    line-height: 120%;
    width:74px;
    font-weight:normal;
}
.tariffs table thead th.firstcol{
    width:100px !important;
    text-align:left;
}
.tariffs table td{
    border-right:2px solid #d3e4da;
    border-bottom:2px solid #d3e4da;
    padding:3px 0;
}
.tariffs table tr.lastrow td{
    border-bottom:none !important;
}
.tariffs table td.firstcol{
    text-align:left !important;
}
.tariffs.green table td{
    border-right:2px solid #afb378;
    border-bottom:2px solid #afb378;
}
.tariffs.green table thead th{
    background:#afb378;
    color:#fff;
}
.tariffs table td.lastcol,
.tariffs table th.lastcol{
    border-right:none;
}

.simple-tariffs table{
    font-size:85%;
    text-align:center;
}
.simple-tariffs table thead th{
    border-top:2px solid #d3e4da;
    border-right:2px solid #d3e4da;
    font-size:90%;
    width:110px;
    font-weight:normal;
}
.simple-tariffs table td{
    border-right:2px solid #d3e4da;
    border-bottom:2px solid #d3e4da;
}
.simple-tariffs table td.lastcol,.simple-tariffs table th.lastcol{
    border-right:none;
}

.tariffs table thead span,
.simple-tariffs table thead span {
    height: 2em;
    display: block;
}

html>body .tariffs table thead span,
html>body  .simple-tariffs table thead span {
    height: 100%;
    min-height: 2em;
}

/* google map */

#gmap {
	width: 457px;
	height: 457px;
	margin-bottom: 25px;
	clear: both;
}

/* THUMBNAILS */

.thumb img {
	border: none;
}

.thumb a {
	display: block;
	height: 105px;
	width: 105px;
	text-decoration: none;
	text-align: center;
}

.details {
	color: #72aeb5;
	background-color: inherit;
	display: block;
	margin-top: .25em;
}
a:hover .details {
	background-color: inherit;
	color: #72aeb5;
}

#cat_thumbs .thumb {
	float: left;
	width: 105px;
	margin-right: 5px;
	margin-bottom: 5px;
}

#cat_thumbs .thumb a {
	height: auto;
}

#cat_thumbs .clear {
	clear: both;
}

/*footer style */

#footer{
    background: url("../img/footer_bg.gif") no-repeat left bottom #72afb6;
    color:#fff;
    margin:0 auto 0 auto;
    width:900px;
    text-align:center;
    font-size:90%;
    padding:10px 0 10px 0;
}
#footer a{
    color:#fff;
}
#footer address{
    font-style:normal;
    width:100%;
    padding-bottom:1px;
}
#footer span{
    padding:0 2px;
}

p#copyright{
    color:#231f20;
    text-align:center;
    font-size:95%;
    padding-top:5px;
    padding-bottom:20px;
}
p#copyright span{
    padding-right:10px;
}

/* block styles */

.block{
    display:block;
    position:relative;
    margin-bottom: 25px;
}

.block ul {
	list-style: disc;
	list-style-position: inside;
}
.block ol {
	list-style: decimal;
	list-style-position: inside;
}

/* form styles */

.invalid {
	color: #800;
	background-color: #fff8f8;
}

.invalid a {
	color: #800;
	text-decoration: underline;
}