body {
	margin: 0;
	padding: 0;
	background-color: #5f5f5f;
	background-image: url(../images/background.jpg);
}


.header-bak{

	width: 100%;
	height: 62px;
	margin: 0;
	padding: 0;
	background: url(../images/header-background.jpg) repeat-x;

}

/* @group Containers */

#container1
{				 
	padding: 0 0 0 0;
	height: 100%;
	
}

#container2
{
	margin: 0 auto 0 auto;
	width: 790px;
	color: #444;
	overflow: hidden;
}

/* @end */


.header {
	
	position: absolute;
	top: 0;
}










.navbox {
	
	margin-top: 250px;
	/*border-top: 10px solid #FFFFFF;*/

	
}



.box-links {
	float: left;
	width:339px;
	height:488px;
	border-left: 6px solid #FFFFFF;
}

.box {
	border-bottom:solid;
	border-color: white;
	border-width: 2px;
}

.display {
	

	float: left;
	width: 435px;
	height: 488px;
	border-right: 2px solid #FFFFFF;	
	background: white url(../images/display-header-background.jpg) no-repeat;
	padding-left: 7px;
	text-align: justify;
}

.display h1 {
	
	margin: 0;

	padding-top: 12px;
	padding-bottom: 10px;
	padding-left: 13px;
	font: 20px Trebuchet MS, Helvetica, Arial, Verdana;
	color: #cb4508;
	
}


.footer {
	margin-top: 250px;
	margin-bottom: 50px;
	color: white;
	font: 12px Trebuchet MS, Helvetica, Arial, Verdana;
	text-align: center;
}

.footer li {
	
	display: inline;
	color: #a7a7a7;
}

.footer a {
	text-decoration: none;
	color: black;

}

.itunes {
	float: left;
	margin-top: -20px;
}

.base-links{
	float: right;
	margin-top: -12px;
	margin-right: 10px;
}

.clear {
  clear: both;        /* extend height of .main to longest column */
  height: 0px;
  overflow: hidden;   /* prevent IE expanding the container */
  margin: 0;          /* keep flush with surrounding blocks */
}

img {
	
	border:none;
	
}

p {
	
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin: 0;
	font: 12px Trebuchet MS, Helvetica, Arial, Verdana;
	color: #333333;
}

hr {
	border: none 0;
	border-top: 2px dotted #999;/*the border*/
	width:55%;
	height: 6px;/*whatever the total width of the border-top and border-bottom equal*/
	margin-top: 20px;
	margin-bottom: 10px;
	margin-left: 20px;
}

.journal-bak{
	margin-top: 19px;
	height: 227px;
	width: 440px;
	 background: url(images/journal_bak.jpg) 0 0 no-repeat;
}




/* ROLLOVER EFFECTS */
a.box-news {
	
	display:block;
	width: 339px;
	height: 121px;
    background: url(../images/box-latest-news.jpg) 0 0 no-repeat;
    text-decoration: none;
      }
           
a:hover.box-news {
	background-position: -339px 0;
      }


a.box-release {

	display:block;
	width: 339px;
	height: 121px;
	background: url(../images/box-albums.jpg) 0 0 no-repeat;
	text-decoration: none;
}

a:hover.box-release {
	background-position: -339px 0;
}

a.box-cd {
	
	display:block;
	width: 344px;
	height: 120px;
    background: url(../images/box-store.jpg) 0 0 no-repeat;
    text-decoration: none;
      }
           
a:hover.box-cd {
	background-position: -339px 0;
      }


a.box-cast {

	display:block;
	width: 339px;
	height: 121px;
	background: url(../images/box-cast.jpg) 0 0 no-repeat;
	text-decoration: none;
}

a:hover.box-cast {
	background-position: -339px 0;
}

/* END ROLLOVER EFFECTS */

.black-container{
	
position: absolute;
width: 750px;

}

.black-left {
	
	float:  left;
	width: 350px;
	font: 14px Trebuchet MS, Helvetica, Arial, Verdana;
	color: #cb4508;
}

.black-left li{
	
	display: block;
	list-style: none;
	text-decoration: none;
	
}

.black-right {
	
	float:  left;
	width: 400px;
	
}

.media-player{
	
	
	padding-left: 5px;
	padding-top: 10px;

}

.black-bar{
	
	position: absolute;
	left: 0;
	width: 100%;
	height: 218px;
	margin: 0;
	padding: 0;
	background: url(../images/mid-black-bar.jpg) repeat-x;
	margin-bottom: 230px;
	
}

.display-wide {
	
	width: 785px;
	border: 2px solid #FFFFFF;
	border-bottom: none;
	padding-bottom: 20px;
	background: white url(../images/globebak.jpg) 270px -50px no-repeat;
	
}

.display-wide h1 {
	
	margin: 0;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 15px;
	font: 21px Trebuchet MS, Helvetica, Arial, Verdana;
	color: #cb4508;
	
}

.display-wide h2 {
	
	margin: 0;
	padding-top: 30px;
	padding-bottom: 10px;
	padding-left: 15px;
	font: 18px Trebuchet MS, Helvetica, Arial, Verdana;
	color: #cb4508;

	
}

.display-wide h3 {
	
	margin: 0;
	padding-top: 20px;
	padding-bottom: 10px;
	padding-left: 15px;
	font: 16px Trebuchet MS, Helvetica, Arial, Verdana;
	color: #cb4508;

	
}

.display-wide a {
	
	text-decoration: none;
	color: #666666;
	
}

.display-wide p {
	
padding-right: 40px;
padding-left: 40px;
	
}

