body {
	margin: 0px;
	background-image: url(DNApicbox/BG.jpg);
	background-repeat: repeat-x;
	background-color: #5B88C3;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding: 0px;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: small;
	color: #999999;
	text-align: center;
}
img
{  border-style: none;
}
a:link {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: small;
	color: #333333;
	text-decoration: none;
	font-weight: bold;
}
a:visited {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: small;
	color: #333333;
	text-decoration: none;
	font-weight: bold;
}
a:hover {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: small;
	color: #999999;
	text-decoration: none;
	font-weight: bold;
}
p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: normal;
	color: #666666;
	padding-bottom: 3px;
}
.dna-wrapper {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	color: #666666;
	width: 94%;
	text-align: left;
	margin: 50px auto 0px;
	padding: 0px;
	background-color: #FFFFFF;
	border: 2px solid #999999;
	min-width:700px;
	max-width: 900px;
		width:expression(document.body.clientWidth > 902? "900px": "auto" );
}
.logo {
	margin: 5px 0px;
}
.logo a {
	margin: 5px 0px;
	text-indent: -9999px;
	background-image: url(DNApicbox/dna.logo.jpg);
	background-repeat: no-repeat;
	height: 120px;
	display: block;
}
#panel {
	padding: 0px 10px 0px 0px;
	float: right;
	position: relative;
	top: -37px;
	margin: 0px;
	height: 146px;
	width: 480px;
}
#panel-list {
	color: #000000;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	height: 38px;
	width: 480px;
	position: relative;
	font-size: xx-small;
}
/*Panel tabs*/
li#samples
{
	height: 38px;
	width: 120px;
	background-image: url(DNApicbox/tab.samples.01.jpg);
	background-repeat: no-repeat;
	overflow: hidden;
	float: left;
	text-indent: -9999px;
	margin: 0px;
	padding: 0px;
}
#samples a {
	display:block;
	height: 38px;
	width: 120px;
	background-image: url(DNApicbox/tab.samples.01.jpg);
	margin: 0px;
	padding: 0px;
}
#samples a:hover
{
	background-image: url(DNApicbox/tab.samples.02.jpg);
}
li#artists
{
	height: 38px;
	width: 120px;
	background-image: url(DNApicbox/tab.artists.01.jpg);
	background-repeat: no-repeat;
	overflow: hidden;
	float: left;
	text-indent: -9999px;
}
#artists a {
	display:block;
	height: 38px;
	width: 120px;
	background-image: url(DNApicbox/tab.artists.01.jpg);
}
#artists a:hover
{
	background-image: url(DNApicbox/tab.artists.02.jpg);
}
li#bonus
{
	height: 38px;
	width: 120px;
	background-image: url(DNApicbox/tab.bonus.01.jpg);
	background-repeat: no-repeat;
	overflow: hidden;
	float: left;
	text-indent: -9999px;
}
#bonus a {
	display:block;
	height: 38px;
	width: 120px;
	background-image: url(DNApicbox/tab.bonus.01.jpg);
}
#bonus a:hover
{
	background-image: url(DNApicbox/tab.bonus.02.jpg);
}
li#contact
{
	height: 38px;
	width: 120px;
	background-image: url(DNApicbox/tab.contact.01.jpg);
	background-repeat: no-repeat;
	overflow: hidden;
	float: left;
	text-indent: -9999px;
}
#contact a {
	display:block;
	height: 38px;
	width: 120px;
	background-image: url(DNApicbox/tab.contact.01.jpg);
}
#contact a:hover
{
	background-image: url(DNApicbox/tab.contact.02.jpg);
}
/*end of Panel tabs*/
.big-photo {
	width: 300px;
	background-color: #FFFFFF;
	float: right;
	margin-top: 0px;
	margin-right: 10px;
	margin-left: 20px;
	padding-top: 0px;
}
.big-player {
	width: 300px;
	background-color: #FFFFFF;
	float: right;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	padding-top: 0px;
}
.scribble {
	margin-top: 0px;
	margin-right: 300px;
	margin-left: 100px;
	font-size: medium;
	padding-top: 13px;
	padding-left: 0px;
	margin-bottom: 20px;
}
.scribble p {
	padding-left: 2px;
	line-height: 1.6em;
	text-align: justify;
}
.baseline {
	background-color: #FFFFFF;
	clear: both;
	text-align: center;
	padding: 3px;
}
.header {
	clear: both;
	margin: 0px;
}
.header h1 {
	padding-left: 100px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	color: #608AB4;
}
.gallery {
	margin: 20px 0px 20px 100px;
	float: left;
	clear: both;
	background-color: #000000;
	padding-left: 20px;
	padding-top: 2px;
	padding-bottom: 2px;
}
* html .gallery a:hover {
	display:inline;
}
/*above vital for hover to work in ie*/
.gallery a {
	display: block;
	float: left;
	margin-right: 20px;
}
.gallery a span {
	display: none;
}
.gallery a:hover span {
	display: block;
	position:absolute;
	top: 200px;
	left: 10px;
	height: 333px;
	width: 450px;
}




