@charset "utf-8";
/* CSS Document */

body {
	margin: 0 ;
	padding: 0;
	background: url(images/mainbg.gif) repeat-x #000;
	font: 11px Arial, Helvetica, sans-serif;
	color: #cccccc;
}

#panel td{
	border: 1px solid #4e4e4e
}

#content {
	padding: 15px;
	text-align: center;
	background: url(images/content_bg.gif) repeat-x #0f0f0f;
}

p {
	margin: 0 0 16px 0;
	padding: 0;
	line-height: 20px;
}

#footer {
	border-top: 5px solid #fff;
}

#footer td {
	padding: 5px 20px;
}

.menuHolder { position: absolute; bottom: 0; z-index: 100; margin: 0 0 0 100px; left: 0;}

#menu {
	margin: 0;
	padding: 0;
}

#menu li {
	margin: 0;
	padding: 0;
	float: left;
	height: 89px;
	display: inline;
	text-align: center;
}

#menu li a{
	height: 89px;
	display: block;
}

#menu li a span{
	position: absolute;
	left: -9999px
}

.menu01{
	width: 159px;
	background: url(images/menu.jpg) no-repeat 0 0;

}
.menu01:hover, .menu01 a:hover  {
	background: url(images/menu.jpg) no-repeat 0 -89px;
}
.menu02 {
	width: 158px;
	background: url(images/menu.jpg) no-repeat -159px 0;
}
.menu02:hover, .menu02 a:hover {
	background: url(images/menu.jpg) no-repeat -159px -89px;
}
.menu03 {
	width: 157px;
	background: url(images/menu.jpg) no-repeat -317px 0;
}
.menu03:hover, .menu03 a:hover {
	background: url(images/menu.jpg) no-repeat -317px -89px;
}
.menu04 {
	width: 159px;
	background: url(images/menu.jpg) no-repeat -474px 0;
}
.menu04:hover, .menu04 a:hover {
	background: url(images/menu.jpg) no-repeat -474px -89px;
}
.menu05 {
	width: 156px;
	background: url(images/menu.jpg) no-repeat -633px 0;
}
.menu05:hover, .menu05 a:hover {
	background: url(images/menu.jpg) no-repeat -633px -89px;
}
.menu06 {
	width: 161px;
	background: url(images/menu.jpg) no-repeat -789px 0;
}
.menu06:hover, .menu06 a:hover {
	background: url(images/menu.jpg) no-repeat -789px -89px;
}

.menu07 {
	width: 145px;
	background: url(images/menu.jpg) no-repeat -865px 0;
}

.menu07:hover, .menu07 a:hover {
	background: url(images/menu.jpg) no-repeat -865px -89px;
}

:focus {
	outline: none;
}

.whiteText {
	color: #fff;
}


/*{{{ player */

a.player {	
	display:block;
	width:500px;
	height:340px;
	background:/*#000*/ url(http://mediawestrealty.com/images/play_me_bg.jpg) no-repeat center top 0 0;
	text-align:center;
	color:#fff;
	text-decoration:none;
	cursor:pointer;
	/*background:-moz-linear-gradient(top, rgba(55, 102, 152, 0.9), rgba(6, 6, 6, 0.9));
	-moz-box-shadow:0 0 40px rgba(100, 118, 173, 0.5);*/
}

/*a.player:hover {
	background:-moz-linear-gradient(center top, rgba(73, 122, 173, 0.898), rgba(6, 6, 6, 0.898));	
}
*/

a.player.plain {
	background-position:-125px 0;
	padding:0px;
	margin-top:0px;
}

a.player.small {
	background:url(/img/player/splash_small.png) no-repeat;
	height:186px;
	padding:0pt 24px 45px;
	width:251px;
	float:left;
	margin-right:30px;
	
	/* 
		width:375px;
		height:232px; 
	*/
}

a.player.small.plain {
	background-position:-24px 0;
	padding:0px;		
}

/* play button */
a.player img {
	margin-top:125px;	
}

a.player.plain img {
	margin-top:113px;	
}

a.player.small img {
	margin-top:60px;		
}

a.player p {
	margin-bottom:-15px;
	padding-top:0px;
}


