/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0; outline:none;}
li, ol,ul {list-style:none;}
.body_back
{
background-image:url(images/body_back.png);
background-repeat:repeat-y;
behavior: url("iepngfix.htc");
}
p{padding-top:6px;}
.cls{clear:both;}
.fl{float:left;}
.fr{float:right;}
.tr{text-align:right;}
.tj{text-align:justify;}
.tc{text-align:center;}
.tl{text-align:left;}
img{border:none;}
body {
	background:#fff  url(../images/topbg.jpg) repeat-x left top;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	color:#727272;
	font-family:"Arial",Verdana,Times New Roman,Helvetica,sans-serif,tahoma;
	font-size:16px;
	font-weight:bold;
	text-align:justify;
}

/*------------------------------------------------------MAIN CONTAINERS---------------------------------------------*/

#container{text-align:center; background:url(../images/backgroundbg.jpg) no-repeat center top; width:100%; min-height:528px;}
.contentwrapper{width:880px; margin:auto;}
#main{width:928px; margin:auto;}
.main{background:url(../images/pagebg.jpg) repeat-y center top; width:928px; min-height:250px;}

.pad{padding-top:4px;padding-right:20px;}
.top{padding-top:20px;}

#album{ padding-top:180px; margin:auto; width:800px;} 
/* set up the album cover div, with position: relative so that the play button positioning works */
.album {
  position: relative;
  width: 150px;
  height: 183px; float:left; margin-right:10px;

}

/* make the play link a block element, use text-replacement for a play button graphic, and hide it with display: none */
.album a.play {
  display: none;
  position: absolute;
  right: 0px;
  bottom: 0px;
  width: 34px;
  height: 34px;
  background: transparent url(../images/spacer.gif) repeat-x 0 0;
  text-indent: -2000em;
  overflow: hidden;

}

/* change the position of the background image on hover over the play link, to give it an active state with an image sprite */
.album a.play:hover {
  cursor:pointer;
}

/* finally, on hover over the album cover, display the play link */
.album:hover a.play {
  display: block;
}



/*------------------------------------------------FOOTER-----------------------------------*/
#bottomwrapper{ height:252px; font-size:11px; color:#000; font-weight:normal; background:#D5CAB4 url(../images/footerbg.jpg) repeat-x left top;}
#footer{ background:url(../images/footer.jpg) no-repeat left top; width:928px; margin:auto; height:122px;}
.footpad{ padding-top:35px;}