/* Website Layout 
-------------------------------------------------------*/

	/*-------------------------------------------------------------------------------------------------*/	
	/* Generic bits and pieces */
	/*-------------------------------------------------------------------------------------------------*/
	
	/*Generic styles */
	
		/* Header */
		
		#header {
			margin: 15px 0 0 0;
		}
		
		#logo {
			float: left;
		}
		
		#strapLine {
			float: right;
			margin: 55px 0 0 0;
		}
		
		/* End Header */
		
		/* Breadcrumb */
		
		#breadcrumb {
			margin: 5px 0 0 0;
		}
		
		/* End Breadcrumb */
		
		/* Content Holder */
		
		#mainContent {
			float: left;
			margin: 5px 0 0 0;
		}
		
			/* Column structure */
	
			#mainContentLeft480px {
				float: left;
				width: 480px;
				margin: 0 20px 0 0;
			}
			
			#mainContentRight390px {
				float: left;
				width: 390px;
			}		
			
			/* End column structure */
		
		/*End Content Holder */
		
		/* Quick Search Element */
		
		#quickSearch {
			margin: 5px 0 0 0;
		}
		
		/* End Quick Search Element */
		
		/* Footer Element */
		
		#footer {
			float: left;
			width: 890px;
			padding: 0 0 15px 0;
		}
		
		/*End Footer Element */
		
	/* End Generic styles */
	
	/*-------------------------------------------------------------------------------------------------*/	
	/* Box related stuff */
	/*-------------------------------------------------------------------------------------------------*/
	
	/* Box outs */
	
	.boxHolder {
		margin: 0 0 15px 0;
	}

		/* 0 pixel strut used to force box height */
		
		.boxHeight {
			width: 0;
			float: left;
		}
		
			/* Multiple class used to define height of boxes */
		
			.box480pxHeightHome {
				height: 300px;
			}
			
			.box390pxHeightTrail {
				height: 46px;
			}
			
			.box390pxHeightGuestAles {
				height: 90px;
			}
			
			.box390pxHeightT-Shirt {
				height: 82px;
			}
			
			.box890pxHeightTrailMap {
				height: 387px;
			}
			
			.box890pxHeightFooter {
				height: 20px;
			}
			
			.box850pxHeightAleSummary {
				height: 138px;
			}
			
			.box480pxHeightPub {
				height: 706px;
			}
			
			/* End multiple class */
		
		/* End 0 pixel strut */
		
		/* 480px box - Main LHS box, used on Home, Ale Trail and Pub pages */
		
		.box480px {
			background: url(/images/generic/box480px/box480pxBackground.jpg) repeat-y;
			height: 100% !important; /* IE 6 Fix - background bleeds over otherwise */
		}
		
		.box480pxContentHolder {
			float: left;
		}
		
		.box480pxContent {
			width: 440px;
			margin: 0 10px 0 20px;
		}
		
			/* Background box elements - used to overlay image on box background */
			
			.homeIntro {
				background: url(/images/home/pubSign.jpg) no-repeat;
				width: 200px;
				min-height: 300px;
			}
			
			.pubIntro {
				position: relative;
				background: url(/images/pubs/pubSigns/pubSignBackground.jpg) no-repeat;
				min-height: 500px;
			}
			
			/* End background box elements */
		
		/* End 480px box */
		
		/* 390px box - Used on RHS of Home, Ale Trail and Pub pages */
		
		.box390px {
			background: url(/images/generic/box390px/box390pxBackground.jpg) repeat-y;
			height: 100% !important; /* IE 6 Fix - background bleeds over otherwise */
		}
		
		.box390pxContentHolder {
			float: left;
		}
		
			/* Background box elements - used to overlay image on box background */
			
			.guestAles {
				background: url(/images/generic/guestAles/guestAlesBackground.jpg) no-repeat;
				width: 387px;
				min-height: 90px
			}
			
			.freeT-Shirt {
				background: url(/images/generic/freeT-Shirt/freeT-ShirtBackground.jpg) no-repeat;
				width: 387px;
				min-height: 82px
			}
			
			/* End background box elements */
			
		.box390pxContent {
			margin: 0 0 0 15px;
		}
		
		/* End 390px box */
		
		/* 850px box - Used for ale summary box on guest ales page */
		
		.box850px {
			background: url(/images/guestAles/box850px/box850pxBackground.jpg) repeat-y;
			height: 100% !important; /* IE 6 Fix - background bleeds over otherwise */
		}
		
		.box850pxContentHolder {
			float: left;
		}
		
		.box850pxContent {
			width: 850px;
			margin: 0;
		}
		
		/* End 850px box */
		
		/* 890px box - Used for Quick Search box out at footer of each page and for the Guest Ales page */
		
		.box890px {
			background: url(/images/generic/box890px/box890pxBackground.jpg) repeat-y;
			height: 100% !important; /* IE 6 Fix - background bleeds over otherwise */
		}
		
		.box890pxContentHolder {
			float: left;
		}
		
		.box890pxContent {
			margin: 0 0 0 15px;
		}
		
		/* End 890px box */
	
	/* End box outs */
	
	/*-------------------------------------------------------------------------------------------------*/
	/* Individual page styles */
	/*-------------------------------------------------------------------------------------------------*/
	
	/* Home page, Ale Trail Page */
	
		/* Map flash element */
	
		#aleTrailMapHolder {
			position: relative;
			height: 407px !important; /* height of element plus top margin */
		}
		
		#aleTrailMap {
			position: absolute;
			top: 5px;
		}
		
		/* End map flash element */
	
	/* End Home page */
	
	/* Ale Trail Page */
	
		/* Individual pub position on trail map */
		
		.aleTrailPubPositions {
			position: absolute;
			z-index: 100;
			margin: 0;
			padding: 0;
		}
		
		/* End */
		
		/* 'Collect Your Stamps' section - only visible on printed page */
		
		#collectStamps {
			display: none;
		}
		
		/* End */
	
	/* End Ale Trail Page */
	
	/* Pub Page */
	
		/* 480px Box seperated into columns */
	
		.box480pxContentPubLeft {
			float: left;
			width: 187px;
			margin: 225px 15px 10px 0;
		}
		
		.box480pxContentPubRight {
			float: left;
			width: 238px;
			margin: 160px 0 10px 0;
		}
		
		/* End */
		
		/* Defines Pub Sign Position */
		
		#pubSign {
			position: absolute;
			top: 0;
			left: 6px;
		}
		
		/* End */
		
		/* Defines pub location image */
		
		.pubLocationImage {
			position: relative;
			width: 360px;
			height: 240px;
			overflow: hidden;
		}

		/* End */
	
	/* End Pub Page */
	
	/* Guest Ales Page */
	
		/* 890px Box seperated into columns */
			
		.box890pxContentGuestAlesLeft {
			float: left;
			width: 460px;
			margin: 10px 0 10px 0;
			padding: 0 0 0 10px !important; /* IE 6 will break if 10px is included as margin */
		}
		
		.box890pxContentGuestAlesRight {
			float: left;
			width: 405px;
			margin: 0;
		}	
		
		/* Map Styles */

		#guestAlesMapHolder {
			position: relative;
			height: 510px !important; /* height of element plus top margin */
		}
		
		#guestAlesMap {
			position: absolute;
		}
		
		/* End */
		
		/* Ale summary box out */
		
		.aleSummaryBox {
			margin: 0 0 10px 5px;
		}
		
		.aleLogo {
			float: left;
			margin: 5px 0 0 0;
			padding: 0 0 0 25px !important; /* IE 6 will break if 25px is included as margin */
			width: 122px;
		}
		
		.aleSummary {
			float: left;
			width: 650px;
			margin: 0 20px 0 20px;
		}
		
		/* End */
		
		#returnLink {
			margin: 0 0 0 5px;
		}

	/* End Guest Ales Page */
	
	/* Terms & Conditions */
	
	.termsAndConditions {
		margin: 10px 20px 10px 10px;
	}
	
	/* End */
	
/*-----------------------------------------------------*/