/*********************************

	 Replay Full Site CSS Guide

	 Project: Relavant Design - RP New Site

	 Version: 1.0	 

 *********************************/

/*************************

	BASE

*************************/
	
	*{ padding:0px; margin:0px; outline:none;}
	BODY, TD, TH, INPUT, SELECT, TEXTAREA, DIV, P {

	font-family:Geneva, Arial, Helvetica, sans-serif;

	line-height:25px;

	font-size: 10px;

	color: #fff; }
	
	body { border: 0; padding: 0; margin: 0; text-align:center;  background:url(../img/site_bg.gif) repeat; }
	.hide{ display:none;}
	
	#wrapper { position:relative; width:994px; height:690px;margin:0 auto; margin-top:0px; border:solid 0px; text-align:left;}
	#pngBG{ background:url(../img/site_bg_gradient.png);width:994px; height:690px;behavior: url(iepngfix.htc);}
	#sound{ position:absolute; top:0px; left:0px; width:200px; height:50px; border:solid 0px;}
	#logo{
	position:absolute;
	top:74px;
	left:124px;
	width:360px;
	height:40px;
	background:url(../img/logo.png) no-repeat;
	behavior: url(iepngfix.htc);
}
	
	#logo span{position: absolute; left: -9999px; font-size: small; }
	
	#bodyContainer{ width:900px; height:500px;position:absolute; z-index:6; top:116px; left:-12px; }
	
	#mainNav{ width:125px; float:left; padding-left:7px;}
	#mainNav ul{ list-style:none; margin-top:8px;}
	#mainNav ul li{ display:block; width:125px; height:100%; margin-bottom:13px; text-align:right; font-size:10px; word-spacing:2px;}
	#mainNav ul li a:link, #mainNav ul li a:visited { color:#FFFFFF; text-decoration:none; margin-right:10px; }
	#mainNav ul li.set{ background:url(../img/nav_line.gif) no-repeat; background-position:20px 17px;}	
	#mainNav ul li.set a:link,#mainNav ul li.set a:visited{ color:#00a0af;}
	#mainNav ul ul{ margin:0px;}

	
	#content{  width:765px; height:477px; float:left; overflow:hidden; position:relative;}
	
	/* Content Background */
	
	.bgHome{  background:url(../img/site_bg.gif) repeat; /* background:url(../img/bg_home.jpg) no-repeat */}
	.bgCompany{ background:url(../img/bg_company.jpg) no-repeat}
	.bgFounders{ background:url(../img/bg_founders.jpg) no-repeat }
	.bgName{ background:url(../img/bg_ourname.jpg) no-repeat }
	.bgCornerstones{ background:url(../img/bg_cornerstones.jpg) no-repeat}
	.bgSnapshots{ background:url(../img/gallery_lv.jpg)  no-repeat}
	.bgtheResort{ background:url(../img/bg_bay_resort.jpg)  no-repeat}
	.bgVillages{ background:url(../img/bg_bay_villages.jpg)  no-repeat}
	.bgBaylife{ background:url(../img/bg_bay_life.jpg)  no-repeat}
	.bgContact{ background:url(../img/bg_contact.jpg)  no-repeat}

	/* Home Content */
	.tagHome{ width:189px; height:263px; margin-top:182px; margin-left:539px; display:none; background:url(../img/tag_home.jpg)}
	.homeFlash{position:absolute; top:0px; left:0px; width:765px; height:477px;}
	/* Company Content*/
	#infoBoxCompany{ width:234px; height:388px; background:url(../img/content_company_bg.gif); margin-top:550px; margin-left:40px;}
	#infoBoxCompany p { width:185px; margin-left:33px; padding-top:71px; display:none; }
	.contentTxt{color:#444444; line-height:16px; font-size:11px; font-weight:normal; }
	.contentTxt2{color:#444444; line-height:16px; font-size:11px; font-weight:normal; background:#FFF;}
	
	.companyFlash{position:absolute; right:-15px; top:-4px; width:450px; height:450px;}
	/* Founders Content */
	.founderTitle{position:absolute; top:0px;  width:255px; height:20px; z-index:10;  }
	.founderTitle h2{font-weight:bold; line-height:20px; font-size:11px; padding-left:30px; cursor:pointer}
	#coyle{left:0px;background:#155d6c;}
	#miller{left:255px;background:#8a8c8f;}
	#houssian{left:510px;background:#a5d300;}
	
	
	.founderContent{position:absolute;top:-430px;width:255px; height:430px; background:url(../img/content_founders_bg.gif) no-repeat;}
	.founderContent p{width:185px; margin-left:33px; padding-top:40px;}
	.founderContent a{ position:absolute; bottom:0px; right:33px}
	.founderContent a:link, .founderContent a:visited, .founderContent a:active { color:#666; text-decoration:none;}
	.founderContent a:hover{ color:#00a0af; text-decoration:none;}
	#cContent{left:0px;}
	#mContent{left:255px;}
	#hContent{left:510px;}
	
	/* Our Name Content*/
	#infoBoxName{ width:234px; height:287px; background:url(../img/content_name_bg.gif); position:relative; top:-287px; left:510px; }
	#infoBoxName p { width:185px; margin-left:33px; padding-top:71px; display:none;}
	.nameFlash{position:absolute; left:0px; top:55px; width:515px; height:360px;}
	/* Cornerstones Content */
	#contentBG{display:none;width:100%; height:100%;}

	.nameHeader{ display:block; height:155px; cursor:pointer; position:absolute; left:745px;}
	.nameHeader p{ height:37px; margin-left:42px; padding-top:37px;color:#444444; line-height:18px; font-size:11px; cursor:text;}
	.nameHeader h2{ display:none; }
	.cornerIntro{ position:absolute; top:25px; left:30px; font-size:12px; font-weight:bold; width:300px; line-height:16px;}
	#village{  width:623px; background:url(../img/content_village_bg.gif) no-repeat; top:0px;}
	#village p{ width:568px; line-height:15px;}
	#experience{  width:555px; background:url(../img/content_experience_bg.gif) no-repeat;top:310px;}
	#experience p{ width:500px; line-height:15px; }
	#partner{  width:400px; background:url(../img/content_partner_bg.gif) no-repeat;top:155px;}
	#partner p{ width:340px; line-height:15px;}
	
	.cornerContent{ width:603px; height:155px; background:url(../img/content_village_bg.gif) no-repeat;}
	
	#infoBoxStone{ width:234px; height:372px; background:url(../img/content_cornerstones_bg.gif); position:relative; top:-372px; left:50px; }
	#infoBoxStone p { width:185px; margin-left:33px; padding-top:65px; display:none; font-size:1.1em; line-height:1.3em;}
	/* Snapshots Content */
	.overlay{
	width:57px;
	height:55px;
	background:#000000;
	position:absolute;
	filter:alpha(opacity=50);
	-moz-opacity:.50;
	opacity:.50;
	cursor:pointer;
	}
	
	#img1{
	width:54px;
	height:51px;
	background:transparent;
	border:solid 3px #00a0af;
	filter:alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
cursor:pointer;
	}
	#controls{width:255px; height:477px; background:url(../img/gallery_sideBG.jpg); position:absolute; right:0px;top:0px; z-index:10}
	#controls p{width:200px; position:absolute; top:260px; left:40px; z-index:20;}
	.img1{ top:22px; left:38px;}
	.img2{ top:22px; left:107px;}
	.img3{ top:22px; left:175px;}
	.img4{ top:88px; left:38px;}
	.img5{ top:88px; left:107px;}
	.galleryImg{width:509px; height:478px; overflow:hidden;}
	.ImgPosition{position:absolute; top:0px; left:0px; z-index:1}
	
	.g_lv_name{ width:277px; height:85px; position:absolute; top:20px; left:488px; background:url(../img/gallery_lv_name.gif) no-repeat; z-index:2;}
	.g_wl_name{ width:334px; height:95px; position:absolute; top:25px; left:-315px; background:url(../img/gallery_wl_name.gif) no-repeat; z-index:2;}
	.g_sd_name{ width:275px; height:85px; position:absolute; top:320px; left:488px; background:url(../img/gallery_sd_name.gif) no-repeat; z-index:2;}
	.g_1950_name{ width:222px; height:85px; position:absolute; top:350px; left:-202px; background:url(../img/gallery_1950_name.gif) no-repeat; z-index:2;}
	.g_tb_name{ width:278px; height:85px; position:absolute; top:100px; left:-258px; background:url(../img/gallery_tb_name.gif) no-repeat; z-index:2;}
	.arcFlash{position:absolute; top:55px; left:0px; width:220px; height:300px; z-index:100}
	.tremblantFlash{position:absolute; top:0px; left:40px; width:477px; height:365px; z-index:100}
	
	/* The Bay */
	.bay{width:355px; position:absolute; top:315px; left:370px; line-height:15px; display:none;}
	.resortsFlash{position:absolute; top:150px; left:330px; width:430px; height:95px;}
	/* The Villages */
	.villages{width:390px; position:absolute; top:320px; left:30px; line-height:15px; display:none;}
	.villagesFlash{position:absolute; top:55px; left:55px; width:500px; height:135px;}
	/* Bay Life */
	.life{ width:485px; position:absolute; top:320px; left:30px; line-height:15px; display:none;}
	.thelifeFlash{position:absolute; bottom:0px; right:35px; width:200px; height:210px;}

	/* Contact Form */
	.contactHeader{ width:350px; text-align:right;position:absolute; top:35px; left:85px; font-size:16px}
	#contactForm{ width:400px; position:absolute; top:95px; left:53px;}
	#contactForm .boxDes{ width:85px; font-size:13px; height:34px;}
	#contactForm .txtBox { width:295px; height:14px; color:#000; font-size:12px; line-height:12px;}
	.disclaimer{ font-size:8px; float:left; margin:0px; padding:0px;}
	.btnSubmit{color:#333333; line-height:15px; float:right; margin-right:10px;}
	.CompanyContact{color:#b1b2b2; line-height:17px; position:absolute; top:193px; left:510px;}
	.CompanyContact a{color:#b1b2b2;}
	.error{ font-size:9px; line-height:10px; margin:0px; padding:0px;}
	
	/* Footer Content*/
	#footer{ width:100%; text-align:right; clear:both; }
	#footer span{color:#7b7b7e; padding-right:10px;}