body {
	padding:0; margin:0;
	background:#521c1c url(../media/body.png) 0 0 repeat-x;
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	color: #c9bfa0;
}
a {
	color:white;
	text-decoration:underline;
}
a:hover {
	color:yellow;
}
p {
	padding:0 16px 8px;
	margin:0;
}	
p#intro {
	padding:0 16px;
	margin-bottom:16px;
}
table, td, th { font-size:1em;}
table.grid {
	border-width:0;
	border-collapse:collapse;
}
table.grid td, table.grid th {
	margin:0;
	padding:0;
	vertical-align:top;
}
div.clear-both {clear:both}
h1 {width:728px; height:56px;margin:0 16px 16px; padding:0;text-indent:-2000px;}
h1#h1-seoheader {display:none}
h1#h1-browserex {background:url(../media/h1-browser.png)}
h1#h1-browserdemo {background:url(../media/h1-demobrowser.png)}
h1#h1-faq {background:url(../media/h1-faq.png)}
h1#h1-about {background:url(../media/h1-about.png)}
h1#h1-customers {background:url(../media/h1-customers.png)}
h1#h1-contact {background:url(../media/h1-contact.png)}
h1#h1-order {background:url(../media/h1-order.png)}
h2 {
	font-size:18px;
	padding:0 0 4px;
	background:url(../media/index-h3.png) left bottom repeat-x;
	margin:8px 16px 8px;
}
h3 {
	font-size:16px;
	padding:0 0 4px;
	margin:8px 16px 8px;
}
div#header-wrap {
	background:url(../media/header-wrap.png) center 0 no-repeat;
	width:100%;
	height:144px;
}
div#header {
	background:#632424 url(../media/header.png?new) 0 0 no-repeat;
	width:762px;
	height:144px;
	margin:0 auto;
	position:relative;
}
div#header ul {
	padding:0; margin:0;
	position:absolute;
	left:0;
	top:96px;
}
div#header ul li, div#header ul li a {
	display:block;
	float:left;
	margin:0; padding:0;
	height:32px;
	text-decoration:none; /* blue underline issue in firefox */
}
div#header ul li {
	list-style-type:none;
}
div#header ul li a span {
	display:none;
}
li a#nb-home {width:80px;}
li a#nb-beats {width:120px;}
li a#nb-faq {width:64px;}
li a#nb-customers {width:104px;}
li a#nb-about {width:80px;}
li a#nb-contact {width:95px;}
li a#nb-order {width:71px;}
li a#nb-home:hover {background:url(../media/navbar-ro.png?new) 0 0 no-repeat;}
li a#nb-beats:hover {background:url(../media/navbar-ro.png?new) -80px 0 no-repeat;}
li a#nb-faq:hover {background:url(../media/navbar-ro.png?new) -200px 0 no-repeat;}
li a#nb-customers:hover {background:url(../media/navbar-ro.png?new) -264px 0 no-repeat;}
li a#nb-about:hover {background:url(../media/navbar-ro.png?new) -368px 0 no-repeat;}
li a#nb-contact:hover {background:url(../media/navbar-ro.png?new) -448px 0 no-repeat;}
li a#nb-order:hover {background:url(../media/navbar-ro.png?new) -689px 0 no-repeat;}
div#content-wrap {
	background:url(../media/content-wrap.png) center 0 repeat-y;
	width:100%;
}
div#content {
	text-align:left;
	background:#632424 url(../media/content.png) 0 0 repeat-y;
	padding:0 1px;
	margin:0 auto;
	width:762px;	
		voice-family: "\"}\""; voice-family:inherit;		
	width:760px;
}
div#footer-wrap {
	background:url(../media/footer-wrap.png) center 0 repeat-y;
	width:100%;
	height:72px;
}
div#footer {
	background:#632424 url(../media/footer.png) 0 0 repeat-y;
	margin:0 auto;
	height:72px;
	width:762px;	
	position:relative;
}
div#footer span {
	display:none;
}
a#fm-button {
	display:block;
	margin:0; padding:0;
	width:136px;
	height:32px;
	top:20px;
	left:473px;
	position:absolute;
	background-image:url(../media/fm-button.png); /* IE doesn't refresh on rollout fix */
}
a#fm-button:hover {
	background-image:url(../media/fm-button-ro.png);
}
/* index */
div.index-threeCols {
	background:url(../media/index-cols.png) 16px 0 no-repeat;
	margin-bottom:-16px; /* compensate 8px padding of <p> .. and something else*/
}
div.index-threeCols p {
	padding:0 0 8px;
	margin:0;
}
div.index-threeCols div.col, div.index-threeCols div.col-first {
	float:left;
	margin-left:32px;
	margin-right:16px;
	width:200px;	
}
div.index-threeCols div.col-first {
	_margin-left:16px;
}
div.index-threeCols h2 {
	background:url(dummy); /* kill the default bg */
	text-indent:-2000px;
	font-size:1px;
	height:40px;
	padding:0; margin:0;
}
/*div.index-threeCols*/ 
h3 {
	padding:0 0 4px;
	background:url(../media/index-h3.png) left bottom repeat-x;
	margin:0 0 4px;	
	font-size:1em;
}
div.index-oneCol {
	background:url(../media/index-about.png) 16px 0 no-repeat;
	padding:0 16px;
}
div.index-oneCol p {
	padding:0 16px 8px;
	margin:0;
}
div.index-oneCol h2 {
	background:url(dummy); /* kill the default bg */
	text-indent:-2000px;
	font-size:1px;
	height:40px;
	padding:0; margin:0;
}
div.index-oneCol h3 {
	background:url(../media/index-h3.png) left bottom repeat-x;
	margin:16px 16px 4px;
	padding:0 0 4px;
	font-size:1em;
}
/* forms */
form { border:0 solid black; margin:0; padding:0;}
label.heading {
	display:block;	
	font-weight:bold;
	margin:16px 16px 8px;
}
p.radio {
	padding:4px 16px;
	margin:0;
}
p.radio label, p.radio input {
	padding:0;
	margin:0;
}
input.textfield, textarea {
	color: #c9bfa0;
	padding:2px;
	margin:8px 16px;
	display:block;
	border:1px solid #4e0f0f;
	border-top:1px solid #400101;
	border-bottom:1px solid #a05c5c;
	background:#6e2f2f url(../media/textfield-bg.png) left top repeat-x;
}
input.submit {
	margin:8px 16px 0;
	display:block;
}
p.labelNote {
	font-size:0.85em;
	padding:0 16px 0;
	margin:-4px 0 0;
}
/* Table used to list beats */
table.beats {
	padding:0;
	margin:0 0 0 16px;
	border-collapse:collapse;
	border-width:0;
	width:728px;
}
table.beats th {
	background-image:url(../media/tableheader-bg.png);
	background-position:top left;
	height:24px;
	
	text-align:left;
	
	color:#D5C595;
	font:Arial, Helvetica, sans-serif;
	position:relative;
	font-weight:bold;
	font-size:0.9em;
	border-width:0;
	padding-left:8px;
}
table.beats th a:link, table.beats th a:visited {
	text-decoration:none;
}
table.beats th img, table.beats td img {
	border-width:0;
}
table.beats th.selheader a:link, table.beats th.selheader a:visited {
	color:white;
}
table.beats td {
	padding:2px 8px 2px 8px;
	border-width:0;
	background:url(../media/tablecell-bg.png) left bottom repeat-x;
}
table.beats td.odd {
	padding:2px 8px 2px 8px;
	border-width:0;
	background:url(../media/tablecell-bg2.png) left bottom repeat-x;
}
/* order page eula */
.eulabox {
	padding:4px;
	width:720px;
}