
/*  BASE  */

body {
	margin: 25px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #fff;
	text-align: center;
	background: #000;
}

h1 {
	float: left;
	width: 200px;
	margin: 0;
	padding: 0;
	color: #9c9;
	font-size: 16px;
}

h2 {
	float: left;
	width: 800px;
	margin: 2px 0 0 0;
	padding: 0;
	color: #aaa;
	font-size: 14px;
}

h3 {
	margin: 2em 0 1em 0;
	padding: 0;
	color: #aaa;
	font-size: 12px;
}

h4 {
	margin: 0;
	padding: 0;
	font-size: 11px;
}

p {
	margin: 0 0 1em 0;
}

a:link, a:visited {
	color: #9c9;
}

a:hover, a:active {
	color: #cfc;
}

/*  LAYOUT  */


div#container {
	width: 1000px;
	margin: 0 auto;
	text-align: left;
}

div#header {
	margin: 0 0 20px 0;
} 


div#left_column {
	float: left;
	width: 200px;
}
div#left_column ul {
	width: 150px;
	margin: 0;
	padding: 0;
	list-style: none;
}
div#left_column ul li {
	display:inline;
}
div#left_column ul li a:link, div#left_column ul li a:hover, div#left_column ul li a:active, div#left_column ul li a:visited {
	display: block;
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	padding: 3px 2px;
	border: 1px #000 solid;
}

div#left_column ul li a:hover {
	background: #222;
	border: 1px #555 solid;
}

div#left_column ul li.at a {
	background: #444;
	border: 1px #666 solid;
}
div#left_column ul li.at a:hover {
	border: 1px #666 solid;
}

div#right_column {
	float: left;
	width: 800px;
}
div#right_column div#content {
	padding-bottom: 135px;
}

div#loading {
	margin-top: 125px;
	font-size: 12px;
}

div.big_image div.description {
	margin: 1em 0;
	font-size: 12px;
}

#footer {
	position: fixed;
	bottom: 0;
	width: 800px;
	height: 110px;
	margin: auto;
	padding: 10px 0;
	text-align: center;
	background: #000;
	border-top: 1px #9c9 solid;
}
* html #footer {
	top: expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop +(documentElement.clientHeight-this.clientHeight) : document.body.scrollTop +(document.body.clientHeight-this.clientHeight));
    position:absolute;
}


div.sound_item {
	margin-top: 2em;
	padding-top: 1em;
	border-top: 1px dotted #666;
}

div.sound_item div.image {
	float:left;
	width: 150px;
	margin: 0 15px 0 0;
}

div.sound_item div.info {
	float:left;
	width: 550px;
}

div.sound_item div.info h3 {
	margin-top: 0;
}


div.shipping {
	margin-top: 2em;
	padding-top: 1em;
	border-top: 1px solid #666;
}



/*  TAGS  */

.clear {
	clear: both;
}