/*
	Supersized - Fullscreen Slideshow jQuery Plugin
	Version 3.1.3
	www.buildinternet.com/project/supersized
	
	By Sam Dunn / One Mighty Roar (www.onemightyroar.com)
	Released under MIT License / GPL License
*/

* { 
	margin:0;
	padding:0; 
}

body { 
	background:#000; 
}
	
img{ 
	border:none; 
}
	

#supersized-loader { 
	position:absolute; 
	top:50%; 
	left:50%; 
	z-index:10;
	width:60px; 
	height:60px; 
	margin:-30px 0 0 -30px; 
	text-indent:-999em; 
	background-color:#111; 
	background:rgba(0,0,0,1) url(../package-img/loader.gif) no-repeat center center; 
	-webkit-border-radius:5px; 
	-moz-border-radius:5px; 
	border-radius:5px;
}
	
#supersized { 
	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 {                          /*Speed*/
	-ms-interpolation-mode:nearest-neighbor; 
	image-rendering: -moz-crisp-edges; 
}	/*Speed*/
			
#supersized.quality img {                        /*Quality*/
	-ms-interpolation-mode:bicubic; 
	image-rendering: optimizeQuality; 
}
		
#supersized a { 
	z-index:-30; 
	position:absolute; 
	overflow:hidden; 
	top:0; 
	left:0; 
	width:100%; 
	height:100%; 
	background:#111;
}
			
#supersized a.prevslide { 
	z-index:-20; 
}
			
#supersized a.activeslide { 
	z-index:-10; 
}
			
#supersized a.prevslide img, #supersized a.activeslide img{ 
	display:inline; 
}
	

/*Controls Section*/

#link-wrapper { 
	margin:0 auto; 
	height:33px; 
	width:100%; 
	bottom:0;  
	left:0; 
	z-index:4; 
}
	
	
	
	/* Increase padding to give thumbnails room */
	
#slidecounter { 
	float:left; 
	color:#888; 
	font:23px "Helvetica Neue", Helvetica, Arial, sans-serif; 
	font-weight:bold; 
	text-shadow:#000 0 -1px 0; 
	margin:19px 10px 18px 20px; 
}
			
#slidecaption { 
	overflow:hidden;
	float:left; 
	color:#FFF; 
	font:16px "Helvetica Neue", Helvetica, Arial, sans-serif; 
	font-weight:bold; 
	text-shadow:#000 0 2px 0; 
	margin:23px 20px 23px 0; 
}
			
#navigation { 
	float:right; 
	margin:10px 20px 0 0;
}
	
	
	/*Thumbnail Navigation*/	
	

.projecttitles1{
	background:#0CF;
	color:#FFF;
}
	
#nextthumb,#prevthumb { 
	z-index:6; 
	display:none; 
	position:fixed; 
	bottom:12px; 
	height:50px; 
	width:100px; 
	overflow:hidden; 
	background:#ddd; 
	border:2px 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:10px; 
}
	
#navigation > :hover,#nextthumb:hover, #prevthumb:hover { 
	cursor:pointer; 
}

.content{
	margin-left:3px;
	margin-top: 10%;
	position:absolute;
	float:left;
}


/*///////////OVERLAY/////////OVERLAY////////////OVERLAY///////*/

/*-----------menu-----------*/

.menu{
	background: rgba(0,0,0,0.9);
    position:relative;
	margin-left:10%;
	height:76px;
	width:532px;
	font-family:Monaco, Verdana, Geneva, sans-serif;
	font-size:x-small;
    color:#000;    
	z-index:100;
}

.column1{
	width:132px;
	height:76px;
	background:url(../package-img/logo.png)  no-repeat;
	border-right:1px solid rgba(255,255,255,0.4);
	float:left;
}

.column{
	width:132px;
	height:76px;
	border-right:1px solid rgba(255,255,255,0.4);
	float:left;
}

.top{
	width:132px;
	height:37px;
	border-bottom:1px solid rgba(255,255,255,0.4);
}

.bottom{
	width:132px;
	height:39px;
}

#toponeback {
	width:132px;
	height:37px;
}

#toponeback:hover {
	width:132px;
	height:37px;
	background:url(../package-img/tex-back.png);
}

#top-one{
	background:url(../package-img/tower.png)  no-repeat center;
	cursor:pointer;
}

