@charset "utf-8";
/* CSS Document - Coastal Marine by Stuart Blackett - stuartblackett@googlemail.com */

body {
	background-image:url(images/background.jpg);
	background-repeat: no-repeat;
	background-position:center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* Holding DIV */

#holdingdiv {
	position: relative;
	margin: 0 auto;
	height: 929px;
	width: 759px;
}

#holdingdiv-large {
	position: relative;
	margin: 0 auto;
	height: 1024px;
	width: 759px;
	background-repeat: repeat;
}

/* Page Classes */

.pagetitle {
	color: #1d103d;
	font-weight: bold;
	font-size: 22px;
	margin-left: 25px;
}

.subtitle {
	color: #1d103d;
	font-weight: bold;
	font-style: italic;
	font-size: 22px;
}

.opacityit img {
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	-moz-opacity: 1;
}

.opacityit:hover img {
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
	-moz-opacity: 0.4;
}

p { 
	margin-left: 25px;
	font-size: 16px;
	line-height: 20px;
	color: #1d103d;
}

.about {
	margin-left: 25px;
	font-size: 14px;
	line-height: 20px;
	color: #1d103d;
}

.aboutul {
	list-style: circle;
}

.aboutli {
	font-size: 12px;
	margin-bottom: 5px;
	color: #1d103d;
}

.aboutrightul {
	list-style: circle;
}

.aboutrightli {
	font-size: 14px;
	margin-bottom: 5px;
	color: #1d103d;
}

.newbuilds {
	font-size: 14px;
	font-weight: bold;
	font-style: italic;
	color: #FF0000;
}

.newbuilds a {
	font-size: 14px;
	font-weight: bold;
	font-style: italic;
	color: #FF0000;
	text-decoration: none;
}

.newbuilds a:hover {
	font-size: 14px;
	font-weight: bold;
	font-style: italic;
	color: #FF0000;
	text-decoration: underline;
}

.facilitiesli {
	font-size: 14px;
	margin-bottom: 15px;
	color: #1d103d;
}

.galleryul {
	list-style: none;
	margin-bottom: 70px;
}

.galleryli {
	display: inline;
	margin-right: 55px;
}
	

/* Nav Holder */
#navholder {
	background-image: url(images/nav-bg.jpg);
	width: 759px;
	height: 53px;
}

#navholder ul {
	list-style: none;
	display: inline;
	margin: 0;
	padding: 0;
}

#navholder li {
	display: inline;
	margin-left : 6px;
}

/* Content */
#contentbg {
	position: absolute;
	background-image: url(images/site-holder-bg.gif);
	width: 759px;
	height: 648px;
	top: 227px;
}

#contentbg-large {
	position: absolute;
	background-image: url(images/site-holder-bg.gif);
	width: 759px;
	height: 677px;
	top: 227px;
}

#content {
	position: absolute;
	width: 455px;
	height: 631px;
	top: 10px;
}

/* Footer */

#footer {
	position: absolute;
	background-image: url(images/footer.jpg);
	width: 759px;
	height: 62px;
	top: 867px;
}

#footernav {
	position: absolute;
	left: 15px;
	top: 17px;
}

#footernav ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#footernav li {
	display: inline;
	text-transform: uppercase;
	font-size: 11px;
	color: #00aeef;
}

#footernav a {
	color: #00aeef;
	text-decoration: none;
}

#footernav a:hover {
	color: #02baff;
}

#footer-large {
	position: absolute;
	background-image: url(images/footer.jpg);
	width: 759px;
	height: 62px;
	top: 873px;
}

#footernav-large {
	position: absolute;
	left: 15px;
	top: 17px;
}

#footernav-large ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#footernav-large li {
	display: inline;
	text-transform: uppercase;
	font-size: 11px;
	color: #00aeef;
}

#footernav-large a {
	color: #00aeef;
	text-decoration: none;
}

#footernav-large a:hover {
	color: #02baff;
}


/* Index Page DIV Tags */

#rightimages {
	position: absolute;
	background-image: url(images/right-images.gif);
	width: 263px;
	height: 561px;
	left: 480px;
	top: 5px;
}

/* About Page DIV Tags */

#about-right {
	position: absolute;
	background-image: url(images/about-right.gif);
	width: 362px;
	height: 620px;
	left: 386px;
}

#about-content {
	position: absolute;
	width: 384px;
	height: 631px;
	top: 10px;
}

/* Facilities Page DIV Tags */

#facilities-right {
	position: absolute;
	background-image: url(images/facilities_bg.gif);
	width: 747px;
	height: 650px;
	left: 1px;
	top: -15px;
}

#facilities-content {
	position: absolute;
	width: 349px;
	height: 631px;
	top: 10px;
}

/* Contact Page DIV Tags */

#contact-large {
	position: absolute;
	width: 747px;
	height: 642px;
	top: 8px;
	left: 4px;
}

#contact-large a {
	text-decoration: none;
	color: #1d103d;
}

#contact-large a:hover {
	text-decoration: underline;
}


#contact {
	position: absolute;
	width: 747px;
	height: 620px;
	top: 8px;
	left: 4px;
}

#contact a {
	text-decoration: none;
	color: #1d103d;
}

#contact a:hover {
	text-decoration: underline;
}