html, body{ margin:0; padding:0; background:url(images/header.jpg) no-repeat 0 0; font-family:Trebuchet MS ,Arial, Helvetica, sans-serif; font-size:80%} 
#pagewidth{ max-width:100%; min-width:100%; }
.clearfix:after {content: ".";display: block; height: 0; clear: both; visibility: hidden;}
.clearfix{display: inline-block;}
#maincol{float: left; display:inline; position: relative; width:100%;}
/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */ 

/* HEADER */ 
#header{height:175px}
#logo{float:left; width:185px; height:110px; text-indent:-6000px; margin:10px 0 24px 20px; padding:0;}
#logo a{height:110px; width:100%; display:block; overflow:hidden;}
#header_contact{width:250px; float:left; text-align:right; margin:92px 0 0 250px}
html>body #header_contact{margin-left:290px}
#header_tel{font-size:2.1em; font-weight:bold; color:#001E8C}
#header_email a{font-size:1.5em; font-weight:bold; color:#001E8C; text-decoration:none}
#header_email a:hover{color:#F6AE1C;}

/* NAV */ 
ul#nav{clear:both; margin:0; padding:0; list-style:none; width:760px;}
ul#nav li{float:left; height:26px; border-left:1px solid #8E8C8C; border-right:1px solid #0E0E0E; padding-top:5px}
ul#nav li a{font-size:1.4em; color:#FFF; text-decoration:none; margin:0 10px; }
ul#nav li a:hover{color:#FFD600}
ul#nav li.no_border_left{border-left:none;}
ul#nav li.no_border_right{border-right:none;}

/* SUBNAV */ 
ul#sub{margin:0; padding:0; width:131px; float:right; margin-right:3px}
ul#sub li{ border-bottom:1px solid #8E8C8C; list-style:none; height:24px}
ul#sub li a{color:#171717; text-decoration:none; font-size:1.2em; color:#171717; display:block; width:131px; padding-top:4px }
ul#sub li a span{padding-right:5px;}
ul#sub li a:hover{background-image:url(images/subnav_on.gif); color:#9D0B20; height:20px}

body#chalet ul#sub li a.chalet,
body#location ul#sub li a.location,
body#rooms ul#sub li a.rooms,
body#sleeping ul#sub li a.sleeping,
body#facilites ul#sub li a.facilities,
body#catered ul#sub li a.catered,
body#self ul#sub li a.self,
body#chalet_gallery ul#sub li a.chalet_gallery,
body#guest ul#sub li a.guest,
body#families ul#sub li a.families,
body#visitors_gallery ul#sub li a.visitors_gallery,
body#resort ul#sub li a.resort,
body#weather ul#sub li a.weather,
body#stats ul#sub li a.stats,
body#sports ul#sub li a.sports,
body#lift ul#sub li a.lift,
body#ski ul#sub li a.ski,
body#tuition ul#sub li a.tuition,
body#activities ul#sub li a.activities,
body#events ul#sub li a.events,
body#apres ul#sub li a.apres,
body#nightlife ul#sub li a.nightlife,
body#summer ul#sub li a.summer,
body#tariff ul#sub li a.tariff,
body#tariff_self ul#sub li a.tariff_self,
body#get ul#sub li a.get {background-image:url(images/subnav_on.gif); color:#9D0B20; height:20px; }



/* BREAD */
#bread{width:760px; font-size:1.2em; color:#171717; margin:8px}
#bread a{color:#171717; text-decoration:underline}
#bread a:hover{color:#9D0B20; text-decoration:underline}

/* INDEX INTRO */
#bg_index{height:211px; width:100%; background-image:url(images/bg_index.jpg)}
#intro_text_container{float:left; width:490px;}
#intro_text{margin:12px;}
#intro_text span.welcome{font-size:2.0em; color:#1C549D; font-weight:bold}
#intro_text h1{font-size:1.8em; color:#1C549D; margin-top:0}
#intro_text h2{font-size:1.8em; color:#1C549D; margin-top:-16px}
#intro_text p{font-size:1.3em; color:#171717; margin-top:-8px;}
#intro_image{width:274px; height:201px; float:left;}

