/* CSS Document */
	
	/*This CSS file was written for the Sole Music website by Iain Hanlon iain@jetblackinc.co.uk*/
	/**********************************/
	body {
		font-family: Arial, Helvetica, sans-serif;
		margin: 0px;
		background-color: #E2007D;
		background-image: url(images/bg_grad.gif);
		background-repeat: repeat-x;
	}
	
	/*Structural Elements*/
	/**********************************/
			
	div#logoheader1 {
	background-image: url(images/sole_header_logo_195_255.gif);
	background-repeat: no-repeat;
	height: 255px;
	width: 195px;
	position: absolute;
	left: 0px;
	top: 0px;
		}
	
	div#logoheader2 {
	background-image: url(images/sole_header_logo_125_111.gif);
	background-repeat: no-repeat;
	height: 111px;
	width: 125px;
	position: absolute;
	left: 195px;
	top: 0px;
	
	}
	
	div#logoheader3 {
	position: absolute;
	left: 195px;
	top: 111px;
	background-color: #FFFFFF;
	width: 123px;
	height: 143px;
	}
			
	div#belowheader {
		background-image: url(images/bit_below_header.gif);
		background-repeat: no-repeat;
		height: 255px;
		width: 320px;
		position: absolute;
		left: 0px;
		top: 255px;
	}
	div#bigbit {
	background-image: url(images/big_bit.gif);
	background-repeat: no-repeat;
	height: 510px;
	width: 680px;
	position: absolute;
	left: 320px;
	top: 0px;
	visibility: visible;
	}
	
	div#navbox{
	position: absolute;
	height: 55px;
	width: 928px;
	top: 512px;
	left: 66px;
	}
	
	div#clubsole{
	position: absolute;
	height: 70px;
	width: 220;
	top: 566px;
	left: 27px;
	}
	
	div#bamboo{
	position: absolute;
	height: 230px;
	width: 200px;
	top: -9px;
	left: 109px;
	}
	
	
	div#left{
	position: absolute;
	height: 458px;
	width: 416px;
	top: 36px;
	left: 0px;
	overflow: auto;
	}
	
	div#right{
	position: absolute;
	height: 458px;
	width: 200px;
	top: 36px;
	left: 422px;
	overflow: auto;
	}
	
	div#onecol{
	position: absolute;
	height: 458px;
	width: 628px;
	top: 36px;
	left: 0px;
	overflow: auto;
	}
	
	div#subscribe{
	position: absolute;
	height: 78px;
	width: 472px;
	top: 568px;
	left: 555px;
	}
	
	div#rss {
	width: 14px;
	height: 14px;
	overflow: auto;
	position: absolute;
	left: 37px;
	top: 512px;
	}
	
	div#podcast {
	width: 20px;
	height: 20px;
	overflow: auto;
	position: absolute;
	left: 34px;
	top: 482px;
	}
	
	div#mp3player {
	width: 300px;
	height: 320px;
	overflow: auto;
	position: absolute;
	left: 256px;
	top: 572px;
	}
	
	/*Text Formatting*/
	/**********************************/
	p {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-style: normal;
		color: #000000;
		margin-top: 0px;
		line-height: 13px;
		margin-bottom: 7px;
	}
	
	a {
		font-family: Arial, Helvetica, sans-serif;
		color: #E2007D;
		text-decoration: underline;
		font-weight: bold;
	}
	
	h1 {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 18px;
		line-height: 18px;
		font-weight: bolder;
		color: #000000;
		margin-bottom: 5px;
	}
	
	h2 {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 14px;
		line-height: 18px;
		font-weight: bold;
		margin-bottom: 1px;
		margin-top: 10px;
		color: #000000;
	}
	
	h3 {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		line-height: 16px;
		font-weight: bold;
		margin-bottom: 2px;
		color: #000000;
		margin-top: 2px;
	}
	
	h4 {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-style: normal;
		color: #000000;
		margin-top: 3px;
		line-height: 13px;
		margin-bottom: 0px;
		}
	
	ul {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	color: #FF0099;
	margin-top: 0px;
	line-height: 13px;
	margin-bottom: 3px;
	font-weight: bold;
	padding-left: 2px;
	list-style-type: none;
	}
	
	li {
	margin-bottom: 7px;
	}
	
	div#subscribe p {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		line-height: 14px;
		color: #FFFFFF;
		margin-bottom: 3px;
		margin-top: 0px;
		font-weight: bold;
	}
	div#subscribe h1 {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 10px;
		line-height: 12px;
		color: #000000;
		margin-bottom: 3px;
		font-weight: bold;
	}
	
	div#logohead p {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #000000;
		text-decoration: none;
	}
	
	div#logohead p a {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #000000;
		text-decoration: none;
	}
	
	/*Inline Text Formatting*/
	/**********************************/
	
	.catnum {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	font-weight: bold;
	margin-bottom: 2px;
	color: #000000;
	margin-top: 2px;
	font-style: italic;
	}
	
		  
	 form#subscribe {
		margin-bottom: 3px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 10px;
		line-height: 12px;
		margin-top: 3px;
	}
	
	form#subscribe input {
		margin-bottom: 1px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		line-height: 14px;
	}
	
	
	
	.psmallbody {
		font-size: 11px;
		margin-top: 12px;
		margin-bottom: 4px;
	}
	
	.psmalla {
		font-size: 11px;
		margin-top: 12px;
		margin-bottom: 4px;
		color: #000000;
	}
	
	.formlabel {
		color: #000000;
		clear: left;
		float: left;
		width: 50px;
		padding-right: 5px;
		text-align: right;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 9px;
	}
	
	/*Inline Elements*/
	/**********************************/
	
	.picspan {
		display: block;
		padding: 0px;
		float: left;
		line-height: 100%;
		vertical-align: middle;
		margin-top: 0px;
		margin-right: 3px;
		margin-left: 0px;
		list-style-type: none;
		overflow: hidden;
		margin-bottom: 0px;
		border: 1px solid #FFFFFF;
	}
	.picspanright {
		display: block;
		padding: 0px;
		float: right;
		line-height: 100%;
		margin-top: 0px;
		margin-right: 0px;
		list-style-type: none;
		overflow: hidden;
		border: 1px solid #FFFFFF;
	}
	
	
	.picspannoline {
		display: block;
		padding: 0px;
		float: left;
		line-height: 100%;
		vertical-align: middle;
		margin-top: 0px;
		margin-right: 3px;
		margin-left: 0px;
		list-style-type: none;
		overflow: hidden;
		margin-bottom: 0px;
	}
	.picspanrightnoline {
		display: block;
		padding: 0px;
		float: right;
		line-height: 100%;
		margin-top: 0px;
		margin-right: 0px;
		list-style-type: none;
		overflow: hidden;
	}
	
	blockquote.float {
		float: right;
		width: 200px;
		padding: 2px;
		margin: 0 0em 0 5px;
		color: #FFFFFF;
		background: #FF4400;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 9px;
		display: block;
	  }


	

	
	
	/*Creates a transparent block element above a background image*/
	/**********************************/
	div#homelink1 {
		position: absolute;
		height: 46px;
		width: 390px;
		left: 10px;
		top: 20px;
		display: block;
	}
	
	div#homelink1 a {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 10px;
		display: block;
		height: 46px;
		width: 390px;
	}
	div#homelink2 {
		position: absolute;
		height: 30px;
		width: 225px;
		left: 15px;
		top: 90px;
		display: block;
	}
	
	div#homelink2 a {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 10px;
		display: block;
		height: 30px;
		width: 225px;
	}
	
	/*Nav Menu*/
