/* ----------------- CSS Reset ----------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}

ul, ol, dl {
	position: relative;  
}

blockquote, q {
	quotes: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

td {
	vertical-align: top;
}

.clear {
	clear: both;
}

strong {
	font-weight: bold;
}

/* ----------------- Main Structure ----------------- */

body {
	background-color: #0A0C2F;
	font-family: "Times New Roman", georgia, times, serif;
	font-size: 63%;
}

.backgroundwrap {

}

.contentwrap {
	width: 803px;
	margin: 0 auto 30px auto;
	padding-bottom: 20px;
}

#mast {
	display: block;
	position: relative;
	width: 803px;
	height: 174px;
	background: transparent url('../images/main/mast.jpg') top left no-repeat;
}

#mast h1 a {
	text-indent: -9999px;
	display: block;
	position: relative;
	width: 300px;
	height: 60px;
	top: 30px;
	float: right;
}

#nav {
	display: block;
	position: relative;
	height: 10px;
}

.bodywrap {
	display: block;
	position: relative;
	background: transparent url('../images/main/bg.jpg') top left repeat-y;
	width: 803px;
}

.headerwrap {
	display: block;
	position: relative;
	background: transparent url('../images/main/header.jpg') top left no-repeat;
	width: 803px;
}

.footerwrap {
	display: block;
	position: relative;
	background: transparent url('../images/main/footer.jpg') bottom left no-repeat;
	width: 803px;
	min-height: 500px;
	height: auto !important;
	height: 500px;
}

#leftcol {
	color: #070C16;
	width: 507px;
	padding: 20px;
	float: left;
	margin-top: 90px;
	display: block;
	position: relative;
}

#leftcol .divider {
	display: block;
	position: relative;
	width: 538px;
	height: 2px;
	margin: 7px 0 7px -19px;
	background: transparent url('../images/main/leftcoldivider.png') top left no-repeat;
}
	
#rightcol {
	padding: 10px;
	color: #929CD1;
	width: 200px;
	float: left;
	margin-left: 14px; 
	width: 220px;
}

#rightcol .divider {
	display: block;
	position: relative;
	width: 238px;
	height: 13px;
	margin: 5px 0 0 -10px;
	background: transparent url('../images/main/rightdivider.png') top left no-repeat;

}

/* ----------------- Links ----------------- */

a:link, a:visited, a:hover {

}

a:visited {

}

a:hover {

}

/* ----------------- Navigation ----------------- */

#nav ul {
	display: block;
	position: relative;
	list-style: none;
	float: right;
	width: 550px;
	height: 10px;
	margin-top: 90px;
	}

#nav ul li {
	display: block;
	position: relative;
	float: left;
	height: 10px;
	line-height: 0;
	padding-right: 1px;
}

#nav ul li a, #nav ul li a:link, #nav ul li a:hover, #nav ul li a:visited {
	text-indent: -9999px;
	text-decoration: none;
	position: relative;
	height: 10px;
	display: block;
	background: transparent;
	}
	
#nav ul li.home a:link, #nav ul li.home a:hover, #nav ul li.home a:visited {
	background: transparent url(../images/nav/home.png) 0 0 no-repeat;
	width: 43px;
}

#nav ul li.home a:hover {
	background-position: 0 -10px;
}

#nav ul li.bio a:link, #nav ul li.bio a:hover, #nav ul li.bio a:visited {
	background: transparent url(../images/nav/bio.png) 0 0 no-repeat;
	width: 37px;
}

#nav ul li.bio a:hover {
	background-position: 0 -10px;
}

#nav ul li.creativeworks a:link, #nav ul li.creativeworks a:hover, #nav ul li.creativeworks a:visited {
	background: transparent url(../images/nav/creativeworks.png) 0 0 no-repeat;
	width: 128px;
}

#nav ul li.creativeworks a:hover {
	background-position: 0 -10px;
}

#nav ul li.cdstore a:link, #nav ul li.cdstore a:hover, #nav ul li.cdstore a:visited {
	background: transparent url(../images/nav/cdstore.png) 0 0 no-repeat;
	width: 75px;
}

#nav ul li.cdstore a:hover {
	background-position: 0 -10px;
}

#nav ul li.reviews a:link, #nav ul li.reviews a:hover, #nav ul li.reviews a:visited {
	background: transparent url(../images/nav/reviews.png) 0 0 no-repeat;
	width: 115px;
}

#nav ul li.reviews a:hover {
	background-position: 0 -10px;
}

#nav ul li.photos a:link, #nav ul li.photos a:hover, #nav ul li.photos a:visited {
	background: transparent url(../images/nav/photos.png) 0 0 no-repeat;
	width: 65px;
}