/* INDEX LEFT COL */
#index_left_col{width:582px; float:left; margin-bottom:50px; height:auto !important; height:500px; min-height:500px;}
#index_left_col p{font-size:1.3em; color:#171717; margin:12px 12px}

.box_index_catered, .box_index_apart{width:224px; background:url(images/module_index_mid.gif) repeat-y; float:left; margin:10px 0 0 40px; display:inline }
.box_index_catered .top, .box_index_apart .top{ padding:0; margin:0; height:134px  }
.box_index_catered .top a, .box_index_apart a{width:224px; height:134px; display:block; overflow:hidden; text-indent:-6000px}
.box_index_catered .top{background:url(images/module_index_top_catered_chalet.jpg) no-repeat left top;}
.box_index_apart .top{background:url(images/module_index_top_self.jpg) no-repeat left top;}
.box_index_catered .bottom, .box_index_apart .bottom{background:url(images/module_index_bottom.gif) no-repeat left bottom;  padding:0; margin:0;  }
.box_index_catered p, .box_index_apart p {padding:0 10px; margin:0 0 3px 0 }

/* RIGHT COL */
#right_col{width:178px; float:left}
#right_col img{margin-bottom:7px}

/* LEFT COL */
#left_col{width:141px; float:left; text-align:right}
#left_col_test{width:141px; float:left;}

/* MIDDLE COL */
#middle_col{width:441px; float:left; height:auto !important; height:500px; min-height:500px;}

