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

body {
	background-color: #0b0603;
	background-image: url(../images/wood_background.jpg);
	background-position: center top;
	background-repeat: repeat;
	background-attachment: scroll;
	margin: 0;
	padding: 0;
	font-size: 1em;
}

#top {
	position: absolute;
	width: 100%;
	height: 108px;
	background-image: url(../images/top_background.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	margin: 0;
	padding: 0;
	z-index: 100;
}

#topBody {
	position: relative;
	width: 830px;
	height: 108px;
	margin: 0 auto 0 auto;
	padding: 0;
	float: left;
}

#topLogo {
	position: relative;
	top: 9px;
	left: 50px;
	width: 194px;
	height: 92px;
	margin: 0;
	padding: 0;
	float: left;
}

#topContent {
	position: relative;
	top: 35px;
	left: 194px;
	width: 600px;
	height: 25px;
	margin: 0;
	padding: 0;
}

#midHome {
	position: relative;
	top: 76px;
	width: 900px;
	height: 446px;
	background-image: url(../images/main_image.png);
	margin: 0 auto;
	padding: 0;
}

#midContact {
	position: relative;
	top: 76px;
	width: 900px;
	height: 446px;
	background-image: url(../images/contact_image.png);
	margin: 0 auto;
	padding: 0;
}

#midArtist {
	position: relative;
	top: 76px;
	width: 900px;
	height: 446px;
	background-image: url(../images/artist_image.png);
	margin: 0 auto;
	padding: 0;
}

#midPress {
	position: relative;
	top: 76px;
	width: 900px;
	height: 446px;
	background-image: url(../images/press_image.png);
	margin: 0 auto;
	padding: 0;
}

#midGallery {
	position: relative;
	top: 76px;
	width: 900px;
	height: 446px;
	background-image: url(../images/gallery_image.png);
	margin: 0 auto;
	padding: 0;
}

#midEmployment {
	position: relative;
	top: 76px;
	width: 900px;
	height: 446px;
	background-image: url(../images/employment_image.png);
	margin: 0 auto;
	padding: 0;
}

#midEvent {
	position: relative;
	top: 76px;
	width: 900px;
	height: 446px;
	background-image: url(../images/events_image.png);
	margin: 0 auto;
	padding: 0;
}

#midAbout {
	position: relative;
	top: 76px;
	width: 900px;
	height: 446px;
	background-image: url(../images/about_image.png);
	margin: 0 auto;
	padding: 0;
}

#footerSection {
	position: relative;
	top: 76px;
	width: 100%;
	height: 116px;
	background-image: url(../images/footer_background.jpg);
	background-repeat: repeat-x;
	background-position: center;
	float: left;
}

#footerContent {
	position: relative;
	width: 800px;
	height: 64px;
	background-image: url(../images/footer_body.png);
	margin: 0 auto;
	padding: 0;
}

.botNav {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 0.688em;	
	color: #501e00;
	line-height: 1.5em;
	text-align: center;
	padding: 8px 0 0 0;
	margin: 0;
}

.copyrightText {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 0.688em;	
	color: #0b0603;
	line-height: 1.5em;
	text-align: center;
	padding: 15px 0 0 0;
	margin: 0;
}

a.botNavLink:link {
	color: #501e00;
	text-decoration: none;
}

a.botNavLink:visited {
	color: #501e00;
	text-decoration: none;
}

a.botNavLink:hover {
	color: #a97835;
	text-decoration: none;
}

#navHome {
	position: relative;
	top: 35px;
	width: 650px;
	height: 30px;
	margin: 0 auto;
}

#bodyContainer {
	position: relative;
	top: 76px;
	width: 100%;
	min-height: 420px;
	background: #0b0603;
	float: left;
}

#bodyContent {
	width: 750px;
	margin: 0 auto;
	padding: 0;
}

#ColOneHome {
	width: 365px;
	margin: 0;
	padding: 40px 30px 25px 20px;
	float: left;
}

#ColTwoHome {
	width: 285px;
	margin: 0;
	padding: 40px 20px 25px 30px;
	float: left;
}

.bodyText {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 0.75em;	
	color: #ffffff;
	line-height: 1.75em;
}	

.subTitle {
	font-size: 1.75em;
	color: #a97835;
	font-style: italic;
}

.subTitle2 {
	font-size: 1.50em;
	color: #4d8794;
	font-style: normal;
}

.blue {
	color: #4d8794;
}

.gold {
	color: #a97835;
}

a.bodyTextLink:link {
	color: #4d8794;
}

a.bodyTextLink:hover {
	color: #a97835;
}

a.bodyTextLink:visited {
	color: #4d8794;
}

#inputStyle {
	width: 119px;
	height: 23px;
	background-image:url(../images/input_bg.jpg);
	border: solid 1px #4d8794;
	margin: 0 10px 0 10px;
	padding: 0 0 0 5px;
	float: left;
}

#inputStyle2 {
	width: 119px;
	height: 23px;
	background-image:url(../images/input_bg.jpg);
	border: solid 1px #4d8794;
	margin: 0 10px 0 0;
	padding: 0 0 0 5px;
	float: left;
}

#floatLeft {
	float: left;
}

#floatRight {
	float: right;
}

#artistGallery {
	width: 275px;
	height: 275px;
	float: left;	
}	

#thumbnail {
	width: 75px;
	height: 75px;
	border: solid 1px #4d8794;
	padding: 0;
	margin: 4px 4px 0px 0px; 
	float: left;
}

#photoGallery {
	width: 365px;
	float: left;
}

#about {
	height: 30px;
	width: 63px;
	text-indent: 10000px;
	overflow: hidden;
	background: url(../images/about.png) bottom left no-repeat;
	display: block;
	float: left;
}

#about:hover {
	background-position: top left;
}

#events {
	height: 30px;
	width: 76px;
	text-indent: 10000px;
	overflow: hidden;
	background: url(../images/events.png) bottom left no-repeat;
	display: block;
	float: left;
}

#events:hover {
	background-position: top left;
}

#press {
	height: 30px;
	width: 65px;
	text-indent: 10000px;
	overflow: hidden;
	background: url(../images/press.png) bottom left no-repeat;
	display: block;
	float: left;
}

#press:hover {
	background-position: top left;
}

#gallery {
	height: 30px;
	width: 105px;
	text-indent: 10000px;
	overflow: hidden;
	background: url(../images/gallery.png) bottom left no-repeat;
	display: block;
	float: left;
}

#gallery:hover {
	background-position: top left;
}

#artist {
	height: 30px;
	width: 144px;
	text-indent: 10000px;
	overflow: hidden;
	background: url(../images/artist.png) bottom left no-repeat;
	display: block;
	float: left;
}

#artist:hover {
	background-position: top left;
}

#contact {
	height: 30px;
	width: 86px;
	text-indent: 10000px;
	overflow: hidden;
	background: url(../images/contact.png) bottom left no-repeat;
	display: block;
	float: left;
}

#contact:hover {
	background-position: top left;
}

#employment {
	height: 30px;
	width: 108px;
	text-indent: 10000px;
	overflow: hidden;
	background: url(../images/employment.png) bottom left no-repeat;
	display: block;
	float: left;
}

#employment:hover {
	background-position: top left;
}