/* ---------------------------------------------
 
 	Caribou Records CSS
	Thurs 3 June 2004
 
--------------------------------------------- */

 
/*
---------------------------------------------------------------
	global positioning and elements, text styles
---------------------------------------------------------------
*/

body {
	margin: 0px;
	padding: 0px;
	text-align: center;
	font: 10px/15px Verdana, Arial, Helvetica, Sans-serif;
	color: #5B4E30;
	background: #5B4E30 url("../images/general/bg.gif") repeat-y 50% 0;
	}

#test {
	width: 100%;
	}
	
#wrap {
	position: relative;
	margin: 0 auto;
	padding: 0 11px;
	text-align: left;
	background: url("../images/general/bg.gif") repeat-y;
	width: 770px;
	voice-family: "\"}\""; 
  	voice-family: inherit;
  	width: 750px;
	}

html>body #wrap {
  	width: 750px;
	} 

#top_home {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 770px;
	text-align: left;
	padding: 0px;
	margin: 0px;
	height: 155px;
	background: #FFFFFF url("../images/home/top_hoofs.gif") no-repeat 0;
	}
	
#top_general {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 770px;
	text-align: left;
	padding: 0px;
	margin: 0px;
	height: 136px;
	background: #FFFFFF url("../images/general/top_hoofs.gif") no-repeat 0;
	}
	
#top_generalC {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 770px;
	text-align: left;
	padding: 0px;
	margin: 0px;
	height: 136px;
	background: #FFFFFF url("../images/general/top_hoofsC.gif") no-repeat 0;
	}
	
#top_artist {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 770px;
	text-align: left;
	padding: 0px;
	margin: 0px;
	height: 80px;
	background: #FFFFFF url("../images/artists/top_hoofs.gif") no-repeat 0;
	}
	
#top_cd {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 770px;
	text-align: left;
	padding: 0px;
	margin: 0px;
	height: 136px;
	background: #FFFFFF url("../images/artists/top_hoofsC.gif") no-repeat 0;
	}

#mid_home {
	position: absolute;
	left: 0px;
	width: 770px;
	padding: 0px;
	margin: 0px;
	top: 155px;
	height: 545px;
	background: #FFFFFF url("../images/home/gradient.gif") repeat-x 0;
	}
	
#mid_general {
	position: absolute;
	left: 0px;
	width: 770px;
	padding: 0px;
	margin: 0px;
	top: 136px;
	height: 564px;
	background: #FFFFFF url("../images/general/gradient.gif") repeat-x 0;
	}
	
#mid_artist {
	position: absolute;
	left: 0px;
	width: 770px;
	padding: 0px;
	margin: 0px;
	top: 80px;
	height: 620px;
	background: #FFFFFF url("../images/artists/gradient.gif") repeat-x 0;
	}

#bot_general {
	position: absolute;
	padding: 0px;
	margin: 0px;
	top: 382px;
	left: 0px;
	height: 318px;
	width: 770px;
	background: #FFFFFF url("../images/general/bot_hoofs.gif") no-repeat 0 0;
	}
	
#bot_generalC {
	position: absolute;
	padding: 0px;
	margin: 0px;
	top: 403px;
	left: 204px;
	width: 391px;
	height: 297px;
	background: #FFFFFF url("../images/general/bot_hoofsC.gif") no-repeat 0 0;
	}
	
#bot_artist {
	position: absolute;
	padding: 0px;
	margin: 0px;
	top: 403px;
	left: 204px;
	width: 391px;
	height: 297px;
	background: #FFFFFF url("../images/artists/bot_hoofs.gif") no-repeat 0 0;
	}

#main_home {
	position: absolute;
	padding: 0px;
	margin: 0px;
	text-align: left;
	z-index: 5;
	top: 155px;
	left: 0px;
	width: 770px;
	}
	
#main_general {
	position: absolute;
	padding: 0px;
	margin: 0px 0px 50px 0px;
	text-align: left;
	z-index: 5;
	top: 138px;
	left: 200px;
	width: 375px;
	}
#main_general.newsletter {
	width: 540px;
	}

#main_cd {
	position: absolute;
	padding: 0px;
	margin: 0px;
	text-align: left;
	z-index: 5;
	top: 500px;
	left: 239px;
	width: 340px;
	}
	
#main_artist {
	position: absolute;
	padding: 0px;
	margin: 0px;
	text-align: left;
	z-index: 5;
	top: 270px;
	left: 200px;
	width: 365px;
	}
	
#cd_player {
	position: absolute;
	top: 138px;
	left: 174px;
	width: 421px;
	height: 340px;
	padding: 0px;
	margin: 0px;
	z-index: 12;
	}

#logo {
	position: absolute;
	top: 48px;
	left: 625px;
	}

