/* Init settings 
----------------------------------------------------------------------------*/
* {
	padding: 0;
	margin: 0;
}
body {
	font: 12px/18px verdana, arial, helvetica, sans-serif;
	color: #000;
	background-color: #220000;
	behavior:url("css/csshover.htc"); /* WinIE behavior call required for Side Nav*/
}
* img {border:none;}

.Malx {font: bold 13px verdana; color:#FF00FF;}

p {
	padding: 0 0 10px 0;
}

a { outline: none; }
a:link {
	color: #582929;
	font-weight: bold;
	text-decoration: none;
}
a:visited {
	color: #582929;
	font-weight: bold;
	text-decoration: none;
}
a:hover {
	color: #e40003;
	text-decoration:underline;
}


/* Structure 
----------------------------------------------------------------------------*/
#header {
	position: relative;
	height: 74px;
	/*width: 780px; ---------------------------- WIDTH CHANGE */
	width: 920px;
	margin: 30px auto 0 auto;
	background: #582929;
}

#wrapper {
	/*width: 760px; ---------------------------- WIDTH CHANGE */
	position: relative;  /* to allow any absolutely positined stuff to work */
	width: 900px;
	margin: 0 auto;
	padding:  20px 10px 30px 10px;
	background-color: #fff;
}
#primaryContent {
	width: 750px;
	margin: 0 0 20px 0;
	display: inline; /* Prevents Double-margin float bug in IE*/
}
#twoColumnLayout #primaryContent {
	float: left;
	width: 660px;
	margin: 40px 40px 20px 200px;
	display: inline; /* Prevents Double-margin float bug in IE*/
}
#threeColumnLayout #primaryContent {
	float: left;	
	width: 440px;	
	margin: 40px 20px 20px 200px;
	display: inline;/*  Prevents Double-margin float bug in IE*/
}
#secondaryContent {
	float: left;
	width: 225px;
	margin: 40px 0 0 15px;
}
#sideContent {
	float: left;
	width: 150px;
	margin: 40px 0 0 -900px;
}
#twoColumnLayout #sideContent {
	float: left;
	width: 150px;
	margin: 40px 0 0 -900px;
}
#footer {
	width: 920px;
	font-size: 10px;
	line-height:30px;
	color: #A19C92;
	background-color: #582929;
	text-align: center;
	margin: 0 auto 30px auto;
}

/* Top Navigation 
----------------------------------------------------------------------------*/
#topNav {
	font-weight: bold;
	font-size:12px;
	width: 900px;
	background-color: #fff;
	height: 25px;
}
#topNav li {
	list-style:none;
	display: inline;
}
#topNav a {
	float: left;
	width: 223px;
	line-height: 25px;
	color: #fff;
	background-color: #582929;	
	padding-bottom:2px;
	margin-right:2px;	
	text-align:center;
	text-decoration: none;
}
#topNav a:hover {	
	color: #e40003;
}
#topNav .navEnd a {
	width: 225px;
	margin:0;
}
body.floorplans #topNav a#topNav2,
body.prices #topNav a#topNav3,
body.contact #topNav a#topNav4 {
	color: #A19C92; /* Highlight current page */
}
body.floorplans #topNav a:hover#topNav2,
body.prices #topNav a:hover#topNav3,
body.contact #topNav a:hover#topNav4 {
	background-color: #582929; /* No highlighting when hovering */
}

/* Side Navigation 
----------------------------------------------------------------------------*/
/* NOTE: Requires the csshover.htc behaviour to work in Windoze -
See body styles at top of page */

#sideNav {
	float: left;
	width: 150px;
  background: #582929;
	margin-bottom: 20px;
	padding: 8px 0;
}
#sideNav ul {
	margin: 0;
	padding: 0;
	width: 150px;
	background: #582929;
}
#sideNav li {
	position: relative;
	list-style: none;
	border-top: 1px solid #a19c92;
  border-bottom: 1px solid #a19c92;
	margin: 0 0 -1px 0;	/* Prevents top and bottom borders doubling up */
}
#sideNav li:hover {background: #aa9a92;}
#sideNav li.submenu { /* Image for an item containing a sub menu */
	background: url(../images/submenu.gif) 140px 50% no-repeat;
}
#sideNav li.submenu:hover { /* Hover color of an item containing a sub menu */
	background: #aa9a92 url(../images/submenu_over.gif) 140px 50% no-repeat;
}
#sideNav li a {
	display: block;
	padding: 2px 0 2px 10px;
	font-weight: normal;
	color: #fff;
	text-decoration: none;
	width: 140px;
}
#sideNav > ul a {
	width: auto; /* Reset width for other browsers (IE ignores this - doesn't understand the child selector)*/
}
#sideNav ul ul {
	display: none;
	position: absolute;
	top: -1px;
	left: 150px;
}
#sideNav ul.level1 li.submenu:hover ul.level2 {
	display: block;
	border-left:2px solid #fff;
}
body.home #sideNav a#home,
body.floorplans #sideNav a#floorplans,
body.foodwine #sideNav a#foodwine,
body.children #sideNav a#children,
body.findus #sideNav a#findus,
body.about #sideNav a#about,
body.contact #sideNav a#contact {
	background: #aa9a92; /* Highlight current page*/
}
body.accommodation #sideNav a#accommodation,
body.prices #sideNav a#prices,
body.resort #sideNav a#resort,
body.skiing #sideNav a#skiing {
	background: #aa9a92 url(../images/submenu_on.gif) 140px 50% no-repeat; /* Highlight current page + arrow for drop-downs*/
}


