@import url(http://fonts.googleapis.com/css?family=Economica:400,700);

html {
	margin:0;
	padding:0;
	font-size: 1em;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	}
	
body {
	color: white;
	height: 100%;
	width: 100%;
	font-family: 'Economica', Futura, sans-serif;
	text-align: center;
	padding: 0px;
	margin: 0px;
	background: 000#;
}
	
#tumblrbody {
	background: #ffffff;
}

.background {
	position: fixed;
	z-index: -500;
	top:0;
	left:0;
	width: 100%;
	height: 100%;
	 background: #000 url(images/bg/bg_images.php) no-repeat center center fixed;
  	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/bg/bg_images.php', sizingMethod='scale');
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/bg/bg_images.php', sizingMethod='scale')";
}

	
a {
	color: #ffffff;
	text-decoration: none;
}


a:hover {
	color: #FFFF00;
}

a:visited {
	color: #ffffff;
}


p {
	margin: 12px;
	font-family: "Economica";
	font-weight: 700;
}


.caption  {
	font-family: Verdana;
	text-align: left;
	color: #ddd;
	font-size: 0.5em;
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	clear: both;
}
	
#tumblr {
	height: 900px;	
	width: 98%;
	top: 35px;
	display: block;
	margin-top: 50px;
	margin-left: auto;
	margin-right: auto;
/* 	-webkit-overflow-scrolling: touch; */
/* 	overflow: scroll; */
}


.top {
	background: url(scripts/rgba.php?r=255&g=255&b=255&a=75) repeat;
	background-color: rgba(255,255,255,0.75);
	left: 0px;
	top: -150px;
	position: fixed;
	display: block;
	width: 100%;
    z-index: 998;
	height: 38px;
	font-size: 1em;
}


#logobox {
	z-index: 998;
	position: absolute;
	height: 105px;
	width: 115px;
	left: 25px;
	top: 10px;
}


#shadowlogobox {
	position: absolute;
	height: 76px;
	width: 115px;
	left: 24px;
	top: 38px;
	z-index: 2;
	background: url(scripts/rgba.php?r=255&g=255&b=255&a=75) repeat;
	background-color: rgba(255,255,255,0.75);
}

#logo {
	opacity: 0;
}

.top ul {
	position: relative;
	width: 615px;
	height: 38px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-left: 0px;
	margin-left: auto;
	margin-right: auto;
	display: block;
	list-style-type: none;
}

.top li {
	display: inline-block;
	margin-right: 10px;
	height: 38px;
}

.top a {
	position: relative;
	color: #373737;
}

.top a:visited {
	color: #373737;
}


.top ul li a {
	top:9px;
	margin: 0px;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 9px;
	padding-bottom: 9px;
	display: inline;
}

.top ul li a:hover {
	color: black;
	background: url(scripts/rgba.php?r=255&g=255&b=0&a=55) repeat;
	background-color: rgba(255,255,0,0.55);
}

.activeiface {
	color: #ddd;
	background: url(scripts/rgba.php?r=255&g=255&b=255&a=75) repeat;
	background-color: rgba(255,255,255,0.75);
}

#container {
	margin-top: 65px;
	margin-right: auto;
	margin-left: auto;
	max-height: 920px;
	min-height: 450px;
	max-width: 1280px;
	min-width: 960px;
	display: block;

}

#gallery {
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 50px;
	margin-top: 25px;
	width: 960px;
	height: 610px;
	background: url(scripts/rgba.php?r=255&g=255&b=255&a=65) repeat;
	background-color: rgba(255,255,255,0.65);
	padding: 15px;
}

#main_img {
	color: white;
	display: inline-block;
	border-style: none;
	margin-bottom: 25px;
	margin-top: 25px;
	width: 960px;
	height: 540px;
}

#bgimg {
    position:absolute;
    left:0px;
    top:0px;
    pointer-events:none;
    z-index: -50;
}
    
#borderbox {
	background-repeat: no-repeat;
	margin-right: auto;
	margin-left: auto;
	width: 960px;
	height: 700px;
    border-color: #b0b0b0;
    border-style: dotted;
    border-width: 1px;
    background: url(scripts/rgba.php?r=0&g=0&b=0&a=50) repeat;
    background: rgba(0,0,0,0.5);
}

