html {
			  height: 100%;
			}
	
			body {
			  font-family: Helvetica Neue, Helvetica, sans-serif;
			  height: 100%;
			}
			
			.content-reel, #commercial-coach, #commercial-coca, #commercial-vogue, #commercial-diesel, #contact {
			  opacity:0;
			}
			
			a {
			  color:#3dbdf2;
			  border:0;
			  outline: 0;
			}
			
			a:active, a:selected, a:visited, a:focus { 
			  border:0;
			  outline:0;
			}
			
			a:focus {
			  outline: none;
			  outline-offset:0;
			}
			
			*:before, *:after {
				-moz-box-sizing: 0 !important;
			}
			
			.name, .title {
			  display:block;
			  text-align:center;
			}
			
			.header {
			  min-height: 200px;
			}
			
			#headermenu {
			 margin: 8px 0 6px 0;
			 padding: 0 20px 0 32px;
			}
			
			#headername > a {
			  font-family: 'Raleway', sans-serif;
			  color: #fff;
			  font-size: 32px;
			  line-height: 23px;
			  font-weight: 100;
			  text-decoration: none;
			}
			
			#headername img {
			  opacity:1;
			}
			
			
			#headername > a > span {
			  color: #6a8ab8;
			  font-size: 12px;
			  font-weight: 400;
			  display: block;
			}
			 
			#wrapper {
			  width: 100%;
			  height: 100%;
			  margin: 0;
			  padding: 0;
			  top: 0;
			  left: 0;
			  position: absolute;
			  text-align:left;
			  transition: all 0.4s ease 0s;
			}

			#sidebar-wrapper, #sidebar-wrapper-front {
			  margin-left: -250px;
			  padding-top:30px;
			  left: 250px;
			  width: 250px;
			  background-color: #000;
			  opacity: .8;
			  position: fixed;
			  height: 100%;
			  overflow-y: auto;
			  z-index: 1000;
			  transition: all 0.4s ease 0s;
			  z-index:99999;
			}

			#page-content-wrapper {
			  width: 100%;
			}
			
			.row {
			  margin-left: 0;
			  margin-right: 0;
			}
			
			#home {
			  margin: 0;
			  padding: 0;
			}
			
			#home-featured {
			  position: absolute;
			  background-image:url('../img/misc/omar.jpg');
			  width:100%;
			  height:100%;
			  background-size: cover;
			  background-position: left top;
			  background-repeat:no-repeat;
			}
			
			#contact {
			  padding: 0 0 0 300px;
			  font-size: 12px;
			  color: #484848;
			}
			
			.contact-wrap {
			  margin-top:34px;
			}
			
			.video-wrap {
			  margin-top:35px;
			  position: fixed;
			  -webkit-backface-visibility: hidden;
			  width:80%;
			  top:0;
			}
			
			.vid-wide {
			  width:90%;
			  padding: 0 10px 0 0;
			}
			
			.video > strong, .slave > strong {
			  display:block;
			}
			
			#commercial-gap {
			  padding: 35px 0 0 270px;
			}
			
			#commercial-coach {
			  padding: 35px 0 0 270px;
			}
			
			#commercial-coca {
			  padding: 35px 0 0 270px;
			}
			
			#commercial-vogue {
			  padding: 35px 0 0 270px;
			}
			
			#commercial-diesel {
			  padding: 35px 0 0 270px;
			}
			
			#photography {
			  padding: 35px 0 0 270px;
			}
			
			.content-reel {
			  padding: 35px 0 0 270px;
			}
			
			.featured {
			  margin-left:10px;
			}
						
			.image-container .imagebox {
			  z-index: -1;
			  position: relative;
			  float: left;
			  max-height: 100%;
			}
			
			.image-container {
			  margin-bottom: 10%;
			}
			
			.image img {
			  margin-right: 50px;
			}
			
			.image2 img {
			  margin-right: 50px;
			}
			
			.showreel-content {
			  margin: 0 auto;
			  width: 100%;
			}

			.sidebar-nav {
			  top: 0;
			  width: 220px;
			  height:300px;
			  list-style: none;
			  margin: 0;
			  padding: 0 12px;
			  opacity: 1;
			}

			.sidebar-nav li {
			  line-height: 20px;
			  text-indent: 20px;
			}

			.menu-media a {
			  color: #fff;
			  text-align: left;
			  display: block;
			  text-decoration: none;
			  font-size: 12px;
			  line-height: 18px;
			}

			.menu-media a:hover {
			  text-decoration: underline;
			}
			
			.load7, .load8, .load10, .load14, .load18 {
			  padding-bottom:12px;
			}
			.sidebar-nav li a:active,
			.sidebar-nav li a:focus {
			  text-decoration: none;
			}
			
			.title a {
			  line-height: 26px;
			  color: #a6867b;
			  font-size: 16px;
			}
			
			.title a:hover {
			  text-decoration:none;
			  cursor:text;
			}
			
			.load12 a:hover, .contact a:hover {
			  text-decoration:underline;
			  cursor:pointer;
			}
			
			.copyright {
			  line-height: 18pt;
			  color: #1b1b1b;
			  font-size: 10px;
			  margin-top: 20px;
			}
			
			.content-header {
			  height: 70px;
			  line-height: 65px;
			}

			.content-header h1 {
			  margin: 0;
			  margin-left: 20px;
			  line-height: 65px;
			  display: inline-block;
			}
			
			#arrowDown {
				background: url(img/misc/down-arrow.html) center center no-repeat;
				background-size: 70px 37px !important;
				border-radius: 30px;
				width: 70px;
				height: 37px;
				position: absolute;
				bottom: 75px;
				z-index: 99;
				text-indent: -9999 !important;
				display: block;
				left: 0;
				right: 0;
				margin: 0 auto;
				text-align: left !important;
				cursor: pointer;
				-o-transition: .5s;
				-ms-transition: .5s;
				-moz-transition: .5s;
				-webkit-transition: .5s;
				transition: .5s;
				opacity: .7;
			}

			#menu-toggle {
			  display: none;
			  font-size: 17px;
			  padding: 4px 12px 6px 12px;
			}
			
			.accolades {
			  font-size:11px;
			}
			
		@media only screen and (min-width: 0px) and (max-width: 679px) {

			#wrapper {
			  padding-left: 0;
			}
			  
			#sidebar-wrapper {
			  left: 0;
			}

			#wrapper.active {
			  position: relative;
			  left: 250px;
			}

			#wrapper.active #sidebar-wrapper {
			  left: 230px;
			  width: 240px;
			  transition: all 0.4s ease 0s;
			}

			#menu-toggle {
			  display: inline-block;
			  position: fixed;
			  margin: 4px 0 4px 6px;
			  z-index: 99999;
			}

			.inset {
			  padding: 0;
			}
			
			.image-container {
			  margin-bottom: 0;
			}
			
			.image-container .imagebox {
			  float:none;
			  display:block;
			}
			
			.image img {
			  width: 100%;
			  margin: 10px 0;
			}
			
			.vid-wide {
			  width:100%;
			  padding:0;
			}
			
			/*.fluid-width-video-wrapper {
			  height: 100% !important;
			  padding:0 !important;
			}
			
			.fluid-width-video-wrapper iframe, .fluid-width-video-wrapper object, .fluid-width-video-wrapper embed {
			  position:relative !important;
			}*/
			
			
			.video-wrap {
			  width:100%;
			  display:block;
			  position: relative;
			  padding:0;
			  margin: 0;
			}
		
			#commercial-gap {
			  padding: 35px 12px 0 12px;
			}
			
			#commercial-coach {
			  padding: 35px 12px 0 12px;
			}
			
			#commercial-coca {
			  padding: 35px 12px 0 12px;
			}
			
			#commercial-vogue {
			  padding: 35px 12px 0 12px;
			}
			
			#commercial-diesel {
			  padding: 35px 12px 0 12px;
			}
			
			#photography, #contact {
			  padding: 35px 12px 0 12px;
			}
			
			.content-reel {
			  padding: 35px 12px 0 12px;
			}
			
			#sidebar-wrapper{
				  position:fixed;
			}
						
		}