/* Content & Typo detail 
----------------------------------------------------------------------------*/
#primaryContent h1 {
	font: bold 14px/18px verdana, arial, helvetica, sans-serif;
	color: #582929;
	margin-bottom: 10px;
}
#primaryContent h2 {
	font: bold 14px/18px verdana, arial, helvetica, sans-serif;
	color: #582929;
	margin: 0 0 10px 0;
}
#primaryContent h3 {
	font: bold 12px/16px verdana, arial, helvetica, sans-serif;
	color: #582929;
	margin: 5px 0 8px 0;
}


#header h1 {
	width: 640px;
	height: 74px;
	text-indent: -5000px;
}
#header p.phone, #header p.phone2 {
	position: absolute;
	right: 10px;
	top: 30px;
	text-align: right;
	color: #fff;
}
#header p.phone2 { top: 12px; }

/* Header titles */
body.home #header h1 {background: #582929 url(../images/home_heading.gif) no-repeat 20px 20px;}
body.gallery #header h1 {background: #582929 url(../images/gallery_heading.gif) no-repeat 20px 20px;}
body.floorplans #header h1 {background: #582929 url(../images/floorplans_heading.gif) no-repeat 20px 20px;}
body.accommodation #header h1 {background: #582929 url(../images/accom_heading.gif) no-repeat 20px 20px;}
body.prices #header h1 {background: #582929 url(../images/prices_heading.gif) no-repeat 20px 20px;}
body.resort #header h1 {background: #582929 url(../images/resort_heading.gif) no-repeat 20px 20px;}
body.skiing #header h1 {background: #582929 url(../images/skiing_heading.gif) no-repeat 20px 20px;}
body.children #header h1 {background: #582929 url(../images/children_heading.gif) no-repeat 20px 20px;}
body.foodwine #header h1 {background: #582929 url(../images/food_heading.gif) no-repeat 20px 20px;}
body.findus #header h1 {background: #582929 url(../images/findus_heading.gif) no-repeat 20px 20px;}
body.about #header h1 {background: #582929 url(../images/about_heading.gif) no-repeat 20px 20px;}
body.contact #header h1 {background: #582929 url(../images/contact_heading.gif) no-repeat 20px 20px;}
body.thankyou #header h1 {background: #582929 url(../images/home_heading.gif) no-repeat 20px 20px;}
body.pistemap #header h1 {background: #582929 url(../images/pistemap_heading.gif) no-repeat 20px 20px;}
body.terms #header h1 {background: #582929 url(../images/terms_heading.gif) no-repeat 20px 20px;}
body.links #header h1 {background: #582929 url(../images/links_heading.gif) no-repeat 20px 20px;}

.picLeft {
	float:left;
	margin: 15px 18px 15px 0;	
}
.picRight {
	float:right;
	margin: 15px 0 18px 15px;
}
.picLeftTop {
	float:left;
	margin: 0 18px 15px 0;	
}
.picRightTop {
	float:right;
	margin: 0 0 18px 15px;
}

.centered {
	text-align: center;
}
.centered img {
	margin: 15px 0;
}

#panoramaPic {
	height: 100px;
	width: 900px;
	margin-bottom: 5px;
	background: url(../images/panorama.jpg) no-repeat 0 0;	
}
#panoramaPic h1 {
	font-size: 18px;
	font-weight: bold;
	line-height:22px;
	color: #582929;
	padding-top: 8px;
	text-align: center;
}
#panoramaPic h2 {
	font-size: 15px;
	font-weight: bold;
	line-height:26px;
	color: #582929;
	text-align: center;
}

#primaryContent ul {
	list-style-image:url(../images/bullet.gif);
	padding:0 10px 10px 10px;
	margin-left:10px;
}
#primaryContent li {
	padding-bottom:6px;
}
.quote {
	font: 12px/15px Verdana, Arial, Helvetica, sans-serif;
	color: #582929;
	padding-top: 10px;
}
.quoteBold {
	font: bold 12px/15px Verdana, Arial, Helvetica, sans-serif;
	color: #582929;
	padding-top: 10px;
}
.byline {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #582929;
	font-style: italic;
	margin-bottom: 10px;
}
.byline2 {
	margin: -10px 0 10px 0;
}