.biobox {
	border-radius: 10px;
	-moz-border-radius: 10px;
	border-top-color: black;
	border-top-style: solid;
	border-top-width: 10px;
	padding: 15px;
	background: url(scripts/rgba.php?r=255&g=255&b=255&a=85) repeat;
	background-color: rgba(255,255,255,.85);
	display: block;
	font-family: futura;
	font-size: 1em;
	width: 500px;
	margin-top: 50px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	color: #3c3c3c;
}

.biobox a{
	color:#000;
}

.biobox a:hover{
	color: #ff0;
	text-shadow: 1px 1px #000;
}


#stillsbox{
	margin-left: auto;
	margin-right: auto;
	white-space: nowrap;
	width: 960px;
	height: 560px;
	overflow: hidden;

}

#stillcontent{
	position: relative;
	top: 0px;
	left: 0px;
}

.stillsimg {
	margin: 0px;
	display: inline;
}
    
    


.contacttype {
	color: #ffffff;
	text-shadow: 1px 1px black;
	display: inline-block;
	width: 960px;
	height: 450px;
	text-align: left;
	font-size: 3em;
	border-color: #b0b0b0;
    border-style: dotted;
    border-width: 1px;
    background: url(scripts/rgba.php?r=0&g=0&b=0&a=50) repeat;
    background: rgba(0,0,0,0.5);
}

.contacttype p {
	margin: 25px;
	text-indent: 0px;
}

#span {
	text-shadow: 0px 0px;
	color: #fff;
	clear: both;
	font-size: 2em;
	padding: 25px;
}

.clientbox {
	width:960px;
	margin-left:auto;
	margin-right:auto;
	margin-top:50px;
	display:block;
	clear:both;
	background: url(scripts/rgba.php?r=0&g=0&b=0&a=33) repeat;
	background: rgba(0,0,0,0.33);
}

.bigshadow {
	display: inline-block;
	color: #fff;
	font-size: large;
	margin-bottom:25px;
}

#left {
	position: relative;
	float: left;
	display: inline-block;
	margin: 16px;
}


.hr {
	width: 960px;
	display: block;
	clear: both;
	margin-top: 50px;
	margin-left: auto;
	margin-right: auto;
	height: 1px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-color: #b0b0b0;
}
    
#bigtype {
	background-image: url(images/contact.gif);
	text-shadow: 1px 1px black;
	color: white;
	margin-right: auto;
	margin-left: auto;
	font-size: 2.5em;
	text-align: left;
	padding: 75px 35px 0px;
	width: 910px;
	height: 350px;
	border-color: black;
	border-style: dotted;
	border-width: 1px;
}


#reel {
	height: 540px;
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 5px;
	margin-top: 25px;
	display: block;
}

.video embed {
	width: 960px;
	height: 540px;
	margin-left: auto;
	margin-right: auto;
	display: block;
	clear: both;
}



.foot {
	clear: both;
	text-align: left;
	border-top-color: #ddd;
	border-left-style: none;
	border-right-style: none;
	border-top-style: dotted;
	border-top-width: 1px;
	margin-top: 50px;
	margin-left: auto;
	margin-right: auto;
	color: #ddd;
	width: 960px;
	display: inline-block;
	font-size: .75em;
	background: url(scripts/rgba.php?r=0&g=0&b=0&a=33) repeat;
	background: rgba(0,0,0,0.33);

}

#footerbox {
	display: inline-box;
	margin-top: 5px;
	width:960px;
	height: 100px;
	background-image: url(images/drkgrey_lines_trans_sm.png);
	border-bottom-color: #FFFF00;
	border-bottom-style: solid;
	border-bottom-width: 5px;
}


.foot p{
	text-indent: 0px;
	display: inline-block;
}
	
.foot ul {
	list-style-type: none;
	border-style: none;
	float: right;
	display: inline-block;
	list-style-type: none;
	margin-right: 12px;
}

.foot li {
	display: inline-block; 
}

.foot ul li a {
	height: 16px;
	width: 16px;
	display: inline-block;
	background-image: url(images/iconbar.gif);
	background-repeat: no-repeat;
}


#instagram a {
	background-position:0px -16px;
}

#instagram a:hover {
	background-position:0px 0px;
}

#twitter a {
	background-position:-32px -16px;
}

#twitter a:hover {
	background-position:-32px 0px;
}

#flickr a {
	background-position:-16px -16px;
}

#flickr a:hover {
	background-position:-16px 0px;
}

#vimeo a {
	background-position:-64px -16px;
}

#vimeo a:hover {
	background-position:-64px 0px;
}