@font-face {
	font-family: 'Conv_AvenirNextLTPro-Heavy';
	src: url('fonts/AvenirNextLTPro-Heavy.eot');
	src: local('☺'), url('fonts/AvenirNextLTPro-Heavy.woff') format('woff'), url('fonts/AvenirNextLTPro-Heavy.ttf') format('truetype'), url('fonts/AvenirNextLTPro-Heavy.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Conv_AvenirNextLTPro-Regular';
	src: url('fonts/AvenirNextLTPro-Regular.eot');
	src: local('☺'), url('fonts/AvenirNextLTPro-Regular.woff') format('woff'), url('fonts/AvenirNextLTPro-Regular.ttf') format('truetype'), url('fonts/AvenirNextLTPro-Regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

body{
	margin:0px;
	padding:0px;
	background-color:rgb(255,242,236);
	color:rgb(16,54,57);
		/*background:url(images/grid.png) top left repeat;*/
}

#wrapper{
	position: relative;
}

h1{
	font: 64px/64px Conv_AvenirNextLTPro-Heavy, Helvetica, Arial, sans-serif;
	background:url("images/h1.png") top left repeat-x;
	display: inline-block;
	font-weight:normal;
	position:relative;
	text-transform:uppercase;
	padding:0px 20px 0px 0px;
	margin:0px 0px 50px 0px;
}

h1 span{
	display:block;
	position:absolute;
	width:440px;
	height:60px;
	top:0px;
	left:0px;
	z-index:501;
	background:url("images/h1-span.png") center center repeat;
}

p{
	font: 22px/40px Conv_AvenirNextLTPro-Regular, Helvetica, Arial, sans-serif;	
	margin:0px;
	padding:0px;
}

p + p{
	text-indent: 40px;
}

#testimonials p, footer p{
	font: 14px/20px Conv_AvenirNextLTPro-Regular, Helvetica, Arial, sans-serif;	
	margin:0px;
	padding:0px;
}

#testimonials p + p, footer p + p{
	text-indent: 0px;
}

#testimonials{
	width:912px;
}

#photography{
	margin-bottom:100px;
}

.testimonial-column{
	width:284px;
	padding-right:20px;
	float:left;
}

#testimonials .quoted{
	color:rgb(15,172,141);
	margin-bottom:40px;
	font: 14px/20px Conv_AvenirNextLTPro-Regular, Helvetica, Arial, sans-serif;
}

footer{
	margin:0px 0px 20px 304px;
	width:586px;
	position:relative;
}

article{
	width:586px;
	z-index:502;
	position:relative;
	margin:0px 0px 280px 304px;
}

div.logo{
	background:url(images/logo.png) top left no-repeat;
	width:180px;
	height:180px;
	margin:25px 0px 0px 25px;
	background-size:100%;
}

aside{
	position:fixed;
	top:0px;
	width:282px;
	left:0px;
	z-index:501;
	/*border:1px solid black;*/
}

nav{
	margin:50px 0px 0px 0px;
}

aside nav ul{
	font: 16px/25px Conv_AvenirNextLTPro-Heavy, Helvetica, Arial, sans-serif;
	font-weight:normal;
	text-transform:uppercase;
	letter-spacing:1px;
	padding:0px;
	margin:0px 50px;
	list-style-type: none;
}

aside nav li{
	margin:0px;
	padding:0px;
}

p a{
	color:rgb(15,172,141);
	border-bottom:1px solid rgb(15,172,141);
	padding-bottom:4px;
	text-decoration:none;
}

p a:hover{
	color:rgb(255,126,66);
	border-bottom:1px solid rgb(255,126,66);
}

#primary a{
	text-decoration:none;
	color:rgb(16,54,57);
}

#primary a:hover{
	color:rgb(255,126,66);
}

#primary a.active{
	color:rgb(15,172,141);
}


#parallax-bg1, 
#parallax-bg2, 
#parallax-bg3{

}

blockquote{
	width:280px;
	font-family: Conv_AvenirNextLTPro-Heavy, Helvetica, Arial, sans-serif;
	text-transform:uppercase;
	margin:0px;
	padding:0px;
}

p.quoted{
	font: 14px/20px Conv_AvenirNextLTPro-Regular, Helvetica, Arial, sans-serif;
	text-transform:none;
	margin:20px 0px 0px 0px;
	padding:0px;
}

.next{
	width:45px;
	height:45px;
	display:block;
	background:url(images/next.png) top left no-repeat;
	background-size:100%;
}

.prev{
	width:45px;
	height:45px;
	display:block;
	margin-bottom:50px;
	background:url(images/prev.png) top left no-repeat;
	background-size:100%;
}

.next:hover{
	background:url(images/next-hover.png) top left no-repeat;
	background-size:100%;	
}

