/* Start of CMSMS style sheet 'default' */
/* Start of CMSMS style sheet 'spirit' */
body {
	margin:0;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	color:#6F6F6F;
	background:url(uploads/images/bg.jpg) top center repeat-x;
	background-color: #ddedf5;
	font-size:0.8em;
	line-height: 1.5em;
	}
	
	* html body {
		font-size: x-small; /*IE 5*/
		f\ont-size:small; /*Other IE versions*/
	}
	
	p,h1,h2,h3,h5,h6,img,div {
		padding:0;
		margin:0;
	}

#whaleBg {
background:url(uploads/images/whalebg.png) top center repeat-y;
}



#weddingBg {
background:url(uploads/images/weddingsbgpic.png) top left repeat-x; 
}

#topheadingtitle2 {background:url(uploads/images/whalewatchingbg.jpg) top left repeat-x; color:#fff; height:40px;}

#topheadingtitle2 h1{color:#fff; font-family:"Lucida Grande", "Lucida Sans", Arial, Helvetica, sans-serif;
        font-weight:100; font-size: 1.4em; padding: 10px; 0px 6px 6px;  display:inline; float:left;}

#topheadingtitle2 h2{color:#ddedf5; font-family:"Lucida Grande", "Lucida Sans", Arial, Helvetica, sans-serif; font-weight:100; font-size: 1.1em; padding: 10px; 0px 0px 6px; display:inline; float:left; }

#topheadingtitle2 p {color:#ddedf5; font-family:"Lucida Grande", "Lucida Sans", Arial, Helvetica, sans-serif;  font-size: 0.9em; padding: 2px; 0px 0px 0px; display:inline; float:right;}

#topheadingtitle2 a {color:#fff; font-family:"Lucida Grande", "Lucida Sans", Arial, Helvetica, sans-serif;   text-decoration:none; }

#topheadingtitle2 a:hover {color:#ddedf5; font-family:"Lucida Grande", "Lucida Sans", Arial, Helvetica, sans-serif;  text-decoration:none; }




li {
list-style:none;
}
	
/*
div#content h1 {
	color: #0089bb;
	font-family:"Lucida Grande", "Lucida Sans", Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	text-align: left;
	padding-left: 6px;
	padding-bottom: 1px;
	border-bottom: 1px solid #78b9ec;
	border-left: 0.2em solid #0089bb;
	line-height: 1.9em;
        margin: 1.0em 0.3em 0.5em 0;

	}
*/

div#content h1 {
	color: #0066CC;
	font-family:"Lucida Grande", "Lucida Sans", Arial, Helvetica, sans-serif;
        font-weight:100;
	font-size: 1.6em;
padding: 10px 0px 10px 0px;
	}

div#content h2{
	color: #0089bb;
	font-family:"Lucida Grande", "Lucida Sans", Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	text-align: left;
	/* some air around the text 
	padding-left: 6px;*/
	padding-bottom: 1px;
        margin: 1.0em 0.3em 0.5em 0;
	/* text-indent: 6px;		*/
		
	}
	
div#content h3 {
	color: #0089bb;
	font-family:"Lucida Grande", "Lucida Sans", Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	text-align: left;
	/* some air around the text 
	padding-left: 6px;*/
	padding-bottom: 1px;
	
	/* and some air under the border */
        margin: 1.0em 0.3em 0.5em 0;
		
		
	}

	h2.subtitle {
		color:#4ea0e7;
		font-size:1.2em;
		padding:3px 0;
	}
	
	img {	
		border:0;
	}
	
	.toptop {
	font-size: 1.3em
	}

img.floatright {
	border:1px solid #8da09d;
	float:right;
	margin-left:15px;
	margin-top:15px;
	padding:4px;
}

