@charset "UTF-8";
/* CSS Document */

@font-face {
	font-family: "MuseoSlab-500";
	src: url(http://www.walkingwallofwords.com/fonts/museo/Museo_Slab_500.eot);
	src: url(http://www.walkingwallofwords.com/fonts/museo/Museo_Slab_500.woff),
		url(http://www.walkingwallofwords.com/fonts/museo/Museo_Slab_500.ttf) format('truetype'),
		url(http://www.walkingwallofwords.com/fonts/museo/MuseoSlab-500.svg#MuseoSlab-500) format('svg');
	}

 /* A font by Jos Buivenga (exljbris) -> www.exljbris.com */ 
@font-face {
	font-family: 'MuseoSlab500Italic';
	src: url('http://www.walkingwallofwords.com/fonts/museo/museo_slab_500italic-webfont.eot');
	src: local('☺'), url('http://www.walkingwallofwords.com/fonts/museo/Museo_Slab_500italic.woff') format('woff'), url('http://www.walkingwallofwords.com/fonts/museo/Museo_Slab_500italic.ttf') format('truetype'), url('http://www.walkingwallofwords.com/fonts/museo/museo_slab_500italic-webfont.svg#webfont9MH0inT4') format('svg');
	font-weight: normal;
	font-style: italic;
}

	
	/* A font by Jos Buivenga (exljbris) -> www.exljbris.com */ 
	
	
	@font-face {
	font-family: "Museo 300";
	font-style: italic;
	src: url(http://www.walkingwallofwords.com/fonts/museo/museo300/Museo300-Regular.eot);
	src: url(http://www.walkingwallofwords.com/fonts/museo/museo300/Museo300-Regular.woff),
		url(http://www.walkingwallofwords.com/fonts/museo/museo300/Museo300-Regular.otf) format('opentype'),
		url(http://www.walkingwallofwords.com/fonts/museo/museo300/Museo300-Regular.svg#Museo 300) format('svg');
	}
	
/* A font by Hans van Dohren */ 


@font-face {
    font-family: 'BrandonGrotesqueBold';
    src: url('http://www.walkingwallofwords.com/fonts/brandon/brandon_bld-webfont.eot');
    src: url('http://www.walkingwallofwords.com/fonts/brandon/brandon_bld-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://www.walkingwallofwords.com/fonts/brandon/brandon_bld-webfont.woff') format('woff'),
         url('http://www.walkingwallofwords.com/fonts/brandon/brandon_bld-webfont.ttf') format('truetype'),
         url('http://www.walkingwallofwords.com/fonts/brandon/brandon_bld-webfont.svg#BrandonGrotesqueBold') format('svg');
    font-weight: normal;
    font-style: normal;

}
	
	
	@font-face {
	    font-family: 'FuturaStd-Bold';
	    src: url('http://www.walkingwallofwords.com/fonts/FuturaStd-Bold/futurastd-bold.eot');
	    src: url('http://www.walkingwallofwords.com/fonts/FuturaStd-Bold/futurastd-bold.eot?#iefix') format('embedded-opentype'),
	         url('http://www.walkingwallofwords.com/fonts/FuturaStd-Bold/futurastd-bold.woff') format('woff'),
	         url('http://www.walkingwallofwords.com/fonts/FuturaStd-Bold/futurastd-bold.ttf') format('truetype'),
	         url('http://www.walkingwallofwords.com/fonts/FuturaStd-Bold/futurastd-bold.svg#FuturaStd-Bold') format('svg');
	    font-weight: normal;
	    font-style: normal;
	
	}
		
	
	


* {margin: 0; 	padding: 0;}

body {
	margin: 0;
	padding: 0;
	position: relative;
}


#container {
	width: 1033px;
	margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout */
	padding: 2px 0 0 0;
}



a.cursor{
    display: block;
    cursor: pointer;
}


.listContainer1 p{
    width: auto !important;
}

.pContentFirst p{
    width: auto !important;   
}

.pContentFirst{
    width: 585px;
}

.listContainer1 li{
    padding: 0 0 0 8px;
}

.listContainer1 li .buttontickets{
    margin-left: 0px;
}

UL.listCol1.last p

{
    opacity: 0;
}


/************************************************
*	Top Navigation							*
************************************************/

#nav {
	list-style: none;
	margin: 37px auto 0 auto;
	position: relative;
	z-index: 2000;
	text-align: left;
	width: 1033px;
	font: 10px/15px "BrandonGrotesqueBold", Trebuchet, sans-serif; 
	text-transform:uppercase;
	padding: 0px 11px 0 -15x;
	color: #696762;
	letter-spacing:1px;
	
}

#nav a {
	text-decoration: none;
	color: #333;
	-webkit-transition: color .3s ease-in; /*safari and chrome */
	-moz-transition: color .3s ease-in;
	-o-transition: color .3s ease-in; /* opera */
	transition: colory .3s ease-in;
	
		
}

#nav a:link{
	text-decoration: none;
	color: #333;
	-webkit-transition: color .3s ease-in; /*safari and chrome */
	-moz-transition: color .3s ease-in;
	-o-transition: color .3s ease-in; /* opera */
	transition: color .3s ease-in;
}

#nav a:hover {
	color: #666;
	text-decoration: none;
}

#nav li.active{
    display:none;
}





/************************************************
*	Text link styles*
************************************************/

a img { /* this selector removes the default blue border displayed in some browsers around an image when it is surrounded by a link */
	border: none;
}
/* ~~ Styling for your site's links must remain in this order - including the group of selectors that create the hover effect. ~~ */

a {
	text-decoration: none;
	 color: #333;
 -webkit-transition: color .3s ease-in; /*safari and chrome */
 -moz-transition: color .3s ease-in;
 -o-transition: color .3s ease-in; /* opera */
 transition: color .3s ease-in;
}


a:link {
	text-decoration: none;
	 color: #333;
 -webkit-transition: color .3s ease-in; /*safari and chrome */
 -moz-transition: color .3s ease-in;
 -o-transition: color .3s ease-in; /* opera */
 transition: color .3s ease-in;
}

a:visited {
	color: #333;
	text-decoration: none;
}
a:hover, a:active, a:focus { /* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */
	color: #666;
	text-decoration: none;
	}



/************************************************
*	Lefthand "body" styling							*
************************************************/

.section {width: 1033px; margin-bottom: 20px;}

.section h1 img {margin:30px 0 0 8px;



}

.section h2 {
	text-transform:uppercase;
	margin: 20px 0 0 8px;
	width: 585px;
	font: 12px/18px 'FuturaStd-Bold';
	color: #eec57e;
	letter-spacing:3px;
	}

.section p {
	font: 15px/23px "MuseoSlab-500", "Georgia", "Times New Roman", serif; 
	color: #928e87;
	margin: 10px 0 10px 8px;
	 width: 585px;
	}
	
	
.section p em {
	font: 15px/23px "MuseoSlab500Italic", "Georgia", "Times New Roman", serif;
	
	font-style: italic;
	
	}
	
	
.section ol {
	font: 15px/26px "MuseoSlab-500", "Georgia", "Times New Roman", serif; 
	color: #928e87;
	margin: 10px 0 10px 8px;
	padding: 5px 11px 0 16px;
	width: 455px;
	display:block;
}

.section li em {
	font: 15px/26px "MuseoSlab500Italic", "Georgia", "Times New Roman", serif; 
	font-style: italic;
	color: #716a5f;
	
	
}
	
		
.dark {
		display: block;
	font: 15px/25px "MuseoSlab500Italic", "Georgia", "Times New Roman", serif; 
	color: #7f7e7b;
	margin: 20px 0 10px 8px;
	padding-left: 10px;
	 width: 500px;
	}

.section .sectionImg {
	width: 1033px;
	}

.divider {
	width: 1033px;
	height: 19px;
	background: url(images/dotted-line.gif) repeat-x left center;
	clear: both;
}


/************************************************
*	Black circle rollover button							*
************************************************/

.section .preorder {
	z-index: 900;
	width: 68px;
	height: 68px;
	margin: -55px 0 0 500px;
	position: absolute;
	}
	
.section .preorder img {
	margin: 0;
	padding: 0;
	float: left;}
	
.section .preorder img.fade {
	opacity: 1;
	margin-top: -68px;
	-webkit-transition: opacity .3s linear;
	-moz-transition: opacity .3s linear;
	-o-transition: opacity .3s linear;
	transition: opacity .3s linear;
}

.section .preorder img.fade:hover {
	opacity: 0;
}

/************************************************
*	News section on homepage							*
************************************************/

.sectionhome {
	 width: 950px;
	 margin: 0 0 10px 0;
	 float:left;
	 padding-top: 25px;

	}
	
	.newsscroller {
	 width: 850px;
	 margin: 0 0 10px 8px;
	 float:left;
	 padding-top: 25px;
	
	}
	
	.newsscroller div{
	   background: transparent !important;

	
	   
	}
	
.sectionhome p {
	font: 12px/15px "MuseoSlab-500", "Georgia", "Times New Roman", serif; 
	color: #928e87;
	 width: 950px;
	}
	
.sectionhome img {
	 padding: 0 12px 0 0;
	}
	
.sectionhome a {
	text-decoration: none;
	 color: #333;
	 -webkit-transition: color .3s ease-in; /*safari and chrome */
	 -moz-transition: color .3s ease-in;
	 -o-transition: color .3s ease-in; /* opera */
	  transition: color .3s ease-in;
	}


	.sectionhome a:link {
		text-decoration: none;
		 color: #333;
	 -webkit-transition: color .3s ease-in; /*safari and chrome */
	 -moz-transition: color .3s ease-in;
	 -o-transition: color .3s ease-in; /* opera */
	  transition: color .3s ease-in;
	}

	.sectionhome a:visited {
		color: #333;
		text-decoration: none;
	}
	.sectionhome a:hover, a:active, a:focus { /* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */
		color: #666;
		text-decoration: none;
		}	
	
	/************************************************
*	Rss Section on homepage							*
************************************************/

.sectionhomeright {
	padding-top: 37px;
	margin: 0 12px 0 0;
	 width: 60px;
	 float: right;
	 text-align: right;
	 visibility: hidden;
	 opacity: 0;

	}
	
	.sectionhome p{
		margin: 6px 0 0 0;
	}
	
	.sectionhome img {
	float: left;
	 margin: 0;
	}
	
	.rssLink{
		margin: -20px 0 0 -60px;
	}
	


/************************************************
*	for "play previously unreleased track" button							*
************************************************//*  */

.streamingbuttonhome {
	
	width: 1030px;
	height: 34px;
	margin: -17px 0 0 0;
	position: absolute;
	cursor: pointer;
	display: block;
	}
	
.streamingbuttonhome img {
	margin: 0;
	padding: 0;
	float: left;}
	
.streamingbuttonhome img.fade {
	opacity: 1;
	margin-top: -34px;
	-webkit-transition: opacity .3s linear;
	-moz-transition: opacity .3s linear;
	-o-transition: opacity .3s linear;
	transition: opacity .3s linear;
}

.streamingbuttonhome img.fade:hover {
	opacity: 0;
}


.streamingbutton {
	width: 345px;
	height: 34px;
	margin: 85px 0 0 10px;
	position: absolute;
	}
	
.streamingbutton img {
	margin: 0;
	padding: 0;
	float: left;}
	
.streamingbutton img.fade {
	opacity: 1;
	margin-top: -34px;
	-webkit-transition: opacity .3s linear;
	-moz-transition: opacity .3s linear;
	-o-transition: opacity .3s linear;
	transition: opacity .3s linear;
}

.streamingbutton img.fade:hover {
	opacity: 0;
}


/************************************************
*	NMH records image at bottom of releases*
************************************************/
.section .nmhrecords img {
	display: block;
    margin-left: auto;
    margin-right: auto;
	margin-top: 100px;
	margin-bottom: 100px;
}
	

/************************************************
*	Circle black button on order drawings section on releases*
************************************************/
.section .order {
	z-index: 900;
	width: 68px;
	height: 68px;
	margin: -35px 0 0 500px;
	position: absolute;
	}
	
	
	
.section .order img {
	margin: 0;
	padding: 0;
	float: left;}
	
	
.section .order img.fade {
	opacity: 1;
	margin-top: -68px;
	-webkit-transition: opacity .3s linear;
	-moz-transition: opacity .3s linear;
	-o-transition: opacity .3s linear;
	transition: opacity .3s linear;
}

.section .order img.fade:hover {
opacity: 0;
}
	
	
	
	/************************************************
*	Righthand  column "body" styles *
************************************************/
	
.section .sectionRight {
	width: 365px;
	float: right;
	margin: 30px 64px 0 0;
	text-align: center;
}


.section .sectionRight h1 {
	font: 15px/20px 'FuturaStd-Bold';
	color: #eec57e;
	text-transform: uppercase;
	text-align: center;
	margin-top: -40px;
	width: 365px;
	letter-spacing:5px;
	
}

.section .sectionRight h1 a {
	font: 15px/20px 'FuturaStd-Bold';
	color: #eec57e;
	text-transform: uppercase;
	text-align: center;
	margin-top: -40px;
	width: 365px;
	letter-spacing:5px;
}


.section .sectionRight h1 a:hover {
	font: 15px/20px 'FuturaStd-Bold';
	color: #f6d7a2;
	text-transform: uppercase;
	text-align: center;
	margin-top: -40px;
	width: 365px;
	letter-spacing:5px;
}

.section .sectionRight h2 {
	font: 15px/18px "MuseoSlab-500", "Georgia", "Times New Roman", serif;
	color: #928e87;
	text-transform: none;
	text-align: center;
	width: 365px;
	margin: 5px 0 0 0; padding: 0;
	letter-spacing:0;
}

.section .sectionRight p {
	font: 10px/15px "MuseoSlab500Italic", "Georgia", "Times New Roman", serif;
	color: #928e87;
	text-align: center;
	width: 365px;
	margin: 5px 0 0 0; padding: 0;
}

.section .sectionRight p em {
		font: 11px/23px "MuseoSlab500Italic", "Georgia", "Times New Roman", serif;
		font-style: italic;
		}

.section .sectionRight h4 {
	font: 13px/20px 'FuturaStd-Bold';
	color: #eec57e;
	text-transform: uppercase;
	text-align: center;
	margin-top: -50px;
	width: 365px;
	letter-spacing:3px;
}

.section .sectionRight h4 a {
	font: 13px/20px 'FuturaStd-Bold';
	color: #eec57e;
	text-transform: uppercase;
	text-align: center;
	margin-top: -50px;
	width: 365px;
	letter-spacing:3px;
}


.section .sectionRight h4 a:hover {
	font: 13px/20px 'FuturaStd-Bold';
	color: #f6d7a2;
	text-transform: uppercase;
	text-align: center;
	margin-top: -50px;
	width: 365px;
	letter-spacing:3px;
}
	
.charity {
	float: center;
	margin: 0 0 40px 0;
	padding: 0;
	position: relative;
	width: 365px;
	height: 183px;
}

.charity a{
	display: block;
	margin: 0 auto;
	width: 243px;
}

.charity img {
	margin: 0;
	padding:0;
	position: absolute;
	left: 65px;
}

.charity img.fade {
	opacity: 1;
	-webkit-transition: opacity .3s linear;
	-moz-transition: opacity .3s linear;
	-o-transition: opacity .3s linear;
	transition: opacity .3s linear;
}
        
.charity img.fade:hover {
	opacity: 0;
}


/************************************************
*	columns for the listen page*
************************************************/


.section .sectionthree {
	width: 292px;
	float: right;
	margin: 40px 25px 0 0;
}

.section .sectionthree img {
	margin: 0;
	padding: 0;
	float: right;}
	
.section .sectionthree img.fade {
	opacity: 1;
	margin-top: -292px;
	-webkit-transition: opacity .3s linear;
	-moz-transition: opacity .3s linear;
	-o-transition: opacity .3s linear;
	transition: opacity .3s linear;
}

.section .sectionthree img.fade:hover {
	opacity: 0;
}

.section .sectionone {
	width: 350px;
	float: left;
	margin: 25px 25px 0 0;
}

.section .sectionone h2 {
	text-transform:uppercase;
	margin: 20px 0 0 8px;
	width: 290px;
	font: 13px/18px 'FuturaStd-Bold';
	color: #eec57e;
	letter-spacing:3px;
	}

.section .sectionone p {
	font: 14px/21px "MuseoSlab-500", "Georgia", "Times New Roman", serif; 
	color: #a99b82;
	margin: 10px 0 10px 8px;
	 width: 290px;
	}

.section .sectiontwo {
	width: 300px;
	float: left;
	margin: 25px 25px 0 0;
}

.section .sectiontwo h2 {
	text-transform:uppercase;
	margin: 20px 0 0 8px;
	width: 290px;
	font: 13px/18px 'FuturaStd-Bold';
	color: #eec57e;
	letter-spacing:3px;
	}

.section .sectiontwo p {
	font: 14px/21px "MuseoSlab-500", "Georgia", "Times New Roman", serif; 
	color: #a99b82;
	margin: 10px 0 10px 8px;
	 width: 290px;
	}



	
	
	



	
	

#content {
	width: 1033px;
	margin-top: 475px;
}








/************************************************
*	Rectangular button styles*
************************************************/



.button {
    background-color: rgba(235,188,106);
	background-color: rgba(235,188,106,0.5);
	display: block;
	width: 140px;
	margin: 28px 0 52px 8px;
	 -webkit-transition: color .1s ease-in; /*safari and chrome */
	 -moz-transition: color .1s ease-in;
 -o-transition: color .1s ease-in; /* opera */
  transition: color .1s ease-in;
}

.button a {
	font: 10px/11px "BrandonGrotesqueBold", Trebuchet, sans-serif;
	color: #cba35d;
	text-transform: uppercase;
	text-decoration: none;
	display: block;
	padding: 5px 7px;
	letter-spacing:2px;
	 -webkit-transition: color .1s ease-in; /*safari and chrome */
	 -moz-transition: color .1s ease-in;
 -o-transition: color .1s ease-in; /* opera */
  transition: color .1s ease-in;
}

.button a:hover {
	color: #fff;
	text-decoration: none;
	background: rgb(235,188,106);
	background-color: rgba(235,188,106,0.75);
	
}


.buttontickets {
    background: rgb(235,188,106);
	background-color: rgba(235,188,106,0.5);
	display: block;
	width: 75px;
	margin: 10px 0 45px 8px;
	 -webkit-transition: color .1s ease-in; /*safari and chrome */
	 -moz-transition: color .1s ease-in;
    -o-transition: color .1s ease-in; /* opera */
    transition: color .1s ease-in;
}

.buttontickets a {
	font: 9px/11px "BrandonGrotesqueBold", Trebuchet, sans-serif;
	color: #cba35d;
	text-transform: uppercase;
	text-decoration: none;
	display: block;
	padding: 4px 6px;
	letter-spacing:2px;
	 -webkit-transition: color .1s ease-in; /*safari and chrome */
	 -moz-transition: color .1s ease-in;
 -o-transition: color .1s ease-in; /* opera */
  transition: color .1s ease-in;
}

.buttontickets a:hover {
	color: #fff;
	text-decoration: none;
	background-color: rgba(235,188,106);
	background-color: rgba(235,188,106,0.75);
	
}


.buttonsoldout {
	background-color: #d4d1cb;
	display: block;
	width: 60px;
	margin: 10px 0 45px 8px;
	font: 9px/11px "BrandonGrotesqueBold", Trebuchet, sans-serif;
	color: #fff;
	text-transform: uppercase;
	text-decoration: none;
	display: block;
	padding: 4px 6px;
	letter-spacing:2px;
}


.buttonshort {
    background-color: rgba(235,188,106);
	background-color: rgba(235,188,106,0.5);
	display: block;
	width: 110px;
	margin: 28px 0 52px 8px;
	 -webkit-transition: color .1s ease-in; /*safari and chrome */
	 -moz-transition: color 1s ease-in;
 -o-transition: color .1s ease-in; /* opera */
  transition: color .1s ease-in;
}

.buttonshort a {
	font: 10px/11px "BrandonGrotesqueBold", Trebuchet, sans-serif;
	color: #cba35d;
	text-transform: uppercase;
	text-decoration: none;
	display: block;
	padding: 5px 8px;
	letter-spacing:2px;
	 -webkit-transition: color .1s ease-in; /*safari and chrome */
	 -moz-transition: color .1s ease-in;
 -o-transition: color .1s ease-in; /* opera */
  transition: color .1s ease-in;
}

.buttonshort a:hover {
	color: #fff;
	text-decoration: none;
	background-color: rgba(235,188,106);
	background-color: rgba(235,188,106,0.75);
	
}




/************************************************
*	Boxes for releases page*
************************************************/


.littleboxes.lp {
	width: 258px;
	height: 619px;
	padding-top: 11px;
	background-image: url(images/white-box-top.png), url(images/white-box-bottom.png);
	background-position: top, bottom;
	background-repeat: no-repeat;
	margin: 5px 0 0 0;
	float: left;
}

.littleboxes2.lp {
	width: 258px;
	height: 519px;
	padding-top: 11px;
	background-image: url(images/white-box-top.png), url(images/white-box-bottom.png);
	background-position: top, bottom;
	background-repeat: no-repeat;
	margin: 5px 0 0 0;
	float: left;
}

.littleboxes.ep {
	width: 258px;
	height: 434px;
	padding-top: 11px;
	background-image: url(images/white-box-top.png), url(images/white-box-bottom.png);
	background-position: top, bottom;
	background-repeat: no-repeat;
	margin: 5px 0 70px 0;
	float: left;
}

.littleboxes2.ep {
	width: 258px;
	height: 434px;
	padding-top: 11px;
	background-image: url(images/white-box-top.png), url(images/white-box-bottom.png);
	background-position: top, bottom;
	background-repeat: no-repeat;
	margin: 5px 0 70px 0;
	float: left;
}



.lpmiddle2 {
	width: 256px;
	height: 463px;
	background-image: url(images/white-box-middle.png);
	background-position: top;
	background-repeat: repeat-y;
	padding: 0 0 0 2px;
}

.lpmiddle2 .italic {
	font-family:"MuseoSlab500Italic";
}







.lpmiddle {
	width: 256px;
	height:563px;
	background-image: url(images/white-box-middle.png);
	background-position: top;
	background-repeat: repeat-y;
	padding: 0 0 0 2px;
}

.lpmiddle .pContent{
    width: auto;
    padding: 7px 10px 0 0;
    color: #A99B82;
}

.lpmiddle .pContent ol, .lpmiddle .pContent ul{
	padding-left: 13px;
}
.lpmiddle .pContent li{
	margin:0;
	font-size:11px;
	line-height:1.2;
}



.lpmiddle .italic {
	font-family:"MuseoSlab500Italic";
	font-style:italic;
}

.lpmiddle p {
	width: 200px;
	height: 563px;
	display:block;
	padding: 0 0 0 2px;
}



.lpmiddle ol {
	width: 200px;
	height: 463px;
	background-position: top;
	background-repeat: repeat-y;
	padding: 10px 0 0 2px;
}

.lpmiddle ol .italic {
	font-family:"MuseoSlab500Italic";
	font-style:italic;
}


.lpmiddle li {
	width: 200px;
	margin-bottom: 10px;
	padding: 10px 0 10px -10px;
}

.lpmiddle li {
	width: 200px;
	margin-bottom: 10px;
	padding: 10px 0 10px -10px;
}


.lpmiddle ul {
	width: 200px;
	margin-bottom: 10px;
	padding: 10px 0 10px -10px;
}

.lpmiddle ul li.italic {
	font-family:"MuseoSlab500Italic";
	font-style:italic;
}







.epmiddle {
	width: 258px;
	height: 378px;
	background-image: url(images/white-box-middle.png);
	background-position: top;
	background-repeat: repeat-y;
}


.epmiddle .italic {
	font-family:"MuseoSlab500Italic";
	font-style:italic;
}




.littleboxes2 .art {
	float: left;
	margin: 0 0 0 13px;
	width: 227px;
	height: 147px;
}

.littleboxes2 .art img {
	margin: 0;
	padding: 0;
	float: left;}

.littleboxes2 .art img.fade {
	opacity: 1;
	margin-top: -147px;
	-webkit-transition: opacity .3s linear;
	-moz-transition: opacity .3s linear;
	-o-transition: opacity .3s linear;
	transition: opacity .3s linear;
	 transition: opacity .3s linear;
}
        
.littleboxes2 .art img.fade:hover {
	opacity: 0;
}

/*.littleboxes .art.aeroplane {background: url(images/thumb-aeroplane.jpg) no-repeat top;}
.littleboxes .art.averyisland {background: url(images/thumb-averyisland.jpg) no-repeat top;}
.littleboxes .art.everything {background: url(images/thumb-everything.jpg) no-repeat top;}
.littleboxes .art.ferris {background: url(images/thumb-ferris.jpg) no-repeat top;}
.littleboxes .art.holland {background: url(images/thumb-holland.jpg) no-repeat top;}
.littleboxes .art.littlebird {background: url(images/thumb-littlebird.jpg) no-repeat top;}
.littleboxes .art.youvepassed {background: url(images/thumb-youvepassed.jpg) no-repeat top;}
.littleboxes .art.posters {background: url(images/thumb-posters.jpg) no-repeat top;}


.littleboxes .art:hover {
	background-position: bottom;
}*/

.littleboxes2 img {
	margin: 14px 16px 4px;
	}

.littleboxes2 h2 {
	text-transform:uppercase;
	margin: 0 0 0 16px;
	font: 12px/12px 'FuturaStd-Bold';
	color: #eec57e;
	letter-spacing:2px;
}

.littleboxes2 h4 {
	text-transform:uppercase;
	margin: 0 0 0 16px;
	padding-top:20px;
	font: 12px/12px 'FuturaStd-Bold';
	color: #eec57e;
	letter-spacing:2px;
}

.littleboxes2 p {
	font: 11px/17px "MuseoSlab-500", "Georgia", "Times New Roman", serif; 
	padding: 13px 11px 5px 16px;
	color: #a99b82;
}


.littleboxes2 p em {
	font: 11px/14px "MuseoSlab500Italic", "Georgia", "Times New Roman", serif;
	font-style: italic;
	color: #a99b82;
}


.littleboxes2 ol {
	font: 11px/15px "MuseoSlab-500", "Georgia", "Times New Roman", serif; 
	padding: 5px 11px 0 16px;
	color: #a99b82;
	margin: 0 0 0 20px;
}

.littleboxes2 ul {
	font: 11px/16px "MuseoSlab-500", "Georgia", "Times New Roman", serif; 
	padding: 5px 11px 0 16px;
	color: #a99b82;
	margin: 0 0 0 10px;
	    list-style-type: none;

}

.littleboxes2 .largerimages {
	width: 189px;
	height: 26px;
	margin: 0 0 0 30px;
	background: url(images/dotted-largerimages.png) no-repeat right top;
}

.littleboxes2 .largerimages:hover {
	background-position: left top;
}




.littleboxes2 .listen {
	width: 189px;
	height: 26px;
	margin: 0 0 0 30px;
	background: url(images/dotted-listen.png) no-repeat right top;
}

.littleboxes2 .listen:hover {
	background-position: left top;
}







.littleboxes .art {
	float: left;
	margin: 0 0 0 13px;
	width: 227px;
	height: 147px;
}

.littleboxes .art img {
	margin: 0;
	padding: 0;
	float: left;}

.littleboxes .art img.fade {
	opacity: 1;
	margin-top: -147px;
	-webkit-transition: opacity .3s linear;
	-moz-transition: opacity .3s linear;
	-o-transition: opacity .3s linear;
	transition: opacity .3s linear;
	 transition: opacity .3s linear;
}
        
.littleboxes .art img.fade:hover {
	opacity: 0;
}

/*.littleboxes .art.aeroplane {background: url(images/thumb-aeroplane.jpg) no-repeat top;}
.littleboxes .art.averyisland {background: url(images/thumb-averyisland.jpg) no-repeat top;}
.littleboxes .art.everything {background: url(images/thumb-everything.jpg) no-repeat top;}
.littleboxes .art.ferris {background: url(images/thumb-ferris.jpg) no-repeat top;}
.littleboxes .art.holland {background: url(images/thumb-holland.jpg) no-repeat top;}
.littleboxes .art.littlebird {background: url(images/thumb-littlebird.jpg) no-repeat top;}
.littleboxes .art.youvepassed {background: url(images/thumb-youvepassed.jpg) no-repeat top;}
.littleboxes .art.posters {background: url(images/thumb-posters.jpg) no-repeat top;}


.littleboxes .art:hover {
	background-position: bottom;
}*/

.littleboxes img {
	margin: 14px 16px 4px;
	}

.littleboxes h2 {
	text-transform:uppercase;
	margin: 0 0 0 16px;
	font: 12px/12px 'FuturaStd-Bold';
	color: #eec57e;
	letter-spacing:2px;
}

.littleboxes h4 {
	text-transform:uppercase;
	margin: 0 0 0 16px;
	padding-top:20px;
	font: 12px/12px 'FuturaStd-Bold';
	color: #eec57e;
	letter-spacing:2px;
}

.littleboxes p {
	font: 11px/17px "MuseoSlab-500", "Georgia", "Times New Roman", serif; 
	padding: 13px 11px 5px 16px;
	color: #a99b82;
}


.littleboxes p em {
	font: 11px/14px "MuseoSlab500Italic", "Georgia", "Times New Roman", serif;
	font-style: italic;
	color: #a99b82;
}


.littleboxes ol {
	font: 11px/15px "MuseoSlab-500", "Georgia", "Times New Roman", serif; 
	padding: 5px 11px 0 16px;
	color: #a99b82;
	margin: 0 0 0 20px;
}

.littleboxes ul {
	font: 11px/16px "MuseoSlab-500", "Georgia", "Times New Roman", serif; 
	padding: 5px 11px 0 16px;
	color: #a99b82;
	margin: 0 0 0 10px;
	    list-style-type: none;

}

.littleboxes .largerimages {
	width: 189px;
	height: 26px;
	margin: 0 0 0 30px;
	background: url(images/dotted-largerimages.png) no-repeat right top;
}

.littleboxes .largerimages:hover {
	background-position: left top;
}




.littleboxes .listen {
	width: 189px;
	height: 26px;
	margin: 0 0 0 30px;
	background: url(images/dotted-listen.png) no-repeat right top;
}

.littleboxes .listen:hover {
	background-position: left top;
}



/************************************************
*	Homepage boxes							*
************************************************/
.shiftleft {
	margin-left: -6px;
}



.homeboxes {
	width: 258px;
	height: 350px;
	padding-top: 11px;
	background-image: url(images/home-boxesbg.png);
	 background-position: top;
	background-repeat: no-repeat;
	margin: 30px 0 0 0;
	float: left;
}






.homemiddle {
	width: 256px;
	height: 316px;
	padding: 0 0 0 2px;
}

.homemiddle .italic {
	font-family:"MuseoSlab500Italic";
}




.homeboxes .art {
	float: left;
	margin: 0 0 12px 16px;
	width: 227px;
	height: 204px;
}

.homeboxes .art img {
	margin: 0;
	padding: 0;
	float: left;}

.homeboxes .art img.fade {
	opacity: 1;
	margin-top: -204px;
	-webkit-transition: opacity .3s linear;
	-moz-transition: opacity .3s linear;
	-o-transition: opacity .3s linear;
	transition: opacity .3s linear;
}
        
.homeboxes .art img.fade:hover {
	opacity: 0;
}

/*.homeboxes .art.aeroplane {background: url(images/thumb-aeroplane.jpg) no-repeat top;}
.homeboxes .art.averyisland {background: url(images/thumb-averyisland.jpg) no-repeat top;}
.homeboxes .art.everything {background: url(images/thumb-everything.jpg) no-repeat top;}
.homeboxes .art.ferris {background: url(images/thumb-ferris.jpg) no-repeat top;}
.homeboxes .art.holland {background: url(images/thumb-holland.jpg) no-repeat top;}
.homeboxes .art.littlebird {background: url(images/thumb-littlebird.jpg) no-repeat top;}
.homeboxes .art.youvepassed {background: url(images/thumb-youvepassed.jpg) no-repeat top;}
.homeboxes .art.posters {background: url(images/thumb-posters.jpg) no-repeat top;}


.homeboxes .art:hover {
	background-position: bottom;
}*/

.homeboxes img {
	margin: 14px 16px 4px;
	}


.homeboxes p {
	font: 11px/14px "MuseoSlab-500", "Georgia", "Times New Roman", serif; 
	padding: 0 11px 0 16px;
	color: #a99b82;
	width: 215px;
}


.homeboxes p em {
	font: 11px/14px "MuseoSlab500Italic", "Georgia", "Times New Roman", serif;
	font-style: italic;
	color: #a99b82;
}





.homeboxes .listen {
	float: left;
	margin: -32px 0 0 75px;
	width: 119px;
	height: 35px;
}

.homeboxes .listen img {
	margin: 0;
	padding: 0;
	float: left;}

.homeboxes .listen img.fade {
	opacity: 1;
	margin-top: -35px;
	-webkit-transition: opacity .3s linear;
	-moz-transition: opacity .3s linear;
	-o-transition: opacity .3s linear;
	transition: opacity .3s linear;
}
        
.homeboxes .listen img.fade:hover {
	opacity: 0;
}






/************************************************
*	Black popup box								*
************************************************/

.box {
	width: 550px;
	float: center;
	margin: 0;
	text-align: center;
	background: #000;
	height: 800px;
}

.paypal {
	width: 550px;
	float: center;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}



.paypalsidebyside{
	width: 220px;
	float: left;
	text-align:center;
	margin: 5px 10px;
	padding: 0;

	
}




.paypaltwoup{
	width: 100px;
	float: left;

	
}



.box h1 {
	font: 20px/22px 'FuturaStd-Bold';
	color: #fff;
	text-transform: uppercase;
	text-align: center;
	width: 550px;
	letter-spacing:5px;
	margin: 50px auto 0 auto;
}


.box h2 {
	font: 12px/16px 'FuturaStd-Bold';
	color: #d6ac62;
	text-transform: uppercase;
	text-align: center;
	width: 550px;
	margin: 20px auto 0 auto;
	letter-spacing:2px;
}

.box p {
	font: 12px/18px "MuseoSlab500Italic", "Georgia", "Times New Roman", serif;
	color: #8d8d8d;
	text-align: center;
	width: 450px;
	margin: 20px auto 0 auto;
	letter-spacing:0px;
}

.fineprint {
	font: 10px/14px "MuseoSlab500Italic", "Georgia", "Times New Roman", serif;
	color: #8d8d8d;
	text-align: center;
	width: 450px;
	margin: 20px auto 0 auto;
	letter-spacing:0px;
}

.box a {
	
	color: #aaa;
	
}

form {
	width: 200px;
	
}



/************************************************
*	Subscribe									*
************************************************/
.subscribe {
	background: #E5E5E5;
	list-style:none;
	width: 270px;
	margin: 0px 0px 10px 0px;
	padding: 10px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	}
.subscribe form {
	margin: 0;
	padding: 0;
	}
.subscribe input {
	margin: 0;
	padding: 0;
	}
.subscribe h4 {
	font-family: "MuseoSlab-500", Helvetica, Arial, Trebuchet MS, Verdana;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: -0.5px;
	text-align:left;
	margin: 0px 0px 5px 0px;
	}
.subscribe a, .headerright a:visited {
	color: #000000;
	text-decoration: none;
	}
.subscribe a:hover {
	color: #666666;
	text-decoration: underline;
	}
#subbox {
	background: #F5F5F5;
	width: 172px;
	color: #999999;
	font-size: 12px;
	font-family: Helvetica, Arial, Trebuchet MS, Verdana;
	font-weight: normal;
	margin: 10px 0px 0px 0px;
	padding: 5px 0px 5px 5px;
	border: none;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	}
