/*------Font Crap ----- */
@font-face {
    font-family: 'OstrichSansBlack';
    src: url('ostrich-black-webfont.eot');
    src: url('ostrich-black-webfont.eot?#iefix') format('embedded-opentype'),
         url('ostrich-black-webfont.woff') format('woff'),
         url('ostrich-black-webfont.ttf') format('truetype'),
         url('ostrich-black-webfont.svg#OstrichSansBlack') format('svg');
    font-weight: normal;
    font-style: normal;

}

/*-----------Index and About Stuff ------------------ */

#simplegallery1{ 
margin: auto auto auto auto;
position: relative; /*keep this intact*/
visibility: hidden; /*keep this intact*/
border: 0px;
}

#about{ 
width: 600px;
height:400px;
	margin-top: -20px;
	margin-right:30px;
	margin-left:660px;

}




/*---------------Body and Layout Stuff --------------*/

body {
    font-family: 'Open Sans', tahoma, sans-serif;
	font-size: 1em;
	color: #ffffff;
    background-color: #000000;


}

aboutstuff {
    font-family: 'Arial', tahoma, sans-serif;
	font-size: .8em;
	color: #ffffff;
	letter-spacing:1.5px;
	line-height:20px;
	background-color: #000000;

	

}


p {
margin-top:20px;

}

h1 {  
font-family:'OstrichSansBlack', tahoma, sans-serif; 
 margin: 100px 0px 10px 50px;
text-transform: uppercase;
text-decoration:none;

}

h2 {  
font-family:'OstrichSansBlack', tahoma, sans-serif; 
font-size: 2em; 
margin: 50px 0px 0px 0px;
text-transform: uppercase;
}

h3 {  
font-family:'OstrichSansBlack', tahoma, sans-serif; 
font-size: 2em; 
letter-spacing: 1px;
text-transform: uppercase;
}

a.home:link {font-family:'OstrichSansBlack'; font-size:4em; color: #ffffff; text-decoration: none; text-transform: uppercase; }
a.home:visited {font-family:'OstrichSansBlack'; font-size:4em; color: #ffffff; text-decoration: none; text-transform: uppercase; }
a.home:hover {font-family:'OstrichSansBlack'; font-size:4em; color: #ffffff; text-decoration: none; text-transform: uppercase; }
a.home:active {font-family:'OstrichSansBlack'; font-size:4em; color: #ffffff; text-decoration: none; text-transform: uppercase; }

a.about:link {font-family:'OstrichSansBlack'; font-size:2em; color: #ffffff; text-decoration: none; text-transform: uppercase; }
a.about:visited {font-family:'OstrichSansBlack'; font-size:2em; color: #ffffff; text-decoration: none; text-transform: uppercase; }
a.about:hover {font-family:'OstrichSansBlack'; font-size:2em; color: #ffffff; text-decoration: none; text-transform: uppercase; }
a.about:active {font-family:'OstrichSansBlack'; font-size:2em; color: #ffffff; text-decoration: none; text-transform: uppercase; }

a.link:link {font-family:'PT Sans Narrow'; font-size:1em; color: #ffffff; text-decoration: none; text-transform: uppercase; }
a.link:visited { font-family:'PT Sans Narrow'; font-size:1em; color:#ffffff ; text-decoration: none; text-transform: uppercase;}
a.link:hover {font-family:'PT Sans Narrow'; font-size:1em; color: #606060; text-decoration: none; text-decoration: none; text-transform: uppercase; }
a.link:active {font-family:'PT Sans Narrow';font-size:1em;  color:#ffffff; text-decoration: none; text-decoration: none; text-transform: uppercase; }

a.small:link {font-family:'Arial'; font-size:.8em; color: #606060; text-decoration: none; text-transform: uppercase; }
a.small:visited { font-family:'Arial'; font-size:.8em; color:#606060 ; text-decoration: none; text-transform: uppercase;}
a.small:hover {font-family:'Arial'; font-size:.8em; color: #ffffff; text-decoration: none; text-decoration: none; text-transform: uppercase; }
a.small:active {font-family:'Arial';font-size:.8em;  color:#606060; text-decoration: none; text-decoration: none; text-transform: uppercase; }

}

#wrapper {
	width: 100%;
	margin-top: 200px;

}

#navi {
	margin-top: -20px;
	margin-right:30px;
	margin-left:660px;

}
/*-------------- Horizontal Scrolling -------------------*/

#scroller {
  width: 100%;
  background-color: #000000;
  margin-left:0px;
  /* If you want to show the scrollbar, use this: */
  /*overflow: scroll;*/
  
   /* If you want to hide the scrollbar, use this: */
  overflow: hidden;


}


#scrollercontent_single {
  width: 4230px;
}

#scrollercontent_print {
  width: 5910px;
}

#scrollercontent_typo{
  width: 3329px;
}

#scrollercontent_multi {
  width: 3020px;
}

#scrollercontent_theatre {
  width: 4300px;
}

#scrollercontent_nature {
  width: 3020px;
}

#scrollercontent_digital {
  width: 4650px;
}

#scrollercontent_hand{
  width: 2572px;
}

.clear {
  clear: both;
}

/* Styles for the Slider/Scrollbar */
#content-slider {
  margin: 10px auto 0px auto;
  width: 85%;
  height: 20px;
  position: relative;
  background-color: #131313;
}
.ui-slider-handle {
  width: 50px;
  height: 20px;
  position: absolute;
  background-color: #4f4f4f;
}