/* 

NOTE:

This CSS file should be re-factored before the final version goes live. 


*/


/* RESET */
/* ----------------------------------------- */

/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li {
	list-style:none;
	margin: 0px;
	padding: 0px;
}
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal }
q:before, q:after { content:''}

/* Global reset-RESET */
/* The below restores some sensible defaults */
strong { font-weight: bold }
em { font-style: italic }
a img {
	border:none;
	outline: none;
	margin-bottom: 0px;
} /* Gets rid of IE's blue borders */

/* EOF RESET */
/* ----------------------------------------- */



/* STRUCTURE 
----------------------------------------- */

html{
text-align: center;
}

body{
background: #474040 url(../images/pageBG.gif) repeat-x 0 0;
color: #bab9a0;
font-family: Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;
font-size: 11px;

}

.wrap{
	margin: 0 auto;
	text-align: left;
	width: 940px;
}

#header{
height: 151px;
background: #6a6a64;
	}
	#logo{
	height: 82px;
	width: 328px;
	position: absolute;
	top: 58px;
	}

body.credits #mainContent {margin-top: 45px;}
#mainContent{
	margin-top: 30px;
	padding-right: 0;
	padding-bottom: 30px;
	padding-left: 0;
	min-height: 420px;
	}
	#textColumn{
	float: left;
	width: 325px;
	margin-top: 0;
	margin-right: 20px;
	margin-bottom: 0;
	margin-left: 0;
		}
		#textPanel{
/* 	height: 360px; */
		}
		#textPanel2{
	height: 257px;
		}
	
					
		ul.thumbnails li{
	float: left;
	margin-top: 3px;
	margin-right: 8px;
	margin-bottom: 5px;
	margin-left: 0;
	padding-bottom: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	display: block;
			}
			ul.thumbnails li.thumbsFirstRow{
	margin-top: 0px;
	padding: 0px;
			}
			ul.thumbnails li a{
	border: 0;
	color: #efad3c;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	
				}


				ul.thumbnails li a:hover{
	text-decoration: none;
	outline: none;
	color: #6A6A64;
				}
ul.thumbnails .thumbTitles {
	display: block;
	margin-top: 1px;
}
	#imageColumn{
	float: right;
	margin-top: 0 ; 
	margin-bottom: 0;
	width: 567px;
	}

#footer{
	background: url(../images/footerBG.gif) repeat-x 0 0;
	height: 80px;
	text-align: center;
	padding-top: 20px;
}

.clear{
clear: both;
}


/* EOF STRUCTURE 
----------------------------------------- */




/* ADDITIONAL TYPOGRAPHY
----------------------------------------- */
			
p {
margin: 0;
padding: 0 0 8px 0;
}

#footer p.copyright{
	color: #857979;
	float: right;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}

#footer h4 {
	color: #B3A5A5;
	margin-top: 0px;
	margin-bottom: 5px;
}

#footer p {
	font-size:11px;
	color: #857979;
	
}

#footer .details {
	color: #645D5D;
	
}

#footer p.contact-details {
	
	float: left;
}


#footer a {
	color: #857979;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #B7A8A8;
	font-weight: normal;
}
#footer a:hover {
	border-bottom-color: #FFFFFF;
}

h1{
	color: #efad3c;
	display: block;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	font-weight: normal;
}

a{
color: #efad3c;
font-weight: bold;
text-decoration: none;
	}
	a:hover{
	text-decoration: underline;	/* border-bottom: 1px solid #6a6a64; */
	}

#mainContent p {
	line-height: 1.5em;
	letter-spacing: 1px;
}

#textWide p.equipmenttitels {
	font-size: 1.5em;
	color: #FFFFFF;
	margin-bottom: 0px;
	font-weight: lighter;
}

.divider {
	background-color: #666666;
	height: 1px;
	margin-top: 5px;
	margin-bottom: 5px;
}

#textWide p {margin: 0px;}
	
#textWide h4 {
	font-size: 1.3em;
	font-weight: normal;
	color: #FFFFFF;
	margin-bottom: 5px;
	margin-top: 8px;
}


/* EOF TYPOGRAPHY
----------------------------------------- */



/* DOWNLOAD BOX (BIO PAGE)
----------------------------------------- */

ul#fileList  {
	font-style: normal;
	margin-top: 15px;
	padding-left: 0px;
	border-top-width: 1px;
	
	border-top-style: solid;
	border-top-color: #666666;
	padding-top: 10px;
	
}

ul#fileList li {
	padding-left: 22px;
	margin: 0px;
	line-height: 1.8em;
	background-image: url(../images/ic_acrobat.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;	
}


/* EQUIPMENT TYPOGRAPHY
----------------------------------------- */

.pageTitle {
	margin-bottom: 25px;	
}

.pageTitle p {
	color: #bab9a0;
	font-size: 1em;
	width: 570px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #5E5656;
	padding-top: 10px;
	padding-bottom: 20px;
}

body.equipment h1 {padding-bottom: 10px;}


/* VIDEO DETAILS TYPOGRAPHY
----------------------------------------- */

.videoDetails {
	padding-top: 10px;
	margin-left: 8px;
}

.videoDetails li {
	padding-top: 2px;
	padding-bottom: 2px;
	letter-spacing: 0.1em;
	font-size: 0.9em;
			}
			
			
.videoDetails .videoName {
	
	text-transform: uppercase;
	color: #EFAD3C;			
			
			}
			
.videoDetails .videoArtist{
	
	text-transform: uppercase;
			
			
			}