#nav ul li.photos a:hover {
	background-position: 0 -10px;
}

#nav ul li.contact a:link, #nav ul li.contact a:hover, #nav ul li.contact a:visited {
	background: transparent url(../images/nav/contact.png) 0 0 no-repeat;
	width: 67px;
}

#nav ul li.contact a:hover {
	background-position: 0 -10px;
}

/* ----------------- Newsletter ----------------- */

.newsletter form {
	display: block;
	position: relative;
	margin-bottom: 50px;
}

.newsletter input {
	border: 1px solid #515060;
	color: #fff;
	background: #262B6C;
	width: 130px;
	font-size: 9px;
	height: 12px;
	display: block;
	position: relative;
	float: left;
	padding: 2px;
	margin: 0 10px 0 0;
}

.newsletter input.button {
	width: 41px;
	height: 18px;
	display: block;
	position: relative;
	padding: 0;
	margin: 0;
	border: none;
}


/* ----------------- Footer ----------------- */

address {
	margin: 10px auto;
}

address p {
	font-family: verdana, helvetica, arial, sans-serif;
	font-size: 10px;
	color: #fff;
	font-style: normal;
}

address p.left {
	width: 50%;
	float: left;
}

address p.right {
	text-align: right;
	width: 45%;
	float: right;
}

address a:link, address a:hover, address a:visited {
	color: #fff;
	text-decoration: none;
}

address a:hover {
	text-decoration: underline;
}

/* ----------------- Pages ----------------- */

/* --- Splash Page --- */

body#splash {
	/* contained in splash.css */
}


/* --- CD Store Page --- */

.title {
	margin: 30px 0;
	clear: both;
	display: block;
	position: relative;
}

img.cd {
	float: left;
	border: 2px solid #232756;
	margin: 0 0 10px;
}

.data {
	float: right;
	display: block;
	position: relative;
	width: 350px;
}

.titlewrap {
	display: block;
	position: relative;
}
.data h4 {
	font-family: verdana, helvetica, arial, sans-serif;
	font-weight: normal;
	width: 60%;
	padding-bottom: 10px;
	float: left;
	font-size: 20px !important;
}

.data p {
	font-size: 13px;
	clear: both;
}

.data h4.price {
	font-family: verdana, helvetica, arial, sans-serif;
	font-weight: normal;
	width: 35%;
	text-align: right;
	float: right;
}

/* --- Creative Works Page --- */

ul.options {
	display: block;
	position: relative;
	list-style: none;
	float: right;
	}

ul.options li {
	display: block;
	position: relative;
	float: left;
	height: 17px;
	padding-right: 5px;
}

ul.options li, ul.options li a, ul.options li a:link, ul.options li a:hover, ul.options li a:visited {
	text-indent: -9999px;
	text-decoration: none;
	position: relative;
	height: 17px;
	display: block;
	background: transparent;
	}
	
ul.options li.quicktime a:link, ul.options li.quicktime a:hover, ul.options li.quicktime a:visited {
	background: transparent url(../images/buttons/quicktime.png) 0 0 no-repeat;
	width: 82px;
}

ul.options li.samplepdf a:link, ul.options li.samplepdf a:hover, ul.options li.samplepdf a:visited {
	background: transparent url(../images/buttons/samplepdf.png) 0 0 no-repeat;
	width: 85px;
}

ul.options li.purchaseitem a:link, ul.options li.purchaseitem a:hover, ul.options li.purchaseitem a:visited {
	background: transparent url(../images/buttons/purchaseitem.png) 0 0 no-repeat;
	width: 110px;
}


ul.tracks {
	margin-left: 20px;
}

ul.tracks li {
	display: block;
	position: relative;
	height: 17px;
	padding-right: 1px;
	margin:0;
}

ul.tracks li a, ul.tracks li a:link, ul.tracks li a:hover, ul.tracks li a:visited {
	color: #191D4E;
	position: relative;
	padding-left: 28px;
	height: 28px;
	display: block;
	text-decoration: underline;
	background: transparent url('../images/buttons/arrow.png') top left no-repeat;
	}
	
ul.tracks li a:hover {
	text-decoration: none;
}

/* --- Accordion -- */

h5.accordion {
	color: #D47727;
	padding-left: 20px;
	height: 15px;
	font-weight: normal;
	height: 23px;
	cursor: pointer;
	margin-top: 10px;
	font-size: 1.5em !important;
	background: transparent url('../images/accordion/toggle.png') 0 0px no-repeat;
}

h5.accordion:hover {
	color: #D47727;
}

h5.open {
background: transparent url('../images/accordion/toggle.png') 0 -36px no-repeat;
}

