@charset "utf-8";
/* CSS Document */

*, html {
	margin: 0;
	padding: 0;
}

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666;
	line-height: 20px;
}

a {
	color: #6782c2;
	text-decoration: none;
}

a:hover {
	color: #ccc;
}

p {
	margin-bottom: 14px;
}

#wrapper {
	width: 850px;
	margin: 0 auto;
}

#header {
	border-bottom: 1px solid #718ac6;
}

#header a img {
	border: 0;
}

#contact-header {
	float: right;
	margin-top: 58px;
}

#nav ul li {
	float: left;
	list-style: none;
	margin-right: 38px;
	display: block;
	position: relative;
}

#header #nav ul li a {
	display: block;
	position: relative;
}

#nav ul li a img {
	border: 0;
	display: block;
	position: relative;
}


#nav ul li#nav-home { position: relative; background: url(/images/nav_over-about.png) no-repeat top left; }
#nav ul li#nav-galleries { position: relative; background: url(/images/nav_over-galleries.png) no-repeat top left; }
#nav ul li#nav-services { position: relative; background: url(/images/nav_over-services.png) no-repeat top left; }
#nav ul li#nav-links { position: relative; background: url(/images/nav_over-links.png) no-repeat top left; }
#nav ul li#nav-shop { position: relative; background: url(/images/nav_over-shop.png) no-repeat top left; }
#nav ul li#nav-contact { position: relative; background: url(/images/nav_over-contact.png) no-repeat top left; margin-right: 0;}
#nav ul li#nav-dolphins { position: relative; background: url(/images/subnav_over-dolphins.png) no-repeat top left; }
#nav ul li#nav-whales { position: relative; background: url(/images/subnav_over-whales.png) no-repeat top left; }
#nav ul li#nav-mantas { position: relative; background: url(/images/subnav_over-mantas.png) no-repeat top left; margin-right: 0;}

#nav ul li a:hover img, #nav ul li.active a img {
	visibility: hidden;
}


#nav ul#subnav {
	margin-left: 155px;
}

#nav ul#subnav li {
	margin-right: 10px;
	padding-bottom: 4px;
}

#main-splash {
	clear:both;
	border: 12px solid #d3d1d1;
	border-left-width: 18px;
	border-right-width: 18px;
	text-align: center;
	padding: 12px 0;
	background: #f8f8f8;
}

#galleries-flash {
	clear: both;
	height: 620px;
	width: 800px;
	margin: 0 auto 38px auto;
	background: #ccc;
}
#content, #links, #services {
	padding: 14px 32px;
	clear: both;
}

#footer {
	clear: both;
	padding: 12px 0;
	border-top: 1px solid #718ac6;
}

#contact-images #right-contact-image, #contact-images #left-contact-image {
	border: 12px solid #d3d1d1;
	border-left-width: 18px;
	border-right-width: 18px;
	text-align: center;
	padding: 12px 0;
	width: 350px;
	background: #f8f8f8;
}

#contact-images #right-contact-image { float: right; }
#contact-images #left-contact-image { float: left; }

#contact-email {
	margin-left: 300px;
}
#contact-email p {
	margin-bottom: 8px;
}

#links, #services {
	padding-top: 0;
}

.link-item, .services-item {
	clear: both;
	margin-bottom: 24px;
}

.link-item h1, .services-item h1 {
	padding: 8px 15px 8px 15px;
	color: #012e99;
	font-size: 14px;
	font-weight: normal;
	text-transform: uppercase;
	background: #e6f6f7;
	margin-bottom: 5px;
}


.link-item .link-content, .services-item .services-content {
	float: right;
	width: 464px;
min-height: 200px;
}

.link-item .link-image, .services-item .services-image {
	float: left;
	border: 3px solid #d3d1d1;
	width: 240px;
	padding: 10px 0;
	background: #f8f8f8;
	text-align: center;
}

.link-item .link-image:hover, .services-item .services-image:hover {
	background: #fefefe;
}