/* ----------------------------------------------

	Westwood Lodge - Main Stylesheet

--------------------------------------------- */

@import "reset.css";

@media screen, projection {
		
	/* --- Structure ----------------------------- 
	
		- Selectors
		- Common Classes
		- Accessibility
		- Layout
		- Print
		
	*/
	
	/* --- Selectors ----------------------------- */
	
		html {
			background:url("../images/bg-html.png") repeat-x left 294px #fff;
		}
		body {
			background:url("../images/bg-body.jpg") repeat-x top;
			color:#622f02;
			font:63%/1.5 arial,helvetica,sans-serif;
			margin:0;
			padding:0;
		}
		
		a, a:visited { color:#622f02; text-decoration:underline; }
		a:hover { color:#a6692d; }
		a img { border:none; }
		
		p { margin:0 0 1em; }
		button { margin:0; padding:0; background:none; border:none; cursor:pointer; }
		input, textarea, select { background:#fff; border:1px solid #999; padding:3px; color:#555; }
		hr { margin:25px 0; background:#eee; border:none; height:1px; clear:both; }
		ul, ol { margin:0 0 1em 2em; }
		small { color:#545454; font-size:0.92em; }
		form { overflow:hidden; margin:1em 0; }
		
		h1 { color:#522a07; margin:0 0 0.05em; font-size:2.08em; font-family:"times new roman", times, serif; }
		h2 { color:#522a07; margin:0 0 0.4em; font-size:1.67em; font-family:"times new roman", times, serif; }
		h3 { color:#a6692d; margin:0 0 0.8em; font-size:1.4em; font-family:"times new roman", times, serif; }
		h4 { color:#522a07; margin:0 0 0.8em; font-size:1.3em; font-family:"times new roman", times, serif; }
		h5 { color:#a6692d; margin:0 0 0.8em; font-size:1.2em; font-family:"times new roman", times, serif; }
		h6 { color:#522a07; margin:0 0 0.8em; font-size:1.1em; font-family:"times new roman", times, serif; }
		
	
	/* --- Common Classes ------------------------ */
		
		.left { float:left; }
		.right { float:right; }
		.clear { clear:both; }
		.clearright { clear:right; }
		.clearleft { clear:left; }
		.width15 { width:15%; }
		.width50 { width:50%; }
		.textright { text-align:right; }
		.textcenter { text-align:center; }
		.aligntop { vertical-align:top; }
		.bold { font-weight:bold; }
		.textright { text-align:right; }
		.textcenter { text-align:center; }
		.aligntop { vertical-align:top; }
		.aligncenter { display:block; margin:0 auto; }
		.imgleft { float:left; border:1px solid #522a07; margin:0 15px 15px 0; }
		.imgright { float:right; border:1px solid #522a07; margin:0 0 15px 15px; }
		img.left { margin:0 10px 0 0; }
		.booknow { width:190px; height:56px; display:block; text-indent:-9999px; background:url("../images/bg-booknow.jpg") no-repeat; margin:0 auto 15px auto; }
		.bookmark { width:190px; height:56px; display:block; text-indent:-9999px; background:url("../images/bg-bookmark.jpg") no-repeat; margin:0 auto 15px auto; }
		.tour360 { width:190px; height:56px; display:block; text-indent:-9999px; background:url("../images/bg-360tour.jpg") no-repeat; margin:30px 50px 40px 0; float:right; }
		.contact { width:177px; height:47px; text-indent:-9999px; background:url("../images/bg-contact.png") no-repeat; margin:50px 30px 0 0; float:right; }
		.gallery { overflow:hidden; }
		.gallery a { margin:20px 20px 0 0; display:block; float:left; }
		.gallery a img, #virtual img { border:1px solid #522a07; }
		.glacierimages img { margin:10px 10px 20px 0; border:1px solid #522a07 }
		.special, .quotes { background:url("../images/bg-td.png") repeat-x bottom #faf3f0; padding:20px; margin:0 0 1em; overflow:hidden; }
		.quotes { margin-left:20px; }
		.special .booknow { margin:0; }
		.contactbutton { float:right; margin:10px 0 0 20px; }
		.required { color:#f00; font-weight:bold; }
		.imginput { border:none; padding:0; margin:0 10px 0 0; }
		.creditcards { margin:0 0 32px; }
		.error { color:#f00; font-weight:bold; margin-top:1.8em; margin-bottom:1.8em; }
		.activities { margin:20px 0; list-style:none; }
		.activities li { overflow:hidden; margin:0 0 20px; padding:0 0 20px; border-bottom:1px solid #eee; }
		.activities img { float:left; margin-right:10px; }
	
	/* --- Accessibility ------------------------- */
	
		#accessibility {
			display:none;
		}
	
	/* --- Layout -------------------------------- */
	
		#header {
			width:950px;
			height:121px;
			margin:0 auto;
			font:1.2em/1.125em Georgia, "Times New Roman", Times, serif;		
		}
		#header a {
			float:left;	
			margin:8px 0 0 38px;
		}
		#header blockquote {
			width:417px;
			height:66px;		
			text-align:left;
			background:url("../images/bg-quote.png") no-repeat;
			color:#fff;
			float:right;
			font-style:normal;		
			margin:28px 35px 0 0;
		}
		#header blockquote p {
			margin:0;
			text-indent:-9999px;
		}
		#header blockquote cite {
			font-size:0.8em;
			font-style:italic;
			display:block;
			text-indent:-9999px;
		}
		#wrapper {
			width:950px;
			margin:0 auto;
			background:url("../images/bg-wrapper.png") repeat-y;
			font-size:1.2em;
			overflow:hidden;
			position:relative;
			z-index:2;
		}
		.wrapper-head, .wrapper-foot {
			width:950px;
			height:17px;
			display:block;
			margin:0 auto;		
		}
		.wrapper-head {
			background:url("../images/bg-wrapper-head.png") no-repeat top;	
		}
		.wrapper-foot {
			background:url("../images/bg-wrapper-foot.png") no-repeat bottom;		
		}
		#banner {
			width:884px;
			height:286px;
			background:url("../images/bg-banner.jpg") no-repeat;
			margin:17px 0 12px 37px;
			float:left;
		}
		.accomodation { background:url("../images/bg-banner-accomodation.jpg") no-repeat!important; } 
		.bookings { background:url("../images/bg-banner-contact.jpg") no-repeat!important; } 
		.franzjosef { background:url("../images/bg-banner-fransjozef.jpg") no-repeat!important; } 
		.news { background:url("../images/bg-banner-news.jpg") no-repeat!important; } 
		.gallerybanner { background:url("../images/bg-banner-gallery.jpg") no-repeat!important; } 
		.location { background:url("../images/bg-banner-location.jpg") no-repeat!important; } 
		.contactbanner { background:url("../images/bg-banner-contact.jpg") no-repeat!important; } 
		#menu {
			clear:left;
			font:1.08em "times new roman", times, serif;
			list-style:none;
			margin:0 39px 12px 29px;
			overflow:hidden;
		}
		#menu li {
			display:block;
			float:left;
			padding:4px 12px 7px 10px;	
			background:url("../images/bg-menu.png") no-repeat right top;
		}
		#menu li.noborder {
			background:none;	
		}
		#menu a {
			text-decoration:none;
			color:#522a07;
			text-transform:uppercase;
		}
		#menu a:hover {
			text-decoration:underline;
		}
		#content {
			width:620px;
			min-height:300px;
			float:left;	
			margin:0 0 30px 37px;
			display:inline;
		}
		#inside #content {
			width:870px;	
		}
		#bookinginfo {
			width:240px;
			float:left;	
			margin:0 0 20px 18px;
			display:inline;
		}
		#footer {
			background:url("../images/bg-footer.jpg") repeat-x bottom;	
			position:relative;
			z-index:1;		
		}
		#footer-inner {
			width:950px;
			margin:0 auto;
			overflow:hidden;
		}
		#footer-inner #logo {
			width:167px;
			height:70px;
			display:block;
			background:url("../images/bg-logo-footer.png") no-repeat;	
			margin:19px 0 0 38px;
			float:left;
		}
		#footer-inner ul {
			margin:16px 0;
			list-style:none;	
			float:right;
		}
		#footer-inner li {
			float:left;
		}
		#footer-inner ul img {
			border:1px solid #a68f82;	
			background:url("../images/bg-transparent.png") repeat;
			padding:13px;
			margin:0 0 0 25px;
		}
		#footer-inner p {
			width:100%;
			margin:0 0 16px;
			clear:both;
			text-align:right;
			color:#fff;
			font-size:1.2em;
		}
		#virtual {
			margin:0;
			list-style:none;	
		}
		#virtual li {
			width:125px;
			float:left;
			margin:20px 20px 20px 0;	
		}
		#virtual a {
			display:block;	
		}
		#prices th.width15 {
			background:url("../images/bg-th.png") repeat-x top #6e1900;
			padding:6px 8px;	
			color:#fff;
			font-weight:bold;
		}
		#prices td {
			background:url("../images/bg-td.png") repeat-x bottom #faf3f0;	
			padding:13px 15px 20px 15px;
		}
		#prices td strong {
			font-size:1.2em;
			display:block;	
			margin:0 0 10px;
		}
		#prices td.date {
			font-weight:bold;
			text-align:center;	
		}
		#prices a {
			padding:5px 8px;
			background:url("../images/bg-th.png") repeat-x bottom #6e1900;
			color:#fff;
			font-weight:bold;
			text-decoration:none;
			-moz-border-radius:5px;
			-webkit-border-radius:5px;
			-border-radius:5px;
		}
		#prices a:hover {
			text-decoration:underline;	
		}
		#prices .booknow {
			width:132px;
			height:38px;
			background:url("../images/bg-booknow-small.jpg") no-repeat;
			margin:10px 0;
			float:none;
		}
		#prices .tour360 {
			width:189px;
			height:38px;
			background:url("../images/bg-360tour-small.jpg") no-repeat;
			margin:10px 0;
			float:none;
		}
		
		fieldset {
			width:402px;
			background:url("../images/bg-td.png") repeat-x bottom #faf3f0; 
			padding:0 0 20px 20px; 
			margin:0 0 1em; 
			overflow:hidden;
		}
		fieldset.right {
			margin-left:10px;
		}
		fieldset legend {
			width:406px;
			display:block;
			font-weight:bold;
			margin:0 0 20px -20px;
			background:url("../images/bg-th.png") repeat-x top #6e1900;
			padding:6px 8px;	
			color:#fff;
			font-weight:bold;
		}
		fieldset p {
			overflow:hidden;
			line-height:1.1;
			min-height:20px;	
		}
		fieldset label {
			width:150px;
			float:left;
			display:block;
			margin-top:5px;	
		}
		fieldset input {
			width:55%;
			float:left;
		}
		fieldset input[type=checkbox] {
			width:auto;
		}
		fieldset select {
			float:left;
			margin:0 3px 0 0;
		}
		fieldset textarea {
			width:93%;
			margin:0 0 10px;	
			padding:3px;
			font-size:1em;
		}
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
	fieldset {
		padding-top:20px;	
	}
}
	