#bottomoneback {
	width:132px;
	height:39px;
}

#bottomoneback:hover {
	width:132px;
	height:39px;
	background:url(../package-img/tex-back.png);
}

#bottom-one{
	background:url(../package-img/projectinfo.png)  no-repeat center;
	cursor:pointer;
}

#toptwoback {
	width:132px;
	height:37px;
}

#toptwoback:hover {
	width:132px;
	height:37px;
	background:url(../package-img/tex-back.png);
}

#top-two{
	background:url(../package-img/shortstack.png)  no-repeat center;
	cursor:pointer;
}

#prevback {
	width:65px;
	height:39px;
	float:left;
}

#prevback:hover {
	width:65px;
	height:39px;
	background:url(../package-img/tex-back.png);
	float:left;
}

#prev{
	height:39px;
	width:65px;
	background:url(../package-img/prev.png)  no-repeat center;
	border-right:1px solid rgba(255,255,255,0.4);
	cursor:pointer;
	float:left;
}

#nextback {
	width:67px;
	height:39px;
	float:left;
}

#nextback:hover {
	width:67px;
	height:39px;
	background:url(../package-img/tex-back.png);
	float:left;
}

#next{
	height:39px;
	width:66px;
	background:url(../package-img/next.png)  no-repeat center;
	cursor:pointer;
	float:left;
}

#topthreeback {
	width:132px;
	height:37px;
}

#topthreeback:hover {
	width:132px;
	height:37px;
	background:url(../package-img/tex-back.png);
}

#top-three{
	background:url(../package-img/ranch.png)  no-repeat center;
	cursor:pointer;
}

#bottomthreeback {
	width:132px;
	height:39px;
}

#bottomthreeback:hover {
	width:132px;
	height:39px;
	background:url(../package-img/tex-back.png);
}

#bottom-three{
	background:url(../package-img/jpa.png)  no-repeat center;
	cursor:pointer;
}


/*-----------end--menu-----------*/
	
  	/* Style for overlay and box */
.overlay{
	background: rgba(255,255,255,0.9);
    position:fixed;
	height:450px;
	width:522px;
	margin-left:10%;
	margin-top:50px;
	padding-left:10px;
	font-family:Monaco, Verdana, Geneva, sans-serif;
	font-size:x-small;
    color:#000;
	overflow:scroll;
	display:none;
    z-index:100;
}

a.back{
	width:256px;
    height:73px;
    position:fixed;
    bottom:15px;
    right:15px;
    background:#fff url(codrops_back.png) no-repeat top left;
    z-index:1;
    cursor:pointer;
}
        
a.activator{
	color:#FFF;
	font-family:Monaco, Verdana, Geneva, sans-serif;
	font-size:x-small;
	text-decoration:none;
    background:#000;
    z-index:1;
}

a.menuactivator{
	color:#FFF;
	font-family:Monaco, Verdana, Geneva, sans-serif;
	font-size:x-small;
	text-decoration:none;
    background:#000;
    z-index:1;
}

h1 {
	font-family:Monaco, Verdana, Geneva, sans-serif;
	font-size:x-small;
    color:#000;
}

::-webkit-scrollbar {  
    height: 1px;  
     -webkit-border-radius: 1px;  
	width: 8px;
	margin-right: 3px;
}  
  
::-webkit-scrollbar-thumb {  
    border-top: rgba(0,0,0,0.8); 
    background: #ccc -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(0,0,0,0.8)), to(rgba(0,0,0,0.8)));  
    -webkit-border-radius: 1px;  
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .8);  
}  

.box{
	position:fixed;
    top:-1500px;
    left:0%;
    right:50%;
    background-color: rgba(30,183,235,1);
	font-family:Monaco, Verdana, Geneva, sans-serif;
	font-size:x-small;
    color:#FFF;
    padding:20px;
    z-index:101;
}
        
.box h1{
	font-family:Monaco, Verdana, Geneva, sans-serif;
	font-size:x-small;
    color:#000;
}
		
a.boxclose{
	float:left;
    margin-top:8px;
    margin-right:0px;
    cursor:pointer;
	color:#000;
	
}

a.menuclose{
	float:left;
    margin-top:8px;
    margin-left:26px;
    cursor:pointer;
	color:#FFF;
	
}