/* CSS written by Jason Fleitz */
/* Feel free to learn, take, supplement, steal from this code,
but please respect my orignal artwork and do not copy, modify,
or borrow without previous consent */


 
 /******* Common Styles *******/

body {
	margin: 0;
	padding: 0;
	background: #e5e3b3 url(/i/bg/bgBody.gif) repeat top left;
	color: #fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-align: center;
}

body#index {
	background: #2d1d03;
}

body#house {background: #000;}

body#photo {margin: 0; padding: 0; background: #fff;}

p {line-height: 20px;}

a {
	margin: 0;
	padding: 0;
	border: 0;
	color: #ff8800;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

/******* Layout *******/

#wrapper {
	margin: 0 auto;
	padding: 0 10px;
	width: 760px;
	text-align: left;
	background: transparent url(/i/bg/bgWrapper.gif) repeat-y top center;
}

#wrapperBottom {
	margin: 0 auto 10px auto;
	padding: 0 10px;
	width: 760px;
	height: 20px;
	background: transparent url(/i/bg/bgWrapperBottom.gif) no-repeat top center;
}

#header {
	margin: 0;
	padding: 0;
	width: 760px;
	height: 105px;
	background: transparent url(/i/bg/bgHeader.gif) repeat-x top left;
}

#menu {
	margin: 0;
	padding: 0;
	width: 760px;
	height: 100px;
	background: #fff url(/i/bg/bgMenu.gif) repeat-x top left;
}

#contentInfo, #contentExperience {
	margin: 10px 20px;
	padding: 0;
	width: 720px;
}

#content {
	margin: 0;
	padding: 0 0 0 160px;
}

#content .column {
	position: relative;
	float: left;
}

#nav {
	margin: 15px 0 0 -758px;
	padding: 0;
	width: 160px;
}

#main{
	margin: 15px 0 0 20px;;
	padding: 0;
	border: 0;
	width: 580px;
}

#venn {
	background: url(/i/bg/venn.gif) left top no-repeat;
	height: 561px;
	position:relative;
	width: 593px;
}

#venn li {list-style:none;}

#vInfo,
#vExp,
#vRes {
	display:block;
	outline:none;
	position:absolute;
	text-indent:-9999px;
}

#vInfo {
	left:0;
	height:300px;
	width:296px;
	top:0
}
#vExp {left:298px; height:300px; top:0; width:296px;}
#vRes {left:136px; height:300px; top:302px; width:320px;}

#footer {
	position: relative;
	clear: left;
	margin: 40px 0 0 0;
	padding: 0 20px;
	width: 720px;
	height: 120px;
	background: transparent url(/i/bg/bgFooter.gif) repeat top left;
	font-size: 11px;
	text-align: center;
}

/******** Header Styles *******/

#header ul {
	margin: 0;
	padding: 0;
	list-style: none;
	float: right;
}

#header ul li {
	margin: 0 10px 0 0;
	padding: 0;
	float: left;
}

#header ul li a {
	font-size: 11px;
	color: #2d1d03;
	text-decoration: nonoe;
}

#header ul li a:hover {text-decoration: underline;}

/******** Menu Styles *******/

#menu ul {
	margin: 0 0 0 10px;
	padding: 0;
	height: 60px;
	list-style: none;
}

#menu ul li {
	margin: 0;
	padding: 0;
	float: left;
}

#menu ul li a {
	margin: 0;
	padding: 15px 10px 10px 10px;
	display: block;
	background: transparent;
}

#menu ul li a:hover {background: #2d1d03;} 



/******* Main Styles *******/

#content .history {
	background: transparent url(/i/bg/mainHistory.gif) no-repeat top right;
}

ul.blank {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

ul.blank li {
	margin: 0 0 20px 0;
	padding: 0;
}

p.backToTop {
	font-size: 12px;
	color: #ff8800;
}

ul.listHistoryLinks {
	margin: 6px 20px 8px 0;
	padding: 10px;
	border: 1px solid #e5e3b3;
	list-style: none;
	float: left;
	font-size: 11px;
}

ul.listHistoryLinks li {
	margin: 0 0 10px 0;
}

img.flyer {margin: 0 0 0 10px;}

ul.press, ul.bios {
	margin: 6px 20px 8px 0;
	padding: 10px;
	border: 1px solid #e5e3b3;
	list-style: none;
	float: left;
	font-size: 11px;
}

ul.press li, ul.bios li {margin: 0 0 10px 0;}

/******* Footer Styles *******/

#footer ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#footer ul li {
	display: inline;
}