#header {
	position: relative;
	right: 2px;
	padding-bottom: 20px;
	}

#left_block {
	position: absolute;
	left: 0px;
	top: 259px;
	width: 174px;
	height: 441px;
	background: #E8E0C1;
	}

#right_block {
	position: absolute;
	left: 595px;
	top: 136px;
	width: 175px;
	height: 564px;
	background: #E8E0C1;
	}
	
#right_content {
	position: absolute;
	top: 135px;
	width: 175px;
	text-align: center;
	}
	
#right_content p {
	margin-bottom: 15px;
	}

#images_right {
	position: absolute;
	top: 110px;
	left: 290px;
	width: 250px;
	}

	
/*
---------------------------------------------------------------
	general image formatting
---------------------------------------------------------------
*/

img {
	border: 0px;
	}
	
.imgright {
	float: right;
	margin-left: 30px;
	margin-top: 4px;
	}
	
.imgleft {
	float: left;
	margin-right: 30px;
	margin-top: 4px;
	}
	
p.creditleft {
	font: 9px Verdana, Arial, Helvetica, Sans-serif;
	color: #5B4E30;
	font-style: italic;
	text-align: left;
	margin: 0px;
	padding: 4px 0px 7px 0px;
	}
	
p.creditright {
	font: 9px Verdana, Arial, Helvetica, Sans-serif;
	color: #5B4E30;
	font-style: italic;
	text-align: right;
	margin: 0px;
	padding: 4px 0px 7px 0px;
	}
	
	
/*
---------------------------------------------------------------
	general text formatting
---------------------------------------------------------------
*/	

p {
	font: 10px/15px Verdana, Arial, Helvetica, Sans-serif;
	color: #5B4E30;
	margin: 0px;
	padding: 0px 0px 7px 0px;
	}
	
p.desc {
	font: bold 10px/17px Verdana, Arial, Helvetica, Sans-serif;
	padding-bottom: 10px;
	}
	
p.quote {
	font: bold italic 10px/17px Verdana, Arial, Helvetica, Sans-serif;
	padding-bottom: 10px;
	}
	
.credit {
	font: 9px/17px Verdana, Arial, Helvetica, Sans-serif;
	}

.title {
	font: bold 10px Verdana, Arial, Helvetica, Sans-serif;
	color: #5B4E30;
	padding: 0px 0px 3px 0px;
	}
	
.title_c {
	font: normal 17px/20px Verdana, Arial, Helvetica, Sans-serif;
	color: #D10000;
	padding: 20px 0px 3px 0px;
	}
	
.title_a {
	font: bold 11px/13px Verdana, Arial, Helvetica, Sans-serif;
	color: #D10000;
	padding: 0px 0px 20px 0px;
	}

a:link, a:visited {
	font: 10px/15px Verdana, Arial, Helvetica, Sans-serif;
	color: #762500;
	text-decoration: none;
	}
	
a:hover, a:active {
	color: #5B4E30;
	text-decoration: none;
	}

a.release:link, a.release:link {
	font: 10px/15px Verdana, Arial, Helvetica, Sans-serif;
	color: #5B4E30;
	}
	
a.release:hover, a.release:active {
	color: #762500;
	}

#left_block div {
	padding: 0px 30px 10px 40px;
	}
	
#left_block div.pad {
	padding: 25px 30px 10px 40px;
	}

#left_block a, #left_block a:visited {
	font: bold 9px/12px Verdana, Arial, Helvetica, Sans-serif;
	color: #762500;
	text-decoration: none;
	}
#left_block a:hover, #left_block a:active {
	color: #5B4E30;
	text-decoration: none;
	}
	
h3 {
	font: bold 11px/13px Verdana, Arial, Helvetica, Sans-serif;
	color: #D10000;
	padding: 0px;
	}
h4 {
	font: bold 10px/13px Verdana, Arial, Helvetica, Sans-serif;
	padding: 0px;
	margin: 10px 0 3px;
	}


/*
---------------------------------------------------------------
	catalogue styles
---------------------------------------------------------------
*/

div.cat_cd {
	position: relative;
	padding-bottom: 20px;
	}
	
div.cat_cd_thumb {
	position: absolute;
	top: 0px;
	left: 0px;
	}
	
/* commented backslash ie5mac hack v2.. we want ie pc to see this, not mac \*/
div.cat_cd_thumb {
	_left: -120px;
	}
/* end 1e5mac hack */

div.cat_cd_body {
	margin: 5px 0 0 120px;
	width: 250px;
	}
	
.cat_title {
	width: 377px;
	height: 21px;
	padding: 4px 0px 0px 15px;
	margin: 10px 0px;
	font: bold 11px Verdana, Arial, Helvetica, Sans-serif;
	color: #FFFFFF;
	background: #E8E0C1 url("../images/general/title_bar_bg.gif") no-repeat 0 0;
	}