/**********************************/
div#nav-one {
	float:left;
	margin:0; padding:0;
	background: url(/images/nav/nav_01.gif) no-repeat;
	}

div#nav-one a {
	display:block;
	width:95px; height:56px;
	margin:0; padding:0;
	text-decoration: none;
	}
	
div#nav-one a:hover {
	display:block;
	width:95px;
	height:56px;
	margin:0;
	padding:0;
	background-image: url(/images/nav/nav_01.gif);
	text-decoration: none;
	background-position: 0px 55px;
	}
	
div#nav-one a span { display:none }

div#nav-two {
	float:left;
	margin:0; padding:0;
	background: url(/images/nav/nav_02.gif) no-repeat;
	}

div#nav-two a {
	display:block;
	width:88px; height:56px;
	margin:0; padding:0;
	text-decoration: none;
	}
div#nav-two a:hover {
	display:block;
	width:88px; height:56px;
	margin:0; padding:0;
	background-image: url(/images/nav/nav_02.gif);
	text-decoration: none;
	background-position: 0px 55px;
	}
	
div#nav-two a span { display:none }

div#nav-three {
	float:left;
	margin:0; padding:0;
	background: url(/images/nav/nav_03.gif) no-repeat;
	}

div#nav-three a {
	display:block;
	width:108px; height:56px;
	margin:0; padding:0;
	text-decoration: none;
	}
	
div#nav-three a:hover {
	display:block;
	width:108px; height:56px;
	margin:0; padding:0;
	background-image: url(/images/nav/nav_03.gif);
	text-decoration: none;
	background-position: 0px 55px;
	}
	
