@charset "UTF-8";
/*----->Easy Slider<-----*/
.sc{
width:870px;
height:400px;
padding:0px;
margin:60px 0 40px 0;
position:relative;
border:2px solid #fff;

}
#slider {
	position:relative;
}
#slider ul, #slider li{
	margin:0;
	padding:0;
	list-style:none;
	
	}

#slider li{
	width:870px;
	height:400px;
	overflow:hidden;
	background: url(../images/thumbs/thumb-bg-lg.jpg) repeat-x center top #000;
	
	}
/*--------------------*/

/* slider control css */
#slidenav {
margin:0;
padding:0;
list-style:none;
position:absolute;
top:-29px;	
}

#slidenav li {
	display:inline;
	zoom: 1;
	
}
	
#slidenav li a {
	position:relative;
	top:0;
	line-height:25px;
	padding: 6px 8px 6px 8px;
	text-decoration: none;
	font-weight: bold;
	text-align:center;
	letter-spacing: 1px;
	color:#fff;
		}	
#slidenav li a:hover {
	color:#f46700;
}
.webb, .printb, .photob, .motionb {
	background: url(../images/thumbs/thumb-bg-lg.jpg) no-repeat center -220px #000;
}
#slidenav li .current {
	position:relative;
	top:-3px;
	color:#FFF;
	padding:12px 8px 11px 8px;
	border:2px solid #fff;
	border-bottom:0;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	-moz-border-radius: 5px 5px 0 0;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
}

#slidenav li #wl span {
	display:none;
}


.sc #wpl, .sc #ppl, .sc #mpl, .sc #phpl {
	text-align:right;
	font-family: 'Tinos', Georgia, "Times New Roman", Times, serif;
	font-size: 20px;
	height:45px;
	line-height:31px;
	letter-spacing: 2px;
	background-image: url(../images/h2-bgb.png);
	background-repeat: no-repeat;
	margin:0px;
	font-weight: bold;
	width:398px;
	position:absolute;
	z-index:5000;
	top:215px;
	left:-12px;
}
.sc a, .sc a:visited {
	color:#000;	
	padding-right:40px;
}
.sc a:hover{
color:#f46700;	
}

.sc #wpl {
	display:block;
}

.sc #ppl, .sc #phpl, .sc #mpl {
	display:none;
}
/*----->Slide Style<-----*/
#slider ul li h3 { /*hide content for accessibility*/
	margin:0;
    padding:0;
    overflow:hidden;
    text-indent:-8000px;
	line-height:0;
	}
#slider #webd h3 span, #slider #pd h3 span, #slider #ph h3 span, #slider #m h3 span{
	margin-top:0;
	display:block;
	width:350px;
	height:215px;
	background-position:0px 0px;
	position:absolute;
	top:5px;
	left:10px;
}
#slider #webd h3 span {
	background-image: url(../images/slide/wdh3.png);
	background-repeat: no-repeat;
}
#slider #pd h3 span {
	background-image: url(../images/slide/pdh3.png);
	background-repeat: no-repeat;
}
#slider #ph h3 span {
	background-image: url(../images/slide/phh3.png);
	background-repeat: no-repeat;
}
#slider #m h3 span {
	background-image: url(../images/slide/mh3.png);
	background-repeat: no-repeat;
}
#webd, #pd, #ph, #m {
	position:relative;
}
#webd .img, #pd .img, #ph .img, #m .img {
	display:block;
	width:480px;
	height:200px;
	background: 0 0;
	position:absolute;
	top:20px;
	right:10px;
}
#webd .img {
background: url(../images/slide/websample.png);
background-repeat:no-repeat;
}
#pd .img {
background: url(../images/slide/printsample.png);
background-repeat:no-repeat;
}
#ph .img {
background: url(../images/slide/photosample.png);
background-repeat:no-repeat;
}
#m .img {
background: url(../images/slide/motionsample.png);
background-repeat:no-repeat;
}
#slider p {
	color:#fff;
	display:block;
	position:absolute;
	bottom:0px;
	padding:10px 100px;
	font-size:13px;
	text-align:left;
}