img.floatleft {
	border:1px solid #8da09d;
	float:left;
	margin-right:15px;
	padding:4px;
}


	/*	DIV BOX
	-------------------------------------------*/

	h1#logo {
		float:left;
	}

	#top {
		width:960px;
		wid\th:940px;
		margin:auto;
		background-color:#FFF;
		padding:10px;
		padding-top:0;
		position:relative;
		font-size:0.9em;
	}
	
	/*	DISPLAY BOXES
	----------------------------------*/
	
	
	
	img.align, .sidePIC img {
	display: block;
	padding: 3px;
	border: 1px solid #C9DBF7;
	margin:  3px 5px;
}

#newsletter {
padding-left:5px;

}

div.sidePIC {
width:280px;
	padding: 5px 5px 5px 2px;
	background-color: #FDFCF9;
	margin-bottom: 12px;
	margin-top: 12px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #78b9ec;
	border-bottom-color: #C9DBF7;
}
	div.sidePIC img {
		float: left;
		margin-right: 8px;
	}
	div.sidePIC h3 {
		display: inline;
		font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "Trebuchet MS", Verdana, sans-serif;
		border: none;
		background: none;
		font-weight: 300;
	}
		div.sidePIC h3 a {
			color: #70607d;
			text-decoration: none;
		}
	div.sidePIC p {
		margin-top: 3px;
		font-size: 11px;
		line-height: 15px;
		margin-bottom: 0;
	}
	


	/*	DISPLAY BOXES
	----------------------------------*/	
	
	#ads {
		margin-top:10px;
	}
	
	#ads div.adbox {
		float:left;
		width:25%;
		margin-right:2px;
	}
	
	#ads div.lastadbox {
		float:left;
		width:24%;
	}
	
	div.adbox div.adcontent p{
		padding:8px 0 8px 6px;
	}
	
	div.lastadbox div.adcontent p{
		padding:8px 0 8px 6px;
	}
	
	.clear {
		clear:both;
	}	
	
	.clearfix:after{
		clear: both;
		display: block;
		content: ".";
		height: 0;
		visibility: hidden;
	}
	
	.clearfix{
		display: inline-table;
	}
	
	/* Hides from IE-mac \*/
	* html .clearfix{
		height: 1%;
	}
	
	.clearfix{
		display: block;
	}
	
	/*	FOOTER
	-----------------------------------------*/
	#footer {
		background:url(uploads/images/footer.jpg) top right repeat-x	;
		height:47px;
		font-size:0.9em;
		margin-top:10px;
	}
	
	#footer #footer1 {
		background:url(uploads/images/footer.jpg) top right repeat-x;
		height:47px;
	}
	
	#footer-content {
		padding:14px 0 10px 14px;
	}
	
	.lightfooter a:{
	color:#66CCFF;
	}
	
	/*MAIN CONTENT*/

table.contentTable {
float:left;
margin-right:20px;
width:622px;
}	

div#content {
		margin-top:5px;
		/*margin-right:340px;*/
		min-height:350px;
                background-color:#FFF;
                height:auto;

	}
	
/*
	div#main-content h1 {
		font-size:1.4em;
		color:#333333;/*#006577;*/
		padding:3px 0;
	}
	
*/
	div#content p {
		margin:5px 0 10px 0;
	}
	
	div.content-page-nav .page-left-nav {
		float:left;
	}
	
	div.content-page-nav .page-left-nav a {
		background:url(uploads/images/arrow_left.gif) no-repeat top left;
		padding-left:10px;
	}
	
	div.content-page-nav .page-right-nav {
		float:right;
	}
	
	div.content-page-nav .page-right-nav a{
		background:url(uploads/images/arrow_right.gif) no-repeat top right;
		padding-right:10px;
	}
	
	
	/*	HYPER LINK
	---------------------------------------*/
	a {
	color:#0066CC;
	text-decoration: none;
	}
	
	a:link {
	color:#0066CC;
	text-decoration: none;
		
	}
	
	a:hover {
	color:#00A1BB;
	}
	
	/* SUB MENU
	------------------------------------*/
	#submenu {

