@import url(typography.css);


/*   
---------
Normalize 
--------- 
*/

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {margin:0;padding:0;}
h1, h2, h3, h4, h5, h6 {font-size:100%;}
ol, ul {list-style:none;}
address, caption, cite, code, dfn, em, strong, th, var {font-style:normal;font-weight:normal;}
table {border-collapse:collapse;border-spacing:0;}
fieldset, img {border:0;}
caption, th {text-align:left;}
q:before, q:after {content:'';}


/*   
---------
Body 
--------- 
*/


.clear {clear:both; height:0px;}

/*-------ALL PAGES-----------*/

html, body { height: 100%;} 

body {
	text-align:center;
	background: #EAE6DB url(../siteimages/bodybg.gif) top center repeat-y;
	
	}

div#wrapper {
	margin: 0 auto;
	width: 780px;
	height:auto;
	text-align:left;	
	background:#484E55;
}


div#branding {
	height:82px;
	width:780px;
	position:relative;
	z-index:10;
	display:block;
	
}

/*
div#branding h1 {
	position:absolute;
	top:0;
	left:0;
	width:400px;
	height:82px;
	background: url(../siteimages/logo.gif) top left no-repeat;
	text-indent:-9999em;
	display:block;
}
*/	

div#vcard {
	position:absolute;
	width:380px;
	height:82px;
	left:400px;
	top:0;
	text-indent:-9999em;
	display:block;	
	background-color:white;
}


/* Locator 0.0 */
/*
	.vsanibel {background: url(../siteimages/vcard_sanibel.gif) top left no-repeat;}
	.vbonita {background: url(../siteimages/vcard_bonita.gif) top left no-repeat;}
	.vfortmyers {background: url(../siteimages/vcard_fortmyers.gif) top left no-repeat;}
	*/
	.logostatic {position:absolute;
	top:0px;
	left:0px;
	
	z-index:1000
	}
	.addrstatic { position:absolute;top:5px;left:550px;z-index:1000}
	
/*
.vsanibel {
	display: list-item; 
	list-style-image: url(../siteimages/vcard_sanibel.gif); 
	list-style-position:  inside; 
	letter-spacing: -1000em;         
	font-size: 1pt;                   
	color: #fff;  
}
*/
	
/*----------------NAVIGATION--------------*/

div#nav { 
	position:relative;
	height:56px;
	width:780px;
	}

	ul#nav_main {
		height:28px;
		width:780px;
		position:absolute;
		top:0;
		left:0;
		}
			
		ul#nav_main li {
			float: left;
			height: 28px;
			overflow: hidden; 
			}
			
		ul#nav_main li a {
			display: block;
			height: 28px;
			width:390px;
			text-indent: -9999px;
			overflow: hidden;
			background-position: center top; 
			}
			
			/*#san  { background: transparent url(../siteimages/nav/sanibel.gif) top left no-repeat; }      */
			#fm { background: transparent url(../siteimages/nav/fortmyers.gif) top left no-repeat; }
			/*#bon { background: transparent url(../siteimages/nav/bonita.gif) top left no-repeat; } 
			#abo { background: transparent url(../siteimages/nav/abo.gif) top left no-repeat; }*/
			#tra { background: transparent url(../siteimages/nav/tra.gif) top left no-repeat; }

		ul#nav_main li a:hover {
			background-position: 0 -28px;
			}
		ul#nav_main li a.crnt, ul#nav_main li a.crnt:hover {
			background-position: 0 -56px;
			}
	
	



		/*---------------------------------------------------*/
		
		
		ul#nav_sub {
			list-style:none;
			width:780px;
			height:28px;
			position:absolute;
			top:28px;
			left:0;
		}
			ul#nav_sub li {
				float: left;
				padding: 0 18px;
				height: 28px;
				}
			ul#nav_sub li a {
				display: block;
				}
			
					

					/*					
					These adjust the subnav placement within sections. (NOT IDEAL - thanks to ie6)
					*/


/* Locator 1.0 */

				/*ul#nav_sub li#sanibel_first a { padding-left:9px; }*/
				ul#nav_sub li#fortmyers_first a { padding-left:9px; }
				ul#nav_sub li#bonita_first a { padding-left:183px; }/*ul#nav_sub li#bonita_first a { padding-left:333px; }*/
				ul#nav_sub li#about_first a { padding-left:440px; }
				ul#nav_sub li#travel_first a { padding-left:150px; }
				


/*----------------MASTHEAD--------------*/


