/* CSS Document */

/* --( Global Styles )-- */

html, body {
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	height: 100%;
	max-height: 100%;
	overflow: hidden;
}
a {
	outline: none;
}
h2 {
	color: #75AA3C;
	font-size: 18px;
	font-weight: normal;
	width: 505px;
	margin: auto;
}
h3 {
	color: #666;
	font-size: 14px;
}

/* --( Classes )-- */

.clear {
	clear: both;
}

/* --( Container )-- */
#container {
	background: #CCC url(../images/containerBG.gif) repeat-x top;
	height: 100%;
	max-height: 100%;
	position: relative;
	z-index: 3;
	overflow: auto;
}

/* --( Wraps )-- */

#navWrap {
	height: 36px;
	background: url(../images/navBG1.gif) repeat-x top; /* Nav Background */
}
#bodyWrap {
	background: url(../images/bodyBG.png) repeat-y center; /* Body Background */
}
#footerWrap {
	height: 76px;
	background: url(../images/footerBG.gif) repeat-x bottom left; /* Footer Background */
	border-top: 2px solid #75AA3C;
	position: absolute;
	z-index: 5;
	bottom: 0px;
	left: -18px;
	width: 100%;
}

/* --( Section Widths )-- */

#header, #nav, #body, #footer {
	width: 780px;
	margin: 0 auto;
}

/* --( Header Styles )-- */

/* Logo */
	#logo {
		position: absolute;
		z-index: 4;
		bottom: 78px;
		margin: 0 auto;
		width: 100%;
	}
	#logo a {
		display: block;
		width: 780px; /* Logo Width */
		height: 37px; /* Logo Height */
		text-indent: -3000px;
		background: url(../images/logo.gif) no-repeat; /* Logo Image */
		text-align: center;
		margin: 0 auto;
	}
#header h2 {
	margin: 0;
	padding-top: 50px;
	padding-left: 10px; 
	float: left;
	color: #CEA333;
	font-size: 28px;
}
#header h2 span {
	font-size: 14px;
	color: #C5AA01;
}
#tools {
	float: right;
	font-size: 11px;
	width: 250px; /* Top Tools Bounding Box Size */
	margin-top: 20px;
}
#tools h3 {
	display: none;
}
#tools ul {
	margin: 0;
	padding: 0;
	float: right;
	display: block;
}
#tools ul li {
	margin: 0;
	padding: 0;
	display: inline;
	list-style: none;
}
#nav1 li a {
	display: block;
	float: left;
	text-decoration: none;
	background-repeat: no-repeat;
	color: #A37B2F; /* Top Tool Navigation Text Color */
}
#nav1 li a:hover {
	text-decoration: underline;
}
#nav1 li.home a {
	background-image: url(../images/icon_home.gif);
	background-position: 0 3px;
	padding-left: 16px;
	margin-right: 14px;
}
#nav1 li.contact a {
	background-image: url(../images/icon_contact.gif);
	background-position: 0 2px;
	padding-left: 21px;
}
#tools .phone { /* Header Phone or Slogan */
	display: block;
	text-align: right;
	margin: 0;
	color: #CEA333;
	font-size: 24px;
	font-weight: normal;
	clear: both;
	padding-top: 15px;
}

#tools .phone span { /* Alternative Phone or Slogan  Styles */
	color: #D0AC40;
	font-size: 20px;
} 

/* --( Navigation Styles )-- */

#nav {
	float: right;
	width: 360px;
	margin: 15px 0 0;
}
#nav h3 {
	display: none;
}
#nav ul {
	margin: 0;
	padding: 0;
}
#nav ul li {
	margin: 0;
	padding: 0;
	list-style: none;
	display: inline;
}
#nav ul li a {
	font-size: 12px;
	font-weight: bold;
	color: #CCC;
	text-decoration: none;
	border-left: 1px solid #CCC;
	padding-left: 7px;
	padding-right: 4px;
}
/* Fisrt and Last Link Padding */
	#nav ul li.first a {
		border-left: none;
	}
	#nav ul li.last a {
	}
#nav ul li a:hover {
	color: #93BF6A;
	text-decoration: none;
}

/* --( Body Styles )-- */

