* {
	color: inherit;
	margin: 0px;
	padding: 0px;
	text-decoration: inherit;
}

body {
	background-color: #afc0dd;
	background-image: url(../images/background.jpg);
	background-position: center top;
	background-repeat: no-repeat;
}

	.container {
		width: 765px;
		margin-left: auto;
		margin-right: auto;
	}
	
		.header {
			width: 735px;
			height: 88px;
			background-image: url(../images/headerbg.gif);
			background-repeat: no-repeat;
			background-position: top center;
			padding: 15px;
			color: white;
			font-style: oblique;
		}
		
			.header h1 a {
				display: block;
				height: 63px;
				background-image: url(../images/logo.gif);
				background-repeat: no-repeat;
				background-position: top center;
				color: #00389d;
				overflow: hidden;
				text-indent: -1000px;
			}
			
			.header .marquee {
				margin-top: 4px;
				overflow: hidden;
			}
			
				.header .marquee span {
					display: block;
					min-width: 100%;
					padding-left: 100%;
					padding-right: 100%;
					font-size: 11pt;
				}
				
		.menu {
			display: block;
			height: 110px;
			overflow: hidden;
		}
		
			.toplevellist {
				display: block;
				float: left;
				width: 64px;
				height: 100px;
				font-size: 7.5pt;
				text-transform: uppercase;
				margin-left: 23px;
				margin-right: 22px;
				overflow: hidden;
				color: #0046ad;
				background-image: url(../images/button-home-background.png);
				background-repeat: no-repeat;
				background-position: top center;
			}
			
				.toplevellist > a {
					display: block;
					width: 64px;
					height: 10px;
					padding-top: 80px;
					text-align: center;
					color: #0046ad;
					padding-bottom: 8px;
					text-decoration: none !important;
				}
			
			.menu li.paddle {
				background-image: url(../images/button-paddle-background.png);
			}
			
			.menu li.sail {
				background-image: url(../images/button-sail-background.png);
			}
			
			.menu li.surf {
				background-image: url(../images/button-surf-background.png);
			}
			
			.menu li.wake {
				background-image: url(../images/button-wake-background.png);
			}
			
			.menu li.wetsuits {
				background-image: url(../images/button-wetsuit-background.png);
			}
			
			.menu li.gallery {
				background-image: url(../images/button-gallery-background.png);
			}
			
			.menu li.home:hover {
				background-image: url(../images/button-home-hover-background.png);
			}
			
			.menu li.paddle:hover {
				background-image: url(../images/button-paddle-hover-background.png);
			}
			
			.menu li.sail:hover {
				background-image: url(../images/button-sail-hover-background.png);
			}
			
			.menu li.surf:hover {
				background-image: url(../images/button-surf-hover-background.png);
			}
			
			.menu li.wake:hover {
				background-image: url(../images/button-wake-hover-background.png);
			}
			
			.menu li.wetsuits:hover {
				background-image: url(../images/button-wetsuit-hover-background.png);
			}
			
			.menu li.gallery:hover {
				background-image: url(../images/button-gallery-hover-background.png);
			}
			
				.menu li ul {
					display: none;
				}
				
				.menu li.toplevellist:hover ul {
					display: block;
					position: absolute;
					background-color: #c4d4ec;
					-webkit-border-radius: 6px;
					-moz-border-radius: 6px;
					border-radius: 6px;
					-webkit-box-shadow: #000 5px 5px 20px;
					overflow: hidden !important;
					margin-left: 5px;
				}
				
					.menu li li {
						display: block;
						list-style: none !important;
						border-bottom: solid #9eabbf 1px;
					}
					
					.menu li li:last-child {
						border-bottom: none !important;
					}
					
						.menu li li a {
							display: block;
							padding: 5px;
						}
						
						.menu li li a:hover {
							color: black;
						}
			
		.contentcontainer {
			padding-left: 10px;
			padding-right: 10px;
		}
		
				.mainrow {
					overflow: hidden;
					width: 746px;
				}
				
					.mainrow .text {
						height: 312px;
						width: 313px;
						padding-left: 37px;
						padding-top: 23px;
						padding-right: 20px;
						
						float: left;
						background-color: #e8eff8;
						background-image: url(../images/content-background.gif);
						background-repeat: no-repeat;
						background-position: top left;
						
						overflow-y: scroll;
						overflow-x: hidden;
					}
					
						.mainrow .gallery-item {
							width: auto !important;
							padding:  5px;
							margin: 5px;
							border: solid #a3b5d9 1px;
						}
					
					.mainrow .image {
						height: 335px;
						width: 376px;
						float: right;
						background-color: #a3b5d9;
						background-image: url(../images/image-background.gif);
						background-repeat: no-repeat;
						background-position: top right;
						overflow: hidden;
					}
					
		.footer {
			height: 64px;
			margin-top: 33px;
			margin-left: 10px;
			margin-right: 10px;
			background-image: url(../images/footer-background.png);
			background-repeat: no-repeat;
			background-position: bottom left;
		}
		
			.footer .promotion {
				width: 359px;
				height: 50px;
				padding: 4px;
				padding-top: 10px;
				float: left;
			}
			
			.footer .contactinfo {
				float: right;
				padding-top: 0.5em;
			}
			
		.attribution {
			margin-top: 1.4em;
			padding-left: 50px;
			padding-right: 10px;
		}