@charset "UTF-8";
/* CSS Document */

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/*   MAIN CSS   */  /*   MAIN CSS   */  /*   MAIN CSS   */  /*   MAIN CSS   */  /*   MAIN CSS   */

/* ~~ WEB FONTS ~~ */

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



html {
   /*  -webkit-text-size-adjust: none; Prevent font scaling in landscape */
	-webkit-font-smoothing: antialiased;
}

body {
	font-family: '306E63_0_0', Helvetica, Arial, sans-serif;
	font-size: 16px;
	line-height: 22px;	
	text-rendering: optimizeLegibility;
}
 

/*    INTRO PAGE    */
#preloader {
	position:relative;  
	width:42px; 
	margin:0 auto;	
}
#maximage {
	display:none;
	/*position:fixed !important;*/
}
.introContainer {
	width:100%;
	min-width:900px;
	z-index:20;
}
.introHeader {
	position:relative;
	top:-110px;
	width:100%;
	height: 110px;
	background-color:#FFF;
	background-color: rgba(255,255,255,0.95);
	opacity:0;
}
.introLogo {
	font-family: '306E63_0_0', Helvetica, Arial, sans-serif;
	font-size:22px;
	line-height: 24px;
	z-index:10;
	color:#4c4c4c;
	float:left;
	padding:27px 0 0 36px;	
}
.introLogo span {
	font-size:16px;
}

/*  OPENING NAV  */
.introNav {
	float:right;
	padding:43px 36px 0 0px;
}

ul.introNav {
	font-family:'306E63_0_0', Helvetica, Arial, sans-serif;
	list-style: none;
	font-size:16px;
}
ul.introNav li{
    display: inline;
	color:#6d6d6d; 
}
ul.introNav li + li {	
	padding-left: 12px;
}
ul.introNav a, ul.introNav a:visited {
    /*display: block;*/
    text-decoration: none;
	color:#6d6d6d;
}
ul.introNav li a:hover {
    color: #000;
}
/*ul.introNav li.active a {
	color: #fff;
	text-decoration: none;
}
ul.introNav li a.active {
	color: #fff;
	text-decoration: none;
}*/


/*  MAIN CONTAINER  */
.container {
	width:100%;
	min-width:900px;
}
.wrapper {
	margin:42px 36px 0px 36px;
}
.header {
	height:123px;
	width:100%;
}
.logo {
	font-family: '306E63_0_0', Helvetica, Arial, sans-serif;
	font-size:22px;
	line-height: 24px;
	color: #808080;
	float:left;
	margin-top: -15px;
}
.logo span {
	font-size:16px;
}

/*  MAIN NAV  */
.mainNav {
	float:right;
}
ul.nav {
	font-family:'306E63_0_0', Helvetica, Arial, sans-serif;
	list-style: none;
	font-size:16px;
	color:#6d6d6d;
	padding-top:1px;
}
ul.nav li {
	display: inline;
	/*color:#6d6d6d; */
	color:#808080;
}
ul.nav li + li {
	padding-left: 12px;
}
ul.nav a, ul.nav a:visited {
    text-decoration: none;
	color:#6d6d6d;
}
ul.nav li a:hover {
    color: #000;
}
ul.nav li.active a {
	color: #000;
	text-decoration: none;
}


/* ~~ LINKS ~~ */
a:link {
	color:#808080;
	text-decoration: none; 
}
a:visited {
	color:#6d6d6d;
	text-decoration: none;
}
a:hover, a:focus { 
	text-decoration: none;
	color: #000;
}


/*  STILLS  THUMBNAILS  */
.stillsContainer {
	max-width:1400px;
	margin:0 auto;
}
.thumbContent {
	width:100%;
	
}
.hide {
    visibility: hidden;
    opacity: 0;
}
.stillsThumb {
	width:24%;
	margin-right:1.33%;
	margin-bottom:1.33%;
	float:left;
	display:inline-block;
	position:relative;
}
.stillsThumb IMG {
	max-width:100%;
	width:100%;
	height:auto;
}
.thumbContent DIV:nth-of-type(4n+4) {
	margin-right:0%;
}
.tint {
	position:absolute;
	top:0;
	left:0;
	background-color:#fff;
	text-align:center;
	width:100%;
	height:100%;
	opacity:0.95;
	filter:alpha(opacity=95); 
	display:none;
}
.tintCap {
/*	text-transform: uppercase;
*/	position:absolute;
	top:0;
	left:0;
	width:100%;
	text-align:center;
	margin:0 auto;
	display:none;
}
.tintCap h2 {
	font-size:24px;
	color:#666;
}
.tintCap h3 {
	font-size:16px;
	color:#666;
}



