/******************************************/
/*                                        */
/*  Author: Appnet                        */
/*  Author URI: http://www.appnet.com/    */
/*                                        */
/******************************************/


/******************************************/
/*  reset                                 */
/******************************************/

@import url('css/reset.css');
@import url('http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz&subset=latin');
@import url('http://fonts.googleapis.com/css?family=Droid+Sans&subset=latin');


/******************************************/
/*  main elements                         */
/******************************************/

body {
	font-family:'droid sans', Arial, san-serif; 
	font-size:10pt;
	margin:0; 
	min-width:960px;
	padding:0; 
}
	body#home {background:url('bg-1.jpg') center top repeat-x #5b0001;}
	body.sub {background:url('bg-1-sub.jpg') center top repeat-x #5b0001;}
	body#sub {background:url('bg-1-sub.jpg') center top repeat-x #5b0001;}
	
	.container {margin:0 auto; width:960px;}
	
	h1 {font-size:22px;
		font-family:'Yanone Kaffeesatz', Arial, san-serif;
		font-style:bold;
		padding-bottom:15px ;
		color:#1c0000;
		}
	h2 {font-size:20px;
		font-family:'Yanone Kaffeesatz', Arial, san-serif;
		font-style:bold;
		padding-bottom:5px;
		color:#1c0000;
		}
	h3 {font-size:18px;
		font-family:'Yanone Kaffeesatz', Arial, san-serif;
		font-style:bold;
		padding:5px 0 15px 20px;
		}
	h4 {font-size:20px;
		font-family:'Yanone Kaffeesatz', Arial, san-serif;
		font-style:bold;
		color:#fdd02d;
		padding:15px 0 25px 10px;
		text-shadow: black 0.1em 0.1em;
		}
	h5 {font-size:18px;
		font-family:'Yanone Kaffeesatz', Arial, san-serif;
		font-style:bold;
		}
	h6 {font-size:7pt;}
	
	hr {color: #fff; background-color: #fff; border: 1px dotted #5b0001; border-style: none none dotted; margin-bottom:15px;}
	
	p {margin-bottom:15px;}
	ul {list-style: url('bullet.png'); line-height:115%; margin-bottom:8px;}
	ul li, ol li {margin:0 0 0 20px;}
	
	/** moreinfo paragraph **/
	.moreinfo {clear:both; margin-top:10px;}
	
	/** images **/
	img.center {display:block; margin:5px auto;}
	img.align-r {display:inline; float:right; margin:0 0 10px 10px;}
	img.align-l {display:inline; float:left; margin:0 10px 10px 0;}
	img.border {background-color:#fcca31; border:1px solid #bbb; padding:4px;}
	
	.arealinks img.center { display:block; margin:2px auto;}
	.arealinks img.border {background-color:#fcca31; border:1px solid #bbb; padding:2px;}
	
	/** form elements **/
	input.button {font-size:8pt; margin-right:5px;}
	
	/** main navigation **/
	ul.navlist {
		font-size: 13pt;
		font-family:'Yanone Kaffeesatz', Arial, san-serif;
		margin:0;
		padding:0;
		z-index:100;
	}
		ul.navlist li {
			display:block;
			float:left; 
			margin:0 20px 0 0; 
			padding:0;
		
		}
	ul.navlist li.last {
			margin:0; 
		
		}
	ul.navlist li.first {
			margin:0 20px 0 30px; 
		
		}

	ul.arealinks {
			font-size: 13pt;
			font-family:'Yanone Kaffeesatz', Arial, san-serif;
			margin:0px 5px 0 0;
			padding-bottom:125px;
		}
			ul.arealinks li {
				display:block;
				float:left; 
				margin:0 5px 0 0; 
				padding:0;
			}
		ul.arealinks li.last {
				margin:0; 
			
			}
		ul.arealinks li.first {
				margin:0 5px 0 0; 
			
			}

/******************************************/
/*  links                                 */
/******************************************/

/* a:active {position:relative; top:1px;} */

a:active {position:relative; top:1px;}

a:link, a:visited, a:active {
	color:#9d2f21;
	font-weight:normal;
	text-decoration:none;
}
	a:hover {
		color:#9d2f21;
		font-weight:normal;
		text-decoration:underline;
	}
	
ul.navlist a:link, ul.navlist a:visited, ul.navlist a:active {
		color:#fff;
		display:block;
		font-weight:normal;
		height:38px;
		padding-top:10px;
		text-decoration:none;
		width:100%;
	}
		ul.navlist li a:hover {
			color:#fdd02d;
			display:block;
			font-weight:normal;
			height:38px;
			padding-top:10px;
			text-decoration:none;
			width:100%;
		}
		
ul.arealinks a:link, ul.arealinks a:visited, ul.arealinks a:active {
		color:#5b0001;
		display:block;
		font-weight:normal;
		height:85px;
		padding-top:10px;
		text-decoration:none;
		width:100%;
	}
		ul.arealinks li a:hover {
			color:#9d2f21;
			display:block;
			font-weight:normal;
			height:85px;
			padding-top:10px;
			text-decoration:none;
			width:100%;
		}

h3 a:link, h3 a:visited, h3 a:active {
	color:#000;
	font-weight:strong;
	text-decoration:none;
}
	h3 a:hover {
		color:#9d2f21;
		font-weight:normal;;
		text-shadow: #666 0.08em 0.08em 0.05em;
	}

h3.check a:link, h3.check a:visited, h3.check a:active {
	color:#5b0001;
	font-weight:strong;
	text-decoration:none;
}
	h3.check a:hover {
		color:#9d2f21;
		font-weight:normal;
		text-shadow: #ccc 0.08em 0.08em 0.05em;
	}
#footer a:link, #footer a:visited, #footer a:active {
	color:#fff;
	font-weight:normal;
	text-decoration:none;
}
	#footer a:hover {
		color:#fdd02d;
		font-weight:normal;
		text-decoration:underline;
	}
	
	
/******************************************/
/*  google fonts                          */
/******************************************/

/* h1 {font-family:'OFL Sorts Mill Goudy TT', Arial, san-serif;} */

#box-links {}
	#box-links-left {float:left; padding:0;}
		#left {float:left; padding:0px; width:300px; overflow: hidden}
		#center {float:right; width:300px; overflow:hidden;}
	#box-links-right { float:right; padding:0 5px 0 5px;}
	
#home-continer {margin:0;}
	#box-links-left {float:left; padding:0 5px 0 10px;}
		#left {float:left; padding-right:23px}
		#center {float:right;}
	#box-links-right { float:right; padding:0 10px 0 5px;}



/******************************************/
/*  content                               */
/******************************************/
#fb {padding-left:15px;}

#fader-container {height:459px; position:relative; margin-bottom:10px; overflow:hidden;}
	#fader-overlay {position:absolute; top:0; left:0; z-index:50;}
	#fader {position:absolute; top:0; left:10px; z-index:5; background-color:#FFF; width:940px;}
		#fader img {border:5px solid #fff;}
		
#navagation {position:absolute; top:70px; left:0; z-index:100;}

#container {position:relative;}
	#y {background:url('y.jpg') left top repeat-y;}
	#y-sub {background:url('y-sub.png') left top repeat-y;}

	#home-static {background:url('bg-content-top.jpg') left top no-repeat; overflow:hidden;}
	#static-sub {background:url('bg-content-top-sub.jpg') left top no-repeat;}
		#home-left {float:left; width:430px; padding:19px 15px 0 30px;}
			#welcome {padding:0 10px 5px 5px;}
				#welcome h1 { padding:0 0 20px 0px}
			#video { background:url(bg-video.jpg); height:184px; width:434px;}
				#video-left {float:left; width:215px; padding:5px 5px 0 15px }
				#video-right {float:right; width:165px; padding:32px 25px 0 0;}
		#home-right { float:right; width:447px; padding:21px 30px 0 0px;}
			#featured {padding:0}
				#featured h2 { padding:0 0 15px 20px}
				#news-y {background:url('y-news.jpg') left top repeat-y;}
				#news-static {background:url('bg-news-top.jpg') left top no-repeat; overflow:hidden;}
				#news-content { height:250px; padding:10px 15px;}
					#news-content h3 {padding:0px 0 10px 5px; background:url('linebreak-short.gif') bottom left no-repeat;}
					#news-content p {padding:0 5px 5px 5px; margin-top:-5px;}
			#members {padding:0;}
				#mem-left {float:left; width:auto; padding-top:10px;}
				#mem-right {float:right; width:auto;}
		
		#page-top {padding:20px 32px 0 32px; background:url('bg-content-top-sub.jpg') top left no-repeat;}
			h1#page-title {padding:0px 0 10px 5px; background:url('linebreak.gif') bottom left no-repeat;}
		#page-content {padding:0 32px; background:url('y-sub.png') left top repeat-y; overflow:hidden;}
			#page-content h2 {padding-top:10px;}
			#callout-right {
				border-left:1px solid #d0baba;
				border-bottom:3px solid #d0baba;
				border-right:3px solid #d0baba;
				border-top:1px solid #d0baba;
				float:right;
				margin:0 0 20px 15px;
				padding:0 15px 0 15px;
				background:#eee5bd;
				width:240px;
			}
			#callout-right h2 {padding:3px 0 0px 0; margin-bottom:5px; border-bottom:1px solid #e0c635;}
			#callout-right p {font-size:8pt;}
			#page-bottom {
				clear:both;
				border-left:1px solid #d0baba;
				border-bottom:3px solid #d0baba;
				border-right:3px solid #d0baba;
				border-top:1px solid #d0baba;
				margin:15px 0 20px 0px;
				padding:0 15px 0 15px;
				background:#eee5bd;
			}
	
				
	#static-content {padding:15px 32px; min-height:250px; height:auto;}	
		#static-content h1 {padding:0px 0 10px 5px; background:url('linebreak.gif') bottom left no-repeat;}
		#static-content .txt-rooms { padding:15px 6px 0 6px;}
		#static-content .txt-contact { padding:15px 6px 0 6px;}
		#static-content .txt-article { padding:15px 6px 0 6px;}
			#static-content .txt-article b{font-size:18px; font-family:'Yanone Kaffeesatz', Arial, san-serif; margin-bottom:15px; font-weight: 500; }
			#static-content .txt-article p b { font-family:'droid sans', Arial, san-serif; font-style:bold;}
			
			#article_listing {
				border-left:1px solid #d0baba;
				border-bottom:3px solid #d0baba;
				border-right:3px solid #d0baba;
				border-top:1px solid #d0baba;
				float:right;
				margin:0 0 20px 15px;
				padding:0 15px 0 15px;
				background:#eee5bd;
			}
			#article_listing #displaying { padding:5px 5px 5px 5px; border:1px dotted #d0baba; background:#eee5bd; width:100%}
				#article_listing table#displaying b {font-family:'droid sans', Arial, san-serif; font-style:bold; font-size:10pt;}


		#static-content .txt {padding:15px 6px 0 6px;}
			#static-content .txt table { padding:0px; border:1px dotted #ccc;}
			#static-content .txt td { padding:5px 5px 15px 5px; border:1px solid #d0baba; background:#eee5bd;}
			#static-content h5 {padding:3px 0 0px 0; margin-bottom:10px; border-bottom:1px solid #e0c635; font-size:12pt; font-weight: 500;}

	#y-m {background:url('y-m.jpg') left top repeat-y;}
	#home-m-static {background:url('bg-m-content-top.jpg') left top no-repeat; overflow:hidden;}
		#home-m-left {float:left; width:430px; padding:23px 15px 0 28px;}
			#travel {padding:0 10px 0px 10px;}
				#travel h2 {padding-bottom:25px;}
		#home-m-right { float:right; width:447px; padding:23px 30px 0 0px;}
			#inn-text {padding:0 15px 0 22px}
				#inn-text h2 {padding-bottom:25px;}
			#inn-text-btm {float:right; padding-right:10px;}

