/*
Supersized - Fullscreen Slideshow jQuery Plugin Stylesheet Version 3.0
By Sam Dunn (www.buildinternet.com // www.onemightyroar.com)
Version: supersized.3.0.js
Website: www.buildinternet.com/project/supersized
*/

@import url(http://fonts.googleapis.com/css?family=Raleway:400,300,200,100,500,600,700,800,900);

.nav{
	font-family: Raleway;
	font-size:.9em;
	font-style:normal;
	font-weight:500;
	text-decoration:none;
	text-transform:none;
	letter-spacing:normal;
	color: #FFF;
	background-color: ;
	line-height:16pt;
	text-align:right;
}

.h1{
	font-family: Raleway;
	font-size:			.95em;
	font-style: 		normal;
	font-weight:		bold;
	text-decoration:	none;
	text-transform:		none;
	letter-spacing:		normal;
	color: 				#000;
	background-color: 	;
	line-height:		1.8em;
	text-align:			left;
}


.body{
	font-family: Raleway;
	font-size:			.7em;
	font-style:			normal;
	font-weight:		500;
	text-decoration:	none;
	text-transform:		none;
	letter-spacing:		normal;
	color: 				#000;
	background-color: 	;
	line-height:		1.8em;
	text-align:			left;
}

.bodyText			{
	position:absolute;
	top:161px;
	left:224px;
	z-index: 5;
	width:1000px;
	overflow: auto;
}

.intro{
	font-family: Raleway;
	font-size:			.95em;
	font-style:			bold;
	font-weight:		lighter;
	text-decoration:	none;
	text-transform:		none;
	letter-spacing:		normal;
	color: 				#FFF;
	background-color: 	;
	line-height:		1.8em;
	text-align:			left;
	text-shadow:		#000 2px 2px 2px;
	position:			absolute;
	top: 				10em;
	left: 				1em;	
}

.photographer{ 	
	font-family: Raleway;
	font-size:			0.9em;
	font-style:			italic;
	font-weight:		normal;
	letter-spacing:		normal;
	color: 			 	#FFF;
	line-height:		2.2em;
	text-align:			left;
	
}

.indexPhotographerName{
	position:absolute;
	width:200px;
	margin:0 auto;
	bottom:50px;
	left:1em;
	margin:0px;
	margin-top:10px;
	z-index:5;
	display:block;
	float:left;
	background-image: url(inde);
}

.contentPhotographerName{
	position:fixed;
	width:200px;
	margin:0 auto;
	top:152px;
	left:1em;
	margin:0px;
	margin-top:10px;
	z-index:5;
	display:block;
	float:left;
	z-index:7;
}

.photographerName{ 	
	font-family: Raleway;
	font-size:			0.95em;
	font-style:			normal;
	font-weight:		bold;
	letter-spacing:		normal;
	color: 				#262626;
	line-height:		2.2em;
	text-align:			left;
	
}

.portfolioNav{ 	
	font-family: Raleway;
	font-size:			.9em;
	font-style:			normal;
	font-weight:		500;
	letter-spacing:		normal;
	color:				 #FFF;
	line-height:		1.7em;
	text-align:			left;
	
}

.slideFirst		{ padding:0em 1em 0em 15em; border:solid #FFF;  }
.slide			{ position:absolute; top:166px; left:15em; z-index: 5; overflow: hidden; }
.slideLast		{ padding:0em 0em 0em 1em; border:solid #FFF;  }
#slideOLD		{ height:530px; width:100%; overflow:auto top:160px; z-index: 5; }

.footer{
	position:absolute; 
	width:100%; 
	margin:0 auto; 
	bottom:0;
	float:right;
}

.foot{
	font-family: Raleway;
	font-size:10pt;
	font-style:normal;
	font-weight:lighter;
	text-decoration:none;
	text-transform:none;
	letter-spacing:normal;
	color: #CCC;
	background-color: ;
	line-height:10px;
	text-shadow: #000 1px 1px 1px;
}

a:active  {
  /* Applies to activated links */
  text-decoration:  none;
  color:            #09C;
  } 

a:hover   {
  /* Applies to links under the pointer */
  text-decoration:  none;
  color:            #09C;
  } 

	

	*{
	    margin:0;
	    padding:0;
	}
	a{
	    color:#282828;
	    text-decoration: none;
	    outline: none;
	}

	img{
	    border:none;
	}
	body {

	    background: #FFF;
	}
	/*Area to place content normally*/

	#content-wrapper{
	width: 100%;
	min-width:500px;
	height:100px;
	position:absolute;
	float:right;
	top:0;
	z-index:4;
	text-align:center;
	margin-top:30px;
	left: 0px;
	}
	
	#content{ background-color:rgba(0,0,0,0.65); position:fixed; width:100%; height:110px; margin-top:5px; margin:0px auto; text-align:left; left:0px;}

#content-wrapperOLD{
	width: 100%;
	min-width:500px;
	height:100px;
	position:absolute;
	float:right;
	top:0;
	z-index:4;
	text-align:center;
	margin-top:30px;
	left: 0px;
	}
	
	#contentOLD{ background-color:rgba(0,0,0,0.65); position:fixed; width:100%; height:110px; margin-top:5px; margin:0px auto; text-align:left; left:0px;}
	#content2{position:fixed; right:0px;  width:400px; height:50px; margin-top:5px; text-align:left;}
	
	/*Controls Section*/
	#controls-wrapper{
	    margin:0px auto;
	    height:62px;
	    width:100%;
	    bottom:0;
	    z-index: 5;
	    background:url('images/nav-bg.png') repeat-x;
	    position:absolute;
	}
	#controls{
	    overflow: hidden;
	    height: 100%;
	    text-align:left;
	    z-index: 5;
	    padding:0 114px; /* Increase padding to give thumbnails room */
	}
	#slidecounter{
	    float:left;
	    color:#888;
		font-family: Raleway;
	    font size: 23px 
	    font-weight:bold;
	    text-shadow: #000 0px -1px 0px;
	    margin:19px 10px 18px 20px;	
	}
	#slidecaption{
	    overflow: hidden;
	    float:left;
	    color:#FFF;
	    font-family: Raleway;
		font-size:16px
	    font-weight:bold;
	    text-shadow: #000 0px 2px 0px;
	    margin:23px 20px 23px 0;
	}
	
	
	/*Supersized Link*/
	.stamp{ float: right; margin: 15px 30px 0 0;}
	
	
	/*Supersize Plugin Styles*/
	#navigation{
	    float: right;
	    margin:10px 20px 0 0;
	}
	#loading {
	    position: absolute;
	    top: 49.5%; 
	    left: 49.5%;
	    z-index: 10;
	    width: 24px; 
	    height: 24px;
	    text-indent: -999em;
	    background-image: url(images/progress.gif);
	}
	#supersized{
	    position:fixed;
	}
	#supersized img{ -ms-interpolation-mode: bicubic; }
	#supersized img, #supersized a{
	    height:100%;
	    width:100%;
	    position:absolute;
	    z-index: -1;
	}
	
	#supersized .prevslide, #supersized .prevslide img{
	    z-index: 1;
	}
	#supersized .activeslide, #supersized .activeslide img{
	    z-index: 2;
	}
	
	#nextthumb, #prevthumb{ z-index:6; display:none; position:absolute; bottom:12px; height:75px; width:100px; overflow:hidden; border:2px solid #fff; -webkit-box-shadow: 0px 0px 5px #000; }
	#nextthumb{ right:12px; }
	#prevthumb{ left:12px; }
		#nextthumb img, #prevthumb img{ width:150px; }
		#nextthumb:active, #prevthumb:active{ bottom:10px; }
		
		/*Add hover pointer*/
		#controls > *:hover, #nextthumb:hover, #prevthumb:hover{ cursor:pointer; }