.cd_title {
	font: bold 9px Verdana, Arial, Helvetica, Sans-serif;
	color: #5B4E30;
	padding: 0px 0px 3px 0px;
	}

a.catalogue, a.catalogue:visited {
	font: bold 11px Verdana, Arial, Helvetica, Sans-serif;
	color: #FFFFFF;
	text-decoration: none;
	}
	
a.catalogue:hover, a.catalogue:active {
	color: #E8E0C1;
	text-decoration: none;
	}

a.cd, a.cd:visited {
	font: bold 9px Verdana, Arial, Helvetica, Sans-serif;
	color: #5B4E30;
	text-decoration: none;
	}
	
a.cd:hover, a.cd:active {
	color: #762500;
	text-decoration: none;
	}
	
#viewcart {
	position: absolute;
	left: 0px;
	top: 90px;
	width: 300px;
	height: 100%;
	z-index: 1;
	}
	
.store {
	width: 540px;
	height: 800px;
	}


/*
---------------------------------------------------------------
	navigation positioning and roll-over styles
---------------------------------------------------------------
*/


#footer {
	position: relative;
	left: 70px;
	height: 25px;
	margin: 65px 0px 20px 0px;
	}
	
#footer a, #footer a:visited {
	font: 9px/12px Verdana, Arial, Helvetica, Sans-serif;
	color: #5B4E30;
	background: #F4F0E0;
	margin: 0px 2px 0px 0px;
	padding: 5px 7px;
	}
	
#footer a:hover, #footer a:active {
	background: #E8E0C1;
	}

div.side_over_link {
	margin: 0px 38px; 
	padding: 0;
	width: 97px;
	height: 45px;
	text-align: center;
	}

#link_news a:link, #link_news a:visited {
	display: block;
	width: 97px;
	height: 33px;
	background: #E8E0C1 url("../images/artists/link_news.gif") no-repeat 0 0;
	}
	
#link_news a:hover, #link_news a:active {
	background: #E8E0C1 url("../images/artists/link_news_over.gif") no-repeat 0 0;
	}
	
#link_appearances a:link, #link_appearances a:visited {
	display: block;
	width: 97px;
	height: 33px;
	background: #E8E0C1 url("../images/artists/link_appearances.gif") no-repeat 0 0;
	}
	
#link_appearances a:hover, #link_appearances a:active {
	background: #E8E0C1 url("../images/artists/link_appearances_over.gif") no-repeat 0 0;
	}
	
#link_add {
	float: right;
	margin-right: 30px;
	}
	
#link_add a:link, #link_add a:visited {
	display: block;
	width: 97px;
	height: 33px;
	background: #E8E0C1 url("../images/artists/link_add.gif") no-repeat 0 0;
	}
	
#link_add a:hover, #link_add a:active {
	background: #E8E0C1 url("../images/artists/link_add_over.gif") no-repeat 0 0;
	}

#nav {
	position: absolute;
	top: 43px;
	left: 0px;
	width: 770px;
	z-index: 10;
	}
	
#nav_links {
	position: absolute;
	top: 0px;
	left: 0px;
	}	
	
#nav_pic_1 {
	position: absolute;
	top: 0px;
	left: 174px;
	}
	
#nav_pic_2 {
	position: absolute;
	top: 0px;
	left: 259px;
	}
	
#nav_pic_3 {
	position: absolute;
	top: 0px;
	left: 372px;
	}
	
#nav_pic_4 {
	position: absolute;
	top: 0px;
	left: 560px;
	}
	
#nav_pic_5 {
	position: absolute;
	top: 0px;
	left: 691px;
	}
	
#nav_pic_logo {
	position: absolute;
	top: 0px;
	left: 595px;
	}

img.over {
	visibility: hidden;
	margin: 0; 
	padding: 0; 
	}	

#nav_links div.nav_link {
	display: block;
	margin: 0; 
	padding: 0; 
	}

#nav_links div.nav_link a {
	display: block;
	margin: 0; 
	padding: 0; 
	}

#nav_links div.nav_link a {
	display: block;
	width: 174px;
	}
	
#nav_links div.nav_link a:hover img.over {
	visibility: visible;
	}

* html a:hover {
	visibility: visible;
	}

div.nav_link img.over {
	position: absolute;
	left: 0px;
	margin: 0; 
	padding: 0; 
	}
	
#over_1 { top: 10px; }
#over_2 { top: 53px; }
#over_3 { top: 73px; }
#over_4 { top: 92px; }
#over_5 { top: 110px; }
#over_6 { top: 131px; }
#over_7 { top: 147px; }
#over_8 { top: 169px; }