/**
 * Salt Air website
 * www.saltair.co.uk
 *
 * Website general styling
 */


/* body */
body {
	background: #eceae6;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
color: #363636;
}

/* elements */
h1 {
	font-size:23px;
	color: #ff9200;
	margin-bottom:1em;
	font-style:italic;
	line-height:28px;
}
p {
	margin-bottom:1em;
}

/* colours */
.text-grey {
	color: #9a9a9a;
}

/* site wrapper */
.wrapper {
	width:926px;
	margin:0 auto;
	background: #fff;
}

/* site header */
.header {
	border:0px solid red;
}
	.logo {
		float:left;
		margin-left:20px;
		margin-top:15px;
	}
		.logo h1 {
			margin: 0;
		}
			.logo h1 a {
				display:block;
				width:138px;
				height:165px;
				background: url('/assets/images/logo.png');
			}
				.logo h1 a span {
					display:none;
				}
	.headerimage {
		float:left;
		margin-left:25px;
		text-align:right;
		position:relative;
	}
		.headerimage .theimage {
			width:737px;
			height:229px;
			background: url('/assets/images/headerimage.jpg');
			overflow:hidden;
		}
			.headerimage .theimage ul {
				list-style:none;
				margin:0;
				padding:0;
			}
				.headerimage .theimage li {
					position:absolute;
					left:0;
					top:0;
				}
		.headerimage .theinfo {
			position:absolute;
			top:0;
			right:0;
			z-index:10;
		}
	.theimage.surfing {
		background: url('/assets/images/header-images/surfing.jpg');
	}
	.theimage.climbing {
		background: url('/assets/images/header-images/climbing.jpg');
	}
	.theimage.coasteering {
		background: url('/assets/images/header-images/coasteering.jpg');
	}
	.theimage.coasteering-1 {
		background: url('/assets/images/header-images/coasteering-1.jpg');
	}
	.theimage.abseiling {
		background: url('/assets/images/header-images/abseiling.jpg');
	}
	.theimage.lessons {
		background: url('/assets/images/header-images/lessons.jpg');
	}
	.theimage.lifestyle {
		background: url('/assets/images/header-images/lifestyle.jpg');
	}
	.theimage.lifestyle-1 {
		background: url('/assets/images/header-images/lifestyle-1.jpg');
	}
	.theimage.surfer {
		background: url('/assets/images/header-images/surfer.jpg');
	}
	.theimage.surfer-1 {
		background: url('/assets/images/header-images/surfer-1.jpg');
	}

		.headerimage p {
			margin:0 5px 2px 0;
			line-height:1.1em;
		}
		.headerimage p.book-now {
			color: #6a6a6a;
			text-transform:uppercase;
			font-weight:bold;
			font-size:14px;
		}
		.headerimage p.book-phonenumber {
			color: #ff9200;
			font-size:24px;
			font-weight:bold;
		}
		.headerimage p.book-emailaddress,
		.headerimage p.book-emailaddress a {
			color: #f11509;
			text-decoration:none;
			font-weight:bold;
		}
		.headerimage p.book-emailaddress a:hover {
			text-decoration:underline;
		}

/* site footer */
.footer {
	margin-left:20px;
	padding-bottom:30px;
	margin-top:30px;
	position:relative;
	width:890px;
}
	.pretty-vector {
		position:absolute;
		right:5px;
		bottom:0;
	}
	.surfgirl {
		width:321px;
		height:220px;
		background: url('/assets/images/footer.surfgirl.png');
		bottom:90px;
	}
	.climb {
		width:189px;
		height:266px;
		background: url('/assets/images/footer.climb.png');
		bottom:110px;
	}
	.coasteer {
		width:250px;
		height:225px;
		background: url('/assets/images/footer.coasteer.png');
		bottom:90px;
	}
	.contact-info {
		background: url('/assets/images/footer.bg.png') center bottom no-repeat;
		height:24px;
		padding-top:47px;
	}
		.address {
			float:left;
			margin-left:20px;
			color: #fff;
		}
			.address p {
				margin:0;
			}
				.address p span {
					font-weight:bold;
				}
		.phone-email {
			float:right;
			margin-right:40px;
			color: #fff;
		}
			.phone-email p {
				margin:0;
			}
				.phone-email p span {
			 		font-weight:bold;
				}
			.phone-email a {
				color: #fff;
				text-decoration:none;
			}
			.phone-email a:hover {
				color: #fff;
				text-decoration:underline;
			}
	.sitemap-credits {
		margin-right:20px;
		margin-top:5px;
		color: #8b8181
	}
		.sitemap {
			float:left;
			margin-left:20px;
			width:490px;
			font-size:0.8em;
		}

			.sitemap p {
				margin:0;
			}
			.sitemap p span {
				font-weight:bold;
			}
			.sitemap a {
				color: #8b8181;
				text-decoration:none;
			}
			.sitemap a:hover {
				color: #8b8181;
				text-decoration:underline;
			}
		.site-credit {
			float:right;
			margin-right:20px;
			color: #8b8181;
			font-size:0.8em;
		}
			.site-credit p {
				margin:0;
			}
			.site-credit a {
				color: #8b8181;
				text-decoration:none;
			}
			.site-credit a:hover {
				color: #8b8181;
				text-decoration:underline;
			}

