/* Sea Sanctuary CSS Document - MASTER */


body { margin:0 0 50px 0; font-size:62.5%; background:url(../images/bg.gif); font-family:Arial, Helvetica, sans-serif; color:#666; }

img { border:none; }

a { color:#666; text-decoration:none; }
a:hover { text-decoration:underline; }

ul li.last { margin-right:0; padding-right:0; background:none; }

.container { margin:0 auto; width:970px; position:relative; }



/*Wrapper
--------------------------------------------------------------------------*/
.wrapper { background:url(../images/wrapper-bg.gif) repeat-y; width:961px; padding:0 9px 0 0; position:relative; }

.wrapper-inner { background:url(../images/wrapper-vert-bg.gif) repeat-x top #d3e5f5; padding:144px 0 75px 70px; }

.wrapper-bottom { position:absolute; bottom:0; left:0; }
 
.logo { background:url(../images/logo.gif) no-repeat top left; width:403px; height:60px; overflow:hidden; text-indent:-9999px; padding:0; margin:0; position:absolute; top:25px; right:82px; z-index:100; }
	.logo a { width:403px; height:60px; display:block; }

.navi-second { clear:both; margin:0 0 0 3px; padding:0; font-family:Georgia, "Times New Roman", Times, serif; font-size:1.2em; }
	.navi-second li { margin:0; padding:0; list-style:none; float:left; padding-right:5px; margin-right:5px; background:url(../images/footer-divide.gif) no-repeat center right; }	

/*Navigation*/
.navi { font-family:Georgia, "Times New Roman", Times, serif; font-size:1.5em; width:820px; text-align:right; position:absolute; top:112px; right:82px; z-index:100; margin:0; padding:0; }
	.navi li { margin:0; padding:0; list-style:none; display:inline; padding-right:10px; margin-right:10px; background:url(../images/navi-divide.gif) no-repeat center right; }
	.navi li a.active { color:#000; }
	.navi li a:hover { color:#FFF; text-decoration:none; }
		
		
		
/*Content
--------------------------------------------------------------------------*/
.content { background:url(../images/content-bg.png) repeat-y; width:820px; padding:0 10px 65px 0; margin:0 0 15px 0; position:relative; }

.content-bottom { position:absolute; bottom:-12px; left:0; }

.content-inner { background:url(../images/content-vert-bg.gif) repeat-x bottom #FFF; padding:0 30px 0 20px; }
	.content-inner .banner-pic { margin:0 0 27px -20px; background:url(../images/banner001.jpg) no-repeat top left; width:820px; height:203px; float:left; }
		.content-inner-text { float:right; width:507px; margin-left:23px; padding:15px 0; }
			.content-inner-text h1 { font-size:3em; margin:0 0 20px 0; padding:0; font-weight:normal; }
			.content-inner-text h2 { margin:0; padding:0; font-size:1.2em; line-height:1.5em; }
			.content-inner-text p { margin:0 0 20px 0; padding:0; font-size:1.2em; line-height:1.5em; }
				.content-inner-text p.contact-text { font-size:1.4em; }
					.content-inner-text p.contact-text em { font-size:1.2em; font-style:normal; }
				.content-inner-text p.contact-float { float:left; margin-right:40px; }
				.content-inner-text p.contact-clear { clear:both; }
					.content-inner-text ul { margin:0 0 20px 20px; padding:0; font-size:1.2em; line-height:1.5em; }
					.content-inner-text li { list-style:outside; }

.content-inner blockquote { margin:0; padding:0; }
	.content-inner blockquote p { margin:0 0 15px 0; padding:0; font-size:1.4em; line-height:1.5em; font-style:italic; }
	.content-inner blockquote cite { margin:0 0 20px 0; padding:0; font-size:1.1em; line-height:1.5em; font-weight:bold; font-style:normal; }

.content-inner-text .gallery { margin:0; padding:0; }
	.content-inner-text .gallery li { float:left; list-style:none; width:121px; height:90px; margin:0; padding:0 5px 5px 0; }

.newsletter { width:200px; float:left; background:#cadef2; padding:15px 20px 0 20px; }
.newsletter-bottom { padding-bottom:30px; }
	.newsletter h3 { font-size:3em; margin:0 0 20px 0; padding:0; font-weight:normal; }
	.newsletter p { margin:0 0 20px 0; padding:0; font-size:1.2em; line-height:1.5em; }
	.newsletter .caption { margin:10px 0 50px 0; padding:0; font-size:1.2em; line-height:1.5em; }
	.newsletter img { margin:15px -20px 0 -20px; }
	.newsletter img.no-newsletter { margin:0 -20px 0 -20px; }
	.newsletter img.no-newsletter-services { margin:0 -20px 0 -20px; }
		.newsletter form { margin:0; padding:5px 0 0 0; }
		.newsletter form label { font-weight:bold; font-size:1.4em; display:block; margin:0 0 15px 0; }
		.newsletter .formbox { border:1px solid #8fbbd8; background:#eaf2ff; padding:4px 0 4px 4px; margin:0; width:195px; font-size:1.2em; color:#8FBBD8; }
		.newsletter .searchbutton { width:62px; height:20px; float:right; margin-top:-10px; }
			.newsletter ul { margin:0 0 30px 0; padding:0; }
			.newsletter li { font-size:1.7em; padding:0 0 6px 14px; list-style:none; background:url(../images/arrow.gif) no-repeat 0 4px; }
			.newsletter li a:hover { color:#FFF; text-decoration:none; }

/*Home page*/
.content-home { background:url(../images/content-vert-bg.gif) repeat-x bottom #FFF; padding:0 30px 0 0; }
	.content-home h1 { font-size:2em; line-height:1.4em; margin:0 0 34px 0; padding:80px 0 0 0; font-weight:normal; }
	.content-home p { margin:0; padding:0; font-size:1.2em; line-height:1.4em; }
		.content-home .home-pic { float:left; margin:0 17px 0 0; background:url(../images/home01.png) no-repeat top left; width:558px; height:639px; }
.content-sub-1 { padding-top: 20px; padding-bottom: 20px; width:500px; float:left; }
	.content-sub-1 p { font-size:1.5em; font-weight: bold; padding: 0; margin-bottom: -2px; }
	.content-sub-1 img { padding-right: 20px; }
	.content-sub-1 img.spec { margin-bottom: 5px; }
.content-sub-2 { padding-top: 20px; padding-bottom: 20px; width:300px; float:right; }
	.content-sub-2 p { font-size: 1.5em; font-weight: bold; padding: 0; margin-bottom: -2px; }
/*Articles
--------------------------------------------------------------------------*/
#articles h2 {
marint-top: 30px;
padding-top:20px;
border-top: 1px solid #666;
font-size: 1.3em;
}


/*Gallery
--------------------------------------------------------------------------*/
.photo-holder {
	width: 150px;
	height: 150px;
	padding: 10px;
	text-align: center;
	border: 1px solid #999;
	background-color: #eee;
	float: left;
	margin-right: 10px;
}

/*Content */
.content-holder a {
	text-decoration: underline;
}

/*Footer
--------------------------------------------------------------------------*/
.footer { margin:0 auto; width:970px; font-size:1.1em; padding:10px 0 0 3px; }
	.footer ul { margin:0; padding:0; }
	.footer li { list-style:none; float:left; padding-right:5px; margin-right:5px; background:url(../images/footer-divide.gif) no-repeat center right; }
		.footer p { margin:0; padding:8px 0 0 0; clear:both; }



/*Clear fix
--------------------------------------------------------------------------*/
.clearfix { display:inline-table; zoom:1; /* Hides from IE-mac \*/ height:1%; display:block; /* End hide from IE-mac */ }
html>body .clearfix { height:auto; }
.clearfix:after { content: "."; display:block; height:0; clear:both; visibility:hidden; }