* { margin:0; padding:0; }
body {
	background-color: #f5f5f5;
	font-family: arial;
	font-size: 10px;
	color: #000;
}

#wrap {
	width: 730px;
	background-color: #f5f5f5;
	margin: 0 auto;
}

/***** header *****/
#header {
	width: 730px;
	height: 88px;
	background: url(images/logo.png) no-repeat 6px 17px;
}


/***** menu *****/
#menu {
	width: 726x;
	height: 45px;
	background: url(images/menu.png) no-repeat;
	margin: 0 2px;
}
#menu a {
	display: block;
	float: right;
	width: 63px;
	height: 19px;
	line-height: 17px;
	text-align: center;
	color: #000;
	font-family: verdana;
	font-weight: bold;
	text-decoration: none;
	background: url(images/menu-contact.png) no-repeat;
	margin: 13px 10px 0 0;
}


/***** content container *****/
#container {
	width: 730px;
	background: url(images/content-middle.png) repeat-y;
	margin: 13px 0 0 0;
}
#container .container-top {
	width: 730px;
	height: 7px;
	background: url(images/content-top.png) no-repeat;
}
#container .container-bottom {
	clear: both;
	width: 730px;
	height: 6px;
	background: url(images/content-bottom.png) no-repeat;
}


/***** content *****/
#content {
	width: 722px;
	background: url(images/content-right-bottom.png) no-repeat 534px bottom;
	padding: 0 0 10px 8px;
	margin: 0 0 3px 0;
}

/* video player */
.player {
	float: left;
	width: 424px;
	height: 344px;
}

/* songs */
.songs {
	float: left;
	width: 282px;
	height: 344px;
	font-family: verdana;
	margin: 0 0 0 7px;
}
.song {
	width: 282px;
	height: 82px;
	background: url(images/block-middle.png) repeat-y;
	margin: 0 0 5px 0;
}
.song .top {
	width: 282px;
	height: 4px;
	background: url(images/block-top.png) no-repeat;
}
.song .bottom {
	width: 282px;
	height: 5px;
	background: url(images/block-bottom.png) no-repeat;
	margin: 11px 0 0 0;
}
.song .icon {
	position: absolute;
	width: 40px;
	height: 40px;
	background: url(images/block-icon.png) no-repeat;
	margin: 0 0 0 2px;
}
.song img { float: right; margin: 9px; }
.song h1 { font-size: 10px; font-weight: bold; color: #fff; text-transform: uppercase; margin: 6px 0 0 53px; }
.song h2 { font-size: 10px; font-weight: normal; color: #d9ff7a; text-transform: uppercase; margin: 0 0 0 57px; }
.song h3 { font-size: 10px; font-weight: bold; color: #1b7606; margin: 20px 0 0 56px; }
.song h3 a { color: #5d5d5d; text-decoration: none; }

.song.clicked { background-image: url(images/block-active-middle.png); }
.song.clicked .top { background-image: url(images/block-active-top.png); }
.song.clicked .bottom { background-image: url(images/block-active-bottom.png); }
.song.clicked .icon { background-image: url(images/block-active-icon.png); }
.song.clicked h1 { color: #686868; }
.song.clicked h2 { color: #79a803; }

/* titles, text */
#content h1.title img {
	margin: 6px 0 0 0;
}
#content p {
	width: 415px;
	color: #2e2d2d;
	margin: 0 0 10px 9px;
}
a {
	color:#808080;
	text-decoration:none;
}
a:hover {
	text-decoration:none;
}

/***** footer *****/
#footer {
	width: 730px;
	text-align: right;
	color: #515151;
	font-size: 9px;
	margin: 2px 0 0 0;
}