/* CSS Document */

/* GOLOBAL SET UP */

* {	
	padding: 			0; 
	margin: 			0; 
	font-family:		Helvetica, sans-serif; 
	font-size:			12px;  
	color:				#333;
}

html {
	overflow:			scroll;
}

body {background-color:	#bdbdff}

h1 {
	font-size:			1.5em;
	color:				#333;
	font-weight:		normal;
}

/* QUICK NAV LIST SET UP */

ul {
	background-color:	#bdbdff;
	list-style:			none;
}

li {
	padding:			0;
}

ul a {
	font-size:			13px;
	text-decoration:	none;
}

p {font-size:			1em;}

img {border:			none;}

.highlighted {
	color:				#FFFFFF;
	font-size:			13px;
}

li a {outline:			none;}

ul a:link {color: 		#222222;}   /* unvisited link */

ul a:visited {color:	#222222;}   /* visited link */

ul a:hover, a:active {color: #ffffff;}   /* mouse over link + selected link */

a:link {color: 			#222222;}   /* unvisited link */

a:visited {color:		#222222;}   /* visited link */

a:hover, a:active {color: #bdbdff;}   /* mouse over link + selected link */


/* main nav */

ul#mainNav {
	background-image:	url(images/quick-title-bg.gif);
	background-repeat:	repeat-x;
	padding:			4px 8px 0 8px;
}

ul#mainNav li { 
	list-style-type:	none;
	padding: 			2px 0;
}

ul#mainNav li a { 
	height:				30px; 
	display:			block; 
	top:				0; 
	text-indent:		-9999px; 
	outline:			none;  
}

li#navHome a, 
li#navAbout a, 
li#navChalets a, 
li#navPrices a, 
li#navAvail a, 
li#navBooking a, 
li#navSking a, 
li#navTravel a, 
li#navLinks a, 
li#navContact a {
	background:		url(images/navBG01.gif) #bdbdff no-repeat;
}

/*  
Measurements for the nav image replacement:

	The distance from the top to the...

	initial state = 0
	rollover state = 117px
	selected state = 234px

	The distance from the top-left down to the...

	home button = 0
	about button = 34px
	chalets button = 68px
	prices button = 102px
	availability button = 136px
	booking button = 170px
	sking button = 204px
	travel button = 238px
	links button = 272px
	contact button = 306px

	The width of...

	all buttons = 117px
*/

/* navHome*/

li#navHome a { 
	background-position:0 0; 
	width:				117px; 
}

li#navHome a:hover	{ 
	background-position:-117px 0;
}

body#pageHome li#navHome a 	{ 
	background-position:-234px 0; 
}

/* navAbout */

li#navAbout a { 
	background-position:0 -34px; 
	width:				117px; 
}

li#navAbout a:hover	{ 
	background-position:-117px -34px; 
}

body#pageAbout li#navAbout a { 
	background-position:-234px -34px; 
}

/* navChalets */

li#navChalets a { 
	background-position:0 -68px; 
	width:				117px; 
}

li#navChalets a:hover { 
	background-position:-117px -68px;  
}

body#pageChalets li#navChalets a { 
	background-position:-234px -68px;  
}

/* navPrices */

li#navPrices a { 
	background-position:0 -102px; 
	width:				117px;
}

li#navPrices a:hover { 
	background-position:-117px -102px;  
}

body#pagePrices li#navPrices a { 
	background-position:-234px -102px; 
}

/* navAvail */

li#navAvail a 	{ 
	background-position:0 -136px; 
	width:				117px; 
}

li#navAvail a:hover	{ 
	background-position:-117px -136px;  
}

body#pageAvail li#navAvail a { 
	background-position:-234px -136px;  
}

/* navBooking */

li#navBooking a 	{ 
	background-position:0 -170px; 
	width:				117px;
}

li#navBooking a:hover	{ 
	background-position:-117px -170px;  
}

body#pageBooking li#navBooking a { 
	background-position:-234px -170px;  
}

/* navSking */

li#navSking a 	{ 
	background-position:0 -204px; 
	width:				117px;
}

li#navSking a:hover	 { 
	background-position:-117px -204px;  
}

body#pageSking li#navSking a 	{ 
	background-position:-234px -204px;  
}

/* navTravel */

li#navTravel a { 
	background-position:0 -238px; 
	width:				117px;
}

li#navTravel a:hover	{ 
	background-position:-117px -238px;  
}

body#pageTravel li#navTravel a 	{ 
	background-position:-234px -238px;  
}

/* navLinks */

li#navLinks a 	{ 
	background-position:0 -272px; 
	width:				117px;  
}

li#navLinks a:hover	{ 
	background-position:-117px -272px; 
}

body#pageLinks li#navLinks a 	{ 
	background-position:-234px -272px;  
}

/* navContacts */

li#navContact a 	{ 
	background-position:0 -306px; 
	width:				117px; 
}

