/*
	Remote Control
*/
 
.remotebutton img{padding:0px;margin:0px;padding-top:2px;}
#volup, #voldown, .remotebutton a{cursor:pointer}
#red{;height:11px;width:1px;float:left;padding: 4px 0px}
#vol{padding:0px;height:60px;float:right;border-radius: 10%;width:44px}
#vol span{display:block;margin:0px;height:10px;padding:0px;width:100%}

#currentChannel{font: normal bold 1em Arial, sans-serif;}



#channelbuttons {
  margin:0px;
padding:0px;
  list-style: none;
  text-align: center;
}


.remotebutton a:hover, #channelbuttons a:hover{
  
  color: #555;
  background: #f5f5f5;
font-weight:bold;
}
#channelbuttons li {
  position: relative;
  display: inline-block;
  margin-right: -4px;
}
.remotebutton{
	border-radius: 50%;
	box-shadow: 0px 3px 8px #666, inset 0px 2px 3px #fff;
	display:block;
	width: 48px;
	  height: 41px;
	text-align: center;
	background-color: #f7f7f7;
	  background-image: -webkit-gradient(linear, left top, left bottom, from(#f7f7f7), to(#e7e7e7));
	  background-image: -webkit-linear-gradient(top, #f7f7f7, #e7e7e7); 
	  background-image: -moz-linear-gradient(top, #f7f7f7, #e7e7e7); 
	  background-image: -ms-linear-gradient(top, #f7f7f7, #e7e7e7); 
	  background-image: -o-linear-gradient(top, #f7f7f7, #e7e7e7); 
	  color: #a7a7a7;
	padding-top:7px;
	float:left;
	margin:2px 8px;
}



   	 #channelbuttons a {
	text-decoration: none;
	  display: block;
	  background-color: #f7f7f7;
	  background-image: -webkit-gradient(linear, left top, left bottom, from(#f7f7f7), to(#e7e7e7));
	  background-image: -webkit-linear-gradient(top, #f7f7f7, #e7e7e7); 
	  background-image: -moz-linear-gradient(top, #f7f7f7, #e7e7e7); 
	  background-image: -ms-linear-gradient(top, #f7f7f7, #e7e7e7); 
	  background-image: -o-linear-gradient(top, #f7f7f7, #e7e7e7); 
	  color: #a7a7a7;
	  margin: 6px;
	  width: 44px;
	  height: 44px;
	  position: relative;
	  text-align: center;
	  line-height: 44px;
	  border-radius: 50%;
	  box-shadow: 0px 3px 8px #aaa, inset 0px 2px 3px #fff;
	}
	
	#channelbuttons li a.prisoner{
	background:url('http://johnjohnston.info/ds106giftv/prisoner-button.gif');
	background-position: center center;

	} 
	
	#case{width:200px;}
	
	/*
		END Remote
	*/


body{margin:0px;padding:0px;}

#wrapper,#container {
	position: relative;
	width: 980px;
	margin: 0 auto;
}

	.gif-container{width:100%;height:100%;overflow:hidden;display:none}
	.gif-container img{width:100%;height:100%}
	#ds106{position: fixed;top:10px;right:10px;zindex:4000;width:200px;}
	
	#ds106 p{background:#fff;opacity: 0.5;
	-moz-opacity: 0.5;
	filter:alpha(opacity=50);}
	
	
 #tv {
	margin: 30px auto 0 50px;
	z-index: 2;
	position: absolute;
	left: 17px;
	top: -8px;
	width: 675px;
	height: 515px;
}
#gif {
margin: 70px auto 0 80px;
z-index: 0;
position: absolute;
width: 456px;
height: 344px;
overflow: hidden;
left: 18px;
top: -16px;
	}

#black {
	margin: 85px auto 0 70px;
	z-index: -2;
	position: absolute;
	top: -24px;
	left: 28px;
	width: 534px;
	height: 384px;
}

#logo {
	margin: 375px 0 0 800px;
	z-index: 1;
	position: absolute;
	left: -34px;
	top: -23px;
	width: 155px;
	height: 154px;
}
#footer {
	margin: 623px 0 0 60px;
	z-index: 6;
	position: absolute;
	top: 36px;
	left: -25px;
	width: 896px;
	height: 96px;
}

#remote {
	margin: 80px 0 0 816px;
	z-index: 4;
	position: absolute;
	left: -35px;
	top: -24px;
	width: 157px;
	height: 329px;
}
body {
}
#apDiv1 {
	position:absolute;
	left:60px;
	top:595px;
	width:733px;
	height:24px;
	z-index:7;
}
#apDiv2 {
	position:absolute;
	left:59px;
	top:8px;
	width:734px;
	height:25px;
	z-index:8;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
}
#apDiv3 {
	position:absolute;
	left:330px;
	top:265px;
	width:56px;
	height:55px;
	z-index:-1;
}
#apDiv4 {
	position:absolute;
	left:38px;
	top:565px;
	width:739px;
	height:106px;
	z-index:8;
}

#apDiv5 {
	position:absolute;
	left:124px;
	top:525px;
	width:676px;
	height:17px;
	z-index:21;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666;
}