/* End of demo CSS */
	
	#SlideWork {
		width: 810px;
		height: 476px;
		position: absolute;
		top: 15%;
		right: 1px;
	}
	
	
	#SlideWork_panel_one{	
		height: 476px;
		
	}
	
	#SlideWork_thumbs{	/* Width of divs for thumbnails */
		width: 349px;
		height: 476px;
	}
	
	
	#SlideWork_arrows{
		position: absolute;
		top: 490px;
		right: 100px;
		width: 170px;
		background: url(../images/more-projects.png) no-repeat;
		
	}
	
	
	#SlideWork_arrows .rightArrow{
		margin-left: 5px;
	}
	
	#SlideWork_arrows .leftArrow{
	margin-left: 110px;
		
	}

	
	#SlideWork_panel_one{		
		float:left;	
	}
	#SlideWork_thumbs{
		overflow:hidden;	/* Don't change this */
		height:476px;	/* Height of thumbnail div */
		position:relative;	/* Never change this */
		float:left;

	}
	#SlideWork_largeImage{	/* Large image div */
		width:400px;	/* Width of large image div */
		height:476px;	/* Height of large image div */
		float:left;
		padding: 5px 10px 0 10px;	/* "Air" */
		background: url(../images/background/content/box-workMain.png) no-repeat;
	}
	
	.activeImage{	/* Active thumbnail */
		border:0;	/* Green border around active thumbnail */
		padding:0;
	
	}
	
	
	.strip_of_thumbnails{	/* A vertical strip of thumbnails */
		width: 450px;	/* Width of strip */
			/* "Air" inside filmstrip div */
		position:absolute;
	}
	
	.ThumbsBottom {
		width:450px;
		height:101px;
		text-align:center;
		float: left;
		position: absolute;
		top: 365px;
		padding-left: 4px;
	}
	.ThumbsBottom a {
		padding: 0;
		margin: 0;
	}
	
	.ThumbsBottom div{
		width:82px;
		height:101px;
		text-align:center;
		float: left;
		
		margin: 0;
		background: url(../images/background/content/box-workSmall.png) no-repeat;
	}
	.ThumbsBottom img{
		border:0px;
		padding: 0;
		margin: 4px 0 0 -4px;
	
	}
	
	.leftArrow{
		float:left;
	}
	.rightArrow{
		float:right;
	}
	#SlideWork_thumbs_inner{
		position:relative;	/* Never change this */
		width:1000px;
	}	
	
#WorkKey {
	width: 349px;
	height: 254px;	
	background: url(../images/background/content/box-work-key.png) no-repeat;
}	

#WorkKey  ul {height:11px; width: 325px; position:absolute; left: 25px; top: 60px; list-style: none; float: left;}
#WorkKey  ul li{float: left; }
#WorkKey  ul li span { background:url(../images/content/channels-icon.png) no-repeat 0 0; display:block;height:30px;text-indent:-9009px;outline: none; margin: 0 20px 0 0; }


#WorkKey ul li#nav_1 span{
  width: 32px;
  background-position: 0 0;
}

#WorkKey ul li.here#nav_1 span{
  width: 32px;
  background-position: 0 -30px;
}

#WorkKey ul li#nav_2 span{
  width: 32px;
  background-position: -50px 0;
}

#WorkKey ul li.here#nav_2 span{
  width: 32px;
  background-position: -50px -30px;
}

#WorkKey ul li#nav_3 span{
  width: 32px;
  background-position: -100px 0;
}

#WorkKey ul li.here#nav_3 span{
  width: 32px;
  background-position: -100px -30px;
}

#WorkKey ul li#nav_4 span{
  width: 32px;
  background-position: -150px 0;
}

#WorkKey ul li.here#nav_4 span{
  width: 32px;
  background-position: -150px -30px;
}

#WorkKey ul li#nav_5 span{
  width: 32px;
  background-position: -200px 0;
}

#WorkKey ul li.here#nav_5 span{
  width: 32px;
  background-position: -200px -30px;
}

#WorkKey ul li#nav_6 span{
  width: 32px;
  background-position: -250px 0;
}

#WorkKey ul li.here#nav_6 span{
  width: 32px;
  background-position: -250px -30px;
}


.MovieMadness { text-indent: -9000px; margin: 0; padding: 0; background: url(../images/background/content/work/movies-title.png) no-repeat;  position: relative; top: 48px; height: 12px; width: 280px;}
.Bluejuice { text-indent: -9000px; margin: 0; padding: 0; background: url(../images/background/content/work/titles/bluejuice.png) no-repeat;  position: relative; top: 48px; height: 12px; width: 280px;}
.Seduce { text-indent: -9000px; margin: 0; padding: 0; background: url(../images/background/content/work/titles/seduce.png) no-repeat;  position: relative; top: 48px; height: 12px; width: 280px;}
.Martini { text-indent: -9000px; margin: 0; padding: 0; background: url(../images/background/content/work/titles/martini.png) no-repeat;  position: relative; top: 48px; height: 12px; width: 280px;}
.MatchingJack { text-indent: -9000px; margin: 0; padding: 0; background: url(../images/background/content/work/titles/20thMatchingJack.png) no-repeat;  position: relative; top: 48px; height: 12px; width: 280px;}
.Taubmans { text-indent: -9000px; margin: 0; padding: 0; background: url(../images/background/content/work/titles/taubmans.png) no-repeat;  position: relative; top: 48px; height: 12px; width: 280px;}
.Motorola { text-indent: -9000px; margin: 0; padding: 0; background: url(../images/background/content/work/motorolo-title.png) no-repeat;  position: relative; top: 48px; height: 12px; width: 280px;}
.dewars { text-indent: -9000px; margin: 0; padding: 0; background: url(../images/background/content/work/bacardi.png) no-repeat;  position: relative; top: 48px; height: 12px; width: 280px;}
.Cherry { text-indent: -9000px; margin: 0; padding: 0; background: url(../images/background/content/work/cherrie-title.png) no-repeat;  position: relative; top: 48px; height: 12px; width: 280px;}
.BacardiLion { text-indent: -9000px; margin: 0; padding: 0; background: url(../images/background/content/work/bacardi-title.png) no-repeat;  position: relative; top: 48px; height: 12px; width: 280px;}
.dewars { text-indent: -9000px; margin: 0; padding: 0; background: url(../images/background/content/work/titles/bacardi.png) no-repeat;  position: relative; top: 48px; height: 12px; width: 280px;}


.text {display: none;width:300px; color: #FFF; top: 130px;}
#text0{display: block; }

.text { width: 280px!important; height: 100px; position: absolute; font-size: 11px; list-style: circle; }
.text ul  { width: 280px!important;  top: 0!important; list-style-image:url(../images/bullet.gif)!important;  margin-left: 6px; padding-left: 0; left: 0!important}
.text ul li { width: 280px!important;  top: 0!important; list-style-image:url(../images/bullet.gif)!important;  margin-left: 6px; padding-left: 0; left: 0!important}
.text ul li ul { margin-top: 20px; font-size: 11px; list-style-image:url(../images/bullet.gif)!important; margin-left: 12px; }