/*#loader {
	position:fixed; 
 
	width:42px;
	height:42px;
	top:50%;
	left:50%; 
	z-index:9;
}*/


/*   THUMBNAILS   */
.projectContainer {
	width:900px;
	margin:0 auto;
	margin-top:46px;
	padding:0 20px 0 20px;
}
.projectBack {
	position:fixed;
	top:0px;
	right:0px;
	cursor: pointer;
	z-index:200;
}
.projectHeader {
	border-top: 1px solid #c9c9c9;
	height:180px;
}
.projectHeader h1 {
	font-size:28px;
	padding-top:15px;
}
.projectHeader h2 {
	font-size:16px;
	padding-top:8px;
}
.thumbContent {
	width:100%;
}
.item{
	float:left;
	margin:0 0px 20px 0;
}
.item img {
	display:block;
	width:100%;	
}

.item,
.grid-sizer {
  width: 210px;
}
.gutter-sizer {
    width: 20px;
}

.projName {
	height:66px;    
	font-family: '306E63_0_0', Arial, Helvetica, sans-serif;
	font-size:12px;
	text-transform: uppercase;
}
.projName h2 {
	margin: 13px 0 0px 0;
}

/**** Transitions for Masonry ****/

.masonry,
.masonry .masonry-brick {
  -webkit-transition-duration: 0.4s;
     -moz-transition-duration: 0.4s;
      -ms-transition-duration: 0.4s;
       -o-transition-duration: 0.4s;
          transition-duration: 0.4s;
}

.masonry {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.masonry .masonry-brick {
  -webkit-transition-property: left, right, top;
     -moz-transition-property: left, right, top;
      -ms-transition-property: left, right, top;
       -o-transition-property: left, right, top;
          transition-property: left, right, top;
}




/*     GALLERY    */

/*     SLIDESHOW    */
#ajaxloader {
	position:absolute; 
	/*z-index:2;*/ 
	width:42px;
	top:-100px; 
	left:-100px;
	z-index:9;
}
.toThumbs {
	position: fixed;
	cursor: pointer;
	width:93px;
	height:93px;
	bottom:0px;
	left:0px;
	z-index:100;
}
.galleryContainer {
	width:100%;
}
.galleryWrapper {
	margin:0px 0px 0px 0px;
}
.galleryContent {
	margin:0;
	padding:0;
	/*height:100%;
	width:100%;*/
}

.galleryLeft {
	position:absolute;
	top:0px;
	left:0px;
	z-index:100;
}
.galleryRight {
	position:absolute;
	top:0px;
	right:0px;
	text-align:right;
	z-index:100;
}
.slideContent {
	padding-top:42px;
	width: 100%;
	margin:0 auto;
	position:relative;
	text-align:center;
}
#gallSlideshow {
    position:relative;
    margin:0 auto;
	height: 100%;
}
#gallSlideshow DIV {
    position:absolute;
    top:0;
  	left:0;
	text-align: center;
	margin:0 auto;
    z-index:8;
    opacity:0;
	display:inline-block;    
	filter: alpha(opacity=0);
	background-color: #FFF;
}
#gallSlideshow DIV.active {
    z-index:10;
    opacity:0.0;
	margin:0 auto;
	filter: alpha(opacity=0);
	background-color: #FFF;
	text-align:center;
}
#gallSlideshow DIV.last-active {
    z-index:9;
}
#gallSlideshow DIV IMG {
	padding:0;
	width:auto;
	max-width: 100%;
	height: 100%;
	margin:0 auto;
}


.leftControl {
	cursor: pointer;
	padding-top:0px;
	
	display:none;
}
.rightControl {
	cursor: pointer;
	padding-top:0px;
	
	display:none;
}
.gallFooter {
	position:absolute;
	left:0;
	bottom:-52px;
	/*z-index:200;*/
	width:100%;
	height:20px;
}
.footerWrapper {
	padding:0 50px 0 50px;
	text-align:center;
	margin:0 auto;
}
.photoCaption {
	width:100%;
	text-align:center;
	font-size:16px;
	font-family: '306E63_0_0', Helvetica, Arial, sans-serif;
	color: #666;
}
.photoCaption p {
}