/* side column */
.side-column {
	float:left;
	width:160px;
	margin-top:-5px;
	margin-left:20px;
}

/* content column */
.content-column {
	margin-left:200px;
	margin-top:-10px;
	width:710px;
}

/* content */
.content {
	margin-left:5px;
}

/* side [column] block */
.side-block {
	margin-top:20px;
	width:169px;
}
	/* book now side block */
	.side-block-booknow a {
		display:block;
		width:169px;
		height:134px;
		background: url('/assets/images/booknow.png');
	}
		.side-block-booknow a span {
			display:none;
		}
	
/* top navigation */
.top-navigation {
	height:80px;
}
	.top-navigation ul {
		list-style:none;
	}
		.top-navigation li {
			float:left;
		}
			.top-navigation li a {
				display:block;
				background-position: left bottom;
				background-repeat: no-repeat;
				margin-left:10px;
			}
			.top-navigation li a:hover {
			}
				.top-navigation li a span {
					display:none;
				}
			.top-navigation li a.surf {
				background-image: url('/assets/images/topnav.surf.png');
				width:117px;
				height:44px;
			}
				.top-navigation li a.surf:hover {
					background-image: url('/assets/images/topnav.surf.hover.png');
					width:112px;
					height:60px;
				}
			.top-navigation li a.coasteer {
				background-image: url('/assets/images/topnav.coasteer.png');
				width:229px;
				height:43px;
			}
				.top-navigation li a.coasteer:hover {
					background-image: url('/assets/images/topnav.coasteer.hover.png');
					width:226px;
					height:64px;
				}
			.top-navigation li a.climb {
				background-image: url('/assets/images/topnav.climb.png');
				width:143px;
				height:36px;
			}
				.top-navigation li a.climb:hover {
					background-image: url('/assets/images/topnav.climb.hover.png');
					width:148px;
					height:61px;
				}
			.top-navigation li a.abseil {
				background-image: url('/assets/images/topnav.abseil.png');
				width:147px;
				height:32px;
			}
				.top-navigation li a.abseil:hover {
					background-image: url('/assets/images/topnav.abseil.hover.png');
					width:151px;
					height:58px;
				}
			/*** GHOSTED **/
			.top-navigation.ghosted li a.surf {
				background-image: url('/assets/images/topnav.surf.ghosted.png');
				width:117px;
				height:44px;
			}
				.top-navigation.ghosted li a.surf:hover,
				.top-navigation.ghosted li a.surf.selected {
					background-image: url('/assets/images/topnav.surf.hover.png');
					width:112px;
					height:60px;
				}
			.top-navigation.ghosted li a.coasteer {
				background-image: url('/assets/images/topnav.coasteer.ghosted.png');
				width:229px;
				height:43px;
			}
				.top-navigation.ghosted li a.coasteer:hover,
				.top-navigation.ghosted li a.coasteer.selected {
					background-image: url('/assets/images/topnav.coasteer.hover.png');
					width:226px;
					height:64px;
				}
			.top-navigation.ghosted li a.climb {
				background-image: url('/assets/images/topnav.climb.ghosted.png');
				width:143px;
				height:36px;
			}
				.top-navigation.ghosted li a.climb:hover,
				.top-navigation.ghosted li a.climb.selected {
					background-image: url('/assets/images/topnav.climb.hover.png');
					width:148px;
					height:61px;
				}
			.top-navigation.ghosted li a.abseil {
				background-image: url('/assets/images/topnav.abseil.ghosted.png');
				width:147px;
				height:32px;
			}
				.top-navigation.ghosted li a.abseil:hover,
				.top-navigation.ghosted li a.abseil.selected {
					background-image: url('/assets/images/topnav.abseil.hover.png');
					width:151px;
					height:58px;
				}

/* side navigation */
.side-navigation {
	background: #8f0052;
	color: #fff;
	text-transform:uppercase;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;

}
	.side-navigation ul {
		list-style:none;
	}
		.side-navigation li {
			border-bottom:1px dotted #fff;
		}
			.side-navigation li a {
				color: #fff;
				display:block;

				padding:12px 20px;
				text-decoration:none;
			}
			.side-navigation li.first a {
			}
			.side-navigation li a.selected {
				color: #fff;
				background: #f1048c;
			}
			.side-navigation li a:hover {
				color: #fff;
				background: #f1048c;
			}
		.side-navigation li.last {
			border:0;
		}
	.side-navigation ul ul {
		list-style:none;
		padding-bottom:10px;
		font-size:0.9em;
	}
		.side-navigation ul ul li {
			border:0;
			padding:0;
		}
			.side-navigation ul ul li a {
				padding:0 20px 0 20px;
			}


/** home page **/
.home-page {
	background: url('/assets/images/graphic.polaroids.png') right top no-repeat;
	min-height:335px;
}
.home-page h1 {
	width:405px;
	padding-top:45px;
}

.text-column {
	float:left;
	width:230px;
	margin-right:20px;
	color: #8f0052;
}

.right-column-container {
float:right;
text-align:right;
}

.sub-page {
width:450px;
}