.prev:hover{
	background:url(images/prev-hover.png) top left no-repeat;
	background-size:100%;
}

nav.next-prev{
	display:relative;
	margin:25px 0px 0px 0px;
	z-index:503;
}

/* content */
#content {
	z-index: 4;
	position: relative;
	}

	#infographics{
		width:100%; 
		min-width:638px;
		position:relative; 
		background-color:rgb(15,172,141); 
		padding:40px 0px; 
		margin-bottom:280px;
	}
	
	#video{
		width:1000px; 
		height:562px;
		margin: 0px 0px 0px 304px;
	}
	
	#video iframe{
		width:100%;
		height:100%;
	}
	
	#infographics .next-prev{
		position:absolute; bottom:-60px; left:304px;
	}

	#about-us,
	#our-approach,
	#our-approach-2,
	#who-we-are,
	#get-in-touch,
	#testimonials,
    #photography{
		padding-top: 50px;
		}
	#our-approach-2{
		margin-top:320px;
	}

	#she-knows {
		position: absolute;
		top: 4430px;
		left:1024px;
	}
	
	#she-knows span{
		background:url("images/quote-she-knows.png") top center no-repeat;
		display:block;
		z-index:502;
		width:300px;
		height:190px;
		position:absolute;
	}
	
	#microscope {
		position: absolute;
		top:460px;
		left:1110px;
		z-index:501;
		}
	#vase{
		position: absolute;
		top:620px;
		left: 190px;
		z-index:501;
		}
		
	#petridish {
		position: absolute;
		top: 866px;
		left:1140px;
		}	
		
	#we-appointed {
		position: absolute;
		top:172px;
		left:1024px;
		z-index:501;
		}
	
	#we-appointed span{
		background:url("images/quote-we-appointed.png") top center no-repeat;
		display:block;
		z-index:502;
		width:300px;
		height:190px;
		position:absolute;
	}
	
	#space1 {
		position: absolute;
		top: 1690px;
		left: 200px;
		}

	#space2 {
		position: absolute;
		top: 1690px;
		left: 200px;
		z-index:501;
		}

	#she-is-creative {
		position: absolute;
		top: 1800px;
		left:1024px;
		}
		
	#she-is-creative span {
		display:block;
		z-index:502;
		width:300px;
		height:120px;
		position:absolute;
		background:url("images/quote-she-is-creative.png") top left no-repeat;
		}

	#telescope {
		position: absolute;
		top: 2090px;
		left:970px;
		}

	#jill {
		position: absolute;
		top: 3010px;
		left:872px;
		}
		
	#leaves2 {
		position: absolute;
		top: 3010px;
		left:872px;
		z-index:501;
		}

	#leaves {
		position: absolute;
		top: 2900px;
		left: 200px;
		}


	#the-oil {
		position: absolute;
		top: 1046px;
		left:912px;
		}
		
	#the-oil span {
		display:block;
		z-index:502;
		width:300px;
		height:230px;
		position:absolute;
		background:url("images/quote-the-oil.png") top left no-repeat;
		}
		
	#typewriter {
		position: absolute;
		top: 4880px;
		left:1100px;
		}
		
	
	#slicedbread{
		position: absolute;
		top: 6540px;
		left:1080px;
		}

    #camera{
		position: absolute;
		bottom: 800px;
		left:1080px;
		}

    #photo-clients {
		position: absolute;
		bottom: 500px;
		left:1080px;
		}
		
	#photo-clients span {
		display:block;
		z-index:502;
		width:300px;
		height:230px;
		position:absolute;
		background:url("images/photo-clients.png") top left no-repeat;
		}
		