#subbutton {
	background: #666666;
	color: #CCCCCC;
	font-size: 11px;
	font-weight: bold;
	width: 80px;
	height: 24px;
	margin: 2px 0px 0px 10px;
	padding: 0px 3px 2px 3px;
	border: none;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	}
	
	
	
	/************************************************
*	Footer									*
************************************************/




#footer{
	clear: both;
	background:transparent url(images/footer-bg.png) repeat-x;
	bottom: -240px;
	height: 240px;
	padding: 10px 0 0 0;
	position: fixed;
	z-index: 2005;
	width: 100%;
}

#home #footer{
	margin: -750px auto 0 auto;
}

#releases #footer{
	margin: -1250px auto 0 auto;
}

#listen #footer{
	margin: -950px auto 0 auto;
}

#charity #footer{
	/* margin: -950px auto 0 auto; */
}

#tour #footer{
	/* margin: -2550px auto 0 auto; */
}

.footersectioncontainer {
	width: 1023px;
	margin: 0 auto 10px auto;
	
}
.footersectioncontainer p {
	margin: 35px 0 0 8px;
	text-transform: uppercase;
	font: 11px/17px "BrandonGrotesqueBold", Trebuchet, sans-serif; 
	color: #af8843;
	letter-spacing:1.5px;
}