float:left;
width:288px;	
margin-top:150px;
}
	
	#in-submenu {
		background:url(uploads/images/subnavbottom.png) bottom left no-repeat;
		padding-bottom:9px;
position:absolute;
	right:20px;
	top:275px;
width:288px;
}
	
	#in-submenu h1 {
		background:url(uploads/images/subnavtop.png) top left no-repeat;
		padding:0;
		margin:0;
		font-size:1.3em;
		height:25px;
		padding:8px 0 5px 10px;
		color:#FFF;
	}	
	
	#in-submenu h1 a:hover{
		color:#80c6e3;
	}
	
	#in-submenu ul {
		list-style:none;
		padding:0;
		margin:0;
	}
	
	#in-submenu ul ul {
		padding:0;
		margin:0;
	}
	
	
	#in-submenu ul li {
		border-top:1px solid #FFF;
		color:#FFF;
		background-color:#008abb;
	}
	
	#in-submenu a {
		display:block;
		color:#FFF;
		text-decoration:none;
		height:15px;
	}
	
	#in-submenu li a.selected, #in-submenu li a.currentpage {
		background-color:#005f87;
	}
	
	
	#in-submenu li a {
		padding:5px 0 5px 14px;
	}
	
	#in-submenu li li a {
		padding:5px 0 5px 24px;
	}
	
	#in-submenu li li li a {
		padding:5px 0 5px 34px;
	}
	/*deep level 4*/
	#in-submenu li li li li a {
		padding:5px 0 5px 44px;
	}
	
	
	#in-submenu a:hover {
		color:#005f87;
	}
	#in-submenu li a:hover,#in-submenu li a.selected {
		color:#FFF;
		background-color:#005f87;
	}
	
	#sideGallery {
		margin-top:40px;
		background-color:#FFFFFF;
	}
	
	#sideGallery img {
	padding:3px;
	border: 1px #ccc solid;
	}
	
	
	
	
	/* FRONT FEATURES
	------------------------------------*/
	#features {
		margin-top:5px;
	}
	
	#front-gallery {
		float:left;
		width:58%;
	}
	
	#front-gallery #gallery {
		margin-top:10px;
	}
	
	#front-gallery #gallery ul {
		list-style:none;
		padding:0;
		margin:0;
	}
	
	#front-gallery #gallery ul li {
		float:left;
		width:90px;
		margin:4px 0;
	}
	
	
	
	/*	SEARCH BOX
	 ------------------------------*/
	 div#search-box {
		position:absolute;
		top:40px;
		right:10px;
	 }
	 
	 #toptopmenu {
	 	margin-bottom:4px;
		color:#0094AD;
		position:absolute;
		top:5px;
		right:10px;
		text-decoration:none;
	
	 }
	 
	 div#bookhere .searchbox {
	 	
		border:none;
		padding-left:22px;		
		height:50px;
		vertical-align:middle;
	 }
	 
	
	 
	
	
	   
	 /* GALLERY PAGE
	 ----------------------------------------------*/
	 #allgallery div.apicture{
	 	float:left;
		margin:7px 11px;
		text-align:center;
		display:inline;
	 }
	 
	 #allgallery div.horizontal {
	 	padding:20px 0 0 0;
	 }
	 
	 #allgallery div.vertical {
	 	padding:0 10px;
	 }

	/* End hide from IE-mac */
	/* Firefox Scrollbar Hack - Do not remove */
	html {
		margin-bottom: 1px;
		height: 100%;
	}

   
	 /* UPDATED GALLERY PAGE
	 ----------------------------------------------*/



