/* CSS */

* {
	margin:0; padding:0;
}

html {

	background-image:url(../images/bg.gif);
	/*
	background-image:url(../images/testban.jpg);
	background-repeat:repeat-x;
	background-color:#c9c1b8;
	
	
	
	background-attachment: fixed;
	
	
	background-color:#8B6C46;
	background-color:#8B6C46;
	*/
}

#wrapper {
	position:absolute;
	left: 50%;
	width: 752px;
	margin-top:15px;
	margin-left: -375px;
}

#logo-banner {
	position:absolute;
	top:0px;
	left:0px;
	width:750px;
	height: 23px;
	background-color: #231F20;
	background-image:url(../images/logotext.jpg);
	background-repeat:no-repeat;
	background-position: left top;	
	border: solid 1px #231F20;
}

/***** Banner *****/
#news-header, #cat-header, #feat-header, #purchase-header, #about-header, #contact-header, #second-header {
	position:absolute;
	top:26px;
	left:0px;
	width:750px;
	height:100px;
	border: solid 1px #231F20;
}
	
#news-header {
	background-image:url(../images/newsbanner.jpg);
}

#contact-header {
	background-image:url(../images/contactbanner.jpg);
}

#cat-header {
	background-image:url(../images/catbanner.jpg);
}

#second-header {
	background-image:url(../images/secondbanner.jpg);
}


#purchase-header {
	background-image:url(../images/purchasebanner.jpg);
}

#feat-header {
	background-image:url(../images/featuresbanner.jpg);
}

#press-header {
	background-image:url(../images/featuresbanner.jpg);
}

#about-header {
	background-image:url(../images/aboutbanner.jpg);
}	

/***** Navigation *****/
#nav {
	position:absolute;
	top:129px;
	left:2px;
	width:746px;
	height:23px;
	background-color:#231F20;

	border-left: solid 1px #231F20;
	border-right: solid 1px #231F20;
}

#nav ul {
	list-style-type:none;
}

#nav li {
	font:9px Verdana;
	font-weight:normal;
    text-transform:lowercase;
	text-decoration:none;
	float:right;
	padding-top:5px;
	padding-left:10px;
	padding-right:10px;
	cursor:pointer;
}

#nav a {
	text-decoration:none;
	color:white;
}

#nav a:hover {
	text-decoration:underline;
	color:white;
}



#content {
	position:absolute;
	top:153px;
	left:0px;
	width:750px;
	background-color:white;
	border: solid 1px #231F20;
	border-top: solid 1px #231F20;
}

#footer {
	clear:both;
	background-color:red;
	width:752px;
	text-align:center;
	font:9px Verdana;
	font-weight:bold;
    text-transform:lowercase;
	text-decoration:none;
	color:#231F20;
}

#page-head {
	font:11px Verdana;
	clear:both;
	font-weight:bold;
	text-decoration:underline;
	margin-top:15px;
	margin-bottom:15px;
	margin-left:15px;
}

#page-text {
	margin-left:25px;
}

/***** News Page *****/
#news-wrap {
	width:700px;
	margin-left:14px;
	margin-bottom:15px;
	padding:10px;
	background-image:url(../images/content_bg.gif);
	border: dotted 1px #adadad;
}

#news-date, #news-title, #news-content {
	font:11px Verdana;
	text-align:justify;
	margin-bottom:7px;
	color:black;
}

#news-date {
	font-weight:bold;
}

#news-title {
	font-weight:bold;
}

#news-content {

}





/***** Catalogue Page *****/
#record {
	position:relative;
	width:700px;
	margin-left:14px;
	margin-top:15px;
	margin-bottom:15px;
	padding:10px;
	padding-bottom:9px;
	background-image:url(../images/content_bg.gif);
	border: dotted 1px #adadad;
}

#rec-thumb {
	height:102px;
	width:102px;
	padding:1px;
}

#rec-details {
	position:absolute;
	top:10px;
	left:115px;
	width:585px;
}


#rec-sounds {
	margin-top:3px;
	height:16px;
	width:600px;
	font-size:13px;
}

#details-title, #details-cat, #details-writeup, #details-purchase, #details-stock {
	font:11px Verdana;
	font-weight:normal;
	text-align:justify;
	margin-left:10px;
	color:black;
}

#details-title {
	margin-top:10px;
	font-weight:bold;
}

#details-cat {
	margin-top:6px;
	margin-bottom:6px;
}

#details-writeup {
	font-style:italic;
}

#details-stock {
	margin-top:15px;
}

a {
	text-decoration:none;
	color:red;
}

a:hover {
	text-decoration:underline;
	color:red;
}

#details-title a {
	text-decoration:none;
	color:black;
}

#details-title a:hover {
	text-decoration:underline;
	color:black;
}

#details-purchase {

	margin-top:10px;
}




/***** Record Page *****/
#record-title, #record-writeup, #record-cat, #record-track, #record-track-title {
	font:11px Verdana;
	font-weight:normal;
	text-align:justify;
	margin-left:10px;
	color:black;
}

#record-title {
	margin-top:5px;
	font-size:14px;
	font-weight:bold;
}

#record-writeup {
	margin-top:8px;
	margin-right:10px;
}

#record-cat {
	font:10px Courier New;
	color:gray;
	margin-top:2px;
	font-weight:bold;
}

#record-image {
	height:300px;
	width:300px;
	margin-left:10px;
	margin-top:15px;
}

#record-track-title {
	font-weight:bold;
	margin-top:10px;
}

#record-track {
	
}




#logo-text {
	position:absolute;
	right:2px;
	top:1px;
	width:266px;
	height:34px;
	background-image:url(images/votary.gif);
}

#logo-symbol {
	position:absolute;
	left:10px;
	top:-60px;
	width:121px;
	height:55px;
	background-image:url(images/symbol.gif);
}


#trial {
	position:absolute;
	left:2px;
	width:107px;
	height:75px;
	cursor:pointer;
	background-image:url(images/trial2.jpg);
}

#news-image, #records-image, #stuff-image, #contact-image {
	position:absolute;
	left:2px;
	width:79px;
	height:68px;
	cursor:pointer;
}

#news-image {
	top:2px;
	background-image:url(images/home.jpg);
}

#records-image {
	top:95px;
	background-image:url(images/shop.jpg);
}

#stuff-image {
	top:190px;
	background-image:url(images/stuff.jpg);
}

#contact-image {
	top:285px;
	background-image:url(images/contact.jpg);
}



#news-text, #records-text, #stuff-text, #contact-text {
	position:absolute;
	left:2px;
	width:79px;
	height:15px;
	text-align:center;
	font-weight:bold;
    text-transform:lowercase;
	color:#231F20;
	cursor:pointer;
}

#news-text {
	top:70px;
}

#records-text {
	top:165px;
}

#stuff-text {
	top:260px;
}

#contact-text {
	top:355px;
}


#soon {
	margin-top:70px;
	width:100%;
	text-align:center;
	font:10px Verdana;
	clear:both;
}


#form { font-family:Georgia; font-size:12px; }
#form table { margin:20px; margin-bottom:25px; }
#form input { border:1px solid #EC9D77; margin:1px; padding:1px; }
#form  th { text-align:right; padding-right:4px; font-weight:100  }

p {	font:11px Verdana; color:black; }