div#nav-three a span { display:none }

div#nav-four {
	float:left;
	margin:0; padding:0;
	background: url(/images/nav/nav_04.gif) no-repeat;
	}

div#nav-four a {
	display:block;
	width:105px; height:56px;
	margin:0; padding:0;
	text-decoration: none;
	}
div#nav-four a:hover {
	display:block;
	width:105px; height:56px;
	margin:0; padding:0;
	background-image: url(/images/nav/nav_04.gif);
	text-decoration: none;
	background-position: 0px 55px;
	}
	
div#nav-four a span { display:none }

div#nav-five {
	float:left;
	margin:0; padding:0;
	background: url(/images/nav/nav_05.gif) no-repeat;
	}

div#nav-five a {
	display:block;
	width:82px; height:56px;
	margin:0; padding:0;
	text-decoration: none;
	}
	
div#nav-five a:hover {
	display:block;
	width:82px; height:56px;
	margin:0; padding:0;
	background-image: url(/images/nav/nav_05.gif);
	text-decoration: none;
	background-position: 0px 55px;
	}
	
div#nav-five a span { display:none }

div#nav-six {
	float:left;
	margin:0; padding:0;
	background: url(/images/nav/nav_06.gif) no-repeat;
	}

div#nav-six a {
	display:block;
	width:105px; height:56px;
	margin:0; padding:0;
	text-decoration: none;
	}
	
div#nav-six a:hover {
	display:block;
	width:105px; height:56px;
	margin:0; padding:0;
	background-image: url(/images/nav/nav_06.gif);
	text-decoration: none;
	background-position: 0px 55px;
	}
	
div#nav-six a span { display:none }

div#nav-seven {
	float:left;
	margin:0; padding:0;
	background: url(/images/nav/nav_07.gif) no-repeat;
	}

div#nav-seven a {
	display:block;
	width:121px; height:56px;
	margin:0; padding:0;
	text-decoration: none;
	}
	
div#nav-seven a:hover {
	display:block;
	width:121px; height:56px;
	margin:0; padding:0;
	background-image: url(/images/nav/nav_07.gif);
	text-decoration: none;
	background-position: 0px 55px;
	}
	
div#nav-seven a span { display:none }

div#nav-eight {
	float:left;
	margin:0; padding:0;
	background: url(/images/nav/nav_08.gif) no-repeat;
	}

div#nav-eight a {
	display:block;
	width:126px; height:56px;
	margin:0; padding:0;
	text-decoration: none;
	}
	
div#nav-eight a:hover {
	display:block;
	width:126px; height:56px;
	margin:0; padding:0;
	background-image: url(/images/nav/nav_08.gif);
	text-decoration: none;
	background-position: 0px 55px;
	}
	
div#nav-eight a span { display:none }

div#nav-nine {
	float:left;
	margin:0; padding:0;
	background: url(/images/nav/nav_09.gif) no-repeat;
	}

div#nav-nine a {
	display:block;
	width:95px; height:56px;
	margin:0; padding:0;
	text-decoration: none;
	}
	
div#nav-nine a:hover {
	display:block;
	width:95px; height:56px;
	margin:0; padding:0;
	background-image: url(/images/nav/nav_09.gif);
	text-decoration: none;
	background-position: 0px 55px;
	}
	
div#nav-nine a span { display:none }



div#mp3-player {
	width: 170px;
	height: 65px;
	overflow: auto;
	position: absolute;
	left: 256px;
	top: 572px;
	margin:0;
	padding:0;
	/*background: url(/images/listento_2.gif) no-repeat;*/
	}

/*div#mp3-player a {
	display:block;
	width:170px; height:65px;
	margin:0; padding:0;
	text-decoration: none;
	}
	
div#mp3-player a:hover {
	display:block;
	width:170px;
	height:65px;
	margin:0;
	padding:0;
	background-image: url(/images/listento_2.gif);
	text-decoration: none;
	background-position: 0px 65px;
	}*/
	
div#mp3-player a span { display:none }

/*Creates a transparent block element above a background image*/
/**********************************/
div#homelink1 {
	position: absolute;
	height: 255px;
	width: 195px;
	left: 0px;
	top: 0px;
	display: block;
}

div#homelink1 a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	display: block;
	height: 255px;
	width: 195px;
}

div#homelink2 {
	position: absolute;
	height: 111px;
	width: 125px;
	left: 0px;
	top: 0px;
	display: block;
}

div#homelink2 a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	display: block;
	height: 111px;
	width: 125px;
}

div#homelink3 {
	display: block;
	height: 110px;
	width: 107px;
}

div#homelink3 a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	display: block;
}



img {
border: 0px;
}