/* INDEX 3 COLOUR MODULES */
#index_title{font-size:2.1em; color:#1C549D; border-bottom:2px solid #DDD; width:550px; margin:0 auto 6px 15px; padding-bottom:3px}
.index_module_heading h2{width:218px; height:116px; font-size:1.2em; margin:0 0 20px 5px}
.index_module_heading h2 a{height:125px; display:block; text-indent:-6000px; overflow:hidden}
#index_yellow p, #index_green p{margin:32px 11px 0 11px; font-size:1.2em; color:#171717; line-height:1.3em}
#index_yellow{width:223px; height:400px; background:url(images/module_index_yellow.gif) no-repeat; float:left; position:relative; margin:0 50px 0 20px}
#index_green{width:223px; height:400px; background:url(images/module_index_green.gif) no-repeat; float:left; position:relative}
ul.index_points{padding:0; margin:10px 0 0 9px;}
ul.index_points li{padding:0 10px 0 14px; margin:0; list-style:none; background:url(images/arrow_index.gif) no-repeat 0 3px; font-size:1.2em; color:#171717}
.more_yellow, .more_green{width:164px; height:30px; margin:0 auto }
.more_yellow{background-image:url(images/button_more_yellow.gif)}
.more_green{background-image:url(images/button_more_green.gif)}
.more_yellow a, .more_green a{width:164px; height:30px; display:block; text-indent:-6000px; overflow:hidden}

/* SECONDARY PAGES */
#title h1, #title_price h1{font-size:2.1em; color:#1C549D; border-bottom:2px solid #DDD; width:430px; margin:0 auto 6px auto; padding-bottom:3px}
#title_price h1{width:530px;}
.subtitle h2{font-size:1.4em; font-weight:600; color:#1C549D;  width:424px; margin:-5px auto -5px auto; padding:5px}
.text{width:424px; margin:0 auto 6px auto; padding:5px; font-size:1.3em; color:#171717}
.text_long{width:560px; margin:0 0 0 10px; padding:5px; font-size:1.3em; color:#171717}
.text img{margin:3px; border:1px solid #D2D2D2}

/* LIST */
table.list tr td img{padding:3px; border:1px solid #D2D2D2}
table.list tr td.title{ font-weight:bold; color:#171717;}
table td.list_text{ color:#171717;}
table.list{margin-bottom:30px; color:#171717}
table.list tr td{margin-bottom:30px; color:#171717}
table.list tr td.list_text{font-size:1.0em}

table.room{text-align:center;}
table.room tr td a img{padding:3px; border:1px solid #D2D2D2}
table.room tr td span.text{font-size:0.6em;}
span.room{font-size:0.8em;}

table tbody tr td img{padding:3px; border:1px solid #D2D2D2}

div#index_green p, div#index_yellow p{font-size:1.3em}{font-size:1.3em}

#price_text{width:530px; margin:0 auto 6px auto; font-size:1.3em}
#download{width:170px; height:127px; background-image:url(images/downloads_bg.gif)}
#download img{margin-left:20px}
ul#forms{margin:0px 0 0 9px; padding:0; width:150px; }
html>body ul#forms{margin:0px 0 0 9px;}
ul#forms li{margin:3px 0; height:28px; padding:0; background:url(images/pdf.gif) no-repeat 0 3px; list-style:none}
ul#forms li a{font-size:1.2em; color:#1C549D; text-decoration:underline; padding-left:22px; line-height:28px}
ul#forms li a:hover{color:#F00;}

.module-download{width:170px;  float:left; margin:15px 0; background:url(images/module-download-mid.jpg)}
.module-download .top{ padding:3px 0 0 10px; margin:0; height:33px; background:url(images/module-download-top.jpg) no-repeat left top}
.module-download .bottom{padding:0; margin:0; height:18px; font-size:0; background:url(images/module-download-low.gif) no-repeat left top;}


/* TESTIMONIALS */
.test_box{width:125px; background-color:#E3EBF6; border:1px solid #A1B9D7; margin:20px 3px 20px 0px; float:right}
.test_text{margin:3px; color:#1C549D; font-size:1.2em; font-style:italic}
span.bold{font-style:normal; font-weight:bold}

/* FAQ*/
.faq{font-weight:bold; font-size:0.9em}
.faq a{color:#0000FF}
.faq a:hover{color:#FF0033}


/* WEATHER*/
.weather_container{width:340px; margin:0 0 0 50px}

/* FOOTER */
#footer{height:59px; width:100%; background:url(images/bg_footer.gif) repeat-x 0 0; clear:both;} 
#footer_text{padding:28px 0 0 90px; font-size:1.3em; color:#FFF}
#footer_text a{color:#FFF; text-decoration:none}
#footer_text a:hover{text-decoration:underline}

table.tariff{text-align:center; margin-top:20px}
table.tariff tr{height:28px; border-bottom:1px solid #456; font-size:1.0em}
table.tariff tr.header{font-weight:bold; background-color:#A0CAF0; color:#1C549D; font-size:1.2em}
table.tariff tr.odd{background-color:#EAF4FD}
.title_tariff{font-size:1.8em; margin:0 0 8px 15px}


span.req{color:#F00; font-size:12px; font-weight: bold;}
sup{font-weight:bold; margin-left:3px}


form#contact{width:500px; margin:40px 0 0 10px; border:6px solid #A0CAF0; padding:1px}
form#contact input, form#contact select, form#contact textarea{font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; font-size:1.0em; color:#434343; border-top:2px solid #77B8F3; border-left:2px solid #77B8F3; border-right:1px solid #BCDCF9; border-bottom:1px solid #BCDCF9; padding:2px; }
form#contact p{width:100%; padding:3px 0px; margin:0; background-color:#EAF4FD; float:left; margin-bottom:1px}
form#contact p label{float:left; display:inline; text-align:right; padding-right:4px; font-weight:bold; padding-top:2px}
form#contact fieldset{width:100%; border:none; margin:0; padding:0;}
form#contact legend{display:none}
form#contact label{width:180px;}
form#contact .button_submit_form{background-color:#EAF4FD; float:left; width:100%; padding:3px 0}
form#contact .button_submit_form input.submit{border:1px solid #456; margin-left:180px}
form#contact .button_submit_form input.submit_quote{border:1px solid #456; margin-left:180px}
form#contact input.radio{border:none}

img.pdf{border:none}