/*  MOTION  THUMBNAILS  */
.motionContent {
	width:100%;
	max-width:1400px;
	margin:0 auto;
}

.motionThumb {
	width:24%;
	margin-right:1.33%;
	margin-bottom:1.33%;
	float:left;
	display:inline-block;
	position:relative;
}
.motionThumb IMG {
	max-width:100%;
	width:100%;
	height:auto;
}
.motionContent DIV:nth-of-type(4n+4) {
	margin-right:0%;
}
.motionThumb h2 {
	font-size:16px;
	padding:5px 0 34px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #C3C3C3;
	color:#666;
}
.motionThumb h3 {
/*	font-size:16px;
	margin-top:20px;*/
	font-size:13px;
	line-height:16px;
	margin-top:15px;
	height:188px;
	color:#666;
	padding-right: 20px;
}

/*     VIDEO SECTION    */

.videoContent {
	margin:0 auto;
	width:960px;
	height:540px;
}
.videoFooter {
	position:fixed;
	left:0;
	bottom:30px;
	z-index:200;
	width:100%;
	height:12px;
}
.videoCaption {
	width:100%;
	text-align:center;
	font-size:11px;
	line-height:14px;
	color:#666;
	font-family: 'sero', Helvetica, Arial, sans-serif;	
}
.videoCaption h1 {
}
.vidBack {
	position: absolute;
	cursor: pointer;
	width:93px;
	height:93px;
	top:0px;
	right:0px;
	z-index:100;
}

/*    INFO SECTION    */
.infoContent {
	min-width:900px
	width:70%;
}
.infoText {
	width:55%;
	max-width:570px;
	font-size:19px;
	line-height:25px;
	/*color:#4c4c4c;*/
	color: #808080;
	margin-right:13%;
	float:left;
}
.infoCopyright {
	float:left;
	font-size:13px;
	line-height:16px;
	width:32%;
	max-width:330px;
	color: #808080;
}
.infoCopyright img {
	padding:35px 0 20px 0;
	
}

/*    INSTAGRAM   */
.instagramComtent {
	width: 100%;
	padding-bottom: 50px;
}
.instagramInner {
	max-width: 1284px;
	margin: 0 auto;
}
.instagramInner DIV:nth-of-type(4n+4) {
	margin-right:0%;
}
.instarow {
	width: 23.5%;
	margin: 0 2% 2% 0;
	float: left;
}
.instarow img {
	width: 100%;
	height: auto;
	border: 1px solid #C3C3C3;
}
.instarow img:hover{
  opacity: 0.6;
  -moz-opacity: 0.6;
  -webkit-opacity: 0.6; 
}
.followig{
	border-top: 1px solid #C3C3C3;
	height:50px;
	padding-top:4px;
}

/*    CONTACT    */
.contactContent {
	font-size:19px;
	line-height:25px;
	color:#666;
	width:570px;
}
.contact {
	border-top: 1px solid #C3C3C3;
	height:112px;
	padding-top:4px;
}
.contact span {
	color:#000;
}
.contact a:link {
	color:#000;
	text-decoration: none; 
}
.contact a:visited {
	color:#000;
	text-decoration: none;
}
.contact a:hover, a:focus { 
	text-decoration: none;
	color:#6d6d6d;
}
.bite {
	border-top: 1px solid #ABABAB;
	height:112px;
	padding-top:9px;
	font-size:13px;
}

/* ~~miscellaneous float/clear classes~~ */
.fltrt {  
	float: right;
	margin-left: 8px;
}
.fltlft { 
	float: left;
	margin-right: 8px;
}
.clearfloat { 
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}


@media only screen and (max-width: 1440px) {

.instagramInner {
	max-width: 1000px;
	margin: 0 auto;
}
	
	/*.tintCap h2 {
	font-size:18px;
	color:#333;
}
.tintCap h3 {
	font-size:14px;
	color:#333;
}*/

}

/*MEDIA QUERY*/
/*@media only screen and (max-width : 736px) {
.introContainer {
	width:100%;
	z-index:20;
}
.introLogo {
	font-family: '306E63_0_0', Helvetica, Arial, sans-serif;
	font-size:20px;
	z-index:10;
	color:#4c4c4c;
	float:left;
	padding:20px 0 0 36px;
	
}

.introNav {
	float:left;
	padding:20px 36px 0 36px;
	width:100%;
}	
	
	
}*/