@charset "UTF-8";
/* CSS Document */

#featureRotatorBox {
	width:660px;
	position:relative;
}

ul.slideshow {
	list-style:none;
	width:668px;
	height:505px;
	overflow:hidden;
	position:relative;
	margin:0;
	padding:0 0 0 0;
	background:#000 url(/media/isc/ISCLogo.png) no-repeat center center;
}	

ul.slideshow li {
	position:absolute;
	left:0;
	right:0;
}

ul.slideshow li.show {
	/*z-index:500;*/	
}

ul img {
	border:none;	
}


#slideshow-caption {
	width:668px;
	height:80px;
	position:absolute;
	bottom:0;
	left:0;	
	color:#fff;
	background-color:rgba(0,0,0,0.7);
	z-index:500;
	/*border-top:solid 1px #FFF;*/
}

#slideshow-caption .slideshow-caption-container {
	padding:10px 20px;		
	z-index:10;
}

#slideshow-caption h3 {
	margin:0;
	padding:0;	
	/*font-size:14px;*/
}

#slideshow-caption p {
	margin:0;
	padding:0;
}

#slideshow-caption p a {
	background:url(/media/wgi/images/ReadMore_btn.png) bottom right no-repeat;
	width:106px;
	height:19px;
	padding:2px 0 0;
	margin:0 33px 0 0;
	display:inline-block;
	float:right;
	
	/*text-indent:-9999px;*/
	/* Instead of using the -9999px trick, use these 3 rules instead. */
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	/* Thanks to Scott Kellum - http://www.zeldman.com/2012/03/01/replacing-the-9999px-hack-new-image-replacement/ */
}

#slideshow-caption p a:hover {
	background-position:top;
	text-decoration:underline;
}

#thumbnailBar {
	width:100%;
	text-align:center;
	position:relative;
	padding:10px 0;
	top:-100px;
	z-index:501;
	background:none;
}

#thumbnailBox {
	width:auto;
	margin:auto;
}

#thumbnails {
	padding:0;
	margin:0;
}

#thumbnails li {
	list-style:none;
	display:inline-block;
	margin:0 10px;
}

#thumbnails .leftArrow a,
#thumbnails .rightArrow a{
	width:16px;
	height:16px;
	display:block;
	margin:20px 0;
}

#thumbnails .leftArrow a{
	background:url(/media/wgi/images/leftArrow.png) bottom left no-repeat;
}

#thumbnails .rightArrow a{
	background:url(/media/wgi/images/rightArrow.png) bottom left no-repeat;
}

#thumbnails .leftArrow a:hover,
#thumbnails .rightArrow a:hover {
	background-position:right;
}

#thumbnails li img,
#thumbnails li img:visited {
	border:1px solid #FFF;
	margin:1px;
}

#thumbnails li img:hover {
	border:2px solid #FFF;
	margin:0;
}

#thumbnails li.show img,
#thumbnails li.show img:hover {
	border:2px solid #FFF;
	margin:0;
	cursor:default;
}

#thumbnails li img.showd,
#thumbnails li img.showd:hover {
	border:1px solid #00DD11;
	margin:0;
}

/* fonts */

h3.fontface {
	font: 22px/22px /*'HelveticaNeueMediumCondBold', Arial, sans-serif*/ tahoma; 
	letter-spacing: 0;
	font-style:italic;
	font-weight:bold;
	text-transform:Capitalize;
}

#slideshow-caption p {
	font: 14px/18px /*'HelveticaNeueCondensedBold', Arial, sans-serif*/ tahoma;
	letter-spacing: 0;
	color:#777777;
}

@font-face {
    font-family: 'HelveticaNeueMediumCondBold';
    src: url('../../fonts/helveticaneue-heavycond-webfont.eot');
    src: url('../../fonts/helveticaneue-heavycond-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../fonts/helveticaneue-heavycond-webfont.woff') format('woff'),
         url('../../fonts/helveticaneue-heavycond-webfont.ttf') format('truetype'),
         url('../../fonts/helveticaneue-heavycond-webfont.svg#HelveticaNeueMediumCondBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'HelveticaNeueCondensedBold';
    src: url('../../fonts/helveticaneue-boldcond-webfont.eot');
    src: url('../../fonts/helveticaneue-boldcond-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../fonts/helveticaneue-boldcond-webfont.woff') format('woff'),
         url('../../fonts/helveticaneue-boldcond-webfont.ttf') format('truetype'),
         url('../../fonts/helveticaneue-boldcond-webfont.svg#HelveticaNeueCondensedBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

/*#slideshow-caption p {
	font-family:Helvetica, Arial, sans-serif;
	font-size:14px;
	font-weight:bold;
}*/