h5.open:hover {
background: transparent url('../images/accordion/toggle.png') 0 -36px no-repeat;
}

h5.collapsed {
background: transparent url('../images/accordion/toggle.png') 0 0px no-repeat;
}

h5.collapsed:hover {
background: transparent url('../images/accordion/toggle.png') 0 -36px no-repeat;
}


/* -- List -- */

ul.list {
	margin-left: 30px;	
}

ul.list li {
	list-style: disc !important;
	margin-bottom: 0;
}

ul.list li a:link, ul.list li a:hover, ul.list li a:visited {
	color: #8495C7;
	text-decoration: none;
} 

ul.list li a:hover {
	color: #D47727;
}


/* --- Photo Gallery --- */

p.credit {
	font-size: .9em;
}

p.title {
	font-size: 1.3em;
	text-transform: uppercase;
	font-weight: bold;
}

table.photos {
	display: block;
	position: relative;
	margin: 10px auto 10px 0;
	width: 520px;
	text-align: left;
}

tr.largephoto {

}

.largephoto td {
	padding: 0 0 5px 2px;
	margin: 0 auto 0 0;
	text-align: left !important;

}

tr.largephoto img {
	border: 5px solid #5B6D9F;
	margin: 0 0 0 0;
	padding: 0;
	width: auto;
	text-align: left !important;
	}

tr.smallphoto {
}

tr.smallphoto img {
	border: 2px solid #5B6D9F;
	width: 63px;
	height: 63px;
}


tr.smallphoto img:hover {
	border: 2px solid #C87028;
}

.smallphoto td {
	padding: 5px 2px;
	width: 16%;
}

table.photos p {
	margin: .3em 0;
	}

	

/* ----------------- Buttons ----------------- */

img.button {
	display: block;
	position: relative;
	margin: 0px 0 20px auto;
	clear: both;
}

img.top {
margin-top: -70px;
position: absolute;
float: right;
margin-left: 400px;
text-align: right;
}

/* ----------------- Headlines ----------------- */

h2, h3 {
	text-indent: -9999px;
	display: block;
	position: relative;
	background: transparent;
}

h2 {
	float: right;
	margin-top: -60px;
}

#index h2 {
	background: transparent url('../images/headlines/welcome.png') top left no-repeat;
	width: 183px;
	height: 25px;
}

.padtop {
	height: 50px;
	display: block;
	position: relative;
}

#bio h2 {
	background: transparent url('../images/headlines/shortbio.png') top right no-repeat;
	width: 194px;
	height: 18px;
	top: 30px;
	margin-bottom: 30px;
	clear: both;
}

#bio h2.long {
	background: transparent url('../images/headlines/longbio.png') top right no-repeat;
	width: 194px;
	height: 18px;
	top: 30px;
	margin-bottom: 30px;
	clear: both;
}

#reviews h2 {
	background: transparent url('../images/headlines/reviews.png') top right no-repeat;
	width: 194px;
	height: 18px;
	top: 30px;
	margin-bottom: 30px;
	clear: both;
}

#reviews h2.links {
	background: transparent url('../images/headlines/links.png') top right no-repeat;
	width: 194px;
	height: 18px;
	top: 30px;
	margin-bottom: 30px;
	clear: both;
}

#creative h2 {
	background: transparent url('../images/headlines/creativeworks.png') top left no-repeat;
	width: 253px;
	height: 18px;
}

#cdstore h2 {
	background: transparent url('../images/headlines/cdstore.png') top left no-repeat;
	width: 177px;
	height: 18px;
}

#gallery h2 {
	background: transparent url('../images/headlines/photos.png') top left no-repeat;
	width: 133px;
	height: 18px;
}

#contact h2 {
	background: transparent url('../images/headlines/contact.png') top left no-repeat;
	width: 160px;
	height: 18px;
}

h3.newsletter {
	background: transparent url('../images/headlines/joinnewsletter.gif') top left no-repeat;
	width: 178px;
	height: 13px;
	margin-bottom: 7px;
}

h3.news {
	background: transparent url('../images/headlines/news.png') top left no-repeat;
	width: 65px;
	height: 14px;
}

h3.works {
	background: transparent url('../images/headlines/works.png') top left no-repeat;
	width: 90px;
	height: 14px;
}




/* ----------------- Typography ----------------- */

p, li, dd {
	font-size: 1.4em;
	margin-bottom: 1em;
	line-height: 1.4em;	
}
#leftcol div {
	font-size: 1.4em !important;
	margin-bottom: 1em;
	line-height: 1.4em;	
	
}

.ddfmwrap .credits p {
	font-size: 12px !important;
}