/*
Plugin: jQuery Parallax
Version 1.1.3
Author: Ian Lunn
Twitter: @IanLunn
Author URL: http://www.ianlunn.co.uk/
Plugin URL: http://www.ianlunn.co.uk/plugins/jquery-parallax/

License: http://creativecommons.org/licenses/by-sa/3.0/ (Attribution Share Alike). Please attribute work to Ian Lunn simply by leaving these comments in the source code or if you'd prefer, place a link on your website to http://www.ianlunn.co.uk/.
*/

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


body{
	margin: 0;
	min-width: 980px;
	padding: 0;
}

a:link {
  text-decoration: none;
}

a:visited {
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

a:active {
  text-decoration: none;
}

p{
	margin: 0 0 20px 0;	
}

p, ul{
	font-family:"Proxima Nova Light", 'Helvetica Neue', Arial, Helvetica, sans-serif;
	font-size-adjust:0.488;
	font-weight:200;
	font-style:normal;
}

@font-face{
font-family: 'myfont';
src: url('fonts/entsans.ttf') format('truetype');
}


img{
	border: 0;
}

h1, #pixels{
	font-family:"Museo 900", Verdana, serif;
	font-size-adjust:0.40;
	font-weight:700;
	font-style:normal;
}

h2{
	font-family:myfont;
	font-size:34px;
	font-size-adjust:0.531;
	font-weight:500;
	font-style:normal;
}

h3{
	font-family:myfont;
	font-size:24px;
	font-size-adjust:0.531;
	font-weight:500;
	font-style:normal;
}

#header h1, #pixels{
	color: #48941A;
}

/* Fix for fancybox shift */

html {
  overflow-y: scroll;
}

.compensate-for-scrollbar {
  margin-right: 0 !important;
}

/* End fix for fancybox shift */

.float-left{
	float: left;	
	margin: 0 0 0 20px;
}

.float-right{
	float: right;
	margin: 25px 25px 0 0;
}

.float-right2{
	float: right;
	margin: 110px 0 0 0;
}

.center{
	font-size: 1.5em;
	padding: 120px 0;
	text-align: left;
}


/* Side Nav */
ul#nav {
	position : fixed;
	left     : 2%;
	top      : 10%;
	z-index  : 999;
}

ul#nav li {
	height   : 40px;
	position : relative;
	list-style: none;
}

ul#nav a {
	display     : block;
	width       : 20px;
	height      : 20px;
	background  : url(images/white-dot.png) 0 100% no-repeat;
	text-indent : -9000px;
	overflow    : hidden;
	outline     : none;
}

ul#nav a:hover, nav#main li.active a {
	background : url(images/white-grey-dot.png) 0 100% no-repeat;
}

ul#nav h1 {
	display     : none;
	opacity     : 0;
	position    : absolute;
	left        : 15px;
	top         : 0px;
	white-space : nowrap;
	padding     : 0 0 0 18px;
	background  : url(images/menu-arrow.png) 0 50% no-repeat;
	overflow    : hidden;
	margin      : 0;
	font-size   : 16px;
}

ul#nav span {
	display            : block;
	background         : url(images/menu-bg.png) repeat-x;
	color              : #FFF;
	padding            : 4px 8px;
	white-space        : nowrap;
	-moz-border-radius : 10px;
	border-radius      : 10px;
}


#header, #home, #recent{
	width: 100%;
}

#home{
	background:url(images/FirstBGdp6c.jpg) 50% 0 no-repeat fixed;
	color: white;
	height: 1000px;
	margin: 0 auto;
	background-size: cover;
	padding: 0;
}

#recent{
	background: url(images/FirstBGdp10.jpg) 50% 0 no-repeat fixed;
    color: white;
	height: 1000px;
	margin: 0 auto;
	background-size: cover;
	padding: 0;
}

