/* 
    Document   : main
    Created on : Jun 15, 2010, 8:50:24 PM
    Author     : Olen
    Description:
        Purpose of the stylesheet follows.
		
	Colors:
	Orange - #ee7f22
	Maroon- #4a0a00
	Green - #009900
		
*/
html{
	background-color: #ffffff;
}
body{
	margin: 0 auto;
	font-family:Arial, Helvetica, sans-serif;
}
body, header, footer{
width: 788px;
}
	
header{
position: relative;
top: 0px;
left: 0px;
display: block;
height: 309px;
}
.mcheader{
display:block;
height: 50px;
}
#audio{
position: absolute;
top: 40px;
right: 0px;
}
#albumicons{
position: absolute;
top: 80px;
right: 0px;
width: 300px;
}
#albumicons img{
height: 35px;
cursor:pointer;
margin-right: 10px;
}
#audiotext{
position:absolute;
top: 3px;
right: 0px;
width: 300px;
font-size:9px;
color: #4a0a00;
}
#headerlogo{
position:absolute;
top: 10px;
left:0px;
z-index:5;
}
#headerimg{
position:absolute;
top: 125px;
left:0px;
}
#topnav{
display:block;
position:relative;
top: 0px;
margin-left:0px;
margin-bottom: 15px;
background-color:#ee7f22;
height: 35px;
line-height:35px;
color:#FFFFFF;
font-size:11px;
font-weight:bold;
}

#topnav span{
margin-left: 15px;
display: inline;
text-decoration:none;
margin-right: 10px;	
cursor:pointer;
	
}
#topnav span:hover{
color:#333333;
text-shadow:#666666;
}

#adblocks{
	float: right;
	position: relative;
}
#adblocks img{
	display:block;
	margin-bottom: 25px;
	cursor: pointer;
}
.lastimg{
	margin-bottom:0px !important;
}
#adblocks div:hover{
background-color:#333333;
color:#ffffff;
}
footer{
	position:relative;
	height: 150px;
	clear: both;
	float: left;
	margin-top: 20px;
	margin-bottom: 10px;
	background-image:url(../images/design/lisa-weyerhaeuser-branch-shadow.png);
	background-position:left;
	background-repeat:no-repeat;
}
#photoloader{
	position: relative;
	top: 100px;
}
#logos{
width: 585px;
float:left;
}
#logos img{
float: right;
margin-left: 25px;
border: medium none;
vertical-align:bottom;
}
#cinfo{
width: 175px;
float: right;
color: #4a0a00;
font-size:10px;
}
.footerlogo{
margin-top:10px;
}
#bmlogo{

}
#stlogo{

}
#content{
float: left;
width: 585px;
min-height:774px;
background-image:url(../images/design/content-background-lisa-weyerhaeuser.jpg);

}
#maincontent{
display:block;
margin: 10px 25px 10px 25px;
font-size:12px;
color: #4a0a00;
position: relative;
}
.cleftcol{
width: 350px;
}


.hidden{
display:none;
}
.videoframe{
margin-top: 22px;
}
<!--EPK-->
#section{
clear:both;
margin-left: 20px;
}
a{
color: #006699;
}
a:hover{
color: #003399;
}
.epkleft{
clear:both;
float: left;
margin-right: 20px;
}
.epkright{
float: left;

}
.images{
clear: both;
position: relative;
}
.images div{
float: left;
margin-right: 20px;

}
.images img{
height: 150px;
}
.images p{
text-align: center;
}


#mainphoto{
position:relative;
left: 200px;
top: 30px;

}
#mainphoto img{
width: 300px;
}

#thumbnails{
	position:absolute;
	left: 20px;
	top: 75px;
	width: 40px;
	height: 200px;
}
#thumbnails img{
	margin-bottom: 10px;
}

.musiccols{
	min-height: 300px;
}
.leftcol{
display: block;
float: left;
}
.leftcol img{
width: 200px;

}
.centercol{
float:left;
width: 150px;
margin-left: 10px;
}
.rightcol{
float: right;
width: 325px;
}
.songdemolist{
	font-size: 10px;
	line-height:18px;
	cursor:pointer;
	margin-top: 0px;
}
.leftcol p, #albums p, #products p{
margin-top: 0px;
margin-bottom: 0px;
}
#albums, #products{
	clear:both;
	margin-bottom: 60px;
}
.albumlisting{
clear:both;
margin-bottom: 50px;
}
.storealbumimage{
width: 180px;
height: 180px;
}
.albumtitle{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	line-height:24px;
}
.albumpubdate{
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size:12px;
	line-height:12px;
	color:#009900;
}
.buynow{
background-color:#ee7f22;
line-height:24px;
width: 90px;
text-align:center;
color:#FFFFFF;
font-weight:bold;
display: block;
height: 24px;
cursor:pointer;
float:left;
}
.addtocart{
background-color:#009900;
line-height:24px;
width: 90px;
text-align:center;
color:#FFFFFF;
font-weight:bold;
display: block;
height: 24px;
cursor:pointer;
float:left;
}