li#navContact a:hover	{
	background-position:-117px -306px; 
}

body#pageContact li#navContact a { 
	background-position:-234px -306px;  
}

/* MAIN BODY ELEMENTS */

#container {
	width:				1002px; 
	background-image:	url(images/bg-drop.gif); 
	background-repeat:	repeat-y;
	background-color:	#FFFFFF; 
	height:				100%;
	margin-top:			-13px;
	margin-left:		auto;
	margin-right:		auto;
	padding-bottom:		15px;
}

#header-container {
	width:				988px;
	height:				111px;
	margin:				13px 0 5px 8px;
	background-color:	#FFFFFF; 
}

#header { 
	width:				960px; 
	height:				110px; 
	background-image:	url(images/long-shadow.gif);
	background-color:	#fff;			
	margin-left:		auto; 
	margin-right:		auto; 
	text-align:			center;
	margin-bottom:		-2px;
}

.panel-top {
	vertical-align:		top;
	padding-bottom:		8px;
}

.panel-bot {
	margin-bottom:		-1px;
}

#left-of-panel {
	margin-left:		23px;
}

#header-image {
	width:				946px;
	height:				85px;
}

#content {
	width:				790px;
	float:				right;
	padding-right:		14px;
}	

#main-content {
	width:				490px;
	float:				left;
	height:				100%;
	margin-top:			6px;
	background-color:	#FFFFFF; 
}

.chalet-holder {
	width:				470px;
	top:				15px;
	margin-bottom:		15px;
}

#chardon {
	padding-right:		36px;
}

.album-left,
.album-right {
    background-image: 	 url(images/album-cover.jpg);
    background-repeat:	 no-repeat;
    bacground-color:  	 #CACACA;
	width:				215px;
	height:             200px;
	float:				left;
	margin-bottom:		10px;
}

.album-left {
	margin-right:		38px;
}

.album-title {
    font-size:          1.7em;
	text-align:			center;
	color:				#333333;
}

.album-thumb {
    display: block;
    margin: 10px 10px 20px 10px;
}

.body-text {
	padding:			15px 10px 15px 10px;
}

.title-bar {
	background-color:	#bdbdff;
	background-image:	url(images/quick-title-bg.gif);
	background-repeat:	repeat-x;
	height:				22px;
	width:				480px;
	margin:				2px 0 0 0;
	padding:			3px 0 1px 10px;
}

/* RIGHT CONTENT PANELS */

/* QUICK LINKS */

#right-content {
	width:				286px;
	float:				right;
	background-color:	#fff;
}

#quick-title {
	width:				240px;
	height:				20px;
	background-image:	url(images/quick-title-bg.gif);
	background-repeat:	repeat-x;
	padding:			3px 0 4px 10px;
}

#quick-nav-outer {
	height:				100%;
	width:				250px;
	background-color:	#bdbdff;
}

#quick-inner {
	width:				265px;
	height:				100%;
	background-image:	url(images/right-bg-panel.gif);
	padding:			8px 0 8px 15px;
	margin-top:			-8px;
}

#quick-nav-2 {
	float:				right;
	width:				110px;
	padding:			5px 10px 0 0;
}

#quick-nav-1 {
	width:				120px;
	background-color:	#bdbdff;
}

#quick-nav-1 ul {
	padding:			5px 0 0 10px;
	width:				110px;
}

.quick-bot-drop {
	margin-bottom:		5px;
}

#quick-li-bot-pad {
	padding-bottom:		5px;
}

/* CONTACT PANEL */


#contact-inner {
	width:				265px;
	height:				77px;
	background-image:	url(images/right-bg-panel.gif);
	padding:			8px 0 0 15px;
	margin-top:			-8px;
}

#contact-title {
	width:				240px;
	height:				25px;
	background-image:	url(images/quick-title-bg.gif);
	background-repeat:	repeat-x;
	padding:			3px 0 4px 10px;
}

.contact-item {
	padding:			2px 0 0 10px;
	font-size:			13px;
	color:				#333333;
}

/* INFO PANEL */


#info-inner {
	width:				265px;
	background-image:	url(images/right-bg-panel.gif);
	padding:			8px 0 0 15px;
	margin-top:			-8px;
}

#info-title {
	width:				240px;
	height:				25px;
	background-image:	url(images/quick-title-bg.gif);
	background-repeat:	repeat-x;
	padding:			3px 0 4px 10px;
}

#info-content {
	width:				250px;
	padding:			0 0 8px 0;
}

/* MAIN NAV PANEL */

#nav-container {
	width:				163px;
	height:				100%;
	margin-left:		22px;
	margin-bottom:		-10px;
}

#nav-outer {
	width:				163px;
	height:				100%;
}

#main-nav {
	width:				163px;
	height:				490px;
	text-align:			center;
	background-image:	url(images/nav-bg-panel.gif);
	background-color:	#ffffff;
}

