/** 
 * Style rules for Demo page
 */
* {
  margin:0;
  padding:0;
  font:normal 11px Verdana, Geneva, sans-serif;
  color: #8f6f6e;
}
a {
  color: #bbb;
  font-weight:bold;
  text-decoration:none;
}
a:hover {
  text-decoration: underline ;
}

#pageContainer {
  margin:0 0;
  width:1000px;
}

.slide h2, .slide p {
  margin:15px;
}
.slide h2 {
  font:italic 24px Georgia, "Times New Roman", Times, serif;
  color: white;
  letter-spacing:1px;
}
.slide img {
  float:left;
  margin:0 25px 0 55px;
}
.iweb .slide img {
  float:left;
  margin:0 25px 0 80px;
}
.ihome #content {
width: 1000px;
height: 520px;
background-image: url(../_images/home_title.jpg);
background-repeat: no-repeat;
background-position: 0px 0px;
}

/** 
 * Slideshow style rules.
 */
#slideshow {
	margin:0 auto;
	width:1000px;
	height:520px;
	position:relative;
}
#slideshow #slidesContainer {
  margin: 0 0;
  width: 1000px;
  height: 520px;
  overflow: auto; /* allow scrollbar */
  position: relative;
/*  background: aqua;*/
}
#slideshow #slidesContainer .slide {
  margin: 0 0;
  width: 980px; /* reduce by 20 pixels of #slidesContainer to avoid horizontal scroll */
  height: 520px;
}

/** 
 * Slideshow controls style rules.
 */
.control {
  display:block;
  width:51px;
  height:92px;
  text-indent:-10000px;
  position:absolute;
  cursor: pointer;
}
#leftControl {
  top:220px;
  left:0px;
  background:transparent url(../_images/control_left.jpg) no-repeat 0 0;
  z-index: 10;
}
#rightControl {
  top:220px;
  right:0px;
  background:transparent url(../_images/control_right.jpg) no-repeat 0 0;
  z-index: 10;
}

/** 
 * Television style rules.
 */
 #maincontent{
 	position: relative;
 }
#screen{
	position: relative;
	top: 68px;
	left: 340px;
 	width: 320px;
 	height: 240px;
/* 	margin: 100px auto 0 auto;*/
 	}
#thcontainer{
	position: relative;
	top: 110px;
	left: 0px;
 	width: 710px;
 	height: 81px;
 	margin: 50px auto 0 auto;
	}
.itv #thcontainer{
	position: relative;
	top: 165px;
	left: 0px;
	width: 710px;
	height: 81px;
}
#thumbs li{
	display: block;
	float: left;
	margin-right: 10px;
	}
.spot1 a{
	display: block;
	width: 108px;
	height: 81px;
	background-image: url(../_images/_thumbs/tv_thumbs/spot1_th.png);
	background-repeat: no-repeat;
	}
.spot2 a{
	display: block;
	width: 108px;
	height: 81px;
	background-image: url(../_images/_thumbs/tv_thumbs/spot2_th.png);
	background-repeat: no-repeat;
	}
.spot3 a{
	display: block;
	width: 108px;
	height: 81px;
	background-image: url(../_images/_thumbs/tv_thumbs/spot3_th.png);
	background-repeat: no-repeat;
	}
.spot4 a{
	display: block;
	width: 108px;
	height: 81px;
	background-image: url(../_images/_thumbs/tv_thumbs/spot4_th.png);
	background-repeat: no-repeat;
	}
.spot5 a{
	display: block;
	width: 108px;
	height: 81px;
	background-image: url(../_images/_thumbs/tv_thumbs/spot5_th.png);
	background-repeat: no-repeat;
	}
.spot6 a{
	display: block;
	width: 108px;
	height: 81px;
	background-image: url(../_images/_thumbs/tv_thumbs/spot6_th.png);
	background-repeat: no-repeat;
	}				
.spot1 a:hover{
	background-image: url(../_images/_thumbs/tv_thumbs/spot1_thl.jpg);
	}
.spot2 a:hover{
	background-image: url(../_images/_thumbs/tv_thumbs/spot2_thl.jpg);
	}
.spot3 a:hover{
	background-image: url(../_images/_thumbs/tv_thumbs/spot3_thl.jpg);
	}
.spot4 a:hover{
	background-image: url(../_images/_thumbs/tv_thumbs/spot4_thl.jpg);
	}
.spot5 a:hover{
	background-image: url(../_images/_thumbs/tv_thumbs/spot5_thl.jpg);
	}
.spot6 a:hover{
	background-image: url(../_images/_thumbs/tv_thumbs/spot6_thl.jpg);
	}

body.spots, body.itv{
	background-image: url(../_images/main_bg_tv.jpg);
	background-repeat: no-repeat;
	background-position: 0px -9px;
}
body.itv #screen{
/*position: absolute;*/
top: 68px;
left: 256px;
width: 403px;
height: 184px;
background-image: url(../_images/wv_title.png);
}