/* CSS Document */

*{
	margin:0;
	padding:0;
}

a{
	outline:none;
	color:#0073BB;
	text-decoration:none;
	}
	
.clear{
	clear:both;
}

.hidden{
	display:none;
	}

body{
	text-align:center;
	font-size:10px;
	font-family:Georgia, "Times New Roman", Times, serif;
	background:#6CCFE7;
	padding-bottom:100px;
	
}

#aboutContactWrap{
	position:relative;
	top:0;
	left:0;
	width:100%;
	background:#0073bb url(../images/aboutBG.gif) repeat-x top left;
	border-bottom:5px #0073bb solid;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

#aboutContact{
	position:relative;
	width:760px;
	text-align:left;
	margin:0 auto;
	overflow:hidden;
}
#aboutContact .contactLink{
	position:absolute;
	display:block;
	bottom:5px;
	right:5px;
	width:27px;
	height:27px;
	background:url(../images/iconXBlue.gif) no-repeat 0 0;
	}
#aboutContact .contactLink:hover{
	background-position:0 -27px;
}

#about{
	width:245px;
	padding:10px;
	float:left;
}

#about p{
	padding:10px 0;
	}

#contact{
	float:left;
	width:460px;
	padding:10px 10px 10px 20px;
	}
#aboutContact a{
	color:#FFFFFF;
	}
	
#contact form{
	 float:left;
	 width:215px;
 }	
 
#contact .status{
	background:#0073BB url(../images/aboutBG.gif) repeat-x left top;
	border:1px solid #0073BB;
	color:#0073BB;
	display:none;
	float:left;
	font-family:Georgia,"Times New Roman",Times,serif;
	font-size:12px;
	font-weight:bold;
	height:255px;
	margin-top:10px;
	padding:25px 0 0;
	text-align:center;
	width:215px;
}

#contact .status h3{
	color:#0073BB;
	font-size:24px;
}

#contact .status span{
	display:block;
	height: 40px;
	background:url(../images/ajax-loader.gif) no-repeat center center;

}

 #contact p{
 	float:left;
	width:220px;
	padding:10px 0 10px 20px;
	}
 
 #ppsdc{
 	background:url(../images/ppsdc.gif) no-repeat 0 0;
	display:block;
	height:85px;
 }

h2{
	font-size:12px;
	text-transform:uppercase;
	letter-spacing:2px;
	border-bottom:1px solid #0073bb;
	color:#0073bb;
	padding:10px 0 5px 0;
	font-family:Georgia, "Times New Roman", Times, serif;
	
	}

h3{
	font-size:12px;
	letter-spacing:2px;
	color:#0073bb;
	padding:10px 0 5px 0;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	}	
	
h4{
	color:#3491C6;
	font-size:11px;
	padding:5px 0 0 0;
	font-style:italic;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	}	

	
label{
	display:block;
	padding:10px 0 5px 0;
 }
 
 
 .textField, .textArea{
 	background-color:#FFFFFF;
	border:1px solid #b3b3b3;
	width: 215px;
	}
	
.textArea{
	height:50px;
	margin:0 0 10px 0;
	}


#mainContentWrap{
	position:relative;
	top:0;
	left:0;
	width:100%;
	background:#FFF url(../images/mainContentBG.gif) repeat-x top left;
	
}

#mainContent{
	position:relative;
	top:5px;
	width:735px;
	margin:0 auto;
	text-align:left;
	padding:0 10px 20px 15px;
	background:#fff url(../images/galBg.gif) no-repeat;
	display:block;
	color:#666666;
	
}

#leftCol{
	width:185px;
	position:relative;
	float:left;
	margin:0 10px 0 0;
	top:-5px;
	}
	
#footer{
	text-align:center;
	clear:both;
	color:#D2F2F8;
	position:relative;
	padding-top:100px;
}
	
	
	
#contactLink{
	width:185px;
	height:60px;
	display:block;
	background:url(../images/contactLink.gif) no-repeat;
	text-align:center;
	text-decoration:none;
	color:#FFFFFF;
	font-size:9px;
	line-height:9px;
	font-style:italic;
	
	}
	
