/*********************************
.credit { Custom Web Page Design }
.credit { Created by Daddy Design }
.credit { http://www.daddydesign.com }
.credit { COPYRIGHT NOTICE - ALL CODE AND IMAGES ARE COPYRIGHTED DO NOT TRY TO STEAL THIS! }
.credit { All Rights Reserved. }
*********************************/

* {
	margin:0; 
	padding:0;
}

html, body {
	height: 100%;
}

body {
	background:white;
	overflow: hidden;
	text-align: center;
}


img {
	border: 0;
	outline: none;
}

#banner {

width:400px;
height: 150px;
float: center;

}

#youtube {
	width:520px;
	height:400px;
	float: left;
}

#wrapper {
	margin: 0 auto;
	width: 520px;

}


.body {
	background: #FFFFFF;
	behavior: url(border-radius.htc);
	-webkit-border-bottom-right-radius: 20px;
	-webkit-border-bottom-left-radius: 20px;
	-moz-border-radius-bottomright: 20px;
	-moz-border-radius-bottomleft: 20px;
	border-bottom-right-radius: 20px;
	border-bottom-left-radius: 20px;
	float: left;
	margin: 0 20px;
	padding: 50px 50px 20px 50px;
	width: 380px;
	height: 50px;
}

#button {
			text-align: center;
		}
	#button a {
		background: -webkit-gradient(linear, left top, left bottom, from(#ffab00), to(#e05d05));
		background: -moz-linear-gradient(top, #ffab00, #e05d05);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffab00, endColorstr=#e05d05);
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffab00, endColorstr=#e05d05)";
		background-color: #e05d05;
		behavior: url(border-radius.htc);
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
		color: #FFFFFF;
		display: block;
		font: bold 22px/22px Helvetica, Arial, sans-serif;
		margin: 0px;
		padding: 15px 0 10px 0;
		text-decoration: none;
		text-transform: uppercase;
		width: 380px;
	}
	#button a:hover {
		background: #ffab00;
	}
	



a.feature02
{	
	
	padding: 0;
	margin: 0;
	text-align: center;
	display: block;
	border: 1px solid #dfd0cb;
	border-width: 0 1px 1px 0;
	margin: 20px 20px 1em 20px;
	float: left;
	position: relative;
}
a.feature02:hover { border-color: #000; }
 
	a.feature02:hover .overlay01
	{
		background:url('like.png') no-repeat;
		position: absolute;
		z-index: 3;
		width: 500px;
		height: 400px;
		border: 0px solid #fff;
		

		
	}
		a.feature02 .overlay01 .caption01
		{
	position: absolute;
	height: 100%;
	line-height: 200px;
	width: 100%;
	z-index: 3;
	text-indent: -9999em;
	color:purple;
	font-size: 50px;
	bottom: 3px;
	overflow: hidden;
	left: -24px;
		}
		a.feature02:hover .caption01
		{
			
		    
			text-indent: 10px;
			background: rgb(255,255,255);
			/* for browsers that know rgba */
			background: rgba(255, 255, 255, 0.75);
		}
		a.feature02 img { display: block; }


a.feature01
{	
	
	padding: 0;
	margin: 0;
	text-align: center;
	display: block;
	border: 1px solid #dfd0cb;
	border-width: 0 1px 1px 0;
	margin: 20px 20px 20px 20px;
	float: left;
	position: relative;
}
a.feature01:hover { border-color: #000; }
 
	a.feature01:hover .overlay01
	{
		background:url('hover.png') no-repeat;
		position: absolute;
		z-index: 3;
		width: 500px;
		height: 400px;
		border: 0px solid #fff;
		

		
	}
		a.feature01 .overlay01 .caption01
		{
			

			
			position: absolute;
			height: 100%;
			line-height: 200px;
			width: 100%;
			z-index: 3;
			text-indent: -9999em;
			color:purple;
			font-size: 50px;
			bottom: 0;
			overflow: hidden;
		}
		a.feature01:hover .caption01
		{
			
		    
			
			background: rgb(255,255,255);
			/* for browsers that know rgba */
			background: rgba(255, 255, 255, 0.75);
		}
	



.footer {
	float: left;
	padding: 15px 0 15px 16px;
	text-align: center;
	width: 500px;
}
	.footer p {
		color: #B24A03;
		font: 11px/11px Arial, Helvetica, sans-serif;
	}
	.footer a {
		color: #B24A03;
		text-decoration: none;
	}