@charset "UTF-8";
/* CSS Document */

 
body {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11pt;
	line-height: 150%;
	color: #666666;
	padding: 0;
	margin: 0;
}
h1 {
	color: #333;
	font-size: 30px;
	font-family: 'Amatic SC', verdana;
	padding: 0 0 10px 0;
	font-weight: normal;
}
p {
	font-size: 20px;
	margin: 0 0 15px 0;
	text-indent: 0px;
	color: #333;
	line-height: 150%;
	font-family: 'Amatic SC', Verdana;
}
a {
	color: #336699;
	text-decoration: none;
}
#container {
	margin: 0 auto;
	padding: 0;
	width: 1024px;
	position: relative;
	z-index: 100;
	margin-bottom: 80px;
}
#topbackground{
color: #fff;
z-index: 100;
	margin-top: -121px;
	position: fixed;
	width:100%;
		
}
#top {
	margin: 0 auto;
	width: 1024px;
	z-index: 100;
}
#socialicons {
	float: right;
	padding-right: 30px;
}
#socialicons ul {
	list-style: none;
	padding: 0;
	margin: -10px 0 0;
}
#socialicons li {
	display: inline;
}
#socialicons img {
    border: 0 none;
}
#header {
	float: left;
	margin-top: -70px;
	   margin-bottom: -25px;
	z-index: 100;
}
#header h1 {
	color: #000000;
	float: left;
	font-family: 'La Belle Aurore', cursive;
	font-size: 50px;
	line-height: 130%;
	margin: 70px 0 0;
	vertical-align: bottom;
	width: 230px;
	padding: 0 0 0 30px;
	font-weight: normal;
}
#header p {
	font-family: 'Amatic SC', verdana;
	font-size: 25px;
	color: #000;
	line-height: 130%;
	width: 410px;
	float: left;
	padding: 14px 0 0 0;
}
#content {
	 margin-top: -14px;
	*margin-top: 14px;
	border: 3px solid #CCC;
	font-family: 'Amatic SC', Verdana;
	font-size: 20px; 
	clear: both;
	padding-bottom: 30px;
	background: url(../images/transparent-background.png);
 	text-align: center;
}
#content h1 {
	text-align: center;
	clear: both;
	margin-top: 40px;
}
#content ul {
	list-style: none;
	padding: 0 24px;
	margin: 0;
	text-align:center;
}
#content li {
	display: inline-block;
	margin-bottom: 20px;
	padding: 5px;
	position: relative;
}

#content img {
	border: 3px solid #CCC;
	margin-bottom: 10px;
}
.video-thumbnail:after {
    content: "";
    position: absolute;
    top: -32px;
    width: 70px;
    height: 70px;
    z-index: 100;
    background: transparent url(../images/video-icon.png) no-repeat center;
    pointer-events: none;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}
#footer {
    margin: 0;
    position: absolute;
    width: 100%;
    z-index: 100;

}
#footerContainer {
	margin: 0 auto;
	width:1024px;
	padding: 0 0 50px 0;
}
#footer p {
	float: right;
	text-align: right;
	color: #fff;
	font-size: 25px;
	text-shadow: 1px 1px 1px #000; 
	padding: 0 30px 30px 0;
	
}
#footer a {
	color: #eeaa00;
}
#bottomImage {
	position: absolute;
}
img.bg {
	/* Set rules to fill background */
	min-width: 1024px;
	/* Set up proportionate scaling */
	width: 100%;
	/* Set up positioning */
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 1;
}
.float_clear {
	clear: both;
} 

@media only screen and (max-width: 1050px) { 
	#container, #footerContainer {
		width:96%;
		margin: 0 2%;
	}
	img.bg {min-width: 100%;}
	
	#header {
		float: none;
		margin: 0 auto; 
	}
	
	#header h1 {
		width: auto;
		margin: 27px 0 0;
		padding: 0 25px 0 0;
	}
	#header p {width:68%;}
	
}

/* Tablet */
@media only screen and (max-width: 767px) { 
	#header h1 {
		width: 100%;
		margin: 27px auto 0; 
		text-align: center;
		padding:0;
	}
	#header p {
		width:96%; 
		margin:0 auto;
		padding: 20px 2%;
		text-align: center;
	}
	
	#socialicons {
		text-align:center;
		float:none;
		margin:0 auto;
		padding:0;
	}
	
	#footer {
		
		margin:0 auto;
	}
	
	#footerContainer {
		border: 3px solid #CCCCCC;
		margin: 30px auto;
		padding: 0;
		width: 95%;
	}
	
	#footer p {
		color: #fff;
		background: rgba(0, 0, 0, 0.5);
		padding: 2% 0;
		text-align:center;
		text-shadow: none;
		float: none;
		margin:0;
	}
	 
}

/* Mobile */
@media only screen and (max-width: 480px) { 

}