/* --- Print -------------------------------------- */

@media print {
	body {
		color:#000000;
		font:12px/18px arial, helvetica, sans-serif;
	}
	
	p { margin:14px 0; }
	a { color:#000; }
	a img { border:none; }
	
	h1 { font-size:20px; margin:14px 0; }
	h2 { font-size:18px; margin:14px 0; }
	h3 { font-size:16px; margin:14px 0; }
	h4 { font-size:14px; margin:14px 0; }
	h5 { font-size:12px; margin:14px 0; }
	h6 { font-size:11px; margin:14px 0; }
	
	.imgleft { float:left; border:1px solid #522a07; margin:0 15px 15px 0; }
	.imgright { float:right; border:1px solid #522a07; margin:0 0 15px 15px; }
	img.left { margin:0 10px 0 0; }
	img.right { margin:0 0 0 10px; }

	/* --- Layout ------------------------------ */

	#accessibility, #menu, #banner, #bookinginfo, #header blockquote, p.contact, #footer-inner {
		display:none;
	}
	#prices th, #prices td{
		border-bottom:1px solid #ccc;
		border-right:1px solid #ccc;
		padding:6px 8px;	
	}
	#prices td.date {
		font-weight:bold;
		text-align:center;	
	}
	fieldset label {
		width:150px;
		float:left;
		display:block;
		margin-top:5px;	
	}
	fieldset input {
		float:left;
	}
	fieldset p {
		overflow:hidden;	
	}	
}