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

	General 03/09/10/  
	
	Changes to title and description - old ones on Old Google stuff page
	
/////////////////////////////////////////////////////////////////////////////	
*/

* {
		margin: 0;
		padding: 0;
		}

body {
		background: #000;
		}

#wrapper {
		position: absolute;
		top: 50%;
		left: 50%;
		width: 960px; 
		height: 600px;
		margin-left: -480px;
		margin-top: -300px;
		overflow: hidden;
		border: solid 3px #f00; 
		background: #fff;
		}
		
a:hover {
		color: #f00;
		}
		
/*
/////////////////////////////////////////////////////////////////////////////	

	Structure
	
/////////////////////////////////////////////////////////////////////////////	
*/

.leftshim {
	clear: both;
	float: left;
	width: 10px;
	background: #fff;
	margin-top: 5px;
	}

#banner {
	margin-top: 10px;
	margin-left: 10px;
	width: 690px;
	height: 98px;
	background: #008;
	}
	
#headerpara {
	float: left;
	width: 680px;
	height: 32px;
	background: #00e;
	padding: 5px;
	margin-top: 10px;
	margin-bottom: 10px;
	}
	
#www {
	position: absolute;
	top: 540px;
	left: 780px;
	width: 180px;
	font: 11px Verdana, Arial, sans-serif;
  	text-align: center;
	}

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

	Structure - Accommodation, Activities, Links,  & part of (Location), (Prices), (Contact)
	
/////////////////////////////////////////////////////////////////////////////	
*/

#bigBox {	
	float: left;
	width: 770px;
	height: 419px;
	}

#leftCol {
	float: left;
	width: 248px;
	height: 418px;
	border: solid 1px #000;
	}
	
#centerCol {
	float: left;
	margin-left: 10px;
	width: 248px;
	height: 418px;
	border: solid 1px #000;
	}

#leftCenterCol { /* Activities - instead of CenterCol */
	float: left;
	margin-left: 10px;
	width: 120px;
	height: 418px;
	}
	
#rightCenterCol { /* Activities - instead of CenterCol */
	float: left;
	margin-left: 10px;
	width: 120px;
	height: 418px;
	}

#rightCol {
	float: left;
	margin-left: 10px;
	width: 248px;
	height: 418px;
	border: solid 1px #000;
	}
	
#lowerLongRow {
 /* part of Location, Prices, Contact */
	float: left;
	margin-top: -61px;
	width: 768px;
	height: 155px;
	border: solid 1px #000;
	}

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

	Structure - Pictures
	
/////////////////////////////////////////////////////////////////////////////	
*/

#leftColPic {
	float: left;
	width: 384px;
	height: 418px;
	}

#footertxtGalleryPage {				
		font: 12px Verdana, Arial, sans-serif;
		color: #00f;
		padding-top: 300px;
		text-align: center;
		}
	
#rightColWide {
	float: left;
	margin-left: 11px;
	width: 375px;
	height: 418px;
	}
	
/*
/////////////////////////////////////////////////////////////////////////////	

	Structure - Location
	
/////////////////////////////////////////////////////////////////////////////	
*/

#mapBox {
		float: left;
		width: 418px;		
		height: 250px;
		border: solid black 1px;
		}

#rightLocation {
	float: left;
	width: 338px;
	height: 250px;
	color: #000;
	background: #fff;
	margin-left: 10px;
	border: solid 1px #000;
	font: 12px Verdana, Arial, sans-serif;
	}
	
/*
/////////////////////////////////////////////////////////////////////////////	

	Structure - Birding
	
/////////////////////////////////////////////////////////////////////////////	
*/
	
#smallLeftCol {
	float: left;
	width: 103px;
	height: 418px;
	}
	
#shortLeftCol {
	float: left;
	width: 103px;
	height: 276px;
	}

#bigLeftCol {
	float: left;
	width: 304px;
	height: 276px;
	}
#bottomRow {
	float: left;
	margin-left: -837px;
	margin-top: 309px;
	width: 409px;
	height: 131px;
	}

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

	Structure - Prices
	
/////////////////////////////////////////////////////////////////////////////	
*/

#upperBox {
	float: left;
	margin-top: 0px;
	width: 768px;
	height: 250px;
	border: solid 1px #fff;
	}

