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

* {
	margin: 0;
	padding: 0;
	position: relative;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}



body {
	text-align: center;
	background: url(../images/body_bg.jpg) top center no-repeat;
	background-color: #094659;
	width: 100%;
	display: table;
}

p, span, a {
	font: normal 12px Veranda, Arial, Helvetica, sans-serif;
	color: #FFF;
	outline: none;
	
}	

#container {
	width: 970px;
	margin: 0 auto;
	text-align: left;
}

/*---Top-----*/

#contact {
	display: block;
	position: absolute;
	width: 507px;
	height: 35px;
	background: transparent url(../images/top_bg.png) top left no-repeat;
	top: 0px;
	left: 450px;
	font: bold 13px Verdana, Arial, Helvetica, sans-serif;
	color: #8C432F;
	padding-top: 3px; 
	padding-left: 23px;
}

#contact a {
	font: bold 13px Verdana, Arial, Helvetica, sans-serif;
	color: #8C432F;
	text-decoration: none;
}

#contact a:hover {
	text-decoration: underline;
	color: #154759;
}

#logo {
	position: absolute;
	top: 30px;
	left: -5px;
	width: 181px;
	height: 106px;
	background: transparent url(../images/logo2.png) top left no-repeat;
	text-indent:-9999px;
}

#wings {
	position: absolute;
	top: 190px;
	left: 120px;
	width: 336px;
	height: 174px;
	background: transparent url(../images/hanging.png) top left no-repeat;
	text-indent: -9999px;
}

#top p {
	position: absolute;
	top: 360px;
	left: 100px;
	width: 493px;
	height: 181px;
	background: transparent url(../images/sc-text.png) top left no-repeat;
	text-indent: -9999px;
}

#feature_image {
	outline: none;
	position: absolute;
	top: 200px;
	left: 560px;
	width: 352px;
	height: 353px;
	background: transparent url(../images/feature%20photos.png) top left no-repeat;
}

#sc-link {
	display: block;
	position: absolute;
	width: 215px; 
	height: 38px;
	text-indent: -9999px;
	background: url(../images/sc-learn-more.png) top left no-repeat;
	margin-left: 300px;
	top: 515px;
}

#tent {
	margin-top: 50px;
	margin-left: 1px;
	
}

/*--------Nav Bar---------*/

#nav {
	width: 964px;
	height: 35px;
	list-style-type: none;
	position: absolute;
	left: 0px;
	top: 149px;
	overflow: hidden;
	padding-left: 6px;
}

#nav li {
	width: 85px;
	height: 35px;
	float: left;
	margin: 0px 17.5px;
}

#nav li a {
	display: block;
	width: 85px;
	height: 35px;
	text-indent: -9999px;
	overflow: hidden;
}

#pricing {background: transparent url(../images/nav_text2.png) 0px 0px;}
#about-us {background: transparent url(../images/nav_text2.png) 0px -35px;}
#classes-and-workshops {background: transparent url(../images/nav_text2.png) 0px -70px;}
#parties-and-events {background: transparent url(../images/nav_text2.png) 0px -105px;}
#kids {background: transparent url(../images/nav_text2.png) 0px -140px;}
#circus-fund-outreach {background: transparent url(../images/nav_text2.png) 0px -175px;}
#get-involved {background: transparent url(../images/nav_text2.png) 0px -210px;}
#fun-zone {background: transparent url(../images/nav_text2.png) 0px -245px;}

/*bottom*/

#bottom {
	margin-top: 15px;
	width: 970px;
	height: 420px;
	background: transparent url(../images/content_bg.jpg) top center no-repeat;
}

#welcome {
	font: bold italic 40px "Georgia", "Times New Roman", Times, serif;
	color: #8C432F;
	height: 52px;
	background: transparent url(../images/header_stars.png) top left no-repeat;
	padding: 20px 0 0 35px;
	margin-left: 12px;
	margin-top: 4px;
}

#dust {
	font: bold 16px Verdana, Arial, Helvetica, sans-serif;
	color: #154759;
	width: 550px;
	margin-left:85px;
	margin-bottom: 10px;
}

#dust a {
	font: bold 16px Verdana, Arial, Helvetica, sans-serif;
	color: #154759;	
}


#bottom p {
	font: bold 14px Arial, Helvetica, sans-serif;
	color: #3F2905;
	width: 350px;
	margin-bottom: 10px;
	margin-left: 215px;
}

#quick_links {
	width: 345px;
	/*height: 140px;*/
	margin-left: 240px;
	/*margin-top: 20px;*/
	list-style-type: none;
}

#quick_links li {
	line-height: 32px;	
}

#quick_links li a {
	padding-left: 36px;
	font: bold 22px Verdana, Arial, Helvetica, sans-serif;
	color: #8C432F;
	background: url(../images/list_stars.png) no-repeat;
	background-attatchment: fixed;
	background-position: 0px -42px;
	text-decoration: none;
}

#quick_links li a:hover {
	background-position: 0 -4px;
	color: #154759;
}

#content_image {
	position: absolute;
	left: -10px;
	top: 130px;
}

#badge {
	display: block;
	position: absolute;
	top: -5px;
	left: 600px;
}