@charset "utf-8";
/* CSS Document */

* { font-family: "Trebuchet MS", Verdana, Arial, "Gill Sans MT"; font-size: 100%; }

body { text-align: center; margin-top: 10px; background-color: #AFB8B9;}

#wrapper	{ 
	margin: 0 auto;
	width: 960px;
	background-color: #FFFFFF;
	text-align: left;
	border: solid 1px #526465;
}

#clear { clear: both; }

/*  banner images */
#bannerMask { width: 960px; height: 364px; background: url(../images/banners/px.gif) repeat top right;  }

		body#Home #bannerMask { background: url(../images/banners/portugal-exterior1.jpg) no-repeat top right; }
		body#Quinta #bannerMask { background: url(../images/banners/quinta_do_largo1.jpg) no-repeat top right; }
		body#Activities #bannerMask { background: url(../images/banners/golf1.jpg) no-repeat top right; }
		body#Portugal #bannerMask { background: url(../images/banners/quinta_do_largo3.jpg) no-repeat top right; }
		body#Information #bannerMask { background: url(../images/banners/portugal-lounge1.jpg) no-repeat top right; }
		body#Rates #bannerMask { background: url(../images/banners/portugal-bedroom1.jpg) no-repeat top right; }		
		body#Contact #bannerMask { background: url(../images/banners/swimming_pool.jpg) no-repeat top right;  }
		

#banner { width: 960px; height: 364px; float: left; padding: 0px; text-align: left; background: url(../images/nav_mask_p.gif) no-repeat top left; }
		
		.topPromo { margin: 10px 0px 5px 25px; border: none;}
			
	
#topNav { position: absolute; left: auto; top: 310px; width: 940px; padding-left: 20px;}
		
		#topNav	dt, #topNav dl, #topNav dd, #topNav ul, #topNav li {
		list-style-type: none; 	margin: 0 10px 0 0;	padding: 0;	}

		#topNav dl { float: left; }
		#topNav li { display: inline;	}
		#topNav dt { border-right: solid 1px #526465; padding: 0px 10px 0px 0px; margin: 10px 0px 0px 0px; }
		
		/* top level nav */
		#topNav dt a {	text-decoration: none; color: #000; text-transform: uppercase; font-size: 0.75em; color: #526465; }
		
	/*  active top navigation id's */
		body#Home #Home, 
		body#Quinta #Quinta, 
		body#Activities #Activities, 
		body#Portugal #Portugal,
		body#Information #Information,  
		body#Rates #Rates, 	
		body#Contact #Contact
				
		{ color: #BF1E2E; }
	
	
	#topNav a:link, #topNav a:visited { }
	#topNav a:active, #topNav a:hover { text-decoration: underline; } 
	
#mainContent { width: 960px; background-color: #FFFFFF; margin: 0px 0 10px 0; text-align: left; padding-top: 20px; padding-bottom: 10px; }
	
	#leftColumn { width: 237px; float: left; padding-left: 28px; }
	#rightColumn { width: 657px; float: right; padding-right: 28px; padding-left: 10px; }
	
	h1 { font-size: 1.8em; color: #BF1E2E; font-weight: 100; font-family:"Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, sans-serif; margin: 0px; padding: 0 0 10px 0; }
	h2 { font-size: 0.9em; color: #BF1E2E; font-weight: 100; padding: 5px 0 0 0; margin: 0 0 5px 0; }
	
	p { font-size: 0.8em; color: #676767; margin: 5px 0 15px 0; }
	.intro { font-size: 0.9em; }
	
	#rightColumn a:link, #rightColumn a:visited { color: #666666; text-decoration: underline; }
	#rightColumn a:active, #rightColumn a:hover { color: #BF1E2E; text-decoration: underline; }
	
	#rightColumn td { border: solid 1px #CCCCCC; padding: 2px; }
	
	#teasers { width: 185px; margin-right: 25px; border: solid 1px #526465; padding: 5px; float: left; }
	#teasers p { font-size: 0.6em; padding: 0px; margin: 0px; color: #676767;}
	
	#gallery { padding: 0 10px 10px 10px; background-image: url(../images/gallery_bg.gif); width: 200px; margin-top: 9px; }
	
			/* Image Gallery */
			
			.galMain {	width: 200px;  }
			.galleryImg { padding: 10px 0 5px 0; margin: 0px; }
			.galleryCaption  { font-size: 0.75em; color: #FFFFFF; }
			.galleryCaption a { color: #FFFFFF; }
			.galleryNav { font-size: 0.75em; color: #FFFFFF; padding-top: 10px;	}
					.galleryNav1 { text-decoration: none; }
					.galleryNav2 img { border: none; padding: 0px; }
					.galleryNav2 a:link, .galleryNav2 a:visited { color: #FFFFFF; text-decoration: none;}
					.galleryNav2 a:active, .galleryNav2 a:hover { color: #AFB8B9; text-decoration: none;}