@media (max-width: 1336px){

	body{
		-webkit-text-size-adjust:none;
		/*width:636px;*/
	}

	article{
		margin:0px 0px 400px 304px;
	}
	
	.testimonial-column{
	clear:both;
	width:586px;
	}
	
	#testimonials p{
		font: 22px/40px Conv_AvenirNextLTPro-Regular, Helvetica, Arial, sans-serif;	
	}
	
	#testimonials .quoted{
		color:rgb(15,172,141);
		margin-bottom:80px;
		font: 22px/40px Conv_AvenirNextLTPro-Regular, Helvetica, Arial, sans-serif;	
	}
    
    #testimonials .quoted:last-child{
        margin-bottom:0px;
    }
	
	footer{
		margin-left:304px;
	}
	
	
	#testimonials{
		width:586px;
		margin-bottom:100px;
	}
    
    .testimonial-column{
    	margin-bottom:80px;
    }
	
	#infographics{
		margin-bottom:140px;
	}
	
	#video{
		width:586px;
		height:330px; 
	}
	
	#infographics .next-prev{
		position:absolute; bottom:-60px; left:304px;
	}
	
	
	#she-knows {
		top:770px;
		left:304px;
	}
	
	#microscope {
		top:870px;
		left:704px;
		}
	#vase{
		top:0px;
		left: 794px;
		}

	#we-appointed {
		top: 2800px;
		left:610px;
		z-index:502;
		}

	
	#space1 {
		top: 1810px;
		left: 290px;
		width:638px;
		}

	#space2 {
		top: 1810px;
		left:290px;
		width:638px;
		
		}


	#she-is-creative {
		top: 2060px;
		z-index:502;
		left:610px;
		}

	#telescope {
		top: 2800px;
		left:948px;
		display:none;
		}

	#jill {
		top: 2800px;
		left:180px;
		width:400px;
		}
		
	#leaves2 {
		top: 2800px;
		left:180px;
		z-index:501;
		width:400px;
		
		}

	#leaves {
		top: 5460px;
		left: 564px;
		}

 	#get-in-touch{
		margin-bottom:200px;
	}
	
	#testimonials{
		margin-bottom:100px;
	}

	#the-oil {
		top: 4340px;
		left:304px;
	}
		
	#typewriter {
		top: 4440px;
		left:704px;
	}
		
	
	#slicedbread{
		position: absolute;
		top: 10740px;
		left:760px;
	}
    
    #photography{
        margin-bottom:400px;
    }   
    
    #camera{
		position: absolute;
		bottom: 160px;
		left:630px;
		}

    #photo-clients {
		position: absolute;
		bottom: 160px;
		left:300px;
		}
    
}


@media (max-width: 940px){
	aside{
		position:absolute;
		top:25px;
		left:0px;
		width:586px;
		z-index:501;
		/*border:1px solid black;*/
	}
	
	#infographics{
		margin:420px 0px 140px 0px;
		padding:25px 0px;
	}
	
	#video{
		border:1px solid rgb(16,54,57); 
		margin: 0px 0px 0px 25px;
	}
	
	#infographics .next-prev{
		position:absolute; bottom:-60px; left:25px;
	}
	
	aside nav ul{
		margin:50px 25px;
	}

	div.logo{
		margin:10px 10px;
	}
	article{
		margin:0px 0px 400px 25px;
	}
	

	#she-knows {
		top:770px;
		left:25px;
	}
	
	#microscope {
		top:870px;
		left:400px;
		}
	#vase{
		top:0px;
		left: 490px;
		}

	#we-appointed {
		top: 2800px;
		left:330px;
		z-index:502;
		}

	
	#space1 {
		top: 1810px;
		left: 0px;
		width:638px;
		}

	#space2 {
		top: 1810px;
		left:0px;
		width:638px;
		
		}


	#she-is-creative {
		top: 2060px;
		z-index:502;
		left:330px;
		}

	#telescope {
		top: 2800px;
		left:644px;
		display:none;
		}

	#jill {
		top: 2800px;
		left:-90px;
		width:400px;
		}
		
	#leaves2 {
		top: 2800px;
		left:-90px;
		z-index:501;
		width:400px;
		
		}

	#leaves {
		top: 5460px;
		left: 260px;
		}

 	#get-in-touch{
		margin-bottom:200px;
	}
	
	#testimonials{
		margin-bottom:100px;
	}

	#the-oil {
		top: 4340px;
		left:25px;
		}
		
	#typewriter {
		top: 4440px;
		left:400px;
	}
		
	
	#slicedbread{
		position: absolute;
		top: 10700px;
		left:380px;
	}
    
        
    #camera{
		position: absolute;
		bottom: 160px;
		left:340px;
		}

    #photo-clients {
		position: absolute;
		bottom: 160px;
		left:25px;
		}
	
	footer{
		margin-left:25px;
	}
}



@media only screen and (-webkit-min-device-pixel-ratio: 2) {
    #she-is-creative span{    
        background:url("images/quote-she-is-creative@2x.png") top left no-repeat;
        background-size: 285px 131px;
    }
    
    #she-knows span{
		background:url("images/quote-she-knows@2x.png") top left no-repeat;
        background-size: 314px 212px;
    }
    
    #we-appointed span{
        background:url("images/quote-we-appointed@2x.png") top left no-repeat;
        background-size: 285px 226px;
    }
    
    #the-oil span{
        background:url("images/quote-the-oil@2x.png") top left no-repeat;
        background-size: 289px 236px;
    }
    
    #photo-clients span{
        background:url("images/photo-clients@2x.png") top left no-repeat;
        background-size: 285px 256px;
    }
    
    h1 span{
        background:url("images/h1-span@2x.png") center center repeat;
        background-size: 444px 70px; 
    }
    
    h1{
        background:url("images/h1@2x.png") top left repeat-x;
        background-size: 444px 51px; 
    }
    
    
}