#about{
	background: url(images/FirstBGdp7.jpg) 50% 0 no-repeat fixed;
	height: 1000px;
	margin: 0 auto;
	background-size: cover;
	overflow: hidden;
	padding: 0;
}

#second .bg{
	background: url(images/trainers.png) 50% 0 no-repeat fixed;
	height: 1300px;
	margin: 0 auto;
	padding: 0;
	position: absolute;
	width: 900px;
	z-index: 200;
}

#demos{
	background: url(images/FirstBGdp8.jpg) 50% 0 no-repeat fixed;
	color: white;
	height: 1000px;
	background-size: cover;
	overflow: hidden;
	padding: 50px 0 0 0;	
}

#audiodescription{
	background: url(images/admic9.jpg) 50% 0 no-repeat fixed;
	height: 1000px;
	color: white;
	background-size: cover;
	padding: 50px 0 0 0;
	overflow: hidden;
}

#studio{
	background: url(images/studiobg5.jpg) 50% 0 no-repeat fixed;
	height: 1000px;
	color: white;
	background-size: cover;
	padding: 50px 0 0 0;
	overflow: hidden;
}

#contact{
	background: #222;
	color: white;
	height: 800px;
	margin: 0 auto;
	padding: 40px 0 0 0;
}

.story{
	margin: 0 auto;
	min-width: 1180px;
	overflow: auto;
	width: 1180px;
}

.story .float-left, .story .float-right{
	padding: 50px 0 0 0;
	position: relative;
	width: 370px;
}

.story2{
	margin: 0 auto;
	min-width: 1000px;
	width: 1000px;
}

.story .float-left2, .story .float-right2{
	padding: 50px 0 0 0;
	position: relative;
	width: 390px;
}

.adstory{
	margin: 0 auto;
	min-width: 1200px;
	overflow: auto;
	width: 1200px;
}

.adstory .float-left, .story .float-right{
	padding: 50px 0 0 0;
	position: relative;
	width: 370px;
}

.container{
	width: 150px;
	margin: 420px auto;		
}


#divImagegallery img
{

	border: 1px solid #808080;	
	background-color:#000; 
	padding: 3px;

	margin: 0 35px 35px auto;
	
	/*Gradients*/
	
	/*Border Radius*/
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	
		/*Shadows*/
	box-shadow: 0px 0px 3px #000;
	-moz-box-shadow: 0px 0px 3px #000;
	-webkit-box-shadow: 0px 0px 3px #000;	
}

#divVideogallery img
{
	border: 2px solid #000;	
	background-color:#999; 
	padding: 3px;

	
	/*Gradients*/
	
	/*Border Radius*/
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	
		/*Shadows*/
	box-shadow: 0px 0px 5px #000;
	-moz-box-shadow: 0px 0px 5px #000;
	-webkit-box-shadow: 0px 0px 5px #000;	
}

#contact-mid, #contact-right{
  margin-left: 440px;
}

iframe{
  border: none;
  margin-top: -20px;
}

#socialicons
{	
	position: relative;
	width: 150px;
	height: 45px;
}

#socialicons img
{	
	margin: 1px 0px 0px 5px;
}

#divVideo1
{
	float:left;
	width: 318px;
	margin: 0 10px 0 0;
	padding-bottom: 20px;
}

#divVideo2
{
	float:left;
	width: 318px;
	margin: 0 10px 0 0;
	padding-bottom: 20px;
}

#divVideo3
{
	float:left;
	width: 318px;
	padding-bottom: 20px;
}

#divVideo4
{
	float:left;
	width: 318px;
	margin: 0 10px 0 0;
	padding-bottom: 20px;
}

#divVideo5
{
	float:left;
	width: 318px;
	margin: 0 10px 0 0;
	padding-bottom: 20px;
}

#divVideo6
{
	float:left;
	width: 318px;
	padding-bottom: 20px;
}

#divVideo7
{
	float:left;
	width: 318px;
	margin: 0 10px 0 0;
	padding-bottom: 20px;
}

