@charset "UTF-8";
@import url(http://fonts.googleapis.com/css?family=Lato:300);

h1 { font-family: 'Lato', sans-serif;
	font-weight: 300;
	}
h2 { font-family: 'Lato', sans-serif;
	font-weight: 300;
	}
h1 { font-size: 24px; color: #080300; margin-top:8px; letter-spacing: 0.075em;}
h2 { font-size: 16px; color: #080300; font-style: italic; margin-top:-8px; letter-spacing: 0.075em;}
h7 { font-size: 15px; color: #212121; letter-spacing:0.1em; line-height: 1.6em; padding: 0px; margin: 0px;}
h8 { font-size: 15px; color: #666666; letter-spacing:0.1em; line-height: 1.6em; padding: 0px; margin: 0px;}

a					{ text-decoration:none; color:#666666; padding-bottom: 0px; } 
a:visited			{ text-decoration:none; color:#666666; }
a:hover				{ text-decoration:none; color:#E6E6E6; }
a:active			{ text-decoration:none; color:#666666; }

nav 				{
	padding-top: 0px;
	padding-bottom: 4px;
	line-height: 1.6em;
	letter-spacing: 0.1em;
	font-size: 15px;
	margin: 10px 10px;
	color: #666666;
}
nav a 				{ padding: 0 0px 0 2px; margin: 0px 5px 0 5px; }
nav a:visited 		{ }
nav a:hover			{ color: #BCBCBC; }
nav a:active		{ position: relative; top: 0; }

a.thumb_links			{  font-size: 14px; line-height: 1.6em; letter-spacing: 0.1em; color: #666666; padding-bottom: 0px;  }
a.thumb_links:visited	{  }
a.thumb_links:hover		{ }
a.thumb_links:active	{  }

a.thumb_links, a.thumb_links:visited, a.thumb_links:active span.grey {color: #666666;}
a.thumb_links:hover span.grey {color: #BCBCBC;}

a.thumb_links, a.thumb_links:visited, a.thumb_links:active span.normal {color: #666666;}
a.thumb_links:hover span.normal {color: #666666;}

a.end 					{ font-size: 14px; line-height: 1.6em; letter-spacing: 0.1em; color: #5D5D5D; padding-bottom: 0px; border-bottom: 1px solid #5D5D5D;}
a.end:visited			{  }
a.end:hover				{ color: #BCBCBC; }
a.end:active			{  }

a.tact					{ font-size: 14px; line-height: 1.6em; letter-spacing: 0.1em; color: #333333; padding-bottom: 0px;}
a.tact:visited			{  }
a.tact:hover				{ color: #BCBCBC; }
a.tact:active			{  }


	
body {
	font-family: 'Quicksand', sans-serif;
	font-style: normal;
	letter-spacing: 0.04em;
	background-color: #E4E4E4;
	margin: 0; padding: 0;
	}
	
#cont {
	background-color: #000000;
	margin: 0 auto;
	border: 0px 0 0 0;
	padding: 0 0 0 0;
}

#header {
	background-color: #FCFDFE;
	width: 100%;
	height: 278px;
	text-align: center;
	padding-top:8px;
	padding-bottom: 10px;
}

.logo {
	max-width: 100%;
	height: auto;
}


#innercont {
	background-color: #000000;
	width: 100%;
	text-align: center;
}

.inner_container {
	text-align: center;
    padding: 0px 0% 0px 0%;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	max-width: 960px;
}

#contactainer {
	background-color: #E4E4E4;
	width: 100%;
	text-align: center;
}

.contactain {
	text-align: center;
    padding: 5px 0% 5px 0%;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	max-width: 960px;
}

.film_nav {
	background-color: #00FF00;
	text-align: center;
	padding: 5px 0% 5px 0%;
	width: 100%;
	height: 65px;
	margin-left: auto;
	margin-right: auto;
}

.toptain {
	background-color: #000000;
	width: 100%;
	text-align: center;
	padding: 5px 0% 5px 0%;
	margin-left: auto;
	margin-right: auto;
	height: 68px;
}
	

#bioents {
	background-color: #080300;
	width: 100%;
	text-align: center;
	font-size:14px;
	padding: 20px 0px 20px 0px;
	letter-spacing: 0.1em;
}

.clients {
	letter-spacing: 0.1em;
	vertical-align: top;
	text-align: center;
	color: #666666;
	display: inline-block;
	padding: 10px 15px 50px 15px;
	width: 300px;
	border: 0px;
	margin: 0px;
}

.bio {
	letter-spacing: 0.1em;
	vertical-align: top;
	text-align: center;
	color: #666666;
	display: inline-block;
	padding: 10px 15px 50px 15px;
	width: 320px;
	border: 0px;
	margin: 0px;
}

#vidtent {
	background-color: #000000;
	padding: 0px 0 0 0;
	text-align: center;
	width: 100%;
}

.vidtent_inner {
	text-align: center;
    padding: 10px 0% 5px 0%;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	max-width: 720px;
}

.vidtent_innershow {
	text-align: center;
    padding: 10px 0% 5px 0%;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	max-width: 720px;
}

.vidtent_intent {
	position: relative;
	text-align: centre;
	padding-bottom: 56.25%;
	padding-top: 0px;
	height: 0;
	overflow: hidden;
}


.vidtent_intent iframe, object, embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;

}

.bar1 {width: 99%; top: 460px; max-width: 80%; height: 1px; position: relative; background-color: #444444; margin: 0 auto; }

.bar2 {width: 9%; top: 0px; max-width: 890px; height: 1px; position: relative; background-color: #444444; margin: 0 auto; }

.bar3 {width: 99%; top: 0px; max-width: 890px; height: 1px; position: relative; background-color: #444444; margin: 0 auto; }

.bar4 {width: 99%; top: 280px; max-width: 890px; height: 1px; position: relative; background-color: #444444; margin: 0 auto; }

.bar5 {width: 17%; top: 0px; max-width: 890px; height: 1px; position: relative; background-color: #444444; margin: 0 auto; }

.bar6 {width: 99%; top: 21px; max-width: 890px; height: 1px; position: relative; background-color: #444444; margin: 0 auto; }

.thumb_div {
 	letter-spacing: 0.1em;
	background-color: #080300;
	display: inline-block;
	padding: 10px 15px 50px 15px;
}

.thumb_divnolink {
 	letter-spacing: 0.1em;
	background-color: #080300;
	display: inline-block;
	padding: 0px 15px 50px 15px;
}

.blurb_div {
 	letter-spacing: 0.1em;
	background-color: #080300;
	font-size:14px;
	padding: 35px 15px 50px 15px;
}

.light {
	color: #999999;
	font-size:14px;
	padding: 0px;
	margin: 0px;
}

.lightbigsr {
	color: #666666;
	font-size:15px;
	letter-spacing: 0.1em;
	line-height: 1.6em;
	padding: 0px;
	margin: 0px;
}

.lightbig {
	color: #666666;
	font-size:15px;
	letter-spacing: 0.1em;
	line-height: 1.6em;
	padding: 0px;
	margin: 0px;
}


.grey {
	color: #666666;
	font-size:14px;
	letter-spacing: 0.1em;
	line-height: 1.6em;
	padding: 0px;
	margin: 0px;
}

.grey3 {
	color: #666666;
	font-size:15px;
	letter-spacing: 0.1em;
	line-height: 1.6em;
	padding: 0px;
	margin: 0px;
}

.grey4 {
	color: #666666;
	font-size:13px;
	letter-spacing: 0.1em;
	line-height: 1.6em;
	padding: 0px;
	margin: 0px;
}

.aboutext {
	color: #515151;
	font-size:14px;
	letter-spacing: 0.1em;
	line-height: 1.6em;
	padding: 0px;
	margin: 0px;
}

.darkgrey {
	color: #333333;
	font-size:14px;
	padding: 0px;
	margin: 0px;
}

.normal {
	padding: 0px;
	margin: 0px;
}

.thumbs {
	border: 0px;
	margin: 0;
	border-bottom: 10px;
	padding: 0px 0px 22px 0px;
	width: 200px;
	height: 113px;
}

.thumbsnolink {
	border: 0px;
	margin: 0;
	border-bottom: 10px;
	padding: 0px 0px 29px 0px;
	width: 200px;
	height: 113px;
}

#videos {
	text-align: center;
	background-color: #080300;
	width: 100%;
	height: 600px;
	padding-top: 40px;
}

.tactbottom {
	text-align:center;
	background-color:#000000;
	color:#666666;
	width:100%;
	height:302px;
	}
	
#enddeets {
	text-align:center;
	background-color:#000000;
	color:#666666;
	width:100%;
	height:380px;
	padding-top:25px;
	padding-bottom:13px;	}
	
#footer {
	background-color:#000000;
	color:#000;
	font-size: 13px;
	width:100%;
	height:80px;
	text-align:center;
	}

@media only screen and (max-width: 880px) 	{
	iframe, object, embed{	width: 95%; height: auto;}
}

@media only screen and (max-width: 720px)	{
	
	.bar1 { position: absolute; left: -1000px; }
	iframe, object, embed{	width: 95%; height: auto;}
}

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

{

	#header { padding: 35px 0 15px 0; height: 240px; }
	
	h7 { font-size: 18px; }
	h8 { font-size: 18px; }
	#aboutext { font-size: 18px; }
	#innercont { padding: 0px 0px 0px 0px; }
	.inner_container { padding: 0px 0px 5px 0px; }
	
	  
	.aboutain { width: 380px; font-size: 16px;}
		
	.thumbs  { padding: 0px 0 20px 0;  }
	.thumb_div { padding: 0px 0px 25px 0px;  }
	
	.vidtent_innershow { width: 100%; padding: 5px 0 0 0;}
	.vidtent_inner { width: 100%; padding: 5px 0 0 0;}
	.vidtent_intent { padding-bottom: 56%; }
	
}
 
@media only screen and (max-width: 480px) 	{

	h7 { font-size: 18px; }
	h8 { font-size: 18px; }
	
	.thumbs { width: 100%; height: auto;}
	.thumb_div { width: 100%; padding: 0px 0px 25px 0px; }
	
	.bar1, .bar2, .bar3, .bar4, .bar5 {display: none; max-width: 100px;}
	
	.blurb_div { width: 100%; padding: 0px 0px 25px 0px; font-size: 16px; }
	.aboutain { width: 280px; font-size: 16px; }

	.clients, .bio { width: 250px; padding: 0px 0px 50px 0px; }

	.contactain { letter-spacing: 0.1em; font-size: 14px;}

	iframe, object, embed{	width: 100%; height: auto;}
	.vidtent_innershow { width: 100%; }
}