/*@font-face {
	  font-family: fontTypeOne;
	  src: url("../type/Proxima Nova Alt Bold.otf"); 
	  }

	@font-face {
	  font-family: fontTypeTwo;
	  src: url("../type/Proxima Nova Alt Regular.otf"); 
	  }*/
	  
	html {
	height:  100%; 
	}
	
	#landscape{position:absolute; padding-top:50px; left:0; font-weight: bold; text-align:center; background:white; width:100%; height:100%; display:none;}
	
	/* Desktop/Laptop Layout: 801px to 1277px */
	@media only screen and (min-width: 801px) {

	body {
	 font-family: arial, Verdana, sans-serif;
	 background-image: url("../images/assets/slide_1496_1131.gif");
     background-size: cover;
	/* background: #000;*/
	}

	a {color: #000; }
	
	div header{
		font-family: fontTypeOne;
		font-size: 13px;
	}
	
	div .work-copy {
		font-family: fontTypeTwo;
		font-size: 13px;
	}
	
    .grid-container {
	 /*width: 1500px;
	 margin: 0 auto;
	width: 85.8887%;
	max-width: 1232px;
	min-width: 820px;
	padding-left: 1.0556%;
	padding-right: 1.0556%;
	margin: auto;
	background: #000;
	position: absolute;
	background-size: cover;
	top: 0px;*/
	}
	
	.content {
	/* background: #000 url("../images/assets/audi_1496_1404.png") no-repeat center;
	 position: absolute;
	 width: 1496px;
	 height: 1404px;
	 margin: 0 auto;*/
	}
	
	.nav-bg {
	 opacity:1;
     filter:alpha(opacity=100);
     background: #0a0a0a;
	 position: absolute;
	 width: 100%;
	 height: 75px;
	 top: 0px;
	 margin: 0 auto;
	}
	
	.logo {
	 background: url("../images/assets/logo.gif") no-repeat top;
	 float: right;
     position: absolute;
	 width: 124px;
	 height: 70px;
	 top: -12px;
	 margin-left: 75%;
	}
	
	.inner-content {
	 opacity:0.9;
     filter:alpha(opacity=90);/* ie */
     background: #265385;
	 position: absolute;
	 width: 100%;
	 height: 260px;
	 top: 150px;
	 margin: 0 auto;
	}
	
	.index-copy {
     /*font-family: fontTypeOne;*/
	 font-size: 14px;
	 position: absolute;
	 top: 35px;
	 color: #fff;
	 line-height: 1.9em;
	 width: 75%;
	 margin-left: 12%;
	 }
}
/* Tablet Layout: 481px to 901px. Inherits styles from: Mobile Layout. */
@media only screen and (min-width: 481px, max-width: 699px) {

	
	body {
	 background-image: url("../images/assets/slide_1496_1131.gif");
     background-size: cover;
	/* background: #000;*/
	}

	a {color: #000; }
	
	div header{
		font-family: fontTypeOne;
		font-size: 13px;
	}
	
	div .work-copy {
		font-family: fontTypeTwo;
		font-size: 13px;
	}
	
    .grid-container {
	 /*width: 1500px;
	 margin: 0 auto;
	width: 85.8887%;
	max-width: 1232px;
	min-width: 820px;
	padding-left: 1.0556%;
	padding-right: 1.0556%;
	margin: auto;
	background: #000;
	position: absolute;
	background-size: cover;
	top: 0px;*/
	}
	
	.content {
	/* background: #000 url("../images/assets/audi_1496_1404.png") no-repeat center;
	 position: absolute;
	 width: 1496px;
	 height: 1404px;
	 margin: 0 auto;*/
	}
	
	.nav-bg {
	 opacity:1;
     filter:alpha(opacity=100);
     background: #0a0a0a;
	 position: absolute;
	 width: 100%;
	 height: 75px;
	 top: 0px;
	 margin: 0 auto;
	}
	
	.logo {
	 background: url("../images/assets/logo.gif") no-repeat top;
	 float: right;
     position: absolute;
	 width: 124px;
	 height: 70px;
	 top: -12px;
	 margin-left: 75%;
	}
	
	.inner-content {
	 opacity:0.8;
     filter:alpha(opacity=80);
     background: #265385;
	 position: absolute;
	 width: 100%;
	 height: 260px;
	 top: 150px;
	 margin: 0 auto;
	}
	
	.index-copy {
     font-family: fontTypeOne;
	 font-size: 14px;
	 position: absolute;
	 top: 25px;
	 color: #fff;
	 line-height: 1.9em;
	 width: 75%;
	 margin-left: 125px;
	 }
}