/*
    anythingSlider v1.0
    
    By Chris Coyier: http://css-tricks.com
    with major improvements by Doug Neiner: http://pixelgraphics.us/
    based on work by Remy Sharp: http://jqueryfordesigners.com/
*/

#showcaseBox.anythingSlider                         { 
/*	height: 341px; 
	position:relative;
	width: 680px; 
	*background: url(../img/showcase_frame.jpg) no-repeat;	
	_background: none;
	*/
	}
.anythingSlider .showcaseWrapper                { 
	width: 680px; 
	overflow: visible; 
	height: 341px; 
	margin: 0 40px; 
	position: absolute; 
	height: 164px;
	width:565px;
	margin-top: 60px;
	background: url(../img/showcase_frame.jpg) no-repeat;	/* FF */
	*background: url(../img/showcase_frame.jpg) none;		/* IE6 & IE7 */
	*background: none;	
	_background: url(../img/showcase_frame.jpg) fixed;		/* IE6 */
	}
.anythingSlider  {
	*background: url(../img/showcase_frame.jpg) no-repeat 40px 60px;
	height: auto;
	*height:300px;
	_height: auto;
	} 
.anythingSlider .showcaseWrapper ul             { 
	width: 9999px; 
	list-style: none; 
	position: absolute; 
	top: 0; 
	left: 0; 
	margin: 0; 
	
	}
.anythingSlider ul li                   { 
	display: block; 
	float: left; 
	padding: 10px 20px; 
	height: 124px;
	width:525px;
	margin: 0; 
	display: none;
	}
.anythingSlider .arrow                  { 
	text-indent: -9999px; 
	width: 12px;
	height: 23px;
	display: block;
	margin-top: 128px;
	text-decoration: none;
	cursor: pointer;
	position: absolute; 
	top: 85px; 
	}


.anythingSlider .forward                { 
	/* background-position: 0 0; /*/
	margin-left: 613px; 
	background: url(../img/showcaseArr_right.gif);
	}
.anythingSlider .back                   { 
	/* background-position: -67px 0; */
	margin-left: 20px; 
	background: url(../img/showcaseArr_left.gif); 
	}


#thumbNav                               { 
	position: relative; 
	top: 223px; 
	float: right;
	margin-right: 354px !important;
	margin-right: 178px;
	}
#thumbNav a                             { 

	display: inline-block; 
	color: #e0e9ef;
	font-size: 16px;
	line-height: 10px;
	font-weight: bold;
	text-decoration: none;
	width: 16px;
	height: 12px;
	text-align: center;
	padding:11px;
	padding-top:9px;
	background: url(img/scNavi_separator.gif) right center no-repeat;
	cursor: pointer;

	background: url(../img/scNavi.gif) no-repeat;

	
	}
	
#thumbNav a:hover                       { 

	}
#thumbNav a.cur                         { 
	 background-position: 0px -32px;
	}

#start-stop                             { 
	
	width: 40px; 
	position: absolute; 
	margin-left: 45px; 
	margin-top: 224px; 
	
	
	color: #e0e9ef;
	font-size: 16px;
	line-height: 10px;
	font-weight: bold;
	text-decoration: none;
	
	height: 12px;
	text-align: center;
	padding:11px;
	padding-top:9px;
	cursor: pointer;
	display:none;
	}
#start-stop.playing                     {  }
#start-stop:hover                       { }

/*
  Prevents
*/
.anythingSlider .showcaseWrapper ul ul          { position: static; margin: 0; background: none; overflow: visible; width: auto; border: 0; }
.anythingSlider .showcaseWrapper ul ul li       { float: none; height: auto; width: auto; background: none; }








div.showcaseNavi {
width: 12px;
height: 23px;
display: block;
float: left;
margin-top: 128px;
margin-left: 11px;
margin-right: 8px;
text-decoration: none;
cursor: pointer;
}
#showcaseNaviLeft { background: url(img/showcaseArr_left.gif); margin-left: 30px;}
#showcaseNaviRight { background: url(img/showcaseArr_right.gif); }
#showcaseMiddle {
margin-top: 60px;
float: left;
width:565px;
height: 144px;

}
#showcaseFrame {
background: url(img/showcase_frame.jpg) no-repeat;
overflow: hidden;
height: 164px;
}
#showcaseBox #showcaseFrame .frameHidden , #showcaseBox #showcaseFrame .frameActive  {
display: block;
position: absolute;
padding:20px;
height: 124px;
width:225px;
background: #ccc;
border: 1px solid #000;
}
#showcaseBox #showcaseFrame .frameHidden  {
margin-left: 300px;
}
#showcaseBox #showcaseFrame .frameActive  {
margin-left: 0px;
}

#showcaseBox .showcaseImage {
display: block;
width:90px;
height: 90px;
padding: 0px;
margin-top:0px;
background: none;
margin-right: 15px;
padding:15px;
float: left;
}
#showcaseNavi {
float: right;
margin-right: 0px;
padding-right: 0px;
}
#showcaseNavi li {
float: left;
list-style-type:none;
background: url(img/scNavi.gif) no-repeat;
padding: 0;
}
#showcaseNavi li.frameActive { background-position: 0px -32px;}
#showcaseNavi li.frameHidden { background-position: 0px 0px;}
#showcaseNavi li div {
color: #e0e9ef;
font-size: 16px;
line-height: 10px;
font-weight: bold;
text-decoration: none;
display: block;
width: 16px;
height: 12px;
text-align: center;
padding:11px;
padding-top:9px;
background: url(img/scNavi_separator.gif) right center no-repeat;
cursor: pointer;
}
#showcaseNavi li#scNavi-5 div {
background: none;
}
#showcaseBox div p {
color:#ebe3cf;
font-size: 14px;
}
#showcaseBox div h1 {
margin-bottom: 15px;
margin-top: 0px;
}
#showcaseBox div h1 a {
color: #fff;
font-size: 24px;
text-decoration: none;
font-weight: normal;
}

.anythingSlider .more-div {
	float: right;
}
.anythingSlider .more-div a.more-link  {
	clear:both;
	float:right;
	margin-left:5px;
	margin-top:0px;
	padding:3px 0 3px 15px;
	color: #EBE3CF;
}
.anythingSlider .showcaseWrapper ul li 
 { cursor: pointer; padding: 10px 20px; height: 144px;}