/* Locator 1.1 */


	div#beauty {
		position:relative;
		height:200px; 
		width:780px;
		border-bottom:1px solid white; /*most likely will be a PROBLEM in ie maybe not visible*/
		}
		
		.sanibel { background: url(../siteimages/beauty/mom-kids.jpg) top left no-repeat;}
		.sanibel_properties { background: url(../siteimages/beauty/san-prop.jpg) top left no-repeat;}
		.sanibel_area { background: url(../siteimages/beauty/lighthouse.jpg) top left no-repeat;}
		
		.fortmyers { background: url(../siteimages/beauty/fortmyers-beach.jpg) top left no-repeat;}
		.fortmyers_properties { background: url(../siteimages/beauty/canal.jpg) top left no-repeat;}
		.fortmyers_area { background: url(../siteimages/beauty/mom-daughter.jpg) top left no-repeat;}
		
		.bonita { background: url(../siteimages/beauty/golf.jpg) top left no-repeat;}
		.bonita_properties { background: url(../siteimages/beauty/bonita-prop.jpg) top left no-repeat;}
		.bonita_area { background: url(../siteimages/beauty/lovers-key.jpg) top left no-repeat;}
		
		.about { background: url(../siteimages/beauty/office.jpg) top left no-repeat;}
		.office { background: url(../siteimages/beauty/office-sign.jpg) top left no-repeat;}
		.testimonials { background: url(../siteimages/beauty/swimming-pool.jpg) top left no-repeat;}
		.services { background: url(../siteimages/beauty/office-van.jpg) top left no-repeat;}
		.staff { background: url(../siteimages/beauty/canoes.jpg) top left no-repeat;}
		
		.travel { background: url(../siteimages/beauty/beach-bird.jpg) top left no-repeat;}
		


/* Page Layout
--------------------------------------------------*/
	

	#content {
		background:white;
		position:relative;
		width:780px;
		}
	

	#content_main {                        
		margin-right:156px;           
		background-color:#ffffff;
		padding-bottom:10px;
		padding: 30px 20px 20px 20px;
	}
	
		#content_main.narrow {                        
				margin-right:312px; 
				background-color:#ffffff;
				padding-bottom:10px;  
			}
			
		#content_main a {color:Black;}
		#content_main a:hover {color:#5C80A5;}
			
	
	#content_sub {
		width:156px;
		float:right;
		padding-top:20px;
	}
	
		#content_sub.wide { 
			width:312px; 
			float:right;
			}


		#content_sub p, #content_sub ul {
			margin-right:20px;
		}


	#content_main, #content_sub {border-top:8px solid #464D55;}
	
		
		
		
		
/* Specialty Links //
------------------------
*/	
	
	
	

	div#sub_nav_specialty
	{
		position:relative;
		padding-left:70px;
		height:90px;
	}
	
		ul#sub_nav_specialty {
		width: 590px;
		height:80px;
		border-top:solid 1px gray;
	}
	
	ul#sub_nav_specialty li {
		float: left;
		padding-top:20px;
		padding-left:30px;
	}
	

ul#nav_specialty {
		width: 468px;
		height:100px;
	}
	
	ul#nav_specialty li {
		float: left;
		padding-left:20px;
		padding-top:10px;
	}
	
	ul#nav_specialty li a {
		display: block;
		height: 80px;
		width:130px;
		background-color:white;
		text-indent: -9999px;
		}
		
/* Locator 1.3 */

	
	#n1 { background-position: center top no-repeat; background-image: url(../siteimages/bookonline.gif); }   /* These will be replaced with specialty link images */
	#n2 { background-position: center top no-repeat; background-image: url(../siteimages/featured.gif); }
	#n3 { background-position: center top no-repeat; background-image: url(../siteimages/ThriftyLogo.jpg); background-repeat:no-repeat }
	#n4 { background-position: center bottom no-repeat; background-image: url(../siteimages/csa2.gif); background-repeat:no-repeat }
	
	/*ul#nav_specialty li a:hover { background-position: 0 80px; }*/
	


/*----------------FOOTER--------------*/



	#footer {
		color:white; 
		clear:both; 
		background: #484E55 url(../siteimages/ftbg.gif) top left repeat-x;
		padding-bottom:20px;
		}
		
	
		
		ul#sitemap li#nav_this {
			padding: 0 10px 0 20px;
			float: left;
			}
		ul#sitemap li#nav_master {
			padding: 0 10px;
			float: left;
			}
		
		ul#sitemap ol, ul#sitemap h3 {
			width:136px;
		}
		
		ul#sitemap li ol li {
			float:none;
			padding:0;
			line-height:1.4;
		}

		ul#site_info {
			text-align:right;
		}