.yellow {
	font: 11px/17px "BrandonGrotesqueBold", Trebuchet, sans-serif;
	color: #cba35d;
	
}

.email a{
	font: 10px/17px "MuseoSlab-500", georgia, Arial, Trebuchet MS, Verdana;
	text-transform: none;
	color: #a07c3d;
	letter-spacing:none;
	
}

.email a:hover{
	font: 10px/17px "MuseoSlab-500", georgia, Arial, Trebuchet MS, Verdana;
	text-transform: none;
	color: #bf9855;
	letter-spacing:none;
	
}




.footersection {
	width: 227px;
	float: left;
	margin: 20px 25px 0 0;
	display: block;
}

.footersection h2 {
	font: 12px/17px 'FuturaStd-Bold';
	color: #cea154;
	text-transform: uppercase;
	text-align: left;
	margin: 15px 0 0 8px;
	width: 227px;
	letter-spacing:1px;
}

.footersection h2:hover {
	font: 12px/17px 'FuturaStd-Bold';
	color: #b59968;
	text-transform: uppercase;
	width: 227px;
	letter-spacing:1px;
}
	
.footersection h2 a, .footersection h2 a:visited {
	font: 12px/17px 'FuturaStd-Bold';
	color: #cea154;
	text-transform: uppercase;
	text-align: center;
	margin: 15px 0 0 8px;
	width: 227px;
	letter-spacing:1px;
}


.footersection h2 a:hover {
	font: 12px/17px 'FuturaStd-Bold';
	color: #b59968;
	text-transform: uppercase;
	text-align: center;

	width: 227px;
	letter-spacing:1px;
}
	

.footersection  p {
	font: 11px/17px "MuseoSlab-500", "Georgia", "Times New Roman", serif; 
	color: #857964;
	margin: 10px 0 10px 8px;
	 width: 227px;
	 text-transform: none;
	}



	
	/************************************************
*	Jquery Slideshow Styling								*
************************************************/

#slideshowcontainer {
	width: 1032px;
	min-width : 559px;
	margin: 0;
	padding: 0;
	background: transparent;
}



.slideshow, .slideshow img { height: 559px; width: 1032px; margin: 0; overflow:hidden; }
.slideshow .description { height: 166px; width: 1032px; margin-top: 200px; overflow:hidden; background: url(images/main-releases-rollover.png) no-repeat ;}
.slideshow { positin:relative; }
.slideshow img { position:absolute; top:0; left:0; z-index:100; }
.description { position:absolute; top:0; left:0; z-index:200; }