#divVideo8
{
	float:left;
	width: 318px;
	margin: 0 10px 0 0;
	padding-bottom: 20px;
}

#divVideo9
{
	float:left;
	width: 318px;
	padding-bottom: 20px;
}

.audio
{
	width: 280px;
	margin: 10px;
	height: 30px;


}

.Audio1
{
	float:left;
	margin: 20px 0 0 10px;
	width: 318px;
	padding-bottom: 20px;
}

.Audio2
{
	float:left;
	margin: 20px 0 0 10px;
	width: 318px;
	padding-bottom: 20px;
}

div.divAboutcontent
{
    
    /* Fallback for web browsers that doesn't support RGBa */
    background: rgb(0, 0, 0);

    /* RGBa with 0.6 opacity */
    background: rgba(0, 0, 0, 0.6);

    /* For IE 5.5 - 7*/
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000, endColorstr=#66000000);

    /* For IE 8*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000, endColorstr=#66000000)";
}

.divAboutcontent
{
	width: 310px;
	height: 185px;
	margin: 0 0 0 0;
	border: 1px solid #000;
	
	/*Border Radius*/
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	
	/*Shadows*/
	box-shadow: 1px 1px 4px #000;
	-moz-box-shadow: 1px 1px 4px #000;
	-webkit-box-shadow: 1px 1px 4px #000;
	
}

.divAboutcontent img
{
	border: 1px solid #000;	
	padding: 16px;
	margin: 0.7em;
	
	/*Gradients*/
	
	/*Border Radius*/
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;	
}

.divAboutcontent h4
{
	color: #fff;
	margin: 0 auto;
}

.divAboutcontent p
{
	font-size: 0.9em;
	color: #d6d7d7;
	line-height: 1.4em;
	text-align:center;
}

div.divAboutcontent2
{
    
    /* Fallback for web browsers that doesn't support RGBa */
    background: rgb(0, 0, 0);

    /* RGBa with 0.6 opacity */
    background: rgba(0, 0, 0, 0.6);

    /* For IE 5.5 - 7*/
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000, endColorstr=#66000000);

    /* For IE 8*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000, endColorstr=#66000000)";
}

.divAboutcontent2
{
	width: 314px;
	height: 110px;
	margin: 0 0 0 0;
	border: 2px solid #666;
	
	/*Border Radius*/
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	
	/*Shadows*/
	box-shadow: 1px 1px 4px #000;
	-moz-box-shadow: 1px 1px 4px #000;
	-webkit-box-shadow: 1px 1px 4px #000;
	
}

.divAboutcontent2 img
{
	border: 1px solid #000;	
	padding: 16px;
	margin: 0.7em;
	
	/*Gradients*/
	
	/*Border Radius*/
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;	
}

.divAboutcontent2 h4
{
	color: #fff;
	margin: 0 auto;
}

.divAboutcontent2 p
{
	font-size: 0.9em;
	margin: 10px 0 10px 0;
	color: #d6d7d7;
	line-height: 1.4em;
	text-align:center;
}

#divstudioa
{
	float:left;
	width: 316px;
	margin: 0 10px 0 0;
	padding-bottom: 20px;
}

.studioA-info{
	float: left;
}

.studioB-info{
	float: right;
}

.connect-info{
	float: left;
}

.format-info{
	float: left;
	margin: 0 0 0 235px;
}

.transfer-info{
	float: left;
	margin: 0 0 0 235px;
}

#footer-wrap		
{
	width: 100%;
	height: 148px;
	background: url(images/footerbg.jpg);
	background-repeat: repeat-x;
	background-color:#515050;
	margin: 0px auto;
}

#footer
{
	width: 960px;
	margin: 0 auto;
	
	padding: 0px;
	height: 148px;
}

#footer p 
{
	text-align: center;
  	padding: 70px 0 0 0;
	color: #999898;
  	font-size: 14px;
 	margin: 0px;
}