/* Bee Happy Puppets website CSS - Copyright Instyle Web Design 2008 */

body {
	background: #c1e6ff top left url(../images/bg-gradient.gif) repeat-x;
	text-align: center;
	margin: 0;
	padding: 0
}

	.clear {
		clear: both;
	}

/* Main Links */

#content a:link, #content a:visited {
	color: #00a1c2;
	text-decoration: underline;
}

#content a:hover, #content a:active {
	color: #e5068c;
	text-decoration: underline;
}

h1 {
	font-size: 180%;
	color: #e5068c;
}

h2 {
	font-size: 120%;
	font-weight: bold;
	color: #ac2691;
}

h3 {

}


#mainContainer {
	width: 1024px;
	margin: 0 auto;
	text-align: left;
	position: relative;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 80%;
}

#logo {
	float: left;
	height: 136px;
	width: 606px;
	margin: 10px 0 45px 10px;
}
#contact {
	float: right;
	height: 167px;
	width: 228px;
	margin: 10px 20px 0 0;
	
}

#bodyContainer {
clear: both;
background: transparent url(../images/bg-content.gif) repeat-y top left;
}

#topContent {
margin-left: 133px;
clear: both;
}

#menu {
float: left;
width: 207px;
padding: 0 0 0 10px;
background: transparent;
}

#menu p {
font-size: 130%;
color: #663695;
}

#menu a:link, #menu a:visited {
	color: #663695;
	text-decoration: none;
}

#menu a:hover, #menu a:active {
	color: #e41581;
	text-decoration: none;
}


#content {
	padding: 0 20px 20px 20px;
}	

	
	.imgFloatLeft {
		float: left;
		padding: 0 10px 0 0;
	}
	
	.imgFloatRight {
		float: right;
		padding: 0 0 0 10px;
	}
	
	/* correct IE 5.5 font size in tables */
	
	table { 
		font-size: 100%; 
	}
	
	


	.required {
		color: #760000;
		font-size: 1em;
		font-weight: bold;
	}
	
	.normal {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 100%;
		color: #333333;
	}

	.smlTxt {
		font-size: 90%;
	}


		/* Footer Links */
		
		#footerMenu a:link, #footerMenu a:visited {
			color: #ffd706; 
			text-decoration: none;
		}
		
		#footerMenu a:hover, #footerMenu a:active {
			color: #ffd706;
			font-weight: bold;
			text-decoration: none;
		}
		/* end footer links */
		
#footer {
	clear: both;
	background: transparent url(../images/bg-footer.gif) no-repeat top left;
	height: 162px;
	width: 1024px;
}

#footerMenu {
	clear: both;
	height: 20px;
	padding: 5px 10px 5px 10px;
	background-color: #80C320;
}

#overlay {	
	position:absolute;
	width:200px;
/*	height:115px;*/
	z-index:1;
	visibility: visible;
	left: 600px;
	bottom: 0;
	}

#next-page {	
	position:absolute;
	width:174px;
	z-index:1;
	visibility: visible;
	left: 425px;
	bottom: 150px;
	}