#leftCol h1 a{
	width:185px;
	height:356px;
	display:block;
	background:url(../images/marinaLifeLogo.gif) no-repeat;
	}
	
#viewAll{
	background:url(../images/viewAll.jpg) no-repeat;
	width:185px;
	height:205px;
	display:none;
	}

#welcomeBox{
	float:left;
	width:533px;
	height:400px;
	margin:10px 0 0 0;
	
	}	

#navigation{
	clear:both;
	position:relative;
	top:0;
	left:0;
	width:100%;
	height:50px;
	background:url(../images/navBG.gif) repeat-x;
	
}

#navigation ul{
	list-style-type:none;
	width:760px;
	margin:0 auto;
	
	}
	
#navigation ul li{
	float:left;
	margin:3px 0 0 0;
	
	}

#navigation ul li a{
	color:#FFFFFF;
	text-decoration:none;
	float:left;
	display:block;
	height:26px;
	padding:12px 18.5px 0 18.5px;
	border-right:2px solid #55bbe2;
	font-family:Georgia, "Times New Roman", Times, serif;
	text-transform:uppercase;
	font-weight:bold;
	font-size:10px;
	letter-spacing:1px;
	
	}	
	


	
#navigation ul li.current{
	background:url(../images/navCurrentBG.gif) repeat-x;
	}
	
#navigation ul li.current a{	
	color:#0073BB;
	}
	

#navigation ul li a:hover, .current a{
	background:url(../images/navCurrentArrow.gif) no-repeat center bottom;
	}
	
#navigation ul li a.homeLink,#navigation ul li a.homeLink:hover {
	background:url(../images/iconHome.gif) no-repeat center 7px;
	display:block;
	width:23px;
	}	
	
#navigation ul li.current a.homeLink{
	background:url(../images/iconHome.gif) no-repeat center -39px;
	display:block;
	width:23px;	
}	

#bottomContentWrapper{
	position:relative;
	top:0;
	left:0;
	background:url(../images/footerBg.gif) repeat-x top left;
	min-height:250px;
	height:auto !important;
	height:250px;
	padding-top:0px;
	padding-bottom:10px;
	}
	
	
#bottomContent{
	width:760px;
	margin:0px auto;
	text-align:left;
	padding:10px 0;
	overflow:hidden;
	background-color:#62c6e5;
	position:relative;
	top:25px;
	border:1px solid #53B9E2;
	}
	
.galLogo{
	position:relative;
 	width:760px;
	margin:0 auto;
	padding-bottom:0px;
	display:none;
	text-align:left;
	}
	
	
.galLogo h1{
	width:225px;
	height:67px;
	position:relative;
	top:0;
	left:0;
	} 	
.galLogo h1 a{
	display:block;
	background:url(../images/galLogo.jpg) no-repeat 0 0;
	width:225px;
	height:67px;
	}
.galLogo h1 a:hover{
	background-position:left -67px;
}
.galLogo ul{


}

.galLogo .contactLink{
	position:absolute;
	top:26px;
	height:21px;
	width:217px;
	background:url(../images/galAboutContactBg.gif) no-repeat top right;
	font-weight:bold;
	text-transform:uppercase;
	right:0;
	letter-spacing:1px;
	display:block;
	text-align:right;
	list-style-type:none;
	padding:4px 12px 0 0;
	color:#3491c6;	
	}

.galLogo .contactLink:hover{
	color:#fff;
	}		
	
#gallery{
	padding:0px 0;
	position:relative;
	z-index:1;
}	