#body {
	padding: 10px 0 200px;
}
	#body p {
		text-align: center;
	}
	#body p.home img {
		border: 4px solid #666;
		margin-bottom: 150px;
	}
	
	/* --( Events Page )-- */
		#body .events {
			margin: 0 auto;
		}
		#body .events p img {
			border: 2px solid #666;
			margin-bottom: 15px;
		}
		#body .events ul {
			margin: 0 auto;
			padding: 0;
			width: 215px;
		}
		#body .events ul li {
			display: inline;
			list-style: none;
		}
		#body .events ul li a {
			font-size: 12px;
			font-weight: bold;
			color: #666;
			text-decoration: none;
			border-left: 1px solid #CCC;
			padding-left: 7px;
			padding-right: 4px;
		}
		#body .events ul li a:hover {
			color: #93BF6A;
			text-decoration: none;
		}
		#body .events ul li.first a {
			border-left: none;
		}
		#body .events-content {
			width: 565px;
			margin: 300px auto 0;
		}
		#body .events-content dl dt {
			float: left;
			width: 336px;
			font-size: 14px;
			line-height: 1.5em;
		}
		#body .events-content dl dt img {
			border: 2px solid #666;
		}
		#body .events-content dl dd {
			float: left;
			width: 170px;
			text-align: right;
		}
		#body .events-content dl dd p {
			text-align: right !important;
			line-height: 1.4em;
		}
		#body .events-content h2 {
			width: 170px;
			margin: 0 auto;
			padding-top: 75px;
		}
		#body .events-content h2 a {
			color: #666;
			font-weight: bold;
			text-decoration: none;
			font-size: 13px;
			padding-top: 75px;
		}
		#body .events-content h2 a:hover {
			color: #93BF6A;
		}
		#body .events-content h2.wedding a {
			background: url(../images/wedding/JameelaThumbnail.jpg) no-repeat top right;
		}
		#body .events-content h2.music a {
			background: url(../images/music/NeilYoungSmall.jpg) no-repeat top right;
		}
		#body .events-content h2.performance a {
			background: url(../images/performance/RodeoGirlThumbnail.jpg) no-repeat top right;
		}
		
/* --( JQuery Image Replacement Gallery Styles )-- */
h2 em { /* Added by JQuery */
	color: #666;
	font-style: normal;
	font-size: 16px;
}
#largeImg {
	border: 2px solid #666;
}
.thumbs img {
	border: 1px solid #666; 
}
.thumbs img:hover {
	border-color: #999;
}

/* --( Contact/Bio Style )-- */
#bio {
	float: left;
	width: 504px;
}
#bio p {
	text-align: left;
	line-height: 1.4em;
}
#bio p a {
	color: #93BF6A;
}
#bio img {
	margin-bottom: 100px;
	border: 1px solid #666;
}

#contact {
	float: right;
	width: 250px;
}
#contact h3 {
	font-size: 13px;
	margin-bottom: 0;
}
#contact p {
	text-align: left !important;
	line-height: 1.6em;
	margin-top: 0;
}
#contact a {
	color: #93BF6A;
}

/* --( Footer Styles )-- */

#footer {
	font-size: 12px;
	color: #CCC; /* Footer Text Color */
	padding: 0 0 0 36px;
	margin: 0 auto;
}

#footer a {
	color: #CCC; /* Footer Link Color */
	font-weight: bold;
	text-decoration: none;
}

#footer a:hover {
	text-decoration: underline;
}

#footer .contact {
	margin: 15px 0 0;
	font-weight: bold;
	float: left;
}
#footer .contact strong {
	color: #75AA3C;
}
#footer .copyright {
	margin-top: 8px;
	font-size: 11px;
	float: right;
	clear: right;
	color: #999;
}
#footer .copyright a {
	color: #999;
	font-weight: normal;
	text-decoration: none;
}
#footer .copyright a:hover {
	text-decoration: underline;
	color: #CCC;
}
* html #footer .copyright {
	width: 500px;
}

/* Video page styles */

#videopage { float: left; width: 765px; }

#videopage div { padding-top: 10px; }

#videopage div.first { padding-top: 0px; }

#videopage h1	{ color: #676767; }

#videopage h4 	{ margin-left: 20px; font-size: 14px; color: #676767; }

#videopage p { text-align: left; font-size: 12px;  margin: 20px 0 0 20px; color: #676767;}

.videothumbnail 	{ float: left; margin: 15px; border: none; }

#videopage a, #videopage a:link, videopage a:visited { color: #676767; text-decoration:underline; }

#videopage a:hover, #videopage a:active { color: #75AA3C;}

img.videothumbnail:hover 	{ opacity: 0.75; border-color: #75AA3C; }

.video {
width: 245px;
padding: 0;
margin: 5px;
float: left;	
	}
.video-viewer {
width: 640px;
margin: 0 auto;	
	}