/*
	main.css
	Global Stylesheet
	Created: 
	Creator: Matt Kircher
*/

/* Imported Styles
--------------------------------------------------------*/
@import url("reset.css");
@import url("forms.css");
@import url("clearing.css");


/* General
--------------------------------------------------------*/
body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	text-align:center;
	font-size:0.689em;
	color:#F8DE9F;
	background-color:#211007;
	line-height:1.5em;
}

a{ color:#72C5BD; font-weight:bold; text-decoration:none; }
a:hover{ color:#72C5BD; }

h1{ font-size:1.500em; }
h2{ font-size:1.250em; }
h3{ font-size:1.125em; }
h4{ font-size:1.000em; }
h5{ font-size:0.875em; }
h6{ font-size:0.750em; }

hr{ height:1px; border:none; color:#3C1E0C; background-color:#3C1E0C; width:98%; margin:25px 0px; }

table{ border-color:#251307; }
table td, table th{ padding:3px 10px; }
table th{ color:#C0712B; background:url(../images/sub_nav_bg.jpg) repeat-x scroll left top; }
table tbody td{ background-color:#3C1E0C; font-weight:bold; }

/* Classes
--------------------------------------------------------*/	
	
	/*-GRIDS-*/	
	.grid2_offset_left{ clear:both; }
	.grid2_offset_left .col_l{ float:left; width:600px; }
	.grid2_offset_left .col_r{ float:right; width:300px; }
	
	.grid2_offset_right{ clear:both; }
	.grid2_offset_right .col_l{ float:left; width:300px; }
	.grid2_offset_right .col_r{ float:right; width:600px; }
	
	.grid2{ clear:both; }
	.grid2 .col_l{ float:left; width:450px; }
	.grid2 .col_r{ float:right; width:450px; }
	
	.grid3{ clear:both; }
	.grid3 .col{ float:left; width:300px; }
	
		/*- SUB GRIDS-*/
		.padded_grid .col, .padded_grid .col_l, .padded_grid .col_r{ padding-bottom:15px; }
		
		#main-content .grid2_offset_left .col_l{ width:65%; }
		#main-content .grid2_offset_left .col_r{ width:33%; }		
		#main-content .grid2_offset_right .col_l{ width:33%; }
		#main-content .grid2_offset_right .col_r{ width:65%; }		
		#main-content .grid2 .col_l{ width:48%; }
		#main-content .grid2 .col_r{ width:48%; }		
		#main-content .grid3 .col{ float:left; width:32%; margin-right:1%; }
	
	/*misc*/
	.subhead{ font-size:1.25em; }
	
	img[align="left"]{ margin:0px 10px 10px 0px; }
	img[align="right"]{ margin:0px 0px 10px 10px; }
	
	h1.script_header{ font-size:3.00em; }
	h2.script_header{ font-size:2.50em; }
	h3.script_header{ font-size:2.25em; }
	h4.script_header{ font-size:2.00em; }
	h5.script_header{ font-size:1.75em; }
	h6.script_header{ font-size:1.50em; }
	
	.double_list li{ float:left; width:45%; }
	
	.button{ float:left; display:block; overflow:hidden; text-indent:-10000px; background-image:url(../images/content/buttons.png); background-repeat:no-repeat; height:35px; margin:5px 0px 0px; position:relative; left:-3px; }
		.splash a.english_button{ width:125px; background-position:0px -140px; }
		.splash a.french_button{ width:130px; background-position:-125px -140px; }
		
		.english a.learn_more{ width:157px; background-position:0px 0px; }
		.english a.more_info{ width:150px; background-position:0px -35px; }
		.english a.watch_now{ width:127px; background-position:0px -105px; }
		
		.french a.learn_more{ width:157px; background-position:-158px 0px; }
		.french a.more_info{ width:150px; background-position:-158px -35px; }
		.french a.watch_now{ width:127px; background-position:-158px -105px; }
		
		.video_reel{ background-image:url(../images/content/video_reel_button.png); height:82px; width:133px; }

/* Wrap
--------------------------------------------------------*/
#wrap{
	text-align:left;
	margin:auto;
	width:1000px;
	min-height:900px;
	padding:0px 100px 50px;
	background:url(../images/body_bg.jpg) top center no-repeat;
}
.subpage{
	background:url(../images/subpage_body_bg.jpg) top center no-repeat !important;
}

/* Header
--------------------------------------------------------*/
#header{ height:105px; }


/* Logo
--------------------------------------------------------*/
#logo, #logo h1{ display:inline; }
	#logo a{ display:block; float:left; z-index:2; position:relative; left:-25px; overflow:hidden; text-indent:-10000px; background:url(../images/logo.png) top left no-repeat transparent; width:232px; height:168px; margin-bottom:-168px; }


/* Navigation
--------------------------------------------------------*/
	
	
	/* functional-nav */
	#functional-nav{ float:right; }
		#functional-nav ul{}
			#functional-nav li{ float:left; margin-right:10px; padding-right:10px; border-right:1px solid #A86938; }
			#functional-nav li.end_nav{ margin-right:0px; padding-right:0px; border:none; }
				#functional-nav li a{ color:#FBECCA; font-size:0.909em; }
				#functional-nav li a:hover, #functional-nav li.selected a{ color:#FFF; }
	
	
	/* main-nav */
	#main-nav{ float:left; position:relative; left:230px; top:80px; }
		#main-nav ul{}
			#main-nav li{ float:left; margin-right:10px; padding-right:10px; border-right:1px solid #A86938; }
			#main-nav li.end_nav{ margin-right:0px; padding-right:0px; border:none; }
				#main-nav li a{ display:block; position:relative; overflow:hidden; text-indent:-10000px; background-image:url(../images/main_nav.png); background-repeat:no-repeat; height:14px; }
				* html #main-nav a{ background-image:url(../images/main_nav.gif); }
				#main-nav li a:hover, #main-nav li.selected a{}
				
				.english #main-nav li#mn1 a{ width:66px; background-position:-50px 0px; }
				.english #main-nav li#mn2 a{ width:50px; background-position:0px 0px; }
				.english #main-nav li#mn3 a{ width:33px; background-position:-116px 0px; }
				.english #main-nav li#mn4 a{ width:31px; background-position:-149px 0px; }
				.english #main-nav li#mn5 a{ width:76px; background-position:-180px 0px; }
				
				.english #main-nav li#mn1 a:hover{ background-position:-50px -14px; }
				.english #main-nav li#mn2 a:hover{ background-position:0px -14px; }
				.english #main-nav li#mn3 a:hover{ background-position:-116px -14px; }
				.english #main-nav li#mn4 a:hover{ background-position:-149px -14px; }
				.english #main-nav li#mn5 a:hover{ background-position:-180px -14px; }
				
				.english #main-nav li.selected#mn1 a{ background-position:-50px -28px; }
				.english #main-nav li.selected#mn2 a{ background-position:0px -28px; }
				.english #main-nav li.selected#mn3 a{ background-position:-116px -28px; }
				.english #main-nav li.selected#mn4 a{ background-position:-149px -28px; }
				.english #main-nav li.selected#mn5 a{ background-position:-180px -28px; }
				
				/*--*/
				.french #main-nav{ top:77px; }
				.french #main-nav li a{ height:20px; }
				
				.french #main-nav li#mn1 a{ width:61px; background-position:0px -42px; }
				.french #main-nav li#mn2 a{ width:56px; background-position:-61px -42px; }
				.french #main-nav li#mn3 a{ width:62px; background-position:-117px -42px; }
				.french #main-nav li#mn4 a{ width:51px; background-position:-179px -42px; }
				.french #main-nav li#mn5 a{ width:86px; background-position:-230px -42px; }
				
				.french #main-nav li#mn1 a:hover{ background-position:0px -62px; }
				.french #main-nav li#mn2 a:hover{ background-position:-61px -62px; }
				.french #main-nav li#mn3 a:hover{ background-position:-117px -62px; }
				.french #main-nav li#mn4 a:hover{ background-position:-179px -62px; }
				.french #main-nav li#mn5 a:hover{ background-position:-230px -62px; }
				
				.french #main-nav li.selected#mn1 a{ background-position:0px -82px; }
				.french #main-nav li.selected#mn2 a{ background-position:-61px -82px; }
				.french #main-nav li.selected#mn3 a{ background-position:-117px -82px; }
				.french #main-nav li.selected#mn4 a{ background-position:-179px -82px; }
				.french #main-nav li.selected#mn5 a{ background-position:-230px -82px; }
	
	/* media-nav */
	#media-nav{ float:right; clear:right; position:relative; top:60px; }
		#media-nav ul{}
			#media-nav li{ float:left; margin-right:10px; }
			#media-nav li.end_nav{}
			#media-nav li.icon{ display:inline; }
				#media-nav li a{}
				#media-nav li.icon a{ display:block; float:left; position:relative; overflow:hidden; text-indent:-10000px; background-image:url(../images/icon_set.png); background-repeat:no-repeat; height:27px; }
					#media-nav li.contact a	{ font-size:1.25em; color:#F0AC33; position:relative; display:block; float:left; top:5px; }
					#media-nav li.gallery a 	{ width:33px; background-position:0px 0px; }
					#media-nav li.video a	{ width:28px; background-position:-33px 0px; }
					#media-nav li.brochure a	{ width:29px; background-position:-61px 0px; }
					#media-nav li.map a	 	{ width:34px; background-position:-90px 0px; }
				#media-nav li a:hover, #media-nav li.selected a{}


	/* sub-nav */
	#sub-nav{ margin-left:25px; position:relative; top:177px; z-index:3; }
		#sub-nav ul{ float:left; }
			#sub-nav li{ float:left; margin-left:1px; padding:3px 15px; background:url(../images/sub_nav_bg.jpg) top left repeat-x #211007; }
			#sub-nav li.end_nav{}
				#sub-nav li a{ font-size:1.272em; color:#FBECCA; }
				#sub-nav li a:hover{ color:#FFF; }
				#sub-nav li.selected a{ color:#F0AC33; }
				
		/*IE8*/ #sub-nav{ top /*\**/: 180px\9 }


/* Masthead
--------------------------------------------------------*/
#masthead{}

	
/* Content
--------------------------------------------------------*/
#content{}

.splash{ background:url(../images/splash_bg.jpg) top center no-repeat !important; }
	.splash #header{ height:310px; }
	.splash #logo a{ display:block; float:left; z-index:2; position:relative; left:380px; top:225px; overflow:hidden; text-indent:-10000px; background:url(../images/splash_logo.png) top left no-repeat transparent; width:230px; height:154px; }
	.splash #navigation, .splash #footer-nav{ display:none !important; }
	.splash #footer{ background:none !important; }
	
		.splash #language_select{ margin:60px 0px 0px 365px; }
		.splash #language_select li{ float:left; }
		
		.splash .grid2{ margin:20px 0px; }
			.splash .col_l{ text-align:right; width:470px; }
			.splash .col_r{ width:495px; }
				.splash h2{ font-size:2em; margin-bottom:15px; }
				.splash p{ color:#C0712B; line-height:1.75em; font-size:0.909em; }
		
		.splash #copyright{ text-align:center !important; }

.subpage #content{}
.subpage #content{ padding:205px 5px 5px; }
	.outside #content{ background:url(../images/content/mastheads/subpage_vmb_mountainline_condo.jpg) top left no-repeat #562B12; }
		.amenities #content{ background:url(../images/content/mastheads/subpage_vmb_beach.jpg) top left no-repeat #562B12; }
		.region #content{ background:url(../images/content/mastheads/subpage_vmb_mountainline2.jpg) top left no-repeat #562B12; }
	.inside #content{ background:url(../images/content/mastheads/subpage_vmb_wooded_condo_snow.jpg) top left no-repeat #562B12; }
		.prestige #content{ background:url(../images/content/mastheads/subpage_vmb_condo_prestige.jpg) top left no-repeat #562B12; }
		.deluxe #content{ background:url(../images/content/mastheads/subpage_vmb_condo_deluxe.jpg) top left no-repeat #562B12; }
	.own #content{ background:url(../images/content/mastheads/subpage_vmb_skiin_skiout.jpg) top left no-repeat #562B12; }
	.rent #content{ background:url(../images/content/mastheads/subpage_vmb_wooded_condo.jpg) top left no-repeat #562B12; }
		.winter_rental #content{ background:url(../images/content/mastheads/subpage_vmb_snowshoers.jpg) top left no-repeat #562B12; }
		.summer_rental #content{ background:url(../images/content/mastheads/subpage_vmb_beach_jumpers.jpg) top left no-repeat #562B12; }
	.contact #content{ background:url(../images/content/mastheads/subpage_vmb_mountain_skiiers_closeup.jpg) top left no-repeat #562B12; }
	.site #content{ background:url(../images/content/mastheads/subpage_vmb_skiin_skiout.jpg) top left no-repeat #562B12; }
	.gallery #content{ background:url(../images/content/mastheads/subpage_vmb_wooded_condo.jpg) top left no-repeat #562B12; }
	
.subpage #content p, .subpage #content li, .subpage #content blockquote,
.subpage #content h1, .subpage #content h2, .subpage #content h3, 
.subpage #content h4, .subpage #content h5, .subpage #content h6, .subpage #content table{ margin-bottom:8px !important; }
.subpage #content ul li{ padding-left:15px; background:url(../images/content/bullet_arrow.png) 0px 4px no-repeat; }
.subpage #content ol{ padding-left:20px; list-style:decimal; }

	/* main-content */
	#main-content{}
	#main-content .script_header{ color:#FFF !important; }
	
	.subpage #main-content{ border:1px solid #3C1E0C; padding:15px 25px; min-height:400px; background-color:#693713; }
	.subpage #main-content h3, .subpage #main-content h4, 
	.subpage #main-content h5, .subpage #main-content h6{ color:#EFAD33; }
	
		/* home */
		#home-panorama{ background-color:#562B12; padding-bottom:5px; }
			#home-panorama-container{ height:305px; border-bottom:1px solid #3C1E0C; }
				#home-panorama-container p{ float:right; position:relative; top:25px; right:0px; margin-bottom:-1000px; text-align:right; padding:5px 25px 5px 5px; color:#FBECCA; background-color:#211007; }
			
			#home-panorama-content{ background-color:#693713; margin:5px 5px 0px 5px; border:1px solid #3C1E0C; padding:15px 10px; }
				#home-panorama-content .script_header{ font-size:3.818em; color:#FFF; height:55px; position:relative; top:-50px; margin-bottom:-50px; }
				#home-panorama-content .subhead{ color:#EFAD33; margin-bottom:5px; }
				#home-panorama-content .col_l p{ line-height:1.75em; }
				
				#home-panorama-content #video-area-wrap{ background-color:#3C1E0C; padding:10px; }
				#home-panorama-content #video-area-wrap h3{ font-size:1.636em; position:relative; top:0px; left:135px; margin-bottom:-20px; }
				#home-panorama-content #video-area-wrap .video{ float:left; }
				#home-panorama-content #video-area-wrap .watch_now{ margin-top:25px; }
				#home-panorama-content #video-area-wrap .note{ color:#562B12; float:left; font-size:0.818em; left:135px; position:relative; top:-20px;}
				/*#home-panorama-content .col_r ul{ float:right; padding:10px 20px 0px 0px; }
				#home-panorama-content .col_r ul li{ padding-left:10px; background:url(../images/content/bullet_arrow.png) 0px 4px no-repeat; margin-bottom:5px; }*/
				
			#panorama-thumbnails{ float:right; position:relative; top:-60px; margin-bottom:-1000px; }
				#panorama-thumbnails .thumbnail{ display:inline; }
				#panorama-thumbnails .thumbnail a{ display:block; width:80px; height:45px; border:3px solid #72C5BD; overflow:hidden; float:left; margin-right:10px; }
				#panorama-thumbnails .thumbnail a:hover, #panorama-thumbnails .thumbnail a.selected{ border-color:#EFAD33 }
		
		#home-buckets{ padding:15px 0px 15px 15px; }
		#home-buckets .col{ padding-right:25px; }
			#home-buckets h4{ font-size:1.5em; margin-bottom:5px; }
			#home-buckets img{ margin:5px 0px; }
			#home-buckets p{ color:#C0712B; font-size:0.909em; line-height:1.75em; text-indent:20px; background:url(../images/content/paragraph_accent.gif) top left no-repeat; padding-top:5px; }
		
		/* photo accents */
		#photo-accents{ position:relative; top:-50px; }
		#photo-accents img{ position:relative; margin-bottom:-180px; }
			#photo-accents img.accent1{ z-index:10; left:-25px; }
			#photo-accents img.accent2{ z-index:11; left:150px; top:-150px }
			#photo-accents img.accent3{ z-index:12; left:100px; top:-50px; margin-bottom:-140px; }
		
		/* outside */
		.outside #vmb_map_button_large{ display:inline; }
		.outside #vmb_map_button_large a{ display:block; position:relative; float:right; top:-20px; margin-bottom:-20px; height:250px; width:280px; background:url(../images/content/vmb_map_button_large_EN.png) top left no-repeat transparent; text-indent:-10000px; overflow:hidden; }
		.outside #vmb_map_button_large .vmb_map_surrounding{ display:none; }
		.french #vmb_map_button_large a{ background:url(../images/content/vmb_map_button_large_FR.png) top left no-repeat transparent; }
		
		/* own */
		
		/* contact */
		#contact-info{}
			#contact-info .name{ display:block; font:1.818em Arial, Helvetica, sans-serif; font-weight:bold; color:#EFAD33; margin-bottom:10px; }
			#contact-info .adr{ margin-bottom:5px; }
			#contact-info .street-address, #contact-info .locality, #contact-info .tel{ display:block; }
			#contact-info .tel{ margin-bottom:5px; font-size:1.090em; font-weight:bold; }
			
			#directions-map{ padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid #3C1E0C; }
		
		/* site-map */	
		#site-map{}
		#site-map ul{}
		
		/* gallery */
		#gallery-container{}
			#gallery-display{ min-height:550px; width:900px; overflow:hidden; background:url(../images/content/gallery_bg.jpg) top center no-repeat; }
				#gallery-display ul{ position:relative; }
				.subpage #content #gallery-display li{ float:left; margin-right:0px; margin-bottom:0px; width:900px; text-align:center; padding:0px; background:none; }
				#gallery-display li .image_wrapper{ width:500px; margin:auto; padding-bottom:20px; }
				#gallery-display li .image_wrapper span.title{ display:block; float:left; position:relative; padding:3px 15px; color:#FBECCA; margin-bottom:-50px; z-index:5; text-align:center; width:93%; }
				#gallery-display li img{ float:left; position:relative; z-index:2; margin:auto; margin-bottom:-500px;  }
				#gallery-display li img.photo{}
				#gallery-display li img.overlay{ z-index:3; }
				#gallery-display li img.underlay{ z-index:1; }
			
			#gallery-images{ min-height:75px; width:900px; overflow:hidden; border:10px solid #211007; background-color:#211007; }
				#gallery-images ul{ position:relative; }
				.subpage #content #gallery-images li{ float:left; height:75px; width:75px; margin-right:3px; margin-bottom:3px !important; padding:0px !important; background:none; line-height:0.689em; }
				#gallery-images li a{ display:block; width:75px; height:75px; overflow:hidden; }
				#gallery-images li a:hover{ border:3px solid #C0712B; width:69px; height:69px; }
				#gallery-images li a.selected{ border:3px solid #72C5BD; width:69px; height:69px; }
				#gallery-images li a img{ position:relative; top:-3px; left:-3px; }
				#gallery-images li a:hover img{ position:relative; top:-3px; left:-3px; }


	/* Sub-content */
	#sub-content{ padding:15px 25px; }
		.subpage #sub-content div{ display:none; }
		.subpage #sub-content p, .subpage #sub-content li{ color:#C0712B; font-size:0.909em; line-height:1.75em; }

		
/* Footer
--------------------------------------------------------*/
#footer{ padding:30px; background:url(../images/footer_bg.jpg) top center no-repeat #211007; }
	
	/* sub-nav */
	#footer-nav{ margin-bottom:10px; }
		#footer-nav ul{}
			#footer-nav li{ float:left; margin-right:5px; padding-right:5px; border-right:1px solid #413225; }
			#footer-nav li.end_nav{ padding-right:0px; margin-right:0px; border:none; }
				#footer-nav li a{ font-size:0.818em; font-family:Verdana, Geneva, sans-serif; font-weight:normal; }
				#footer-nav li a:hover, #sub-nav li.selected a{}
			
			#footer-nav .main{ float:left; }
			
			#footer-nav .functional{ float:right; }
			#footer-nav .functional a{ color:#FBECCA; }

	/* copyright */
	#copyright{ color:#C0712B; font-size:0.818em; }
	
	/* designed by */
	#designed-by{}