@charset "utf-8";

/**** alfredo's beach club ****/



/******* Body  **************/



a.nav:link {color:#333; text-decoration: none;}

a.nav:visited {color:#333;}

a.nav:hover {color:#F90; text-decoration:underline;}

a.nav:active {color:#333;}



a.nav-location:link {color: #666; text-decoration:underline;}

a.nav-location:visited {color:#666;}

a.nav-location:hover {color:#F90;}

a.nav-location:active {

	color:#666;

	font-size: 18px;

}





h1 { font-size:22px; color:#00C;}

h2 { font-size:18px; color:#333;}	

h3 {font-size:16px; color:#333; }

h4 {font-size:18px; color:#333;}

h5 {font-size:12px; color:#FF9900;}



body

{

background-repeat:no-repeat;

background-position:center;

background-position:top;

margin-top:0px;

}





/******* End Body  *******************/







/****** Content / Wrapper  **************/

#wrapper 

{

	width: 918px;

	margin-top: 15px;

	margin-right: auto;

	margin-bottom: 20px;

	margin-left: auto;

	padding-top: 0px;

	padding-right: 0px;

	padding-bottom: 0;

	padding-left: 0px;

}



/****** End Content Wrapper  **************/





/**************** Event Content Containers  ***************/



.opacity-content-wrapper-movie {
	font-family: Arial, Helvetica, sans-serif;
	width: 850px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	background-color: rgba(90,90,90,0.9);
	-moz-opacity: 0.9;
	-webkit-opacity: 0.9;
	padding-top: 35px;
	padding-bottom: 0px;
	position: relative;
	height: 7020px;
	color: #FFF;
}



/**************** End Event Content Containers  ***************/





/**************** Begin Header  ***************/



.navigation-events {

	padding: 0px;

	float: left;

	height: 35px;

	width: 245px;

	margin-top: 5px;

	margin-left: 25px;

}



/**************** End Header  ***************/







/**************** Begin Moonlight Movie  ***************/



.moonlight-content-wrapper {
	background-color: #fff;
	height: 6975px;
	width: 780px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-image: url(../images/backgrounds/moon_light_cont.gif);
	position: relative;
}

.moonlight-logo {

	width: 535px;

	margin-top: 40px;

	margin-bottom: 10px;

	margin-left: auto;

	padding-top: 30px;

	padding-right: 0px;

	padding-bottom: 0px;

	padding-left: 0px;

	position: relative;

	text-align: center;

	clear: left;

	margin-right: auto;

	}

.moolight movie info {

	text-align: center;

	padding: 0px;

	width: 600px;

	margin-top: 10px;

	margin-right: auto;

	margin-left: auto;

}

.moonlight-movie-info {

	text-align: center;

	padding: 0px;

	width: 600px;

	margin-top: 50px;

	margin-right: auto;

	margin-bottom: 10px;

	margin-left: auto;

	color: #333;

	position: relative;

}

.movie-night-photo {

	width: 495px;

	margin-top: 40px;

	margin-right: auto;

	margin-bottom: 0px;

	margin-left: auto;

	position: relative;

	padding: 2px;

	height: 330px;

	border: 2px solid #666;

}



/**************** End Moonlight Movies  ***************/







/**************** Begin Footer  ***************/



.movie-footer {

	font-family: Arial, Helvetica, sans-serif;

	width: 780px;

	margin-top: 0px;

	margin-right: auto;

	margin-bottom: 0px;

	margin-left: auto;

	border-radius: 6px;

	-moz-border-radius:6px;

	-webkit-border-radius:6px;

	background-color:rgba(70,70,70,0.8);

	-moz-opacity:0.8;

	-webkit-opacity:0.8;

	padding-top: 20px;

	padding-bottom: 0px;

	height: 300px;

	color: #FFF;

	padding-right: 35px;

	padding-left: 35px;

}

.copyright {

	width: 300px;

	text-align:center;	

	margin-right:auto;

	margin-left:auto;

	margin-top:15px;

	margin-bottom:15px;

	font-family:Arial, Helvetica, sans-serif;

	color:#FFF;

	font-size:small;

}

.seafest-logo {

	font-family: Arial, Helvetica, sans-serif;

	font-size: smaller;

	color: #FFF;

	text-align: center;

	height: 150px;

	width: 325px;

	margin-top: 0px;

	margin-left: 0px;

	position: relative;

	float: left;

}

.litter-free-lb {

	padding: 0px;

	float: right;

	width: 320px;

	margin-top: 65px;

	margin-right: 20px;

}

.event sponsors {

	padding: 0px;

	float: left;

	height: 100px;

	width: 600px;

	margin-top: 10px;

	margin-left: 0px;

}

.sponsorship {

	float: left;

	width: 150px;

	margin-top: 20px;

	margin-left: 25px;

	color: #F90;

	font-size: medium;

	font-weight: bold;

	margin-bottom: 5px;

	clear: left;

}



.movie-sponsors {

	padding: 0px;

	float: left;

	height: 200px;

	width: 400px;

	margin-top: 0px;

	margin-left: 0px;

	list-style-position: outside;

	list-style-type: circle;

	clear: left;

}



/**************** End Footer  ***************/



.birds-of-feather {

	text-align: right;

	padding: 0px;

	height: 35px;

	width: 850px;

	margin-top: 1px;

	margin-right: auto;

	margin-bottom: 0px;

	margin-left: auto;

}

.be-social {

	text-align: right;

	width: 202px;

	margin-top: 10px;

	margin-right: auto;

	margin-left: auto;

	height: 50px;

}

#movie-locations {
	text-align: center;
	padding: 0px;
	width: 560px;
	margin-right: auto;
	margin-bottom: 30px;
	margin-left: auto;
	position: relative;
	font-family: Arial, Helvetica, sans-serif;
	color: #333;

}

.space-helper {

	height: 30px;

	width: 100%;

}

.space-helper-30 {

	height: 30px;

	width: 100%;

}

#moonlight-movie-titles {
	padding: 5px;
	width: 740px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	position: relative;
	color: #333;
	height: auto;
	border: 1px solid #333;
	list-style-image: url(../images/bullets/projector.png);
}

#movie-headline {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 24px;

	font-weight: bold;

	color: #FFF;

	height: 40px;

	width: 100%;

	text-align: center;

	padding-top: 10px;

	padding-right: 0px;

	padding-bottom: 0px;

	padding-left: 0px;

	background-color: #09F;

}

.movies-start-time {

	text-align: center;

	vertical-align: top;

	padding: 0px;

	margin-top: 0px;

}

.location-heading-map {
	font-size: 13px;
	font-weight: bold;
	color: #333;
	width: 500px;
	margin-top: 15px;
	margin-right: auto;
	margin-bottom: 15px;
	margin-left: auto;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;

}

.movie-map-location {

	padding: 4px;

	height: 375px;

	width: 425px;

	margin-top: 0px;

	margin-right: auto;

	margin-bottom: 15px;

	margin-left: auto;

	color: #333;

	border: 1px solid #333;

}

.movive-sponsor-logogs {

	padding: 0px;

	height: 100px;

	width: 350px;

	margin-right: auto;

	margin-left: auto;

	margin-bottom: 50px;

}

.social-sharing {

	padding: 0px;

	width: 275px;

	margin-top: 10px;

	margin-right: auto;

	margin-bottom: 10px;

	margin-left: auto;

	color: rgb(51,51,51);

	text-align: center;

}

.slider {

	padding: 2px;

	width: 760px;

	margin-top: 50px;

	margin-right: auto;

	margin-bottom: 20px;

	margin-left: auto;

	font-size: 500px;

}

#movie-at-moms {

	padding: 2px;

	width: 500px;

	margin-top: 10px;

	margin-right: auto;

	margin-bottom: 10px;

	margin-left: auto;

	text-align: center;

	font-family: Arial, Helvetica, sans-serif;

}

#photo-gallery {

	font-family: Arial, Helvetica, sans-serif;

	text-align: center;

	padding: 1px;

	width: 300px;

	margin-top: 5px;

	margin-right: auto;

	margin-bottom: 5px;

	margin-left: auto;

	font-size: 16px;

	color: rgb(255,102,0);

}

#movie-night-flyer {

	height: 642px;

	width: 450px;

	margin-right: auto;

	margin-left: auto;

	background-image: url(../images/brochures/movie_night_flyer.jpg);

}
#movie-map-mothers {
	height: 375px;
	width: 425px;
	margin-top: 15px;
	margin-right: auto;
	margin-left: auto;
	border: 1px solid #333;
	padding: 4px;
}
#facebook-feed {
	width: 480px;
	margin-top: 35px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	text-align: center;
	padding: 2px;

}
.planet-earth {
	width: 400px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	text-align: center;
	padding: 2px;
	height: 632px;
	border: 2px solid #666;
}
.movie_schedule_download {
	padding: 2px;
	height: 375px;
	width: 450px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	border: 1px solid #333333;
}
.movie_flyer {
	height: auto;
	border: 1px solid #000000;
	width: 500px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
}
.moonlight_logo_2016 {
	height: auto;
	width: 351px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
.movie_schedual {
	padding: 2px;
	height: 1157px;
	width: 736px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	border: 1px solid #333;
}