@charset "UTF-8";
/* CSS Document */
@font-face {
	font-family: 'robotoblack';
    src: url(../fonts/Roboto-Black-webfont.eot);
    src: url(../fonts/Roboto-Black-webfont.eot?#iefix) format('embedded-opentype'),
         url(../fonts/Roboto-Black-webfont.woff) format('woff'),
         url(../fonts/Roboto-Black-webfont.ttf) format('truetype'),
         url(../fonts/Roboto-Black-webfont.svg#robotoblack) format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'robotolight';
	src: url(../fonts/Roboto-Light-webfont.eot);
	src: url(../fonts/Roboto-Light-webfont.eot?#iefix) format('embedded-opentype'),
         url(../fonts/Roboto-Light-webfont.woff) format('woff'),
         url(../fonts/Roboto-Light-webfont.ttf) format('truetype'),
         url(../fonts/Roboto-Light-webfont.svg#robotolight) format('svg');

    font-weight: normal;
    font-style: normal;
}
/*body rule was written ONLY for marquee_resonsive.html - if anything messes up the other marquee files

Removed for implementation in index.html - for the site*/

/*
body {
	font-size:16px;
	width:100%;
	margin:0;
	padding:0;
	background:	rgb(153,153,153);
}*/

.marquee_container {
	position:relative;
	/*width:1280px; removed this for responsive version
	height:650px; */
	margin:0 auto 30px;
	overflow:hidden;
}



.marquee_photos {
	position:absolute;
	/*for responsive - changing the offsets from pixels to just 0*/
	top:0px;
	left:0px;	
}

.marquee_caption {
	/*width: 1280px; - changed this for responsive version*/
	width:100%;
	margin: 0;
	padding: 50px 0 100px 0;
	position: absolute;
	top: 100%;
	left: 0px;
	color: white;
	background:rgba(0,51,102,0.8);
	border-radius:20px 20px 0 0;
	/*background: url(../images/marquee_caption.png) no-repeat 0px 0px;	*/	
}

.marquee_caption_content {
	width:410px;
	padding:0 0 0 75px;
}

.marquee_caption h2 {
	font-family: 'robotoblack', sans-serif;
	font-size:2em;
	font-style:italic;
	/*letter-spacing: 0.1em;*/
	text-transform:uppercase;
	color:#ffdfa2;
	margin:0;	
}

.marquee_caption_content p {
	margin:0 0 25px 0;
	font: 1.3em 'robotolight', sans-serif;
	color:#ffdfa2;
	line-height: 1.1em;
	word-spacing:2px;
	letter-spacing:0.01em;	
}

.marquee_caption_content a {
	color:	#6bb6e0;
	margin:0 0 25px 0;
}
.marquee_caption_content a:hover {
	color:#ffdfa2;	
}
.marquee_nav {
	width:240px;
	height:35px;
	position:absolute;
	bottom:75px;
	right:100px;
	text-align:right;
		
}
.marquee_nav a {
	display:inline-block;
	width:26px;
	height:26px;
	margin:0 0 0 15px;
	background:url(../images/marquee_nav_btns.png) no-repeat 0 0;
	cursor:pointer;	
}

.marquee_nav a:hover {
	background-position: -28px 0px;
}
.marquee_nav a.selected {
	background-position:-58px 0px;	
}

.marquee_panels {
	display:none;	
}

.marquee_container.autoplay .marquee_nav a {
	opacity: 0.4;
	fliter: alpha(opacity=40);
}

.marquee_container.autoplay .marquee_nav a.selected {
	opacity: 0.8;
	fliter: alpha(opacity=80);
}