#flashContent{
	overflow:hidden;
	position:relative;
	left:1000000px;
}
	
	
p.chooseGal{
	text-align:center;
	font-size:32px;
	font-weight:bold;
	color:#53b9e2;
	font-family:Georgia, "Times New Roman", Times, serif;
	padding:100px 0;
	margin-top:0px;
}
	
	
.threeCol{
	width:30%;
	float:left;
	padding:1%;
	margin-left:1%;
	margin-bottom:10px;
	min-height:215px;
	height:auto !important;
	height:215px;
	border:0px solid #BFDCEE;
	border-bottom:0px solid #BFDCEE;
	background:url(../images/threeBlockBg.jpg) no-repeat bottom left;
	
	}
	
p {
	padding:10px 0;
}

.footNote{
	border-top:1px solid #0073bb;
	padding-bottom:10px;
	margin: 0 10px;
	}




#sliderContainer{
clear:both;
	width:533px;
	padding-bottom:9px;
	background:url(../images/slideTextBoxBtm.gif) no-repeat center bottom;
}

.sliderList{
	height:100px;
	background:#FFF url(../images/slideBoxBg.gif) no-repeat 0 0;
	padding:5px 5px 5px 3px;
	overflow:hidden;
}

.sliderList li{
	list-style-type:none;
	float:left;
	width:100px;
	height:100px;
	cursor:pointer;
}

.sliderList li.selected{
	width:225px;

}

#believe{
	background:url(../images/believe.jpg) no-repeat 0 0;
}

#trust{
	background:url(../images/trust.jpg) no-repeat 0 0;
}

#imagine{
	background:url(../images/imagine.jpg) no-repeat 0 0;
}

#cherish{
	background:url(../images/cherish.jpg) no-repeat 0 0;
}

#sliderContainer div{
	background:#E2F6FB url(../images/slideTextBoxBg.gif) repeat-x;
	padding:10px;
	margin:0 14px;
	clear:both;

}

#sliderContainer div h2, #theArtist h2{
	padding:0;
	margin-bottom:5px;
	font-style:normal;
}

#sliderContainer div p{
	padding:5px 10px;
	/*line-height:16px;*/
	font-size:11px;

}


#theArtist{
	width:170px;
	height:99px;
	margin-bottom:10px;
	float:left;
	font-size:10px;
	font-style:italic;
	padding:10px 130px 0 0;
	background:url(../images/theArtistBg.jpg) no-repeat top right;
	line-height:normal;
	cursor:pointer;
}
#theFlower{
	width:233px;
	height:109px;
	margin-bottom:10px;
	float:left;
	padding:0;
	background:url(../images/camFlower.jpg) no-repeat top right;
}
.info{
	width:760px;
	margin:0 auto;
	padding:0;
	text-align:right;
	display:none;
}

.infoIcon{
	background:url(../images/iconInfo.gif) no-repeat top right;
	display:block;
	height:21px;
	padding:8px 35px 0 15px;
	color:#44ABD8;
	font-size:12px; 
	font-weight:bold;
	font-style:italic;
	}
	
.infoIcon:hover{
	background-position:right -29px;
	color:#3491C6;
	}
		
.infoIcon span{
	font-style:normal;
	color:#D2F2F8;
	}
			
.infoIcon:hover span{
	color:#FFFFFF;
	}
	
.infoDiv{
	position:absolute;
	top:0;
	left:0;
	padding:20px 50px 0 50px;
	margin:5px;
	height:526px;
	background:#6FD4E8 url(../images/navCurrentBG.gif) repeat-x 0 0;
	border:1px solid #3491C6;
	z-index:2;
	font-size:11px;
	display:none;

}
.infoDiv h1{
	border-bottom:1px dotted #3491C6;
	color:#3491C6;
	font-size:24px;
	letter-spacing:10px;
	margin-bottom:10px;
	padding:5px;
	text-align:center;
	text-transform:uppercase;
	
}
.infoDiv h2{
	border-bottom:1px solid #FFFFFF;
	color:#FFFFFF;
}
.infoDiv p{
	padding-bottom:0;
	}
	
.closeInfo{
	position:absolute;
	top:7px;
	right:7px;
	width:29px;
	height:29px;
	background:url(../images/iconX.gif) no-repeat 0 0;
}

.closeInfo:hover{
	background-position:0 -29px;
	}