#nav-inner-div {
	width:				133px;
	margin-left:		auto;
	margin-right:		auto;
	background-color:	#bdbdff;
}

#nav-logo {
	padding-bottom:		5px;
}

/* FOOTER PANEL */

#footer-container {
	width:				988px;
	height:				108px;
	background-color:	#FFFFFF; 
	clear:				both;
	margin:				15px 0 0 8px; 
}

#footer { 
	width:				960px; 
	height:				113px;
	background-image:	url(images/long-shadow.gif);
	background-color:	#fff;			
	margin-left:		auto; 
	margin-right:		auto;
	margin-bottom:		-5px;
	text-align:			center;
}

/* PRICES PAGE */	

#pricesTable {
	width:				250px;
	border-collapse:	collapse;
}

#pricesTable td {
	width:				83px;
}

.tableTitle th {
	background-color:	#999999;
	color:				#FFFFFF;
	text-align:			left;
	padding:			2px 0 2px 10px;	
}

.tableLines {
	background-color:	#DeDeDe;	
}

.booked {
	color:				#999999;
}


/* ABOUT US PAGE */

#champagne {
	margin-left:		15px;
}

#champagne-text {
	margin-left:		25px;
}

.link-center {
	text-align:			center;
}

/* AVAILABILITY PAGE */

.availTable {
	width:				470px;
	border-collapse:	collapse;
	margin-left:		0px;
	margin-right:		auto;
}

.availTable td {
	padding:			1px 0 1px 10px;
}

.available {
	color:				#009900;
}

.partAvailable {
	color:				#b58801;
}

.div-line {
	border-right-color:	#FFFFFF;
	border-right-width:	2px;
}

.indent {
	text-indent: 20px;
}

.bookedGray {
	color:				#999999;
}

/* BOOKING PAGE */

#t-c-icon {
	margin-top:			10px;
	margin-left:		94px;
}

#acrobat-icons {	
	padding-left:		100px;
}

/* SKIING PAGE */

.areas {
	float:				left;
	padding-right:		10px;
}

/* CONTACT US PAGE */

.align-right {
	text-align:			right;
}

#contact-table {
	margin-left:		80px;
}

.pad-right {
	padding-right:		10px;
}

.align-top {
	padding-top:		0px;
}

#contact {
	width:				70px;
}

/* CHALETS PAGE */


.linkDiscription {
	font-weight:		bold;
	color:				#bdbdff;
}

#chardon-main-image {
	margin-left:		80px;
	margin-bottom:		10px;
}


.bedroom-right {
	padding-left:		5px;
	padding-bottom:		5px;
}

.bedroom-left {	
	padding-bottom:		5px;
}

.bedroom-float-right {
	float:				right;
	padding-bottom:		5px;
	padding-left:		10px;
}

/* GALLERY PAGE */

#extras {
	padding-left:		15px;
}

/* LIFT PASSES PAGE */

#lift-pass {
	width:				400px;
	margin:				auto;
	border-collapse:	collapse;
}

#pass-text {
	width:				300px;
}

#pass-img {
	float:				right;
	margin-top:			13px;
}			

/* SKI SCHOOL */

#school-prices {
	margin:				auto;
	border-collapse:	collapse;
}

/* BOOKING FORM */

.align-left {
	text-align:			left;
}

.purple {
	color:				#bdbdff;
}

.line {
	border-bottom:		#999 1px solid;
}

.age-col {
	width:				100px;
}

.special-col {
	width:				210px;
}

#chalet-select {
	width:				146px;
}

#week-select {
	width:				146px;
}

#year-select {
	width:				60px;
}

#day-select {
	width:				40px;
}

#month-select {
	width:				40px;
}

/* CHALET SERVICES */

#dinner-table {
	margin-left:		5px;
}

/* GUEST COMMENTS */

.col1 {
	width:				215px;
	float:				right;
	margin-left:		20px;
}

.col2 {
	width:				220px;
	margin-left:		2px;
}

/* EQUIPMENT HIRE PAGE */

#precision {
	padding-bottom:		10px;
}

#equip-table {
	float:				right;
	margin-top:			-75px;
}

#equip-table table {
	border-collapse:	collapse;
}

.adult-table {
	width:				450px;
	border-collapse:	collapse;
}

.republic-center {
	text-align:			center;
}

.republic-right {
	text-align:			right;
}


/* CHILDRENS PAGE */

.left-margin-img {
	padding-left:		20px;
}

/* TERMS AND CONDITIONS */

.text-indent {
	margin-left:		50px;
}


/* SITE MAP PAGE */



/* COPYRIGHT */

.copyright {
	text-align:			center;
	margin-top:			5px;
}

/* CLEARFIX */
.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
	.clearfix {display:block;}
/* End hide from IE Mac */