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



	 Palmetto Bay CSS Guide



	 Project: Relavant Design - PB



	 Version: 1.0	 



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



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

	

	Base

	

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

	*{ padding:0px; margin:0px;}

	BODY, TD, TH, INPUT, SELECT, TEXTAREA, DIV, P {



	font-family: Helvetica;



	line-height:25px;



	font-size: 13px;



	color: #6a6a6a; }

	

	a:focus, a:active { outline:none; }

	body { border: 0; padding: 0; margin: 0; background-color:#fff; text-align:center; }

	.hide{display:none;}
	.relative{ position:relative;}


	.container{ width:950px; height:645px;margin:0 auto;}

	.header{ display:block; position:relative; width:950px; height:90px; background:none; z-index:100}
	.headerBG{ width:435px; height:100px; background:url(../img/bg_logo.gif) no-repeat; position:absolute; top:0px; left:-70px; z-index:1;}
	.contentcontainer{ display:block; position:relative; top:0px; left:0px; width:950px; height:494px; text-align:left; overflow:hidden; z-index:1;}

	.footer{display:block; position:relative; width:950px; height:60px; font-family:arial; text-align:left}

	.content{ position:absolute;top:-1000px; left:0px;}
	

	a{ color:#00AAA6; text-decoration:none;}

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

	Site Logo

	********************/
	.header h1.sitelogo {display:block; position:absolute; top:19px; left:73px; width:290px; height:62px;	z-index:10;/*background:url(../img/logo.gif) no-repeat;*/	}
	.header h1.sitelogo a { display:block; width:290px; height:62px;   }
	.header h1 span { position: absolute; left: -9999px; font-size: small; }
	/*******************

	Main Nav

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

	.main_nav{ position:absolute; bottom:5px; left:390px;}

	.main_nav ul{ list-style:none; display:block; width:629px; height:25px; background:url(../img/main_nav_bg.gif) no-repeat; background-position: 0px 4px;}

	.main_nav ul li{ float:left;}

	.main_nav ul li a{ font-size:77%; font-weight:normal; text-decoration:none; text-align:center; margin-top:0px; }

	.main_nav ul li a{ color:#231F20;}

	.main_nav ul li a:hover{color:#8CC63F;}

	.main_nav ul li a.belize{ display:block; width: 83px; height:25px; margin-top:1px;}

	.main_nav ul li a.palmetto{ display:block; width: 132px; height:25px; margin-top:1px;}

	.main_nav ul li a.team{ display:block; width: 101px; height:25px; margin-top:1px;}

	.main_nav ul li a.contact{ display:block; width: 130px; height:25px; font-weight:bold;}
	
	.main_nav ul li a.news{ display:block; width: 83px; height:25px; margin-top:1px;}

	

	.main_nav ul li a.set{color:#8CC63F;}

	

	.main_nav ul li ul{ clear:both;position: absolute; top:0px; z-index:50; display:block; width:649px; height:100px; background:transparent}

	.main_nav ul li ul li {display:block;  height:100px;}

	.main_nav ul li ul li a:link, .main_nav ul li ul li a:visited{ color:#40bfbd; }

	.main_nav ul li ul li a.culture{display:block; width: 91px; height:25px;color:#FFF;}

	.main_nav ul li ul li a.history{display:block; width: 88px; height:25px; }

	.main_nav ul li ul li a.environment{display:block; width: 128px; height:25px;}

	.main_nav ul li ul li a.experiences{display:block; width: 121px; height:25px;}

	.main_nav ul li ul li a.map{display:block; width: 62px; height:25px;}
	
	.main_nav ul li ul li a.welcome{display:block; width: 94px; height:25px;}
	
	.main_nav ul li ul li a.resort{display:block; width: 119px; height:25px;}
	
	.main_nav ul li ul li a.residences{display:block; width: 119px; height:25px;}
	
	.main_nav ul li ul li a.floorplans{display:block; width: 114px; height:25px;}
	
	.main_nav ul li ul li a.ownership{display:block; width: 115px; height:25px;}
	
	.main_nav ul li ul li a.green{display:block; width:86px; height:25px;}

	#subNav{position:absolute; z-index:105; top:30px;width:490px; height:25px; background:url(../img/sub_nav_bg.gif) no-repeat; text-align:left}
	#subNav2{position:absolute; z-index:105; top:30px; left:-150px;width:649px; height:25px; background:url(../img/sub_nav_bg2.gif) no-repeat; text-align:left;}
	#subNavHover{position:absolute; display:block;width:91px; height:25px; background:#4bc2c2;}
	#subNavHover2{position:absolute; display:block;width:94px; height:25px; background:#4bc2c2;}
	

	

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

	Body Content

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

	#preloadercontainer , #preloadercontainer2, #preloadercontainer3{ position:absolute; top:0px; left:0px; z-index:1;}

	#rotator, #rotator2, #rotator3{position:absolute; top:0px; left:0px; z-index:5;}

	

	

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

	Sub Page Content

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

	#subPageContainer{display:block; position:relative; width:5000px; height:495px; text-align:left; }

	#subPageContainer div{ display:block; width:950px; height:495px; float:left; }

	#subPageContent{ display:block; position:absolute; bottom:0px; left:0px; width:10px; height:10px; background:#FFFFFF; z-index:100; overflow:hidden;}

	.textbox{ padding:0 20px 0 20px; line-height:20px; background:#FFFFFF; font-family:Helvetica; font-size:85%; line-height:17px; }
	

	

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

	Palmetto Bay Page Content

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

	/*#lrgImg{position:absolute; top:330px; left:650px; z-index:300;}*/
	#lrgImg{position:absolute; top:0px; left:0px; z-index:999; display:none; width:950px; height:496px; }
	.PB_H2{display:block; width:280px; height:112px; background:url(../img/palmetto_bay_opportunity.gif)}

	.PB_H3 a{ display:block; width:244px; height:55px; background:url(../img/palmetto_bay_h3.gif)}
	.viewFloorplan{ display:block; width:190px; height:15px; background:url(../img/arrow_collapse.gif) no-repeat; background-position:0 1px; margin-top:5px; margin-bottom:5px;}
	.viewFloorplan span{ padding-left:15px;}
	.miniPanel{ display:block; width:190px; height:15px; background:url(../img/btn_mini.gif) no-repeat; background-position:0 1px;}
	.maxPanel{ display:block; width:190px; height:15px; background:url(../img/btn_max.gif) no-repeat; background-position:0 1px; display:none;}
	.miniPanel span, .maxPanel span{ padding-left:15px; color:#689fd3;}
	
	
	.resortList{position:absolute; top:0px; left:0px; list-style:none;}
	.resortList li{position:absolute;}

	.resortList li a{ display:block; width:30px; height:30px; background:url(../img/spacer.gif) no-repeat;}
	.r1{ top:351px; left:83px;}
	.r2{ top:320px; left:300px;}
	.r3{ top:306px; left:700px;}
	.r4{ top:104px; left:414px;}
	.r9{top:100px; left:675px;}
	.r5{ top:176px; left:704px;}
	.r6{ top:212px; left:482px;}
	.r7{ top:294px; left:436px;}
	.r8{ top:189px; left:218px;}
	
	.masterplan{ display:block; width:290px; height:25px; position:absolute; bottom:10px; right:0px; }
	
	.resortOverlay{position:absolute; top:0px; left:0px; width:197px; background:#FFF; z-index:550; display:none; font-size:85%; line-height:15px;}
	.resortOverlay p{padding:10px 15px 0px 13px;  color:#000 }
	.resortOverlay img{padding:0px 15px 10px 13px;}
	.overP{ padding:5px;}
	.overImg{ padding:5px;}
	
	#floorplan1{ width:414px; height:322px; display:block; position:absolute; bottom:-333px; left:126px; z-index: 200; display:none;background:url(../img/palmetto_residences_hf.gif) no-repeat}
	#floorplan1 ul{ list-style:none;position:absolute;}
	#floorplan1 ul.right{ top:127px; left:210px;}
	#floorplan1 ul.left{ top:127px; left:18px;}
	#floorplan1 ul li{ display:block; width:165px; font-size:85%; line-height:13px; margin-bottom:5px; padding-left:18px; background:url(../img/circle_bullet.gif) no-repeat; background-position:3px 4px;}
	#floorplan1 a.closebtn{ position:absolute; top:0px; right:0px; width:60px; height:23px; background:url(../img/btn_close.gif) no-repeat; }
	
	#gNav{ display:block; width:468px; height:22px; background:#FFFFFF; position:absolute; bottom:0px; left:326px; z-index: 200; display:none;}
	#gNav a{ display:block; float:left; background:url(../img/arrow_bullet.gif) no-repeat; background-position:0px 2px; padding-left:10px; margin-left:15px !important;margin-left:10px; font-size:93%};
	
 	.greenContentContainer ul{ list-style:none;}
	.greenContentContainer ul li{ display:block; font-size:85%; line-height:20px;  padding-left:11px; background:url(../img/arrow_bullet.gif) no-repeat;}

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

	The Team Page Content

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

	.team_H2{display:block; width:279px; height:100px; background:url(../img/the_team_h3.gif)}

	.team_H3{ display:block; width:244px; height:55px; background:url(../img/palmetto_bay_h3.gif);}

	.teamBio{ margin-top:5px;}

	.teamBio div{ display:block; background:#FFFFFF; font-family:Helvetica; font-size:85%; line-height:16px;   }

	.teamBio h3{ display:block; font-family:Helvetica; color:#00AAA6; font-weight:normal; font-size:93%; height:20px; margin-top:5px; }

	.teamBio h3:hover{ cursor:pointer}

	

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

	Contact Page Content

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

	.contact_blurb{ display:block;margin:25px 0 25px 0;color:#FFFFFF; font-size:123.1%; line-height:17px; font-family:Helvetica; width:380px;}

	.contact_txt{color:#FFFFFF; text-align:left; padding:0; margin:0;font-size:85%;}

	.disclaimer{color:#FFFFFF; font-size:77%; line-height:12px; font-family:Helvetica; float:left; width:250px; text-align:left;}

	.submitbtn{ display:block; float:right; width:70px; height:25px; color:#fff; background:#4bc2c2; border:none; margin-right:28px; }

	.txtBoxShort{ height:14px;font-size:85%; line-height:14px; width:270px}

	.txtBoxLong{ height:14px;font-size:85%; line-height:14px; width:350px}

	.dropdown1{ width:355px;}
	
	/*******************
	News Page Content
	*******************/
	.news_H2{display:block; width:279px; height:100px; background:url(../img/the_team_h3.gif)}

	.news_H3{ display:block; width:244px; height:55px; background:url(../img/palmetto_bay_h3.gif);}

	.newsBio{ margin-top:85px; margin-left:10px; width:300px;  background:#FFFFFF;}

	.newsBio div{ display:block; font-family:Helvetica; color:#00AAA6; font-weight:normal; font-size:93%; line-height:16px;  padding-left:15px;  }

	.newsBio h3{ display:block; font-family:Helvetica; color:#009ff7; font-weight:normal; font-size:93%; height:20px; margin-top:5px; }
	.newsBio a{color:#7ccd3a;  font-size:85%; }
	
	.newsBio h3:hover{ cursor:pointer}
	
	.newsContent{ position:absolute; left:386px; top:73px; width:483px; }
	.newsContent h3{ display:block; font-family:Helvetica; color:#00AAA6; font-weight:lighter; font-size:153.9%; margin-bottom:5px; background:#FFFFFF;}
	.newsContent p{line-height:20px; margin-bottom:10px; background:#FFFFFF;}
	.newsContent a{color:#7ccd3a;  font-size:85%;background:#FFFFFF; }
	/*******************
	Flash Map
	*******************/
	.mapzoom1{position:absolute; top:305px; left:20px; width:247px; margin-top:20px; height:42px; background:url(../img/map_nav.gif) no-repeat;}
	.mapzoom2{top:380px; left:20px; width:377px; height:42px;margin-top:0px;}
	.mapzoom3{top:259px; left:20px; width:225px; height:42px;margin-top:0px;}
	.mapzoom1 a{ display:block; position:absolute; width:15px; height:15px; }

	.zoomIn{ top:13px; left:113px; background:url(../img/map_in.gif) no-repeat}
	.zoomOut{top:13px; left:94px; background:url(../img/map_out.gif) no-repeat}
	.accordImg{ vertical-align:text-top}
	
	
	.mapContentContainer{ position:relative;}
	.mapContentContainer div{ position:absolute; text-align:left;}
	.mapContentContainer div.sec2{ top:0px; left:221px;}
	.mapContentContainer div.sec3{ top:105px; left:221px;}
	.mapContentContainer div h3{ display:block; font-family:Helvetica; color:#00AAA6; font-weight:normal; font-size:93%; height:20px; margin-top:5px;}
	.mapContentContainer div ul{ list-style:none;}
	.mapContentContainer div ul li{ display:block; font-size:93%; letter-spacing:-1px; line-height:20px; height:20px;  padding-left:11px; background:url(../img/arrow_bullet.gif) no-repeat;}
	.mapContentContainer div ul li:hover{ cursor:pointer;}
	
	/*******************
	Floor Plan
	********************/
	.fpAccord{ position:absolute; top:70px; left:275px; z-index:101; display:none;}
	.fpAccord div{ display:block; font-family:Helvetica; font-size:85%; line-height:16px;   }

	.fpAccord h3{ display:block; font-family:Helvetica; color:#00AAA6;font-weight:normal; font-size:93%; height:20px; margin-top:5px; }
	.fpAccord h3 span{color:#26ace2;}
	.fpAccord h3:hover{ cursor:pointer}
	
	/*******************
	Masterplan
	********************/
	.master{ position:absolute; bottom:0px; left:23px;display:block; z-index:201; height:461px; width:906px; background:url(../img/masterplan_bg.gif) no-repeat #FFF; display:none;}
	
	.planImg{ position:absolute; left:0; top:0; z-index:1;}
	
	.amenBuild{position:absolute;bottom:0px; right:171px; width:170px; height:224px; }
	.rooftopBuild{position:absolute;bottom:0px; right:0px; width:170px; height:224px;}
	
	.masterfloor ul{ position:absolute; top:66px; left:591px; z-index:2; list-style:none; padding:0px; margin:0px;}
	.masterfloor ul li{ width:295px; font-size:85%; line-height:13px; margin-bottom:5px; padding-left:18px; background:url(../img/circle_bullet.gif) no-repeat; background-position:3px 4px;}

	.masterfloor h2{position:absolute; right:0px; top:0px;  width:332px; height:63px; z-index:2;}
	
	
	.sub_master h2{background:url(../img/resort_master.gif) no-repeat;}
	.sub_amenities h2{background:url(../img/resort_amenities.gif) no-repeat;}
	.sub_rooftop h2{background:url(../img/resort_rooftop.gif) no-repeat;}
	
	.btnNum{position:absolute; left:0; top:0;  display:block; width:30px; height:30px;}
	.amenBuildNum1{ left:123px; top:103px; z-index:2;}
	.amenBuildNum2{ left:417px; top:95px; z-index:2; }
	.rooftopBuildNum{ left:248px; top:108px; z-index:2;}
	.pdfLink{position:absolute; left:59px; top:315px;  width:141px; height:14px; background:url(../img/btn_enlarge.gif) no-repeat;z-index:2; }
	.sub_amenities .pdfLink{ left:39px; top:400px;}
	.sub_rooftop .pdfLink{ left:59px; top:410px;}
	.btnOverview{position:absolute; left:311px; top:439px;  width:263px; height:22px; background:url(../img/btn_overview.gif) no-repeat;z-index:2; }
	.btnMaster{position:absolute; left:350px; top:439px;  width:224px; height:22px; background:url(../img/btn_master.gif) no-repeat;z-index:2; }
	/*******************

	Footer Text

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

	.registerTxt{ display:block; position:absolute; top:10px; left:30px; color:#97C0E6; font-size:90%;}

	.footerTxt{  display:block; position:absolute; top:16px; right:30px; text-align:right; color:#717074; font-size: 9px; line-height:12px;}

	.agent{ color:#717074}

	.copyright{ color:#C7C7CA;}