/*

	Supersized - Fullscreen Slideshow jQuery Plugin
	Version : 3.2.4
	Site	: www.buildinternet.com/project/supersized
	
	Author	: Sam Dunn
	Company : One Mighty Roar (www.onemightyroar.com)
	License : MIT License / GPL License
	
*/

/* Generated by Font Squirrel (http://www.fontsquirrel.com) on August 27, 2011 03:58:36 AM America/New_York */



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

}

@font-face {
    font-family: 'DroidSansBold';
    src: url('DroidSans-Bold-webfont.eot');
    src: url('DroidSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('DroidSans-Bold-webfont.woff') format('woff'),
         url('DroidSans-Bold-webfont.ttf') format('truetype'),
         url('DroidSans-Bold-webfont.svg#DroidSansBold') format('svg');
    font-weight: normal;
    font-style: normal;

}


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

}



* { margin:0; padding:0; }
body { background:#fff; height:100%; font: 14px/27px 'DroidSansRegular', Arial, sans-serif;}
	img { border:none; }
	
html, html a {
     font-weight: normal;
    font-style: normal;
	-webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing:antialiased;
    text-rendering:optimizeLegibility;
    font-smooth:always;
}
	

/* MENU */
#menu { position:relative; top:25px; left:35px;}
#menu ul { list-style:none; }
#menu ul li { font-size:14px; background: rgba(255, 255, 255, 0.3);float: left;}
#menu ul li a { color:white; text-decoration:none; font-weight:bold; padding:0px 8px 4px 8px; line-height: 24px; margin: 0 4px; letter-spacing: 1px }
#menu ul li a:hover {color:#1958a1}

	
#supersized-loader { position:absolute; top:50%; left:50%; z-index:0; width:60px; height:60px; margin:-30px 0 0 -30px; text-indent:-999em; background:url(../img/progress.gif) no-repeat center center;}
	
#supersized {  display:block; position:fixed; left:0; top:0; overflow:hidden; z-index:-999; height:100%; width:100%; }
#supersized img { width:auto; height:auto; position:relative; display:none; outline:none; border:none; }
#supersized.speed img { -ms-interpolation-mode:nearest-neighbor; image-rendering: -moz-crisp-edges; }	/*Speed*/
#supersized.quality img { -ms-interpolation-mode:bicubic; image-rendering: optimizeQuality; }			/*Quality*/

#supersized li { display:block; list-style:none; z-index:-30; position:fixed; overflow:hidden; top:0; left:0; width:100%; height:100%; }
#supersized a { width:100%; height:100%; display:block; }
#supersized li.prevslide { z-index:-20; }
#supersized li.activeslide { z-index:-10; }
#supersized li.image-loading { background:#111 url(../img/progress.gif) no-repeat center center; width:100%; height:100%; }
#supersized li.image-loading img{ visibility:hidden; }
#supersized li.prevslide img, #supersized li.activeslide img{ display:inline; }
			
			/* Controls Bar
	----------------------------*/
#controls-wrapper { margin:0 auto; height:260px; width:100%; bottom:0; left:0; z-index:4;  position:fixed; }
#controls { overflow:hidden; height:100%; position:relative; text-align:left; z-index:5; }
#slidecounter { display:none }
	
		/* Captions
	----------------------------*/		
#slidecaption { float:right; color:#FFF; margin-right:35px} 
#slidecaption p.caption { text-align:right; color:#dae8f2; font: 26px/30px 'DroidSansRegular', Arial, sans-serif; text-shadow:#555 0px 0px 3px; margin:-135px 0 0 0; }
#slidecaption p.windsong {font: 180px/300px 'WindsongRegular', Arial, sans-serif;letter-spacing: 0; text-align:right; color:#fff; text-shadow:#555 0px 0px 4px; }
#slidecaption p.hurry {font:35px/40px 'WindsongRegular', Arial, sans-serif;letter-spacing: 0; margin-top:10px; text-align:right; color:#fff; text-shadow:#555 0px 0px 2px; }
			
#play-button{ float:left; margin-top:210px;border-right:1px solid #fff; background:url('../img/bg-hover.png') repeat-x 0 44px; }
#play-button:hover{ background-position:0 1px; cursor:pointer; }
a.facebook { float:left; margin-top:210px; margin-left:18px}
a.facebook:hover {  opacity:0.6}
					
#prevslide, #nextslide{ display:none }
#prevslide{ display:none }
#nextslide{ display:none }
#prevslide:active, #nextslide:active{ display:none }
#prevslide:hover, #nextslide:hover{ display:none }
				
ul#slide-list{ padding:15px 0; float:left; position:absolute; left:50%; bottom:10px; margin-top:20px; }
ul#slide-list li{ list-style:none; width:12px; height:12px; float:left; margin:0 5px 0 0; }
ul#slide-list li.current-slide a, ul#slide-list li.current-slide a:hover{ background-position:0 0px; }
ul#slide-list li a{ display:block; width:12px; height:12px; background:url('../img/nav-dot.png') no-repeat 0 -24px; }
ul#slide-list li a:hover{ background-position:0 -12px; cursor:pointer; }
				
#tray-button{  display:none }
#tray-button:hover{  display:none }
		
	
	/* Progress Bar
	----------------------------*/					
#progress-back{ z-index:5; position:fixed; bottom:42px; left:0; height:8px; width:100%; background:url('../img/progress-back.png') repeat-x; }
#progress-bar{ position:relative; height:8px; width:100%; background:url('../img/progress-bar.png') repeat-x; }
	
	
	/* Thumbnail Navigation
	----------------------------*/	
#nextthumb,#prevthumb { z-index:2; display:none; position:fixed; bottom:61px; height:75px; width:100px; overflow:hidden; background:#ddd; border:1px solid #fff; -webkit-box-shadow:0 0 5px #000; }
#nextthumb { right:12px; }
#prevthumb { left:12px; }
#nextthumb img, #prevthumb img { width:150px; height:auto;  }
#nextthumb:active, #prevthumb:active { bottom:59px; }
#nextthumb:hover, #prevthumb:hover { cursor:pointer; }
	
	
	/* Thumbnail Tray
	----------------------------*/			
#thumb-tray{  display:none }
		
#thumb-back, #thumb-forward{  display:none; }
#thumb-back{display:none}
#thumb-forward{  display:none}
#thumb-back:hover, #thumb-forward:hover{  display:none }
#thumb-back:hover{  display:none }
#thumb-forward:hover{ display:none }
		
ul#thumb-list{  display:none }
ul#thumb-list li{  display:none }
ul#thumb-list li img {  display:none }
ul#thumb-list li.current-thumb img, ul#thumb-list li:hover img{  display:none }
ul#thumb-list li:hover{ display:none }
			
.para { display:none}			

.links {
	width:550px; 
	top:144px; 
	height:500px; 
	margin:0 auto; 
	position:relative; 
	z-index:20
}

.links h1 {
	font-size:150px;
	font-family: 'WindsongRegular', Arial, sans-serif;
	letter-spacing: 0; 
	color:#fff; 
	text-shadow:#555 0px 0px 4px;
	margin-bottom:20px;
	font-weight: normal;
}
.links p a {
	color:#fff; font: 26px/40px 'DroidSansRegular', Arial, sans-serif; text-shadow:#555 0px 0px 3px; margin:30px 0; text-decoration:none
}

.links p a:hover {
	color:#dae8f2; 
}

@media (max-width: 1300px) {
	#slidecaption p.windsong {font-size:150px}
	#slidecaption p.hurry { font-size:33px}
	#slidecaption p.caption { font-size:24px}	
}

@media (max-width: 1050px) {
	#slidecaption { position:relative; top:25px}
	#slidecaption p.hurry { font-size:30px}
	#slidecaption p.caption { font-size:20px}	
}

@media (max-width: 950px) {
	#slidecaption p.windsong {font-size:120px}
	#slidecaption p.hurry { font-size:25px}
	#slidecaption p.caption { font-size:16px}	
}


@media (max-width: 760px) {
	#slidecaption p.windsong {font-size:100px}
	#slidecaption p.caption { font-size:14px}	
}


@media only screen and (max-device-width: 480px) {	
#menu {height: auto; width: auto; }
#menu ul li { font-size:140%; line-height:1.4}
#controls-wrapper {height:auto; bottom:25px}
#slidecaption p.windsong {font-size:150px}
#slidecaption p.hurry { font-size:45px}
#slidecaption p.caption { font-size:30px}


}