/**************** Body and tag styles ****************/
* {margin: 0;}
body, h1, h2, h3, h4, h5, h6, p, blockquote, label, fieldset, ul, ol, dl, li, object, table, th, tr, td, a  {padding: 0;}
body {
	font: 100%/1.5 "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #ccc;
	background: #000 url(../images/gif/bg-5x5.gif) repeat fixed left top;
}
img {border:none;
}
h1 {
	color: #EB3CA5;
	margin-bottom: .5em;
	font: 1.7em Arial, Helvetica, sans-serif;
	letter-spacing: -1px;
}
h2 {
	color: #fff;
	margin: 1em 0 .5em;
	font: bold 1.1em Arial, Helvetica, sans-serif;
	border: 1px solid #2A2A2A;
	text-transform: uppercase;
	background: url(../images/gif/diagonalstripe-bg.gif) repeat left top;
	padding: .4em .4em .3em;
	letter-spacing: -1px;
}
h3 {
	color: #fff;
	margin-bottom: .5em;
	font: .9em Arial, Helvetica, sans-serif;
	border-bottom: 1px solid #2A2A2A;
}
h4 {
	color: #ff5cb9;
	margin: .3em 20px .7em 0;
	text-align: right;
	font: italic 1em Arial, Helvetica, sans-serif;
}
h5 {
	color: #fff;
	margin: 1em 0 .5em;
	font: 1.2em Arial, Helvetica, sans-serif;
	border-bottom: 1px solid #2A2A2A;
}
h6 {
	color: #fff;
	margin-bottom: 1em;
	font: .9em Arial, Helvetica, sans-serif;
}
p, ul#linkslist, ul.equiplist, ul.paralist {font-size: .8em;
	margin-bottom: 1em;
}
a {text-decoration: none;}
a:link {color: #E3541E;}
a:visited {color: #F27A39;}
a:hover, a:active {color: #fff; background-color: #E3541E; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; text-shadow: #333 2px 2px 2px;
}
acronym {border-bottom: 1px dotted #666;
	cursor: help;
}
table {font-size: .7em;
	color: #bcc;
	margin-bottom: 2em;
	clear: both;
}
table, th, td {border-collapse: collapse;
	border: 1px solid #2A2A2A;
	background-color: #111;
}
th, td {padding: .4em;
}
th {
	background: #000 url(../images/gif/tableheader-bg.gif) repeat-x left top;
	text-align: left;
	color: #fff;
}
/**************** Container styles ****************/
#container {
	width: 782px;
	margin: 0 auto;
}
#shadowcontainer {
	width: 100%;
	float: left;
	background: url(../images/png/dropshadow.png) repeat-y left top;
}
#content {
	margin-left: 11px;
	float: left;
	width: 760px;
	background-color: #000;
}
#leftcontainer {
	float: left;
	width: 180px;
	margin-right: 20px;
}
#maincontent {
	float: left;
	width: 560px;
	position: relative;
}
/**************** Header styles ****************/
#header {
	background: url(../images/jpg/sunscene.jpg) no-repeat left top;
	height: 194px;
	text-align: center;
	border-bottom: 1px solid #2A2A2A;
	position: relative;
}
#header img {margin-top: 160px;}
#header a:hover {background-color: inherit;
}
#headerlogotop {background: url(../images/gif/heading-top.gif) no-repeat center top;
}
#headerlogobottom {
	background: url(../images/gif/heading-bottom.gif) no-repeat center top;
	margin-bottom: 10px;
	height: 34px;
}
#header p {
	position: absolute;
	top: 0; left: 0;
	font-size: .7em;
}
#header p a {padding: .3em;}
#header p a:link, #header p a:visited {color: #FFE7F5; background-color: inherit;}
#header p a:hover, #header p a:active {color: #EB3CA5; background-color: #fff; text-shadow: none;
}
/**************** Navigation styles ****************/
#navleft {
	list-style: none;
	width: 180px;
	border: 1px solid #1a1a1a;
	margin-bottom: 20px;
}
#navleft li, #navleft li a {height: 33px;
}
#navleft span {display: none;}
#navleft li a {display: block; padding: 0;
}
#navleft li a#navhome:link, #navleft li a#navhome:visited, #navleft li a#navhome:hover, #navleft li a#navhome:active, #navleft li#currenthome {background: url(../images/gif/navleft-home.gif) no-repeat left top;}
#navleft li a#navabout:link, #navleft li a#navabout:visited, #navleft li a#navabout:hover, #navleft li a#navabout:active, #navleft li#currentabout {background: url(../images/gif/navleft-about.gif) no-repeat left top;}
#navleft li a#navmusic:link, #navleft li a#navmusic:visited, #navleft li a#navmusic:hover, #navleft li a#navmusic:active, #navleft li#currentmusic {background: url(../images/gif/navleft-music.gif) no-repeat left top;}
#navleft li a#navequipment:link, #navleft li a#navequipment:visited, #navleft li a#navequipment:hover, #navleft li a#navequipment:active, #navleft li#currentequipment {background: url(../images/gif/navleft-equipment.gif) no-repeat left top;}
#navleft li a#navlinks:link, #navleft li a#navlinks:visited, #navleft li a#navlinks:hover, #navleft li a#navlinks:active, #navleft li#currentlinks {background: url(../images/gif/navleft-links.gif) no-repeat left top;}
#navleft li a#navothermusic:link, #navleft li a#navothermusic:visited, #navleft li a#navothermusic:hover, #navleft li a#navothermusic:active, #navleft li#currentothermusic {background: url(../images/gif/navleft-othermusic.gif) no-repeat left top;}
#navleft li a#navcontact:link, #navleft li a#navcontact:visited, #navleft li a#navcontact:hover, #navleft li a#navcontact:active, #navleft li#currentcontact {background: url(../images/gif/navleft-contact.gif) no-repeat left top;
}
#navleft li a#navhome:hover, #navleft li a#navabout:hover, #navleft li a#navmusic:hover,  #navleft li a#navequipment:hover,  #navleft li a#navlinks:hover,  #navleft li a#navothermusic:hover,  #navleft li a#navcontact:hover, #navleft li a#navhome:active, #navleft li a#navabout:active, #navleft li a#navmusic:active, #navleft li a#navequipment:active, #navleft li a#navlinks:active, #navleft li a#navothermusic:active, #navleft li a#navcontact:active {background-position: left -33px; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;}
#navleft li#currenthome, #navleft li#currentabout, #navleft li#currentmusic, #navleft li#currentequipment, #navleft li#currentlinks, #navleft li#currentothermusic, #navleft li#currentcontact {background-position: left -66px;
}
/**************** Content styles ****************/
#leftcontainer img.cellsoniklogo, .lefthighlightbox {
	margin-bottom: 20px;
}
#mp3playercontainer {
	float: right;
	margin: 0 0 0 20px;
	border: 1px solid #2A2A2A;
	width: 208px;
	height: 226px;
}
.downloadtable a {text-decoration: underline;}
.downloadtable a:link, .downloadtable a:visited {color: #bcc; background-color: inherit;}
.downloadtable a:hover, .downloadtable a:active {color: #bcc; background-color: inherit; text-decoration: none;
}
.trackname {width: 315px;}
a.mp3icon img {background: url(../images/gif/icon-mp3.gif) no-repeat left top;}
a.mp3icon:hover img {background: url(../images/gif/icon-mp3.gif) no-repeat -12px top;}
a.mp3icon:hover {background: none;
}
a.zipicon img {background: url(../images/gif/icon-zip.gif) no-repeat left top;}
a.zipicon:hover img {background: url(../images/gif/icon-zip.gif) no-repeat -16px top;}
a.zipicon:hover {background: none;
}
.imgfloatleft {
	float: left;
	margin: 0 1em .5em 0;
}
.imgright {
	float: right;
	margin: 0 0 5px 1em;
}
.lefthighlightbox {
	background-color: #111;
	float: left;
	width: 160px;
	border: 1px solid #2a2a2a;
	text-align: left;
	padding: 10px 10px 0 10px;
	font-size: .85em;
}
ul#linkslist {margin: 1.5em 0 1.5em 1.3em;
} 
ul#linkslist li {
	margin-bottom: .5em;
	list-style: none url(../images/gif/listarrow.gif);
} 
#maincontent p, ul#linkslist li {
	padding-right: 20px;
}
#gearlist {
	border-right: 1px solid #2a2a2a;
	width: 256px;
	float: left;
	margin-bottom: 1.4em;
}
#rightequiplist {
	width: 270px;
	float: left;
	margin: 0 0 1.4em 22px;
}
ul.equiplist {
	color: #fff;
	margin: 0 0 1em 18px;
}
ul.equiplist li, ul.paralist li {margin-top: .3em;
}
ul.equiplist li ul {
	margin: 0 0 1em 1.1em;
	list-style: circle;
}
ul.equiplist li ul li {
	color: #ccc;
}
ul.paralist {margin-left: 1.3em; /*paralist class is written from database */
}
.studioimg {
	float: left;
	margin: 0 10px .5em 0;
}
.studioimgright {
	margin: 0 0 .5em 0;
}
.imgequip {
	float: right;
	margin-bottom: 1em;
}
#maincontent p.nextlink {
	float: right;
	padding-right: 0;
}
#maincontent p.prevlink {
	float: left;
}
#maincontent p.backtoequip {
	text-align: center;
	clear: both;
}
ul.textlist {
	margin: 0 0 1em 18px;
	font-size: .8em;
}
.nuance {
	width: 56px;
	text-align: center;
}
#maincontent p.r8demo {
	padding-right: 0;
	float: left;
	width: 449px;
}
.toggler:hover {
	color: #E3541E;
	cursor: pointer;
}
span.accordionarrow {
	display: block;
	float: left;
	width: 18px;
}
.active {
	color: #E3541E;
}
.cardswrapper {
	margin-bottom: 1em;
	float: left;
	height: 83px;
	width: 559px;
}	
.r8table {
	width: 559px;
	margin-left: 1px;
}
.r8table td {padding: .2em;
}
#r8card1img, #r8card2img, #r8card3img, #r8card4img, #r8card5img, #r8card6img, #r8card7img, #r8card8img, #r8card9img, #r8card10img, #r8card11img {
	position: absolute;
	left: 0; top: 63px;
}
#r8card2img {left: 49px;}
#r8card3img {left: 99px;}
#r8card4img {left: 150px;}
#r8card5img {left: 201px;}
#r8card6img {left: 253px;}
#r8card7img {left: 306px;}
#r8card8img {left: 358px;}
#r8card9img {left: 409px;}
#r8card10img {left: 460px;}
#r8card11img {left: 510px;
}
/**************** Contact page styles ****************/
form#contactform {
	font-size: .9em;
	margin-bottom: 1em;
}
#contactform label {
	width: 110px;
	float: left;
	text-align: right;
	margin-right: 10px;
	color: #fff;
	padding-top: .2em;
}
input#name, input#email, input#subject, textarea {
	width: 200px;
	float: left;
	margin: 0 .5em .8em 0;
}
.warningtext {
	color: #f00;
}
#button_offset {
	padding-left: 120px;
}
p#message_sent {
	padding: .6em 0 0 120px;
	color: #EB3CA5;
	font: 1.2em Arial, Helvetica, sans-serif;
	margin-bottom: 0;
}
.clear, #message_sent, #contactform br, #button_offset {
	clear: both;
}
.validate {
	display: inline;
}
#bottomshadow {
	float: left;
	height: 11px;
	background: url(../images/png/drop-shadow-footer.png) no-repeat left top;
	width: 782px;
}
/**************** Footer styles ****************/
#footer {
	background: #000 url(../images/gif/footer-bg.gif) repeat-x left top;
	border-top: 1px solid #2A2A2A;
	float: left;
	margin-left: 11px;
	width: 760px;
	text-align: center;
	color: #666;
}
#footer p {font-size: .6em;}
#footer ul {
	font-size: .7em;
	margin: 1em 0 .8em;
}
#footer li {
	list-style: none;
	display: inline;
}
#footer li span {padding: 0 .3em;
}
#footer a {text-decoration: none; padding: .1em .4em;}
#footer a:link, #footer a:visited {color: #EB3CA5; background-color: inherit;}
#footer a:hover, #footer a:active {color: #fff; background-color: #EB3CA5;
}	
/**************** Misc classes and styles ****************/
.boldtext {font-weight: bold;}
.whitetext {color: #fff;}
.alignright {text-align: right;}
.aligncentre {text-align: center;}
.authortext {color: #fff;}
.margbottom0 {margin-bottom: 0;}
.clear {clear: both;}
.largemargbottom {margin-bottom: 1.5em;}
.italictext {font-style: italic;}
.backtotop {font-size: .8em;}
.orangeheader {color: #E3541E; margin-bottom: .2em;}
.smalltext {font-size: .7em;}