#content {
		padding:0;
		width:960px;
		clear:both;
	}

#footer {
	clear:both;
	color:#fff; 
	font-size:10pt;
	padding:0;
}
	#footer .container {background:url('bg-footer-static.jpg') left top no-repeat;}
	#footer .copyright {font-size:8pt; color:#CCC; padding:45px 15px; font-size:7pt;}
	#footer-left {float:left; padding:0 14px 0 10px; width:300px;}
	#footer-right {float:right; width:636px; background:url('bg-quicksearch-y.jpg') left top repeat-y; height:350px;}
	#footer-right-bg {background:url('bg-quicksearch-static.jpg') left top no-repeat; overflow:hidden;}
		#footer-right-bg .l {float:left; padding:0 10px 50px 15px; width:250px;}
			#footer-right-bg .l img {padding-left:5px;}
				#asso-left {float:left;}
				#asso-right {float:right;}
				
			#footer-right-bg .l p {padding-left:40px;}
		#footer-right-bg .r {float:right; padding:0 10px; width:300px;}
		#contact-information {float:left; padding:15px 10px 0 25px; width:300px;}
			p.contact-left {float:left; margin:0px 0 0 7px; padding:0 0 0 2px; width:125px;}
			p.contact-right {float:right; margin:0px 0 0 0; padding:0 0 20px 5px; width:150px;}
				p.contact-left span, p.contact-right span {display:block; font-size:10pt; font-weight:bold;}
				p.contact-right a {font-size:8pt;}
				
	#footer ul.sitelinks {margin:0 auto; padding:0;}
	#footer ul.sitelinks li {display:block; float:left; margin:0; padding:0 0 0 15px; width:135px;}

