/* @group General Styles */

body {
	color: #333;
	font-size: 0.85em;
	line-height: 1.4;
	font-family: Arial, Helvetica, Geneva, sans-serif;
	background-color: #3d9dcc;
}

a:link {
	color: #3d9dcc;
	text-decoration: none;
}

a:visited {
	color: #47b8ef;
}

a:hover {
	color: #2a6d8e;
	text-decoration: underline;
}

a:active {
	text-decoration: none;
}

img {
	border: 1px solid #fff;
}

a:hover img {
	border: 1px solid #3d9dcc;
}
#button {
	float: right;
	margin-top: 10px;
}
/* @end */

/* @group Layout */

#container {
	width: 750px;
	margin: 0 auto;
	border: 10px solid white;
	background-color: #fff;
	position: relative;
}

#pageHeader {
	padding: 10px;
	background: url(natSurfingHeader.jpg) 0 -10px;
}

#pageHeader h1 {
	color: #fff;
	height: 125px;
	text-indent: -1000px;
	font-size: 1px;
}

#pageHeader h2 {
	margin: 0;
	color: #3d9dcc;
}

#contentContainer {
	height: 630px;
	background: url(wavebg.jpg) no-repeat 215px 165px;
}

#content #centre {
	position: absolute;
	left: 290px;
	top: 210px;
}
#content #centre img {
	border: 0;
}
#left1, #left2, #left3, #left4, #right1, #right2, #right3, #right4 {
	position: absolute;
	width: 100px;
	height: 100px;
}

#left1 {
	top: 210px;
	left: 140px;
	text-align: right;
}

#left2 {
	top: 350px;
	text-align: right;
}

#left3 {
	top: 500px;
	left: 15px;
	text-align: right;
}

#left4 {
	top: 610px;
	left: 140px;
	text-align: right;
}

#right1 {
	top: 210px;
	left: 400px;
}

#right2 {
	top: 350px;
	left: 515px;
}

#right3 {
	top: 500px;
	left: 510px;
}

#right4 {
	top: 610px;
	left: 405px;
}

#contentContainer #content {
	padding: 0 20px 10px 10px;
}

#footer {
	font-size: 0.9em;
	text-align: center;
	padding: 10px;
	border-top: 2px solid #378fba;
	background-color: white;
}