img.floatleft {
	padding-right: 20px;
	padding-bottom: 1px;	
}

img.floatright {
	padding-left: 20px;
	padding-bottom: 1px;	
}

div.center {
	text-align: center;	
}


div.mp32 a { 
	display:block;
	background-image:url(../img/ghostplayer_32.jpg);
	width:740px; height:450px; 
}
div.mp32 a:hover { 
	background-image:url(../img/ghostplayer_32_players.jpg); 
}

div.mp16 a { 
	display:block;
	background-image:url(../img/ghostplayer_16.jpg);
	width:740px; height:450px; 
}
div.mp16 a:hover { 
	background-image:url(../img/ghostplayer_16_players.jpg); 
}

div.mp8 a { 
	display:block;
	background-image:url(../img/ghostplayer_8.jpg);
	width:740px; height:450px; 
}
div.mp8 a:hover { 
	background-image:url(../img/ghostplayer_8_players.jpg); 
}

/*************** START BUTTONGROUP ELEMENTS ***************/
div.button {
	height: 60px;
	overflow: hidden;
}
div.buttongroup {
	text-align: center;
	height: 120px;
	padding-top: 60px;
}

div.buttongroup a {
	padding: 60px 0px 120px 117px;
	text-decoration: none;
	background-repeat: no-repeat;
}

div.buttongroup a:hover {
	background-position: 0px -60px;
}
/*************** END BUTTONGROUP ELEMENTS ***************/

/*************** START BUTTONGROUP ELEMENTS 2 ***************/
div.buttonfront {
	height: 37px;
	overflow: hidden;
}
div.buttongroupfront {
	text-align: center;
	height: 74px;
	padding-top: 37px;
}

div.buttongroupfront a {
	padding: 37px 0px 74px 124px;
	text-decoration: none;
	background-repeat: no-repeat;
}

div.buttongroupfront a:hover {
	background-position: 0px -37px;
}
/*************** END BUTTONGROUP ELEMENTS 2 ***************/

/*************** START MEDIA ELEMENTS ***************/
div.mediabutton {
	height: 31px;
	width: 233px;
	overflow: hidden;
	position: relative;
}
div.mediabuttongroup {
	text-align: center;
	height: 62px;
	padding-top: 31px;
}
div.mediabuttongroup a {
	padding: 31px 0px 62px 233px;
	text-decoration: none;
	background-repeat: no-repeat;	
}
div.mediabuttongroup a:hover {
	background-position: 0px -31px;
}
div.mediabox {
	border: 1px solid #CACACA;
	background-color: #F6F6F6;
	text-align: left;
	padding: 4px;
	width: 223px;
}
/*************** END MEDIA ELEMENTS ***************/

/*************** START MEDIA ELEMENTS ***************/
.media_columns { 
list-style: none; 
width: 100%; 
  position: relative;
}

.media_columns li { 
float: left; 
height: auto; 
text-align: center;
} 

div.media_padding {
	padding: 7px;
	}

div.mediabutton2 {
	height: 30px;
	width: 232px;
	overflow: hidden;
	line-height: 1.4;
}
div.mediabuttongroup2 {
	text-align: center;
	height: 60px;
	padding-top: 30px;
}
div.mediabuttongroup2 a {
	padding: 30px 0px 60px 232px;
	text-decoration: none;
	background-repeat: no-repeat;	
}
div.mediabuttongroup2 a:hover {
	background-position: 0px -30px;
}
div.mediabox2 {
	border: 1px solid #CACACA;
	background-color: #F6F6F6;
	text-align: left;
	padding: 4px;
	width: 222px;
	height: 80px;
}
div#media_rel {
 position:relative;
}
div#media_link_more {
 position:absolute;
 bottom:6px;
 right:6px;
}
/*************** END MEDIA ELEMENTS ***************/

/*************** START NEWS ELEMENTS ***************/
.news {
	width: 100%;
}

.news .header {
	background-image: url(../img/bg_headlines.jpg);
	background-repeat: repeat-x;
	height: 20px;
	padding: 2px;
}

/* should be equal to h2 */
.news .topic {
	font-family: Verdana; 
  	color: #595959;
  	margin: 0 0 0.25em 0;
  	font-weight: bold;
	color: #AC1F23;
	float:left;
}

.news .topic a {
	color: #AC1F23;
	text-decoration: none;
}

.news .topic a:hover {
	color: #6F0A0D;
	text-decoration: none;
} 

/* should be equal to h3 */
.news .date {
	font-family: Verdana; 
  	color: #595959;
  	margin: 0 0 0.25em 0;
  	font-style: italic;
	font-size: 83.33%;
	float:right;
}

.news .text {
	padding-top: 5px;
	padding-bottom: 20px;
}
/*************** END NEWS ELEMENTS ***************/

/*************** START ANNOUNCEMENT ELEMENTS ***************/
.announce {
	width: 100%;
}

.announce .header {
	background-image: url(../img/bg_headline_announcement.jpg);
	background-repeat: repeat-x;
	height: 20px;

}

/* should be equal to h2 */
.announce .topic {
	font-family: Verdana; 
  	color: #FFFFFF;
	margin: 2px 2px 2px 4px;
  	font-weight: bold;
}

.announce .topic a {
	color: #FFFFFF;
	text-decoration: none;
}

.announce .topic a:hover {
	color: #FFFFFF;
	text-decoration: none;
} 

.announce .frame {
	border: 1px solid #6a6a6a;
	background-color: #f3f3f3;
}

.announce .text {
	margin: 4px;
}
/*************** END ANNOUNCEMENT ELEMENTS ***************/

/*************** START ANNOUNCEMENT ELEMENTS ***************/
.benefits {
	width: 200px;
}

.benefits .header {
	background-image: url(../img/bg_headline_announcement.jpg);
	background-repeat: repeat-x;
	height: 20px;

}

/* should be equal to h2 */
.benefits .topic {
	font-family: Verdana; 
  	color: #FFFFFF;
	margin: 2px 2px 2px 4px;
  	font-weight: bold;
}

.benefits .topic a {
	color: #FFFFFF;
	text-decoration: none;
}

.benefits .topic a:hover {
	color: #FFFFFF;
	text-decoration: none;
} 

.benefits .frame {
	border: 1px solid #6a6a6a;
	background-color: #f3f3f3;
}

.benefits .text {
	margin: 4px;
}
/*************** END ANNOUNCEMENT ELEMENTS ***************/

.floatclear {
	clear:both;
}