#zoomBox {
	float: left;
	margin-top: 20px;
	margin-left: 10px;
	height: 30px;
	width: 160px;
	text-align: center;
	}
/*
/////////////////////////////////////////////////////////////////////////////	

	Structure - Contact
	
/////////////////////////////////////////////////////////////////////////////	
*/

#leftColHalf {
	float: left;
	width: 378px;
	height: 250px;
	border: solid 1px #000;
	}
	
#rightColHalf {
	float: left;
	margin-left: 10px;
	width: 378px;
	height: 250px;
	border: solid 1px #000;
	}			

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

	Fonts
	
/////////////////////////////////////////////////////////////////////////////	
*/	


h1 { /* Home */
	padding-top: 30px;
	font: 26px Verdana, Arial, sans-serif;
	color: #fff;
	text-align: center;
	}

.paraBanner { /* for non Home Pages */
	padding-top: 30px;
	font: 26px Verdana, Arial, sans-serif;
	color: #fff;
	text-align: center;
	}

h2 { /* Accommodation, Activities, Links */
	font: 12px Verdana, Arial, sans-serif;
	font-weight: bold;
	text-align: center;
	background: #ccf;
	color: #00f;
	border-top: solid 1px #00f;
	border-bottom: solid 1px #00f;
	}

h3 { /* Accommodation, Location, Activities, Links */
	font: 12px Verdana, Arial, sans-serif;
	font-weight: bold;
	text-align: center;
	background: #ccf;
	color: #00f;
	border-bottom: solid 1px #00f;
	}

h4 { /* Location */
	font: 16px Verdana, Arial, sans-serif;
	font-weight: bold;
	text-align: center;
	background: #ccf;
	color: #00f;
	border-top: 1px solid #00f;
	border-bottom: 1px solid #00f;
	}
	
h5 { /* Location */
	font: 16px Verdana, Arial, sans-serif;
	font-weight: bold;
	text-align: center;
	background: #ccf;
	color: #00f;
	border-bottom: 1px solid #00f;
	}
	
h6 { /* Links */
	font: 12px Verdana, Arial, sans-serif;
	font-weight: bold;
	text-align: center;
	background: #ccf;
	color: #00f;
	margin-top: 20px;
	border-top: solid 1px #00f;
	border-bottom: solid 1px #00f;
	}	
	
p {
	color: #fff;
	font: 12px Verdana, Arial, sans-serif;
	padding: 2px 0px;
	}
	
.para1 { /* Prices, Contact */
		font: 12px/18px Verdana, Arial, sans-serif;
		padding: 30px 100px;
  		color: #000;
		}
		
.para1a { /* Prices, Contact */
		font: 12px/18px Verdana, Arial, sans-serif;
		padding: 20px 100px;
  		color: #000;
		}		
		
.para2 { /* LocationPage - GPS co-ordinates */	
		font: 12px Verdana, Arial, sans-serif;
  		font-weight: bold;
  		text-align: center;
  		color: #00f;
		}
		
.para3 { /* LocationPage - map instructions */	
		margin-top: 3px;
		font: 12px Verdana, Arial, sans-serif;
  		font-weight: bold;
  		color: #00f;
  		padding: 10px;
  		margin-bottom: 20px;
		}
					
.para4 { /* Birding - mouse instructions */
		font: 12px Verdana, Arial, sans-serif;
  		text-align: center;
  		padding: 5px 6px;
		}
		
.para4b { /* Birding - guide to Links Page */
		font: 12px Verdana, Arial, sans-serif;
  		text-align: center;
  		padding: 45px 6px 0px 6px;
		}		
		
.para5 ul { /* Accommodation, Activities, Links */
		margin-top: 3px;
		margin-bottom: 10px;
		margin-left: 10px;
		padding-left: 20px;
		padding-right: 5px;
  		list-style-position: outside;
  		font: 11px/13px Verdana, Arial, sans-serif;
		}	
		
.para6 {
		color: #fff;
		font: 12px Verdana, Arial, sans-serif;
		padding: 2px 0px;
		text-align: center;
		padding-top: 8px;
		}

#plans { /* Pictures */
		font: 12px Verdana, Arial, sans-serif;
  		text-align: center;
  		padding-top: 10px;
		}

#route ul { /* Location */
		margin-left: 30px;
		margin-top: 10px;
		padding-left: 10px;
  		list-style-position: outside;
  		font: 12px/14px Verdana, Arial, sans-serif;
		}