#footer a {color: #2d1d03; text-decoration: underline;}

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

#footer ul li a {
	margin: 0 5px;
	color: #2d1d03;
	text-decoration: underline;
}

#footer ul li a:hover {
	text-decoration: none;
}



/******* H1, H2, H3 Styles *******/

h1.indexLogo {
	margin: 0 0 20px 0;
	padding: 0;
	width: 400px;
	height: 100px;
	background: transparent url(/i/bg/bg-index.gif) no-repeat top left;
	text-indent: -9999px;
}

h1.htLogo {
	margin: 0 0 0 20px;
	padding: 0;
	border: 0;
	width: 450px;
	height: 100px;
	background: transparent url(/i/h1/h1-htLogo.gif) no-repeat top left;
	text-indent: -9999px;
}

h1.logoHT {
	margin: 0;
	padding: 0;
	border: 0;
	width: 760px;
	height: 107px;
	background: transparent url(/i/h1/h1-htLogo.gif) no-repeat top left;
	text-indent: -9999px;
}

h1.theHeadphonesTourInfo {
	margin: 0;
	padding: 0;
	border: 0;
	width: 760px;
	height: 107px;
	background: transparent url(/i/h1/h1-theHeadphonesTourInfo.gif) no-repeat top left;
	font-size: 10px;
	text-indent: -9999px;
}

h1.info {
	margin: 0 0 0 20px;
	padding: 0;
	width: 171px;
	height: 24px;
	background: transparent url(/i/h1/h1-information.gif) no-repeat top left;
	text-indent: -9999px;
}

h1.experience {
	margin: 0 0 0 20px;
	padding: 0;
	width: 174px;
	height: 30px;
	background: transparent url(/i/h1/h1-experience.gif) no-repeat top left;
	text-indent: -9999px;
}

h2.bannerInfo {
	margin: 0;
	padding: 0;
	border: 0;
	width: 760px;
	height: 100px;
	background: transparent url(/i/h2/h2-bannerInfo.gif) no-repeat top left;
	font-size: 10px;
	text-indent: -9999px;
}

h3 {margin: 0 0 10px 0; font-family: Arial, Helvetica, sans-serif; font-size: 33px; font-weight: lighter;}

h3.bg {
	float: right;
	margin: 0 0 0 10px;
	padding: 0;
	border: 0;
	width: 220px;
	height: 180px;
	font-size: 10px;
	text-indent: -9999px;
}

h3.titleBiographies {background: transparent url(/i/h3/h3-titleBiographies.gif) no-repeat top left;}
h3.titleHistory {background: transparent url(/i/h3/h3-titleHistory.gif) no-repeat top left;}
h3.titleOverview {background: transparent url(/i/h3/h3-titleOverview.gif) no-repeat top left;}
h3.titlePhotos {background: transparent url(/i/h3/h3-titlePhotos.gif) no-repeat top left;}
h3.titlePress {background: transparent url(/i/h3/h3-titlePress.gif) no-repeat top left;}
h3.titleSamples {background: transparent url(/i/h3/h3-titleSamples.gif) no-repeat top left;}

h4 {
	margin: 0;
	padding: 0;
	width: 400px;
	color: #ff8800;
	font-size: 26px;
	font-family: Arial, sans-serif;
	font-weight: normal;
}


/*** Paragraph Styles ***/

p.jobTitle {
	margin: 0;
	padding: 0;
	font-size: 10px;
	font-weight: bold;
	color: #ff8800;
	text-transform: uppercase;
}

p.backToTop {
	font-size: 10px;
	font-weight: bold;
}

/*** Index Styles ***/

ul.photos {
	margin: 0;
	padding: 0;
	list-style: none;
}

ul.photos li {
	display: inline;
	margin: 0 0 4px 0;
	width: 160px;
	height: 127px;
}

ul.inline li ul {
	margin: 0;
	padding: 0;
	list-style: none;
	display: none;
}

ul.inline li:hover ul {display: block;}