#sideContent .quoteBold, #sideContent .byline, #sideContent p {
	margin-left: 10px;
}

.beigePanel {
	padding: 10px 20px 20px 20px;
	background: #eee5e1;
}
.beigePanel p {
	line-height: 16px;
}
.beigePanel h2 {
	font: bold 13px/18px verdana, arial, helvetica, sans-serif;
	color: #582929;
	text-align: center;
	margin-bottom: 8px;	
}

.newsPanel {	
	background: #F5AF59;
	border-bottom: 5px solid #B72316;
}
.newsPanel h2 {
	padding: 4px 0  6px 0;
	font: bold 13px/18px verdana, arial, helvetica, sans-serif;
	color: #fff;
	text-align: center;
	background: #B72316;
}
.newsPanel p {
	font-weight: bold;
	padding: 10px 10px 0 10px;
	line-height: 16px;
}
.newsPanel a:link,  .newsPanel a:visited {
	color: #B72316;
	text-decoration: none;
}
.newsPanel a:hover {color: #FFC;}

.messagePanel {	
	border: 1px solid #C2BCB1;
	padding:50px;
}

.Specialoffer {
	font-weight: bold;
	color: #b1190c;
	text-align: center;
	background:#eee5e1;
	padding:10px 20px;
	margin: 0 0 15px 0;
}
.Specialoffer p { padding: 0; margin: 0 0 5px 0; }

body.links #primaryContent p a:link { /* Links on useful links page */ 
	font-weight: bold;
	text-decoration: underline;
	color: #000;	
}
body.links #primaryContent p a:visited {color: #000; text-decoration: none;}
body.links #primaryContent p a:hover {color: #e40003;}

.brochureLink {
	font: bold 13px/20px Verdana, Arial, Helvetica, sans-serif;
	color: #582929;
	text-decoration: underline;
}
.brochureLink a:link, .brochureLink a:visited  {color: #582929;}
.brochureLink a:hover {color: #e40003;}

#footer a:link, #footer a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #E4D5BA;
	text-decoration: none;
}
#footer a:hover {color: #e40003;}

.brochureButton, .brochureButton:visited {
	display: block;
	width: 225px;
	height: 90px;
	margin-bottom: 20px;
	background: url(../images/brochurebutton.jpg) no-repeat 0 0;
	text-indent: -5000px;
}
.brochureButton:hover { background-position: 0 -89px; }
.buttonRight { float: right; }

/* NB class /brochureButton2 is in gallery.css */

.brochureButton3, .brochureButton3:visited {
	position: absolute;
	top: 120px;
	right: 20px;
	display: block;
	width: 150px;
	height: 82px;
	background: url(../images/brochurebutton2.jpg) no-repeat 0 0;
	text-indent: -5000px;
}
.brochureButton3:hover { background-position: 0 -89px; }

.clear {
	clear: both;
}

.clearRight {
	clear: right;
}

/* Prices
----------------------------------------------------------------------------*/
#pricelist .row1 { background-color: #efe7d8; }
#pricelist .row2 { background-color: #d0cabd; }
#pricelist .row1 td, #pricelist .row2 td { width: 200px; padding: 4px 20px;}
#pricelist th { text-align: left; padding: 20px; background-color: #efe7d8; }

/* Floor plans
----------------------------------------------------------------------------*/
body.floorplans #primaryContent img {
	margin-bottom: 10px;
	padding-left: 60px;
}
body.floorplans #primaryContent p {
	padding: 0 0 10px 60px;
}
body.floorplans #primaryContent a {
	padding-right: 10px;
}
body.floorplans #sideContent img {
	margin: 50px 0 3px 0; padding: 0;
}
body.floorplans #sideContent .caption-fp {
	margin: 0; padding: 0; text-indent: 0; text-align: right; 
}

/* Form
----------------------------------------------------------------------------*/
form {
	width:540px;
	margin-bottom:8px;	
}
fieldset {
	padding:10px;
	border:1px solid #ccc;
	background:#f8f8f8;
}
label {
	float:left;
	text-align:right;
	padding-right:10px;
	width:170px;
}
input {
	width:300px;
	font-size: 12px;
}
textarea {
	width:300px;
	height:60px;
	font-family: Verdana,Helvetica,Arial,sans-serif;
	font-size: 13px; /*Font needs to be larger in textarea!!*/		
}
input.checkbox {
	width:auto;
}
input.submit {
	width:200px;
}
.formButton {
	margin-left:180px;
	width:100px;
}
.errorHeading {
	font: bold 16px/40px Verdana, Arial, Helvetica, sans-serif;
	color: #FF0033;
}
.formIntro { font-size: 13px; color: #582929; }
.privacy { font-size: 10px; font-weight: bold; line-height: 12px; color: #582929;}