.ie6 { display: none; }

.left { float: left; }
.right { float: right; }
.clear { float: none; clear: both; }

a img { border: none; }

a { text-decoration: none; }
a:hover { text-decoration: underline; }

p { margin: 12px 0px; }

h1 {
	margin: 0px 0px 12px 0px;
	color: #dd8888;
	font-size: 3em;
}

.bold { font-weight: bold; }

.pink { color: #bf7777; }
.red { color: #ff0000; }

.standard {
	font-size: 1.5em;
	line-height: 1.2em;
}

.large {
	font-size: 1.7em;
	line-height: 1.7em;
}

form {
	margin: 0px;
	padding: 0px;
}

	form p { clear: both; }
	
	form label {
		display: block;
		float: left;
		width: 150px;
	}

body {
	margin: 0px;
	background: #e7e7e7 url('../images/background.jpg') repeat-x;
	font-family: Arial, Sans-serif;
	color: #444;
	text-align: center;
	font-size: 10px;
}

	#container, #footer .content {
		width: 956px;
		margin: 0px auto;
		text-align: left;
	}
	
	#container{}
	
		#top{
			margin-bottom: 30px;
		}
		
			#smallNav {
				padding: 20px;
				font-size: 1.2em;
				color: #fff;
			}
			
				#smallNav a {
					color: #fff;
					text-decoration: underline;
					margin: 0px 0px 0px 10px;
				}
				
				#smallNav img {
					vertical-align: middle;
				}
		
			#nav {
				position: relative;
				height: 67px;
			}
			
				#nav .background { display: none; }
			
				#nav .imgLeft, #nav .imgRight {
					position: absolute;
					top: 0px;
				}
				
				#nav .imgLeft { left: 0px; }
				#nav .imgRight { right: 0px; }
			
				#logo {
					position: absolute;
					top: 50%;
					left: 30px;
					margin-top: -13px;
				}
				
				#pig {
					position: absolute;
					bottom: 5px;
					left: 220px;
				}
			
				#nav .content {
					position: relative;
					margin: 0px 38px;
					padding-left: 300px;
					height: 67px;
					background: url('../images/nav-tile.png') repeat-x;
				}
				
					#nav .content a {
						display: block;
						float: left;
						height: 65px;
						line-height: 65px;
						padding: 0px 20px;
						color: #888;
						font-size: 1.8em;
					}
					
						#nav .content a.selected, #nav .content a:hover {
							color: #333;
							text-decoration: none;
						}
	
		#content{}

			.bigBox, .smallBox {
				position: relative;
				padding: 22px 0px 23px 0px;
				margin-bottom: 15px;
			}
		
			.smallBox {
				width: 371px;
			}
			
			.bigBox {
				width: 571px;
			}
			
				#content .imgTop, #content .imgBottom {
					position: absolute;
					left: 0px;
				}
				
				#content .imgTop { top: 0px; }
				#content .imgBottom { bottom: 0px; }
				
				.bigBox .content, .smallBox .content {
					position: relative;
					padding: 8px 30px;
				}
				
				.bigBox .content { background: url('../images/big-tile.png') repeat-y; }
				.smallBox .content { background: url('../images/small-tile.png') repeat-y; }
				
			#intro .content, #note .content {
				
			}
			
			#intro, #total {
				font-size: 1.8em;
				line-height: 34px;
			}
			
				#intro p {
					margin: 0px;
				}
				
			#note {}
			
				#note .content, #track .content, #contact .content {
					padding-bottom: 60px;
				}
			
				#note #noteIt, #track #trackIt, #contact #sendIt {
					position: absolute;
					bottom: 8px;
					right: 30px;
					width: auto;
					height: auto;
				}
				
				#note label, #track label {
					font-size: 1.3em;
					font-weight: bold;
				}
				
					#note label span, #track label span {
						font-weight: normal;
					}
				
				#note input, #note select {
					font-size: 3em;
				}
				
				#track input {
					font-size: 2em;
					margin-top: 10px;
				}
				
				#note input, #note select, #contact input, #contact textarea {
					width: 350px;
				}
				
				#contact textarea {
					height: 100px;
					font-family: Arial, Sans-serif;
				}
				
				#track input {
					width: 310px;
				}
				
				#note .error, #track .error, #contact .error {
					display: block;
					font-weight: bold;
					color: #ff0000;
				}
				
			.note {}
			
				.note .postcode, .note .time {
					margin-top: 0px;
					font-weight: bold;
				}
				
					.note .time span {
						font-weight: normal;
					}
			
				.note .postcode {
					float: left;
				}
				
				.note .time {
					float: right;
				}
				
				.note p {
					margin: 0px;
				}
				
			#mapCanvas {
				height: 220px;
				font-size: 1.3em;
			}
	
	#footer {
		height: 200px;
		margin-top: 30px;
		padding-top: 10px;
		text-align: center;
		background: #efa2a2;
		border-top: 1px solid #fff;
	}
	
		/*#footer .content - see #container, #footer .content*/
		
		#footer .content {
			color: #fff;
			font-size: 1.3em;
			font-weight: bold;
		}
		
			#footer a {
				color: #fff;
			}