body
{
	font-family: trebuchet ms,arial,helvetica,sans-serif;
	font-size: 12px;
	border: 0;
	margin: 0;
	padding: 0;
	background: #222;
}

table 			
{ 
	border: 0;
	border-collapse: collapse; 
	border-spacing: 0px; 
}

td
{
	margin: 0;
	border: 0;
	padding: 0;
}

img
{
	border: 0;
}

.o0
{
	display: none;
}

.o1
{
	display: block;
}




#header
{
	background: #222;
}

#header-contents
{
	width: 882px;
	margin: auto;
	height: 60px;
	position: relative;
}

#logo
{
	position: absolute;
	top: 10px;
}

#partners
{
	float: right;
	margin-right: 62px;
	line-height: 1px;
}

a#p1, a#p2, a#p3
{
	display: inline-block;
}

a#p1
{
	width: 78px;
	height: 60px;
	background: url(img/inertia0.png);
}

a#p1:hover
{
	background: url(img/inertia1.png);
}

a#p2
{
	width: 104px;
	height: 60px;
	background: url(img/stockfresh0.png);
}

a#p2:hover
{
	background: url(img/stockfresh1.png);
}

a#p3
{
	width: 127px;
	height: 60px;
	background: url(img/dream0.png);
}

a#p3:hover
{
	background: url(img/dream1.png);
}





#main
{
	background: url(img/bg.jpg);
}


#main-contents
{
	width: 746px;
	margin: auto;
	padding: 30px 0 0 0;
}


#shadow-top
{
	width: 746px;
	height: 40px;
	background: url(img/shadow-top.png);	
}

#shadow-top-cover-right
{
	width: 373px;
	margin-left: 373px;
	height: 40px;
	background: url(img/shadow-top-half.png);
}

#shadow-top-cover-left
{
	width: 373px;
	margin-right: 373px;
	height: 40px;
	background: url(img/shadow-top-half.png);
}

#shadow-bottom-cover-right
{
	width: 373px;
	margin-left: 373px;
	height: 130px;
	background: url(img/shadow-bottom-half.png) no-repeat;
}

#shadow-bottom-cover-left
{
	width: 373px;
	margin-right: 373px;
	height: 130px;
	background: url(img/shadow-bottom-half.png) no-repeat;
}


#spread
{
	position: relative;
	float: left;
	background: #FFF;
	width: 720px;
	height: 486px;
}


.spread-cover
{
	position: relative;
	float: left;
	width: 720px;
	height: 486px;
}

.spread-cover-left, .spread-cover-right
{
	position: relative;
	float: left;
	width: 360px;
	height: 486px;
}


#text-cover-left
{
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
	color: #666;
	background: url(img/note-left.png);
	margin-top: 50px;
	padding: 40px 20px 40px 50px;
}

#text-cover-right
{
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
	color: #666;
	background: url(img/note-right.png);
	margin-top: 80px;
	padding: 40px 50px 40px 20px;
}

#text-cover-left strong, #text-cover-right strong
{
	color: #000;
}

#text-cover-left a, #text-cover-right a
{
	font-weight: bold;
	color: #888;
	text-decoration: underline;
}

#text-cover-left a:hover, #text-cover-right a:hover
{
	color: #444;
}


#shading
{
	z-index: 100;
	position: absolute;
	width: 720px;
	height: 486px;
	background: url(img/shading.png);
}


#shading-left
{
	z-index: 100;
	position: absolute;
	margin-left: 320px;
	width: 40px;
	height: 486px;
	background: url(img/shading-left.png);
}

#shading-right
{
	z-index: 100;
	position: absolute;
	margin-right: 320px;
	width: 40px;
	height: 486px;
	background: url(img/shading-right.png);
}


#links
{
	z-index: 200;
	position: absolute;
	width: 720px;
	height: 486px;
}

.links-half
{
	z-index: 200;
	position: absolute;
	width: 360px;
	height: 486px;
}

a.flip-left, a.flip-right
{
	background: url(img/flip-dummy.png);
	z-index: 300;
	outline: none;
	display: inline-block;
	width: 360px;
	height: 486px;
}

a.flip-left:hover
{
	background: url(img/flip-left.png);
}

a.flip-right:hover
{
	background: url(img/flip-right.png);
}




.side-left
{
	float: left;
	width: 13px;
	height: 486px;
	background: url(img/side-left.png) no-repeat;
}

#side-left-cover
{
	float: left;
	width: 13px;
	height: 486px;
}


.side-right
{
	float: left;
	width: 13px;
	height: 486px;
	background: url(img/side-right.png) no-repeat;
}

#side-right-cover
{
	float: left;
	width: 13px;
	height: 486px;
	background: url(img/shade-right.png);
}



#info
{
	width: 746px;
	height: 100px;
	padding-top: 30px;
	background: url(img/shadow-bottom.png) no-repeat;	
}

#info-left
{
	width: 373px;
	float: left;
}

#info-right
{
	width: 373px;
	float: right;
}

#info-right table
{
	float: right;
	clear: both;
}


.info-page-left
{
	font-size: 11px;
	line-height: 1;
	padding: 0 46px 4px 12px;
	text-transform: uppercase;
	background: #FFD700;
}

.info-title-left
{
	font-weight: bold;
	font-size: 15px;
	line-height: 1;
	padding: 6px 26px 0 12px;
	text-transform: uppercase;
	background: #FFF;
}

.info-artist-left
{
	font-size: 11px;
	letter-spacing: 1px;	
	line-height: 1;
	padding: 0 26px 0 12px;
	text-transform: uppercase;
	background: #FFF;
}

.info-alias-left
{
	font-size: 8px;
	line-height: 1;	
	padding: 0 32px 1px 12px;
	text-transform: uppercase;
	background: #FFF;
}




.info-page-right
{
	text-align: right;
	font-size: 11px;
	line-height: 1;
	padding: 0 12px 4px 46px;
	text-transform: uppercase;
	background: #FFD700;
}

.info-title-right
{
	text-align: right;
	font-weight: bold;
	font-size: 15px;
	line-height: 1;
	padding: 6px 12px 0 26px;
	text-transform: uppercase;
	background: #FFF;
}

.info-artist-right
{
	text-align: right;
	font-size: 11px;
	letter-spacing: 1px;	
	line-height: 1;
	padding: 0 12px 0 26px;
	text-transform: uppercase;
	background: #FFF;
}

.info-alias-right
{
	text-align: right;
	font-size: 8px;
	line-height: 1;	
	padding: 0 12px 1px 32px;
	text-transform: uppercase;
	background: #FFF;
}







#footer
{
	color: #666;
	background: #222;
	padding: 16px 0;
}

#footer-contents
{
	width: 746px;
	margin: auto;
	font-size: 11px;
	line-height: 18px;
}

#footer a
{
	text-transform: uppercase;
	color: #AAA;
	letter-spacing: 3px;
	text-decoration: none;
	margin-right: 20px;
}

#footer a:hover
{
	color: #888;
}