* { margin: 0; padding: 0; }
img { border: 0; }

body {
	background: #000;
	font-family: arial;
	background: url(../images/bodybg.jpg) repeat;
	}

#border {
	width: 1087px;
	background: url(../images/border.gif) repeat-y;
	margin: 0 auto;
	}
		
#wrapper {
	padding: 60px 0 0 0;
	width: 1030px;
	margin: 0 auto;
	}
	
	#topcontainer {
		width: 1030px;
		height: 85px;
		}
		
		h1 a { 
			width: 385px;
			height: 85px;
			background: url(../images/logo.gif) no-repeat top;
			text-indent: -10000px;
			float: left;
			}
		
		#menu { 
			float: right;
			width: 583px;
			height: 55px;
			padding: 30px 11px 0 51px;
			list-style-type: none;
			background: url(../images/toprightbg.gif) no-repeat;
			z-index: 3;
			}
			
			#menu li { float: left; }
			
			#menu li.space { width: 35px; height: 10px; display: block; }
			
			#menu li span { display: none; }
			
			#menu li a {
				height: 10px;
				display: block;
				}
			
			#menu li a.main {
				width: 69px;
				background: url(../images/button-main.gif) no-repeat top;
				}
					
			#menu li a.encanto {
				width: 79px;
				background: url(../images/button-elencanto.gif) no-repeat top;
				}
			
			#menu li a.encanto-2  {
				width: 79px;
				background: url(../images/button-elencanto.gif) no-repeat bottom;
				}
				
			#menu li a.homes {
				width: 46px;
				background: url(../images/button-homes.gif) no-repeat top; 
				}
			
			#menu li a.homes-2 {
				width: 46px;
				background: url(../images/button-homes.gif) no-repeat bottom; 
				}			
				
			#menu li a.ownership {
				width: 77px;
				background: url(../images/button-ownership.gif) no-repeat top;
				}
			
			#menu li a.ownership-2 {
				width: 77px;
				background: url(../images/button-ownership.gif) no-repeat bottom;
				}
				
			#menu li a.updates {
				width: 58px;
				background: url(../images/button-updates.gif) no-repeat top;
				}
			
			#menu li a.updates-2 {
				width: 58px;
				background: url(../images/button-updates.gif) no-repeat bottom;
				}
				
			#menu li a.contactus {
				width: 79px;
				background: url(../images/button-contactus.gif) no-repeat top;
				}
			
			#menu li a.contactus-2 {
				width: 79px;
				background: url(../images/button-contactus.gif) no-repeat bottom;
				}
				
			#menu li a:hover { background-position: bottom; }
	
			#menu li ul { position: absolute; margin-left: -10000px; list-style-type: none;  }
			#menu li:hover ul { width: 163px; padding: 7px 0 0 0; position: absolute; margin-left: 0px; border-bottom: 1px solid #a1a1a1; }
			#menu li:hover ul li { width: 133px; height: 25px; display: block; color: #fff; padding: 8px 0 0 30px; background: #000 url(../images/menubg.gif) no-repeat; }
			#menu li:hover ul li a { color: #fff; font-size: 12px; text-decoration: none; }
			#menu li:hover ul li a:hover { text-decoration: underline; }
	
	#contentcontainer {
		width: 1030px;
		background: #000 url(../images/subbg.jpg) no-repeat;
		padding: 27px 0 0 0;
		}
		
		#fullcontent {
			width: 1030px;
			text-align:center;
			padding: 0 32px 75px 0;
			font-size: 12px;
			color: #eeefef; 			
		}
		
			#fullcontent h2 { text-indent: -10000px; display: block; padding: 0 0 27px 0; }
			#fullcontent h2.virtualtour { height: 28px; background: url(../images/h2-virtualtour.gif) no-repeat; }
	
		#leftcontent {
			width: 655px;
			float: left;
			padding: 0 32px 75px 28px;
			font-size: 12px;
			color: #eeefef; 
			}
			
			#leftcontent h2 { text-indent: -10000px; display: block; padding: 0 0 27px 0; }			

			#leftcontent h2.about-el-encanto { height: 28px; background: url(../images/h2-learnmore.gif) no-repeat; }
			#leftcontent h2.amenities { height: 28px; background: url(../images/h2-amenities.gif) no-repeat; }
			#leftcontent h2.features { height: 28px; background: url(../images/h2-features.gif) no-repeat; }
			#leftcontent h2.directions-map { height: 28px; background: url(../images/h2-directions-map.gif) no-repeat; }
			#leftcontent h2.faq { height: 28px; background: url(../images/h2-faq.gif) no-repeat; }
			#leftcontent h2.los-cabos-area { height: 28px; background: url(../images/h2-los-cabos-area.gif) no-repeat; }
			#leftcontent h2.testimonials { height: 28px; background: url(../images/h2-testimonials.gif) no-repeat; }
			#leftcontent h2.project { height: 28px; background: url(../images/h2-project.gif) no-repeat; }
			#leftcontent h2.estates { height: 28px; background: url(../images/h2-estates.gif) no-repeat; }
			#leftcontent h2.villas { height: 28px; background: url(../images/h2-villas.gif) no-repeat; }
			#leftcontent h2.owning-in-mexico { height: 28px; background: url(../images/h2-owning-in-mexico.gif) no-repeat; }
			#leftcontent h2.title-insurance { height: 28px; background: url(../images/h2-title-insurance.gif) no-repeat; }
			#leftcontent h2.financing { height: 28px; background: url(../images/h2-financing.gif) no-repeat; }
			#leftcontent h2.fidelity-insurance { height: 30px; background: url(../images/h2-fidelity-insurance.gif) no-repeat; }
			#leftcontent h2.progress-report { height: 28px; background: url(../images/h2-progress-report.gif) no-repeat; }
			#leftcontent h2.construction-photos { height: 28px; background: url(../images/h2-construction-photos.gif) no-repeat; }
			#leftcontent h2.to-do-in-cabo { height: 28px; background: url(../images/h2-to-do-in-cabo.gif) no-repeat; }
			#leftcontent h2.company-bios { height: 29px; background: url(../images/h2-company-bios.gif) no-repeat; }
			#leftcontent h2.contact-info { height: 28px; background: url(../images/h2-contact-info.gif) no-repeat; }
			#leftcontent h2.contact-form { height: 28px; background: url(../images/h2-contact-form.gif) no-repeat; }
			#leftcontent h2.sitemap { height: 28px; background: url(../images/h2-sitemap.gif) no-repeat; }
			#leftcontent h2.virtualtour { height: 28px; background: url(../images/h2-virtualtour.gif) no-repeat; }
			
			#leftcontent p { padding: 20px 0 0 0; line-height: 24px;}
			#leftcontent p.botpad { padding: 0 0 20px 0; line-height: 24px; }
			#leftcontent p.nopad { padding: 0; line-height: 24px; }
			#leftcontent p.bothpad { padding: 20px 0; line-height: 24px; }
			#leftcontent  h3 { font-family: georgia; font-size: 18px; color: #fff; padding: 0 0 0 0; }
			#leftcontent h3.toppad { padding: 20px 0 0 0; }
			#leftcontent h3.botpad { padding: 0 0 20px 0; }
			#leftcontent h3.small { font-family: georgia; font-size: 14px; font-weight: bold; }
			#leftcontent h3 a { color: #e8e8e8; }
			#leftcontent .clear { clear: both; }
			#leftcontent .cleargap { clear: both; padding: 15px 0 0 0; overflow: hidden; }
			#leftcontent .container { width: 100%; }
			#leftcontent .lefthalf { float: left; width: 325px; }
			#leftcontent .righthalf { float: right; width: 325px }
			#leftcontent .center { text-align: center; }
			#leftcontent .biosleft { width: 181px; padding: 0 15px; float: left; }
				#leftcontent .biosleft img { display: block; }
			#leftcontent .biosright { width: 440px; float: right; vertical-align: top; }
			#leftcontent .todoleft { width: 100px; float: left; padding: 0 15px; }
				#leftcontent .todoleft img { display: block; }
			#leftcontent .todoright {width: 520px; float: right; }
			#leftcontent ul.sitemap { padding: 0 0 20px 15px; list-style-type: none;  }
			#leftcontent ul.sitemap li a { color: #e8e8e8; text-decoration: underline; font-size: 12px; }
			#leftcontent .floorplans tbody tr td { text-align:center; padding-bottom:10px; }
			#leftcontent .floorplans tbody tr td p { text-align:center; padding-top:2px; }
			#leftcontent .floorplans tbody tr td p a { color:#fff; }
			
		#sidebar {
			width: 304px;
			float: right;
			padding: 0 0 0 11px;
			color: #fff; 
			font-size: 12px;
			}
			
			#sidebar h3 { font-family: georgia; font-size: 18px; }
			
			#sidebar ul { list-style-type: none; padding: 30px 0 0 21px; }
			#sidebar li { width: 150px; height: 25px; padding: 5px 0 0 0; display: block; background: url(../images/dotted2.gif) repeat-x bottom;}
			#sidebar li a { width: 150px; height: 25px; font-size: 12px; color: #fff; text-decoration: underline; line-height: normal; display: block; }
			#sidebar li a:hover { color: #dfdfdf; }
			#sidebar .pictop { width: 300px; padding: 35px 0 0 0px; text-align: center; }
			#sidebar .pic { width: 300px; padding: 15px 0 0 0px; text-align: center; }
			#sidebar .tour { padding: 20px 0 0 0; }
			
			
	#footer {
		clear: both;
		width: 1030px;
		text-align: center;
		font-size: 11px;
		color: #383b3a;
		padding: 35px 0 0 0;
		}
		
		#footer a { color: #dccbad; text-decoration: underline; }
		#footer a:hover { color: #f5eee2; }
		#footer span { padding: 0 5px; }
		#footer p.pad { padding: 10px 0 50px 0; }
		
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}