/* CSS Document */
html { background: url(images/wallpaper.gif); } 
body {background: url(images/wallpaper.gif); overflow: auto; width: 100%; margin:0; border:0; padding:0; 
  	font-family: Helvetica, sans-serif; font-size:86%; font-weight: bold; }
* html body {font-size: 90%;}

img {border: 0;}
a img {border: 0;}

#wrap {width: 1000px; height: 800px; background: url(images/static.png) no-repeat; z-index: 1;}
* html #wrap  {background: url(images/static-ie.gif) no-repeat;}
/*
* + html #wrap {width: 100%; height: 800px; background: url(images/static.gif) bottom right no-repeat; z-index: 1;}
*/
#tv {width:1008px; height: 100%; background: url(images/tv_1.png) top left no-repeat;}

#screen {position: absolute; top:0px; left:290px; width:800px; height: 565px; background: url(images/screen.png) no-repeat; z-index: 50;}

* html #screen {position: absolute; top:0px; left:290px; width:721px; height: 565px; background: url(images/screen.gif) no-repeat; z-index: 50;}


#homescreen {width: 650px; height: 488px; background: url(images/ice_static.jpg) no-repeat;}

#static {position:absolute; top: 30px; left: 310px; width: 700px; height: 519px; z-index:1;}

* html #static {position:absolute; top: 30px; left: 304px; width: 700px; height: 519px; background: url(images/static.gif) no-repeat; z-index:1;}
* html #static {position:absolute; top: 30px; left: 304px; width: 700px; height: 519px; background: url(images/static.gif) no-repeat; z-index:1;}

#speaker { float:left; margin: 33px 0 0 57px;
  overflow:hidden; }
* html #speaker { float:left; margin: 32px 0 0 28px; }

#thumbs {width: 204px; height: 144px; background: #000; overflow: hidden;}

a.pic, a.pic:visited {display:block; color:#000; text-decoration:none; border:1px solid #000; width:38px; height:38px; float:left; margin:0; padding:0; }
* + html a.pic, a.pic:visited {border:1px solid #000; margin: 1px; padding:0; float: left; } 


a.pic span {display:block; position:absolute; left:56px; top:-1px; width:1px; height:1px; overflow:hidden; background:#333; z-index:2; }
a.pic:hover {white-space:normal; border: 1px solid #000; display: block;}
html>body a.pic:hover { background: #333; border: 1px solid #000;  } /* DIFF */
a.pic:hover img { margin-left: 0px; border: 1px solid #000;  z-index:2; }
a.pic:active img, a.pic:focus img { margin-left: 0; border: 1px solid #000; }

a.pic:hover span {display:block; position:absolute; width:650px; height:488px; top: 38px; left: 320px; z-index:2; margin: 0; border: 1px solid #000; }
* html a.pic:hover span {left: 320px; border: 1px solid #000;  }
a.pic:active { border: 1px solid #000; }
a.pic:active span, a.pic:focus span {display:block; position:absolute; width:650px; height:488px; top: -1000px; left: -2000px; z-index:-1; margin: 0; border:0; }
* html a.pic:active span { display: block; position:absolute; width:650px; height:488px; top: 36px; left: 310px; margin: 0; z-index:4; margin-left: 3px; border: 3px solid #666; }
* html a.pic:focus span { display: block; position:absolute; width:533px; height:400px; top: 84px; left: 305px; margin: 0; z-index:10; margin-left: 3px; border: 3px solid #666; }

/* IE7 only - filter in head  */
* + html a.pic span {display:block; position:absolute; width:650px; height:488px; top: 36px; left:-9999px; z-index:2;}
* + html a.pic span img {border:0;}
* + html a.pic:hover {white-space:normal;border: 1px solid #f00;}
* + html a.pic:hover img {border: 1px solid #f00; z-index:4;}
* + html a.pic:active img, a.pic:focus img {border: 1px solid #f00; z-index:6;}
* + html a.pic:hover span {left: 310px; z-index:10;}
* + html a.pic:hover span img {border: 0}
* + html a.pic:active span, a.pic:focus span {left:310px; z-index:10;}




#menu { position:absolute; top:189px; left:54px; width:212px; height: 188px; 
  overflow:hidden; z-index: 5; }
* html #menu { position:absolute; top:189px; left:53px; width:212px; height: 188px; 
  overflow:hidden; z-index: 5; }

#menu ul {  margin: 0; padding: 0; list-style-type:none; 
  z-index: 4; color: #c0c0c0; line-height: 26px; text-align: left; }
* html #menu ul { line-height: 24px; }

#menu ul li {display:block; width: 272px; height: 24px; color:#0a0a0a; padding: 0 0 3px 0; }

#menu ul li a:link, #menu ul li a:visited{ display:block; width: 240px;  height: 26px; margin-bottom:1px; color: #d0d0d0; text-decoration: none; background: url(images/ch_off.png) no-repeat; padding-left: 50px; }
* html #menu ul li a:link, #menu ul li a:visited{ display:block; width: 240px;  height: 26px; margin-bottom:-2px; background: url(images/ch_off.gif) no-repeat; padding-left: 50px; }

#menu ul li a:hover, #menu ul li a:active { width: 240px;  height: 22px; color: #c0c0c0; text-decoration: none; background: url(images/ch_hov.png) no-repeat;margin-bottom:1px;  padding-left: 50px; } 
* html #menu ul li a:hover, #menu ul li a:active{ display:block; width: 240px;  height: 26px; margin-bottom:-2px; background: url(images/ch_hov.gif) no-repeat; padding-left: 50px; }



#knob { position: absolute; top: 415px; left: 98px; width: 200px; height: 60px; z-index: 3; background: transparent; }
* html #knob { top: 417px; }
#knob a:link, #knob a:visited{ color: #666; text-decoration: none;}
#knob a:hover, #knob a:active { color: #e0e0e0; text-decoration: none;} 

#sliders {position: absolute; top: 502px; left: 30px; z-index: 3; width:220px; }
#sliders ul {list-style: none; margin: 0; padding: 0; border: none; width: 100%; }
#sliders ul li {display: inline;  font-size: 13px; padding-left: 30px; }
#sliders ul li a { color: #c0c0c0; text-decoration: none;  }
#sliders ul li a:hover { color: #fff; }

* html #sliders {position: absolute; top: 502px; left: 30px;}
* html #sliders ul li {display: inline; width: 60px;  font-size: 13px; padding-left: 30px; }
/*
* + html #sliders {top: 512px; left: 60px; font-size: 12px; }

* html #sliders a:link, #sliders a:visited{ display:inline; width: 62px; }
* + html #sliders a:link, #sliders a:visited{ display:inline; font-size: 14px; padding: 20px 20px 4px 0; }

 */


#text {position:absolute; top: 36px; left: 304px; width: 580px; height: 460px;
		padding: 30px 60px; font-size: 0.9em; line-height: 1.3em; color: #000; z-index:99; }
* html #text {position:absolute; top: 56px; left: 324px; width: 550px; font-size: 0.9em;}


#contact a:link, #contact a:visited {color: #000; text-decoration:none; }
#contact a:hover, #contact a:active {color: #99C; text-decoration:none; }

#holder {position:relative; margin-bottom:10px; z-index:1; padding: 0px; background: #ffc;}

#bg { position:absolute; width: 500px; height:70px; top: 12%; left: 25%; background: #ffc; padding: 0 ; border: 0; }


#contact { width: 500px; height: 500px; color: #000; 
font-weight: bold; text-align: left; }

.req {color: #C00; font-size: 1.2em; margin: 0 12px 0 4px;}

.cl { clear: both;}