#route2 ul { /* Location */
		float: left;
		width: 150px;
		margin-top: 10px;
		padding-left: 20px;
  		list-style-position: outside;
		font: 10px/12px Verdana, Arial, sans-serif; 	
	}
	
#mouseoverText { /* Birding */
		text-align: center;
		font: 12px Verdana, Arial, sans-serif;
		margin-top: 8px;
		}
		
.caption { /* Prices */
		font: 12px Verdana, Arial, sans-serif;
  		text-align: center;
		}

#leftColHalf ul, #rightColHalf ul { /* Contact */
		list-style: none;
  		font: 12px Verdana, Arial, sans-serif;	
  		padding-left: 40px;
  		padding-top: 20px;	
		}

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

	Navigation     

/////////////////////////////////////////////////////////////////////////////	
*/	
	
#nav 	{  /* positioning for nav elements, arrangement of elements within container, and text appearance */
		float: left;
		margin-top: 0px;
		margin-left: 10px;
		padding: 0px;  /*  no padding between buttons and nav container - don't need this */
		text-align: center;	
		font: 12px Verdana, Arial, sans-serif;  /* it looks as tho' font can go in here, ul, li or a: divs */
		}

#nav ul {  /* remove default bullets  */
		list-style: none;
		}
		
#nav a {  /* it looks as tho' text decoration isn't recognised in ul or li divs */
		display: block;
		width: 160px;
		height: 25px;
		padding-top: 6px;   /* space to center text vertically in button - NB changes button height */
		background: #478;  /* probably need to standardise all backgrounds to this color */
		margin-bottom: 5px;  /* space between buttons and, of course, at the bottom of the button list */
		text-decoration: none;
		color: #fff;
		}

#nav li a:hover { 
		background: #000;
		color: #0ff;
		}

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

	Page Identifiers
	
/////////////////////////////////////////////////////////////////////////////	
*/

.HomePage #Home, .PicturesPage #Pictures, .AccommodationPage #Accommodation, .LocationPage #Location { 
		background: #fcd753;
		color: #00e; 
		}

.BirdingPage #Birding, .ActivitiesPage #Activities, .LinksPage #Links, .PricesPage #Prices, .ContactPage #Contact { 
		background: #fcd753;
		color: #280cad; 
		}

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

	Graphics

/////////////////////////////////////////////////////////////////////////////	
*/	
	
#heron {
	float: left;
	margin-left: 10px;
	margin-top: -98px;
	width: 240px;
	height: 150px;
	}

#splashimg { /* Home */
	float: left;
	width: 770px;
	height: 420px;
	}

#bigHpic{ /* Pictures */
	float: left;
	width: 381px;
	height: 270px;
	border: solid 1px #000;
	}
		
.thumbnails { /* Pictures */
		margin-left: 0px;
		margin-right: 2px;
		margin-bottom: 2px;
		width: 87px;
		height: 65px;
		border: 1px solid #000;
		}

.thumbnailsEnd { /* Pictures */
		margin-left: 0px;
		margin-bottom: 2px;
		width: 87px;
		height: 65px;
		border: 1px solid #000;
		}
		
#accomImg { /* Accommodation */
	float: left;
	width: 248px;
	}
	
#walkerBayImg { /* Location */
	float: left;
	height: 136px;
	margin-right: 10px;
	}	
	
#walkerBayEndImg { /* Location */
	float: left;
	height: 136px;
	}
	
#birdPortrait { /* Birding */
	float: left;
	padding-bottom: 3px;
	}
	
#birdLandscape { /* Birding */
	float: left;
	padding-right: 3px;
	padding-bottom: 3px;
	}
	
#birdLandscapeEndImg { /* Birding */
	float: left;
	padding-bottom: 3px;
	}

.activitiesImg { /* Activities - border and spacing for thumbnails*/
	border: solid 1px #000;
	margin-bottom: 3px;
	}
	
#pricesimg {  /* Prices - Farmhouse */
	float: left;
	width: 556px;
	height: 250px;
	}
	
#prices2img {  /* Prices - Blue Crane Ceramic */
	float: left;
	margin-left: 10px;
	margin-top: 0px;
	}
	
#toplayer {  /* Prices - Border on Zoomed image */
	border: solid 3px #f00;
	}