.small-text {
	font-size: smaller;
}
/*start of small SQ panel ======================*/
.sq-small {
	width: 100px;
	position: relative;
	left: -22px;
	float: left;
	margin-top: 30px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
.sq-small a {
	padding-left: 25px;
	display:block;
	margin-bottom: 25px;
}
.sq-small a:hover{
	padding-left: 25px;
}

.sq-tynee {
	height: 100px;
}
.sq-tynee a {
	background-image: url(DNApicbox/sq.tynee.01.jpg);
	background-repeat: no-repeat;
	display: block;
	height: 100px;
	clear: both;
	text-indent: -9999px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
.sq-tynee a:hover {
	background-image: url(DNApicbox/sq.tynee.02.jpg);
	background-repeat: no-repeat;
	display: block;
	height: 100px;
	clear: both;
	text-indent: -9999px;
}


.sq-malissa {
	height: 100px;
}
.sq-malissa a {
	background-image: url(DNApicbox/sq.malissa.01.jpg);
	background-repeat: no-repeat;
	display: block;
	height: 100px;
	clear: both;
	text-indent: -9999px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
.sq-malissa a:hover {
	background-image: url(DNApicbox/sq.malissa.02.jpg);
	background-repeat: no-repeat;
	display: block;
	height: 100px;
	clear: both;
	text-indent: -9999px;
}
.sq-fharron {
	height: 100px;
}
.sq-fharron a {
	background-image: url(DNApicbox/sq.fharron.01.jpg);
	background-repeat: no-repeat;
	display: block;
	height: 100px;
	clear: both;
	text-indent: -9999px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
.sq-fharron a:hover {
	background-image: url(DNApicbox/sq.fharron.02.jpg);
	background-repeat: no-repeat;
	display: block;
	height: 100px;
	clear: both;
	text-indent: -9999px;
}
.sq-jay {
	height: 100px;
}
.sq-jay a {
	background-image: url(DNApicbox/sq.jay.01.jpg);
	background-repeat: no-repeat;
	display: block;
	height: 100px;
	clear: both;
	text-indent: -9999px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
.sq-jay a:hover {
	background-image: url(DNApicbox/sq.jay.02.jpg);
	background-repeat: no-repeat;
	display: block;
	height: 100px;
	clear: both;
	text-indent: -9999px;
}
.sq-locks {
	height: 100px;
}
.sq-locks a {
	background-image: url(DNApicbox/sq.locks.01.jpg);
	background-repeat: no-repeat;
	display: block;
	height: 100px;
	clear: both;
	text-indent: -9999px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
.sq-locks a:hover {
	background-image: url(DNApicbox/sq.locks.02.jpg);
	background-repeat: no-repeat;
	display: block;
	height: 100px;
	clear: both;
	text-indent: -9999px;
}
.sq-codered {
	height: 100px;
}
.sq-codered a {
	background-image: url(DNApicbox/sq.codered.01.jpg);
	background-repeat: no-repeat;
	display: block;
	height: 100px;
	clear: both;
	text-indent: -9999px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
.sq-codered a:hover {
	background-image: url(DNApicbox/sq.codered.02.jpg);
	background-repeat: no-repeat;
	display: block;
	height: 100px;
	clear: both;
	text-indent: -9999px;
}
.sq-danica {
	height: 100px;
}
.sq-danica a {
	background-image: url(DNApicbox/sq.danica.01.jpg);
	background-repeat: no-repeat;
	display: block;
	height: 100px;
	clear: both;
	text-indent: -9999px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
.sq-danica a:hover {
	background-image: url(DNApicbox/sq.danica.02.jpg);
	background-repeat: no-repeat;
	display: block;
	height: 100px;
	clear: both;
	text-indent: -9999px;
}
.sq-marqus {
	height: 100px;
}
.sq-marqus a {
	background-image: url(DNApicbox/sq.marqus.01.jpg);
	background-repeat: no-repeat;
	display: block;
	height: 100px;
	clear: both;
	text-indent: -9999px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
.sq-marqus a:hover {
	background-image: url(DNApicbox/sq.marqus.02.jpg);
	background-repeat: no-repeat;
	display: block;
	height: 100px;
	clear: both;
	text-indent: -9999px;
}
.sq-mcfly {
	height: 100px;
}
.sq-mcfly a {
	background-image: url(DNApicbox/sq.mcfly.01.jpg);
	background-repeat: no-repeat;
	display: block;
	height: 100px;
	clear: both;
	text-indent: -9999px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
.sq-mcfly a:hover {
	background-image: url(DNApicbox/sq.mcfly.02.jpg);
	background-repeat: no-repeat;
	display: block;
	height: 100px;
	clear: both;
	text-indent: -9999px;
}
.sq-sharon {
	height: 100px;
}
.sq-sharon a {
	background-image: url(DNApicbox/sq.sharon.01.jpg);
	background-repeat: no-repeat;
	display: block;
	height: 100px;
	clear: both;
	text-indent: -9999px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
.sq-sharon a:hover {
	background-image: url(DNApicbox/sq.sharon.02.jpg);
	background-repeat: no-repeat;
	display: block;
	height: 100px;
	clear: both;
	text-indent: -9999px;
}
/*end of small SQ panel ======================*/
.artist-line {
	font-size: large;
	color: #FFFFFF;
	text-align: center;
	margin-right: 0px;
	margin-left: 0px;
	padding-right: 0px;
	padding-left: 0px;
}
.artist-line ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.artist-line li {
	display: inline;
	margin-top: 18px;
	line-height: 1.8em;
	padding-right: 15px;
	padding-left: 15px;
	margin-left: 0px;
}
.artist-line a:link, .artist-line a:visited {
	font-size: large;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
}
.artist-line a:link#current, .artist-line a:visited#current, .artist-line a:hover
{
	border-bottom: 2px solid #FFFFFF;
}
.footer {
	font-size: small;
	color: #FFFFFF;
	margin-top: 10px;
	padding-bottom: 8px;
	text-align: center;
}
.footer ul {
	list-style-type: none;
}
.footer li {
	display: inline;
	padding-right: 13px;
	padding-left: 12px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
}/*li padding spaces the links & the asymmetry allows for the 1px right border*/
.footer a:link, .footer a:visited {
	font-size: small;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
}
.footer a:link#current, .footer a:visited#current, .footer a:hover {
	border-bottom: 1px solid #FFFFFF;
}
.addresslist {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-left: 20px;
	list-style-type: none;
	margin-left: 20px;
	padding-top: 5px;
	padding-bottom: 10px;
	font-size: small;
	font-weight: bold;
}