/*preload classes*/ 
.svw {width: 50px; height: 20px; background: #fff;} 
.svw ul {position: relative; left: -999em;} 
 
/*core classes*/ 
.stripViewer {  
position: relative; 
overflow: hidden;  
border: 5px solid #ff0000;   
margin: 0 0 1px 0; 
} 
.stripViewer ul { /* this is your UL of images */ 
margin: 0; 
padding: 0; 
position: relative; 
left: 0; 
top: 0; 
width: 1%; 
list-style-type: none; 
} 
.stripViewer ul li {  
float:left; 
} 
.stripTransmitter { 
overflow: auto; 
width: 1%; 
} 
.stripTransmitter ul { 
margin: 0; 
padding: 0; 
position: relative; 
list-style-type: none; 
} 
.stripTransmitter ul li{ 
width: 20px; 
float:left; 
margin: 0 1px 1px 0; 
} 
.stripTransmitter a{ 
font: bold 10px Verdana, Arial; 
text-align: center; 
line-height: 22px; 
background: #ff0000; 
color: #fff; 
text-decoration: none; 
display: block; 
} 
.stripTransmitter a:hover, a.current{ 
background: #fff; 
color: #ff0000; 
} 
 
/*tooltips formatting*/ 
#tooltip { 
background: #fff; 
color: #000; 
opacity: 0.85; 
border: 5px solid #dedede; 
} 
#tooltip h3 {  
font: normal 10px Verdana;  
margin: 0;  
padding: 6px 2px;  
border: 0; 
} 
	
		   
/* End of 'spirit' */

/* Start of CMSMS style sheet 'slimbox' */
/* SLIMBOX */

#lbOverlay {
	position: absolute;
	z-index: 9999;
	left: 0;
	width: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 9999;
	left: 50%;
	overflow: hidden;
	background-color: #fff;
}

.lbLoading {
	background: #fff url(uploads/images/loading.gif) no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(uploads/images/prevlabel.gif) no-repeat 0% 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(uploads/images/nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(uploads/images/closelabel.gif) no-repeat center;
	margin: 5px 0;
	outline: none;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}

/* End of 'slimbox' */

form {
	margin: 0;
	padding: 0;
}

fieldset {
	margin: 1em 0;
	border: none;
	border-top: 1px dotted #ccc;
}

legend {
	margin: 1em 0;
	padding: .5em .5em;
	color: #036;
	background: #fff;
	font-size: 1.3em;
	font-weight: bold;
}

label {
	float: left;
	width: 100px;
	padding: 0 1em;
	text-align: right;
}

fieldset div {
	margin-bottom: .5em;
	padding: 0;
	display: block;
}

fieldset div input, fieldset div textarea {
	width: 200px;
	border-top: 1px solid #555;
	border-left: 1px solid #555;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	padding: 1px;
	color: #333;
}

fieldset div checkbox {
	width: 30px;
	border-top: 1px solid #555;
	border-left: 1px solid #555;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	padding: 1px;
	color: #333;
}

fieldset div select {
	padding: 1px;
}

div.fm-multi div {
	margin: 5px 0;
}

div.fm-multi input {
	width: 1em;
}

div.fm-multi label {
	display: block;
	width: 260px;
	padding-left: 5em;
	text-align: left;
}

/* comment out the button css
#fm-submit {
	clear: both;
	padding-top: 1em;
	text-align: center;
	border: 1px solid #ccc;
	background: #F1F9FF;
	color: #333;
}

#fm-submit input {
	border: 1px solid #666;
	padding: 2px 1em;
	background: #555;
	color: #fff;
	font-size: 100%;
}
*/

input:focus, textarea:focus {
	background: #f6f6f6;
	color: #333;
}

	
/* required fields - does not work in IE */
fieldset div.fm-req {
	font-weight: bold;
}

fieldset div.fm-req label:before {
	content: "* "; /* does not work in IE */
}

.form_error{color:#ff0000; font-weight:bold; margin-bottom:5px;}
.form_success{color:#72af0c; font-weight:bold; margin-bottom:5px;}

#newsletter FORM{text-align:left !Important;}
#newsletter FORM label {
	float: none;
	width: 100%;
	padding: 0;
	text-align:left;
}
/* End of 'default' */