span.videoProp{
}
span.videoSpec{
	color: #efad3c;

	
	text-decoration: none;
}
span.videoTitle{
	color: #efad3c;
	
	text-decoration: none;
}

img.selected {
	border: 3px solid #efad3c;
	height: 45px;
	width: 84px;
}
	

/* NAV 
----------------------------------------- */


#nav{
background: url(../images/navBG.gif) repeat-x 0 0;
height: 58px;
position: relative;
	}
	#navMenu{
	margin-top: 20px;
	}
	#navMenu, #navMenu li{
	display: inline;
	float: left;
	list-style-type: none;
	border-bottom-width: 1px;
		}
		#navMenu li{
		padding-right: 30px;
		}
		#navMenu li a{
		border: 0;
		display: block;
		height: 16px;
		outline: none;
		text-indent: -9999px;
		}
		
		#creditsBtn a{
		background: url(../images/buttons/credits.gif) no-repeat 0 0;
		width: 66px;
			}
			#creditsBtn a:hover{
			background: url(../images/buttons/credits-o.gif) no-repeat 0 0;
			}
		
		#equipmentBtn a{
		background: url(../images/buttons/equipment.gif) no-repeat 0 0;
		width: 91px;
			}
			#equipmentBtn a:hover{
			background: url(../images/buttons/equipment-o.gif) no-repeat 0 0;
			}
		
		#biographyBtn a{
		background: url(../images/buttons/biography.gif) no-repeat 0 0;
		width: 137px;
			}
			#biographyBtn a:hover{
			background: url(../images/buttons/biography-o.gif) no-repeat 0 0;
			}
		
		#contactBtn a{
		background: url(../images/buttons/contact.gif) no-repeat 0 0;
		width: 74px
			}
			#contactBtn a:hover{
			background: url(../images/buttons/contact-o.gif) no-repeat 0 0;
			}
		#linksBtn a{
		background: url(../images/buttons/links.gif) no-repeat 0 0;
		width: 46px;
			}
			#linksBtn a:hover{
			background: url(../images/buttons/links-o.gif) no-repeat 0 0;
			}
					#subNav .navselected{
	color: #FFFF00;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #EFAD3C;
}

#subNav{
	padding-top: 20px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0;
	
	}
	#subNavMenu {
}
#subNavMenu a {font-size: 1.2em; color: #FFFFFF;}
	#subNav li{
	display: inline;
	float: left;
	list-style-type: none;
	margin-right: 25px;
		}
		#subNav li a{
	
	
	font-weight: normal;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 0.1em;
			}
			#subNav li a:hover{
	color: #FFFFFF;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #EFAD3C;
			}
			
#extraNav {
	margin-right: 0;
	margin-bottom: 15px;
	margin-left: 0;
	margin-top: -5px;
	font-size: 1em;
	
	
}

#extraNav li a:hover{
			color: #fff;
			}
#extraNav li a {color: #dbd1be;margin-bottom: 20px;}

.navSeparator{
	height: 4px;
	clear: both;
}
			

body.credits #creditsBtn a,
body.credits #creditsBtn { background: url(../images/buttons/credits-o.gif) no-repeat 0 0; }

body.bio #biographyBtn a,
body.bio #biographyBtn { background: url(../images/buttons/biography-o.gif) no-repeat 0 0; }

body.equipment #equipmentBtn a,
body.equipment #equipmentBtn { background: url(../images/buttons/equipment-o.gif) no-repeat 0 0;}

body.contact #contactBtn a,
body.contact #contactBtn { background: url(../images/buttons/contact-o.gif) no-repeat 0 0; }






/* EOF NAV 
----------------------------------------- */



/* FORM STYLE
----------------------------------------- */

form {
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	margin-top: 0px;
}

label {
	display: block;
	font-size: 11px;
	font-weight: bold;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 3px;
	margin-left: 0;
	padding: 0px;
	color: #EBE9E3;
}

input {
	font-size: 11px;
	padding: 2px;
	width:300px;
	background-color: #6A6A64;
	border: 1px solid #6A6A64;
	color: #D3D3CB;
}

.contact_h2 {
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size:0.95em;
	text-transform: uppercase;
	color: #5B9032;
	margin: 20px 0 10px 0;
	padding: 0 0 12px 0;
	width: 392px;
	font-weight: bold;
	border-bottom-color: #d1d2cd;	
}


textarea {
	font-size: 11px;
	padding: 2px;
	width:300px;
	height: 100px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #6A6A64;
	border: 1px solid #6A6A64;
	color: #D3D3CB;
}

		
.submitButton {
	font: bold 1.0em "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
	padding: 4px 6px;
	width: auto;
		}		
.submit input {
	width: 88px;
	color: #fff;
	font-size: 9px;
	font-weight: bold;
	font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	background-color: #EFAD3C;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 4px;
	padding-left: 0;
	border: 1px solid #EFAD3C;
	}
.required {
	color: #EFAD3C;
}

.submit{
	width: 88px;
	padding: 0px;
	margin: 10px 0 0 0;
	background-color: #EFAD3C;
}	



body.contact h4 {
	font-size: 1.3em;
	font-weight: normal;
	color: #FFFFFF;
	margin-bottom: 8px;
	
}

body.bio h4 {
	font-size: 1.3em;
	font-weight: normal;
	color: #FFFFFF;
	margin-bottom: 8px;
	
}


#videoHolder img {
	max-width: 640px;
}