*{ margin: 0; padding: 0; }
body
{
	background-image: url(images/body_bg.jpg);
	background-position: center;
}

#wrapper
{
	background-image: url(images/wrapper_bg.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	height: 1000px;
}

#header
{
	margin: auto;
	width: 801px; 
	height: 277px;
}

#navigation
{
	margin: auto;
	width: 801px;
}

#navigation ul li
{
	display: inline;
}

#navigation ul li a
{
	float: left;
	display: block;
	height: 39px;
}

#content_bg
{
	margin: auto;
	text-align: left;
	width: 801px;
	background-color: #E0E5EB;
	background-image: url(images/content_top.jpg);
	background-repeat: repeat-x;
}

#content
{
	background-image: url(images/content_bottom.jpg);
	background-position: bottom;
	background-repeat: no-repeat;
	
	padding: 20px;
	font-family: "Verdana";
	font-size: 15px;
	line-height: 22px;
	min-height: 600px;
}

#content p
{
	margin-bottom: 15px;
}

.photo
{
	float: right;
	margin-left: 10px;
}

#footer
{
	margin: auto;
	background-image: url(images/footer_bg.jpg);
	width: 854px;
	height: 75px;
	text-align: right;
}

#email
{
	float: right;
	margin-right: 30px;
	display: block;
	background-image: url(images/email_button.jpg);
	width: 256px;
	height: 38px;
}

.break
{
	display: block;
	margin-bottom: 10px;
}

#gallery a
{
	float: left;
	margin-right: 20px;
	margin-bottom: 30px;
}

#gallery a img
{
	border: 1px solid #000000;
}

#content label
{
	display: block; 
	float: left;
	width: 180px;
	font-size: 17px;
}

#content input, textarea
{
	font-family: "verdana";
	font-size: 17px;
	color: #999999;
}
#navigation ul li a
{
	font-size: 0px;
}

/*---------------------------------------------------/
// Navigational links						         /
//---------------------------------------------------/
// Change the background-image to the new link image
// and the width to the new image's width. DO NOT
// change the CSS # to something else because it
// won't work if you do that! On the :hover elements
// you can just change the URL to the highlight
// images
//--------------------------------------------------*/
#home_nav{	background-image: url(images/home_btn.jpg);	width: 92px; }
#about_nav{ background-image: url(images/about_btn.jpg); width: 91px; }
#faq_nav{ background-image: url(images/faq_btn.jpg); width: 67px; }
#shows_nav{ background-image: url(images/shows_btn.jpg); width: 95px; }
#videos_nav{ background-image: url(images/videos_btn.jpg); width: 99px; }
#gallery_nav{ background-image: url(images/gallery_btn.jpg); width: 112px; }
#reviews_nav{ background-image: url(images/reviews_btn.jpg); width: 112px; }
#contact_nav{ background-image: url(images/contact_btn.jpg); width: 132px; }

#home_nav:hover{ background-image: url(images/home_btn_hover.jpg); }
#about_nav:hover{ background-image: url(images/about_btn_hover.jpg); }
#faq_nav:hover{ background-image: url(images/faq_btn_hover.jpg); }
#shows_nav:hover{ background-image: url(images/shows_btn_hover.jpg); }
#videos_nav:hover{ background-image: url(images/videos_btn_hover.jpg); }
#gallery_nav:hover{ background-image: url(images/gallery_btn_hover.jpg); }
#reviews_nav:hover{ background-image: url(images/reviews_btn_hover.jpg); }
#contact_nav:hover{ background-image: url(images/contact_btn_hover.jpg); }