#room-info {padding:0; margin-top:15px;}
	.left {float:left; width:400px; padding-bottom:20px;}
		.left h2 { padding:0 0 10px 0; margin-bottom:10px;background:url('linebreak-short.gif') bottom left no-repeat;}
		.left h5 { padding:0 0 2px 0; margin-bottom:10px; border-bottom:1px dotted #bbb;}
		.left #left {float:left; width:185px;}
		.left #right {float:right; width:185px;}
	.right {float:right; width:450px;}


table.rooms {padding:0;}
	table.rooms h2 { margin:0 15px; padding:0 0 10px 0; background:url('linebreak-short.gif') bottom left no-repeat;}
	table.rooms p { margin:10px 15px; padding-bottom:5px; border-bottom:1px dotted #bbb;}
		table.rooms p.peak {padding:5px; border:1px solid #bbb; background: #ffec9a; text-transform:uppercase;}
	table td.odd { background:#eee;}

table.peak {padding:0; margin-top:15px; padding-bottom:5px; border-bottom:1px dotted #bbb;}
	table.peak h2 { margin:0 15px; padding:0 0 10px 0; background:url('linebreak.gif') bottom left no-repeat;}
	table.peak p { margin:10px 15px;}
		table.peak p.peak {padding:5px; border:1px solid #bbb; background: #ffec9a; text-transform:uppercase;}
		
#content-right, #content-right-contact, #content-right-rooms {
		border-left:1px solid #d0baba;
		border-bottom:3px solid #d0baba;
		border-right:3px solid #d0baba;
		border-top:1px solid #d0baba;
		float:right;
		margin:0 0 20px 15px;
		padding:0 15px 0 15px;
		background:#eee5bd;
		z-index:15000;
	}
	#content-bottom {
		clear:both;
		border-left:1px solid #d0baba;
		border-bottom:3px solid #d0baba;
		border-right:3px solid #d0baba;
		border-top:1px solid #d0baba;
		margin:15px 0 20px 0px;
		padding:0 15px 0 15px;
		background:#eee5bd;
	}
	#content-weather {
		float:right;
		margin:0 0 20px 15px;
		padding:0 15px 0 15px;
	}
	
#content-right {width:240px;}
			#content-right h2 {padding:3px 0 0px 0; margin-bottom:5px; border-bottom:1px solid #e0c635;}
			#content-right p {font-size:8pt;}
			
			ul.area-info li {list-style: url('bullet.png'); line-height:115%; margin-bottom:8px;}
		#content-right-contact {width:350px;}
			#content-right-contact h2 {padding:3px 0 0px 0; margin-bottom:5px; border-bottom:1px solid #e0c635;}
		#content-right-rooms {width:130px;}
			#content-right-rooms h2 {padding:3px 0 0px 0; margin-bottom:5px; border-bottom:1px solid #e0c635;}

		#content-right small {padding-bottom:15px;}

#content-bottom {width:855px;}
		#content-bottom h5 {padding:8px 0 0px 0; margin-bottom:5px; border-bottom:1px solid #e0c635;}


#price {width:900px; float:left; margin:0 15px 0 35px;}
	.l {float:left; width:430px;}
	.r {float:right; width:460px;}
		#price h2 {margin:0 25px; padding:0 0 10px 0; background:url('linebreak-short2.gif') bottom left no-repeat;}
		#price p {margin:0 65px; padding:0 0 10px 0;}