* {
	margin: 0;
	padding: 0;
}

img {
	border: 0;
	display: block;
}

.clear {
	clear: both;
}

.hide {
	position: absolute;
	top: -10000px;
}

ul {
	list-style: none;
}

ul li span {
	position: absolute;
	top: -10000px;
}



body {
	color: #fff;
	background-color: #19120F;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 17px;
}


/*-----------------------------*/
/*----- links styles ----- */
/*-----------------------------*/


a {
	color: #d40069;
	font-weight: bold;
	text-decoration: none;
}

/*a:visited {
	color: #d40069;
}*/

a:hover {
	color: #E8E4D5;
}

a:active {
	color: #252617;
	background-color: #AAB6B9;
}

a.cta {
	background-color: #252617;
}

a.cta:hover {
	color: #AAB6B9;
	background-color: #d40069;
}

a.cta:active {
	color: #fff;
	background-color: #d40069;
}


/*-----------------------------*/
/*----- navigation styles ----- */
/*-----------------------------*/

#mainnav {
	width: 200px;
	margin: 77px 0 0 50px;
	font-size: 1px;
}

#mainnav ul li a {
	display: block;
}

	#mainnav ul li#nav_home a:link, #mainnav ul li#nav_home a:visited {
		background: url(../images/nav_home.gif) 0px -100px no-repeat;
		width: 74px;
		height: 26px;
	}
	
		#mainnav ul li#nav_home a:hover {
			background: url(../images/nav_home.gif) 0px -200px no-repeat;
		}
			
			#mainnav ul li#nav_home a:active {
				background: url(../images/nav_home.gif) 0px -300px no-repeat;
			}
	
			
	#mainnav ul li#nav_pictures a:link, #mainnav ul li#nav_pictures a:visited {
		background: url(../images/nav_pictures.gif) 4px 0px no-repeat;
		width: 104px;
		height: 26px;
	}
	
		#mainnav ul li#nav_pictures a:hover {
			background: url(../images/nav_pictures.gif) 4px -200px no-repeat;
		}
			
			#mainnav ul li#nav_pictures a:active {
				background: url(../images/nav_pictures.gif) 4px -300px no-repeat;
			}

			
	#mainnav ul li#nav_upto a:link, #mainnav ul li#nav_upto a:visited {
		background: url(../images/nav_upto.gif) 26px 0px no-repeat;
		width: 196px;
		height: 52px;
		/*margin: 0 0 9px 26px;*/
	}
	
		#mainnav ul li#nav_upto a:hover {
			background: url(../images/nav_upto.gif) 26px -200px no-repeat;
		}
			
			#mainnav ul li#nav_upto a:active {
				background: url(../images/nav_upto.gif) 26px -300px no-repeat;
			}

			
	#mainnav ul li#nav_aboutme a:link, #mainnav ul li#nav_aboutme a:visited {
		background: url(../images/nav_aboutme.gif) 11px 0px no-repeat;
		width: 181px;
		height: 27px;
	}
	
		#mainnav ul li#nav_aboutme a:hover {
			background: url(../images/nav_aboutme.gif) 11px -200px no-repeat;
		}
			
			#mainnav ul li#nav_aboutme a:active {
				background: url(../images/nav_aboutme.gif) 11px -300px no-repeat;
			}

			
	#mainnav ul li#nav_contactme a:link, #mainnav ul li#nav_contactme a:visited {
		background: url(../images/nav_contactme.gif) 17px 0px no-repeat;
		width: 187px;
		height: 63px;
	}
	
		#mainnav ul li#nav_contactme a:hover {
			background: url(../images/nav_contactme.gif) 17px -200px no-repeat;
		}
			
			#mainnav ul li#nav_contactme a:active {
				background: url(../images/nav_contactme.gif) 17px -300px no-repeat;
			}

			
	#mainnav ul li#nav_links a:link, #mainnav ul li#nav_links a:visited {
		background: url(../images/nav_links.gif) 17px 0px no-repeat;
		width: 187px;
		height: 37px;
	}
	
		#mainnav ul li#nav_links a:hover {
			background: url(../images/nav_links.gif) 17px -200px no-repeat;
		}
			
			#mainnav ul li#nav_links a:active {
				background: url(../images/nav_links.gif) 17px -300px no-repeat;
			}

			
	#mainnav ul li#nav_gettheep a:link, #mainnav ul li#nav_gettheep a:visited {
		background: url(../images/nav_gettheep.gif) 54px 0px no-repeat;
		width: 224px;
		height: 27px;
	}
	
		#mainnav ul li#nav_gettheep a:hover {
			background: url(../images/nav_gettheep.gif) 54px -200px no-repeat;
		}
			
			#mainnav ul li#nav_gettheep a:active {
				background: url(../images/nav_gettheep.gif) 54px -300px no-repeat;
			}




/*-----------------------------*/
/*----- main structure styles ----- */
/*-----------------------------*/


#outerbox {
	margin-left: auto;
	margin-right: auto;
	width: 920px;
	background: url(../images/bkgd.gif) repeat-y top left;
}

#backgroundimage {
	background: url(../images/background_01.jpg) no-repeat top left;
}

#leftcolumn {
	float: left;
	width: 280px;
}

#middlecolumn {
	float: left;
	width: 360px;
}

#rightcolumn {
	float: left;
	width: 280px;
}

#extralogos {
	width: 208px;
	height: 108px;
	background: url(../images/extralogos.png) no-repeat top left;
	margin: 42px 20px 10px 57px;
}

#bottomrow {
	clear: both;
	height: 0px;
	background: url(../images/bkgd.gif) repeat-y top left;
}

/* ------- picturebox styles ---------- */


body.gallery {
	background-color: #150C0C;
	padding-top: 17px;
}

