/* 
   splash.css
   The Doors

*/

/* Layout
----------------------------------------------------------------------------- */

	body {

	margin: 0;
	padding: 0;
	background: #000;
	font: normal 11px/12px Helvetica, Arial, sans-serif;
	color: #fff;

	}

	a, img {

	border: 0;

	}

	#layout {

	width: 994px;
	margin: 0 auto;
	padding: 10px 0;
	background: url(bg-clouds.jpg) top left no-repeat;
	border-left: 1px solid #292322;
	border-right: 1px solid #292322;
	border-bottom: 1px solid #292322;

	}


/* Header
----------------------------------------------------------------------------- */


	div#header {
	
	position: relative;
	margin: 0 0 20px 0;
	
	}

	div#header h1 a {

	width: 760px;
	height: 216px;
	margin: 0 auto;
	display: block;
	background: url(h1-thedoors.gif) no-repeat;
	text-indent: -5000px;

	}
	
	div#header p {
		
	text-indent: -5000px;
		
	}


/* Content
--------------------------------------------------------------------------- */


	div#content {
	
	width: 900px; /* 670px if 3 columns / 900px if 4 columns */
	margin: 0 auto;
	
	}
	
	div#content div.banner a {
	
	width: 900px;
	height: 59px;
	background: url(banner-thedoors.jpg) bottom left no-repeat;
	text-indent: -5000px;
	display: block;
	margin-bottom: 20px;
	
	}

	/* div#content div.banner.two a {
	
	width: 900px;
	height: 59px;
	background: url(../images/section-splash/banner-scrapbook.jpg) bottom left no-repeat;
	text-indent: -5000px;
	display: block;
	margin-bottom: 20px;
	
	} */

	div#content div.merch {
	
	display: block;
	float: left;
	width: 190px;
	margin: 0 20px 20px 0;
	padding: 10px;
	height: 430px; /* Height of longest column */
	background: url(bg-merch-special.jpg) bottom left no-repeat;
	
	}


/* Backgrounds */


	div#content div.merch.special {

	background: url(bg-merch-special.jpg) bottom left no-repeat;	
	
	}
	
	div#content div.merch.one {

	background: url(bg-merch-one.jpg) bottom left no-repeat;	
	
	}

	div#content div.merch.two {
	
	background: url(bg-merch-two.jpg) bottom left no-repeat;	
	
	}

	div#content div.merch.three {
	
	background: url(bg-merch-three.jpg) bottom left no-repeat;
	
	}

	div#content div.merch.four {
	
	margin-right: 0;
	background: url(bg-merch-four.jpg) bottom left no-repeat;
	
	}


/* Merch Images */


	div#content div.merch.one a img {
	
	display: block;
	width: 168px;
	height: 171px;
	margin: 5px auto 24px auto; /* Img height + margins = 200 */
	
	}
	
	div#content div.merch.two a img {
	
	display: block;
	width: 173px;
	height: 183px;
	margin: 5px auto 11px auto; /* Img height + margins = 200 */
	
	}

	div#content div.merch.three a img {
	
	display: block;
	width: 180px;
	height: 175px;
	margin: 5px auto 20px auto; /* Img height + margins = 200 */
	
	}

	div#content div.merch.four a img {
	
	display: block;
	width: 184px;
	height: 250px;
	margin: 0 auto 16px auto; /* Img height + margins = 200 */
	
	}


/* Heading Replacement */


	div#content div.merch h2 {
	
	display: block;
	height: 16px;
	text-indent: -5000px;
	margin: 0 0 10px 0;
	
	}

	div#content div.merch.special h2 {
	
	width: 177px;
	background: url(h2-happybirthdayray.gif) top left no-repeat;
	
	}
	
	div#content div.merch.one h2 {
	
	width: 119px;
	height: 37px;
	background: url(h2-dvd-doors.gif) top left no-repeat;
	
	}

	div#content div.merch.two h2 {
	
	width: 132px;
	height: 37px;
	background: url(h2-scrapbook.gif) top left no-repeat;
	
	}

	div#content div.merch.three h2 {

	width: 176px;
	background: url(h2-pittsburg.gif) top left no-repeat;
	
	}

	div#content div.merch.four h2 {

	width: 121px;
	background: url(h2-sevenlpboxset.gif) top left no-repeat;
	
	}
	

/* Content */


	div#content div.merch p {
		
	display: block;
	margin: 0;
	padding: 0;
	text-indent: -5000px;
	
	}
	
	div#content div.merch.special p {
	
	width: 157px;
	height: 85px;
	background-image: url(p-merch-special.gif);
	
	}
	
	div#content div.merch.one p {
	
	width: 180px;
	height: 151px;
	background-image: url(p-merch-one.gif);
	
	}

	div#content div.merch.two p {
	
	width: 172px;
	height: 106px;
	background-image: url(p-merch-two.gif);
	
	}

	div#content div.merch.three p {
	
	width: 173px;
	height: 88px;
	background-image: url(p-merch-three.gif);
	
	}

	div#content div.merch.four p {
	
	width: 177px;
	height: 176px;
	background-image: url(p-merch-four.gif);
	
	}


/* Actions
--------------------------------------------------------------------------- */


	a {
	
	color: #f24b07;
	text-decoration: underline;
	
	}
	
	a:hover {

	color: #fff;
	text-decoration: underline;
	
	}

	a.action {
		
	display: block;
	height: 12px;
	margin: 10px 0 0 0;
	text-indent: -5000px;
	overflow: hidden;	
		
	}
	
	a.action.order {
		
	width: 111px;
	background: url(a-clickheretoorder.gif) no-repeat;
		
	}

	a.action.preorder {
		
	width: 134px;
	background: url(a-clickheretopreorder-2.gif) no-repeat;
		
	}

	div#content div.merch.four a.action.preorder {

	background: url(a-clickheretopreorder-4.gif) no-repeat;

	}


/* Footer
--------------------------------------------------------------------------- */


	div#footer {

	clear: both;
	width: 994px;
	margin: 20px 0 0 0;
	font: normal 9px/12px Arial, sans-serif;
	color: #71573d;
	
	}

	div#footer p {

	text-align: center;
	
	}

	div#footer a {
	
	width: 119px;
	height: 21px;
	display: block;
	margin: 0 auto 10px auto;
	background: url(a-jointhemailinglist.gif) no-repeat;
	text-indent: -5000px;
	
	}