.gallery #outerbox {
	width: 667px;
	background: transparent;
}

#gallery_nav {
	background-color: #150C0C;
	text-align: center;
}

#gallery_nav p {
	color: #554D49;
	font-weight: bold;
}

.gallery #extralogos {
	background: url(../images/extralogos_ie6.gif) no-repeat top left;
	margin: 8px auto 0px auto;
}



/*-----------------------------*/
/*----- 'inside middle column' styles ----- */
/*-----------------------------*/


#tapeplayer {
	height: 430px;
}

#middlecolumncopy {
	padding: 7px 20px 0 20px;
}

#middlecolumncopy p {
	padding: 0 0 17px 0;
}


/*-----------------------------*/
/*----- 'inside right column' styles ----- */
/*-----------------------------*/

#rightcolumncopy {
	padding: 98px 20px 0 37px;
}

#spotlightpic {
	float: left;
	margin: 0 13px 0 0;
}

#spotlightcopy h3 {
	margin: 1px 0 0 0;
}

#spotlightcopy p {
	margin: 0 0 17px 0;
}

#comingup {
	clear: both;
	margin: 39px 0 0 0;
}

#comingup h3 {
	margin: 0 0 11px 0;
}

#comingup p {
	width: 180px;
	margin: 0 0 11px 0;
}

/*-----------------------------*/
/*----- headings styles ------ */
/*---------------------------*/

h3 {
	color: #AAB6B9;
	font-size: 11px;
	font-weight: bold;
}



h3 .stronger {
	color: #fff;
}


h1 span, h2 span, #title_spotlight_4trackep span{
	position: absolute;
	top: -10000em;
}

/* -- left col heading --*/

#logo {
	width: 202px;
	height: 87px;
	margin: 78px 0 0 38px;
	padding: 0;
	background: url(../images/logo.gif) no-repeat top left;
}

#logo a {
	display: block;
	width: 202px;
	height: 87px;
	text-decoration: none;
}
	
#logo a:hover, #logo h1 a:active, #logo a:visited {
	background: url(../images/logo.gif) no-repeat top left;
}

/* -- mid col headings --*/

#title_home, #title_pictures, #title_aboutme, #title_contactme, #title_contactme_thankyou, #title_links, #title_gettheep, #title_gettheep_thankyou, #title_comingup_all {
	width: 320px;
	height: 24px;
	padding: 0 0 21px 0;
}

#title_home {
	background: url(../images/title_home.gif) no-repeat top left;
}

#title_pictures {
	background: url(../images/title_pictures.gif) no-repeat top left;
}

#title_aboutme {
	background: url(../images/title_aboutme.gif) no-repeat top left;
}

#title_contactme {
	background: url(../images/title_contactme.gif) no-repeat top left;
}

#title_contactme_thankyou {
	background: url(../images/title_contactme.gif) no-repeat top left;
}

#title_links {
	background: url(../images/title_links.gif) no-repeat top left;
}

#title_gettheep {
	background: url(../images/title_gettheep.gif) no-repeat top left;
}

#title_gettheep_thankyou {
	background: url(../images/title_gettheep.gif) no-repeat top left;
}

#title_comingup_all {
	background: url(../images/title_comingup_all.gif) no-repeat top left;
}




h2.title_upto {
	background: url(../images/title_upto.gif) no-repeat top left;
}

h2.title_upto {
	width: 320px;
	height: 24px;
	padding: 0 0 21px 0;
}

h3.upto_menu {
	background-color: #000;
	width: 230px;
	line-height: 12px;
	margin: 2px 0 20px 0;
}

h3.upto_menu span {
	color: #FFF;
}

#aboutme p span {
	font-weight: bold;
	color: #AAB6B9;
}



/* -- right col headings --*/


#title_spotlight_sidebesideme {
	width: 216px;
	height: 24px;
	background: url(../images/title_spotlight_sidebesideme.gif) no-repeat top left;
	padding: 0 0 4px 0;
}

#title_spotlight_comingup {
	width: 216px;
	height: 24px;
	background: url(../images/title_spotlight_comingup.gif) no-repeat top left;
	padding: 0 0 7px 0;
}

#title_spotlight_4trackep {
	width: 89px;
	height: 12px;
	background: url(../images/title_spotlight_4trackep.gif) no-repeat top left;
	padding: 0 0 10px 0;
}


/* -- picturegrid styles -- */

#picturegrid {
	height: 610px;
}

	#picturegrid a {
			border-bottom: 6px solid #150C0C;
			display: block;
			width: 100px;
			height: 100px;
			float: left;
			margin: 0 10px 16px 0;
			display: inline;
		}
		
				
		#picturegrid a:hover {
			border-bottom: 6px solid #D40069;
		}
			#picturegrid a:active {
				border-bottom: 6px solid #FFFFFF;
			}

		#picturegrid a.endrow {
			margin-right: 0;
		}



/* //////////////////////////////////// */
/* //////////////////////////////////// */
/* //////////////////////////////////// */
/* //////////////////////////////////// */
/* //////////////////////////////////// */
/* //////////////////////////////////// */
/* //////////////////////////////////// */

/* -- DISPLAY ON/OFF -- */

#home {
	display: block;
}

#pictures {
	display: none;
}

#upto_2007autumn {
	display: none;
}

#upto_2007summer {
	display: none;
}

#upto_2007spring {
	display: none;
}

#upto_2007winter {
	display: none;
}

#aboutme {
	display: none;
}

#contactme {
	display: none;
}

#contactme_thankyou {
	display: none;
}

#links {
	display: none;
}

#gettheep {
	display: none;
}

#gettheep_thankyou {
	display: none;
}

#comingup_all {
	display: none;
}

/* -- END OF DISPLAY ON/OFF -- */
