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

body, html{
margin:0;
height:100%;
width:100% !important;
}
body{
background-color:#f0f0f0;
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
font-weight:100;
margin:auto;

}

.header{
width:1000px;
margin:auto;
background-color:#3a3535;
overflow:hidden;
height:120px;
border-radius:10px;
}
#superHeader{
width:100%;
background-color: #3a3535;
width:100%;

}
.header h1{
margin-top:-100px;

}

.logo{
	float:left;
	margin:auto;
	
}

.topnav {
margin-right:100px;
margin-top:50px;
float:right;
color:#e9e9e9;
font-size:1.2em;
}
#blackTop{
clear:both;
 width:1000px;
margin:auto;
text-align:right;
padding:2px 0px 2px 0px;
}

.divide{
background-color:#3a3535;
width:1000px;
height:5px;
margin:auto;
margin-top:5px;
border-radius:10px;
}

.line{
background-color:#3a3535;
width:650px;
height:10px;
margin:auto;
float:left;
margin-bottom:10px;
}

#nav3{
display:none;
}
ul#slider{
margin:auto;
display:block;
height:350px;
width:1000px;
padding:0px;
}
#slider li{

}
.topnav a{
color:white;
text-decoration:none;
}
.topnav a:hover{

text-decoration:underline;
}

.slider {
width:1000px;
height:350px;
}

#slider li{
width:1000px;
margin:auto;
}
#slider li img{
width:1000px;
height:350px;
}
#bioHome{
width:650px;
float:left;
background-color:#e9e9e9;
height:400px;
margin-bottom:25px;
border-radius:10px;
}
#bioHome h2{
text-decoration:none;
margin:10px;
padding:4px;
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
font-weight:100;
width:1000px;
}
#bioHome p{
padding:10px;
}

.promo{
float:left;
margin-left:46px;
margin-top:10px;
}

.indexvideo{
width:650px;
float:left;
background-color:#e9e9e9;
height:400px;
margin-bottom:25px;
border-radius:10px;
}
.indexvideo h2{
text-decoration:none;

padding:4px;
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
font-weight:100;
width:1000px;
}
.indexvideo p{
padding:10px;
}

.welcome{
width:1000px;
float:left;
background-color:#e9e9e9;
height:220px;
margin-bottom:25px;
border-radius:10px;
}
.welcome h2{
text-decoration:none;
margin:10px;
padding:4px;
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
font-weight:100;
width:1000px;
}
.welcome p{
padding:10px;
}


#fbHomeFeed{
width:300px;
margin-left:50px;
float:right;
background-color:#e9e9e9
}

#midHome{
width:1000px;
margin:auto;
margin-top:25px;
}

.services{
margin:auto;
margin-top:25px;
width:1000px;
margin-bottom:25px;
zoom:1;
}
.services:before, .services:after{
content:"\0020"; display:block; height:0; overflow:hidden;

}
.services:after{
clear:both;
}
.servicesbio{
margin:auto;
padding:4px;

}

.production{
float:left;
width:300px;
height:200px;
background-color:#e9e9e9;
border-radius:10px;
}

.production h3{
text-decoration:none;
margin:10px;
padding:4px;
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
font-weight:100;
width:300px;
}

.mixing{
float:left;
margin-left:50px;
margin-right:50px;
width:300px;
height:200px;
background-color:#e9e9e9;
border-radius:10px;
}

.mixing h3{
text-decoration:none;
margin:10px;
padding:4px;
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
font-weight:100;
width:300px;
}

.video{
float:left;
width:300px;
height:200px;
background-color:#e9e9e9;
border-radius:10px;

}

.video h3{
text-decoration:none;
margin:10px;
padding:4px;
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
font-weight:100;
width:300px;
 
}

.footer{
width:1000px;
height:75px;
margin:auto;
}

#superFooter {
background-color: #3a3535;
width:100%;
margin-bottom:-8px;
}


.botlogo{
margin:auto;
float:left;	
}

.botnav{
margin:auto;

font-size:1.0em;
color:white;
margin-left:325px;
margin-right:275px;
margin-top:25px;
margin-bottom:35px;	
padding-top:27px;
}
.botnav a{
color:white;
text-decoration:none;
}
.botnav a:hover{
text-decoration:underline;
}
.social{
margin:auto;
float:right;
margin-right:4px;	
}

.fb-like-box{
background-color:white;
float:right;
margin-right:0px;
}

.verticalline{
background-color:#3a3535
weight:10px;	
}


#about{
width:650px;
float:left;
background-color:#e9e9e9;
height:400px;
margin-bottom:25px;
border-radius:10px;
padding:10px;
}
#about h2{
text-decoration:none;
margin:10px;
padding:4px;
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
font-weight:100;
width:300px;
}

#contact{
width:650px;
float:left;
background-color:#e9e9e9;
height:400px;
margin-bottom:25px;
border-radius:10px;
}
#contact h2{
text-decoration:none;
margin:10px;
padding:4px;
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
font-weight:100;
width:300px;
}

#clients{
width:1000px;
float:left;
background-color:#e9e9e9;
height:auto;
margin-bottom:25px;
border-radius:10px;
}
#clients h2{
margin:10px;
padding:4px;
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
font-weight:100;
width:300px;
}

.clients a{
color:#3a3535;
text-decoration:none;
}
.clients a:hover{
text-decoration:underline;
}


#studio{
width:650px;
float:left;
background-color:#e9e9e9;
height:400px;
margin-bottom:25px;
border-radius:10px;
}
#studio h2{
margin:10px;
padding:4px;
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
font-weight:100;
width:300px;
}



#studiobio{
width:1000px;
margin:auto;
background-color:#e9e9e9;
height:150px;
margin-bottom:25px;
margin-top:25px;
border-radius:10px;
}
#studiobio h2{
text-decoration:none;
margin:10px;
padding:4px;
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
font-weight:100;
width:300px;
}

#studiobio p{
	text-indent:50px;
}

#whatwedo{
width:1000px;
margin:auto;
background-color:#e9e9e9;
height:300px;
margin-bottom:25px;
margin-top:25px;
border-radius:10px;
}
#whatwedo h2{
text-decoration:underline;
margin:10px;
padding:4px;
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
font-weight:100;
width:300px;
}

#whatwedo p{
	text-indent:50px;
}

.studio a{
color:#3a3535;
text-decoration:none;
}
.studio a:hover{
text-decoration:underline;
}

#liveroom{
width:650px;
float:left;
background-color:#e9e9e9;
height:300px;
margin-bottom:10px;
border-radius:10px;
}

#liveroom h2{
text-decoration:underline;
margin:10px;
padding:4px;
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
font-weight:100;
width:300px;
}

#isobooths{
width:650px;
float:left;
background-color:#e9e9e9;
height:300px;
margin-bottom:10px;
border-radius:10px;
}

#isobooths h2{
text-decoration:underline;
margin:10px;
padding:4px;
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
font-weight:100;
width:300px;
}

#controlroom{
width:650px;
float:left;
background-color:#e9e9e9;
height:300px;
margin-bottom:10px;
border-radius:10px;
}

#controlroom h2{
text-decoration:underline;
margin:10px;
padding:4px;
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
font-weight:100;
width:300px;
}

#equipment{
width:650px;
float:left;
background-color:#e9e9e9;
height:300px;
margin-bottom:10px;
border-radius:10px;
}

#equipment h2{
text-decoration:underline;
margin:10px;
padding:4px;
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
font-weight:100;
width:300px;
}

#porch{
width:650px;
float:left;
background-color:#e9e9e9;
height:300px;
margin-bottom:10px;
border-radius:10px;
}

#porch h2{
text-decoration:underline;
margin:10px;
padding:4px;
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
font-weight:100;
width:300px;
}

#thankyou{
width:650px;
float:left;
background-color:#e9e9e9;
height:300px;
margin-bottom:10px;
border-radius:10px;
}

#thankyou h2{
text-decoration:underline;
margin:10px;
padding:4px;
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
font-weight:100;
width:300px;
}

.slider{
	margin:auto;
	width:1000px;
}

.contentslider{
	margin:auto;
	width:650px;
}

.contact {
	width:625px;
	padding:10px;
}

#fbStuff{
background-color:white;
float:right;
}

#contactForm{
	
	background-color:#3a3535
	width:600px;
	padding:10px;
}

.nmail{
	width:270px;
	border-radius:4px;
	padding:2px;
}

#message{
	width:600px;
	height:50px;
	border-radius:4px;
	padding:2px;
}

#subButton{
	text-align:center;
	cursor:pointer;
	border-right:3px #333 solid;
	border-top:3px #333 solid;
	border-bottom:#999 solid 3px;
	border-left:#999 solid 3px;
	background-color:666;
}
	
#subButton:hover{
	border-right:3px #999 solid;
	border-top:3px #999 solid;
	border-bottom:#333 solid 3px;
	border-left:#333 solid 3px;
}

#fbStuff{
background-color:white;
float:right;
}

.tooltip{
background:url('/images/black-40.png');
border-radius:10px;
padding:5px;

}

#contactForm{
height:400px;
border-radius:10px;
}

#contactForm input{
margin-bottom:16px;
}

.redstar{
	color:red;
	font-size:x-small;
}


p{
padding-left:10px;
padding-right:10px;
}


#clientcontentarea {
	width:1000px;
	height:auto;
	min-height:400px;
	margin-bottom:100px;
}

.clientssubnav {
		clear:both;
	margin-left:50px;
	margin-right:50px;
	margin-top:500px;
}

.subnav {
		clear:both;
	margin-left:50px;
	margin-right:50px;
	margin-top:500px;
}

.clientbox {
	float:left;
	width:290px;
	padding:10px;
	;
	margin-left:18px;
	margin-bottom:18px;
}

.clientimg {
	float:left;
	width:150px;
}

.clientspace {
	float:left;
	width:125px;
	margin-top:5px;
	padding:4px; 
}

.clientplayer {
	float:left;
	width:136px;
}

.testimonies{
	padding:10px;
}

<!-- slider START -->

.rotator{
    background-color:#222;
    width:800px;
    height:300px;
    margin:0px auto;
    position:relative;
    font-family:'Myriad Pro',Arial,Helvetica,sans-serif;
    color:#fff;
    text-transform:uppercase;
    letter-spacing:-1px;
    border:3px solid #f0f0f0;
    overflow:hidden;
    -moz-box-shadow:0px 0px 10px #222;
    -webkit-box-shadow:0px 0px 10px #222;
    box-shadow:0px 0px 10px #222;
}
img.bg{
    position:absolute;
    top:0px;
    left:0px;
}
.rotator ul{
    list-style:none;
    position:absolute;
    right:0px;
    top:0px;
    margin-top:6px;
    z-index:999999;
}
.rotator ul li{
    display:block;
    float:left;
    clear:both;
    width:260px;
}
.rotator ul li a{
    width:230px;
    float:right;
    clear:both;
    padding-left:10px;
    text-decoration:none;
    display:block;
    height:52px;
    line-height:52px;
    background-color:#222;
    margin:1px -20px 1px 0px;
    opacity:0.7;
    color:#f0f0f0;
    font-size:20px;
    border:2px solid #000;
    border-right:none;
    outline:none;
    text-shadow:-1px 1px 1px #000;
    -moz-border-radius:10px 0px 0px 20px;
    -webkit-border-top-left-radius:10px;
    -webkit-border-bottom-left-radius:20px;
    border-top-left-radius:10px;
    border-bottom-left-radius:20px;
}
.rotator ul li a:hover{
      text-shadow:0px 0px 2px #fff;
}
.rotator .heading{
    position:absolute;
    top:0px;
    left:0px;
    width:500px;
}
.rotator .heading h1{
    text-shadow:-1px 1px 1px #555;
    font-weight:normal;
    font-size:46px;
    padding:20px;
}
.rotator .description{
    width:500px;
    height:80px;
    position:absolute;
    bottom:0px;
    left:0px;
    padding:20px;
    background-color:#222;
    -moz-border-radius:0px 10px 0px 0px;
    -webkit-border-top-right-radius:10px;
    border-top-right-radius:10px;
    opacity:0.7;
    border-top:2px solid #000;
    border-right:2px solid #000;
}
.rotator .description p{
    text-shadow:-1px 1px 1px #000;
    text-transform:none;
    letter-spacing:normal;
    line-height:26px;
}
a.more{
    color:orange;
    text-decoration:none;
    text-transform:uppercase;
    font-size:10px;
}
a.more:hover{
    color:#fff;
}

#clients h2 a, #studio h2 a{
color:black;
text-decoration:none;
}
#clients h2 a:hover,#studio h2 a:hover{
text-decoration:underline;
}
#nav3 li{
list-style-type:none;
display:inline;

}
#nav3 li a img{
cursor:pointer;
position:relaitve;
z-index:999;
width:21px;
height:21px;
padding:2px;
}
#nav3 li a img{
background:url('/images/emptybutton.png') no-repeat;
background-size:50%;
}
#studio{
overflow:hidden;

}
#nav3 li.activeSlide a img{
background:url('/images/redbutton.png') no-repeat;
background-size:50%
}
#studioslider img{
width:650px;
height:345px;
}
#nav3{
display:block;
float:right;
margin-top:-40px;
}
.onethird{
width:24%;
margin:0px;
float:left;
font-size:.9em;
}
.onethird:first-child{
margin-left:10px;
}
#navP{
position:absolute;
top:0px;
left:0px;
 
}
#thousand{
	width:1000px;
	margin:auto;
	}
#featured img{
width:1000px;
height:400px;
}
#navP:before{
content('/0200');

}
#navP{
position:absolute;
top:0px;
left:0px;
z-index:999;
 
height:20px;
width:20px;
}
#navP li a img{
width:50px;
height:50px;
 
}
#featured{
margin:auto;

}
#nav4 li{
list-style-type:none;
display:inline;

}
#nav4 li a img{
cursor:pointer;
position:relaitve;
z-index:999;
width:21px;
height:21px;
padding:2px;
}
#nav4 li a img{
background:url('/images/slider/sliderbutton.png') no-repeat;
background-size:50%;
}
#nav4 li.activeSlide a img{
background:url('/images/slider/sliderbuttondown.png') no-repeat;
background-size:50%
}
#nav4{
display:block;

text-align:right;
margin:auto;
width:980px;
height:16px;
margin-top:-16px;
}
 
	#gallery {
	width:1000px;
	margin:auto;
	background-color: #e9e9e9;
	padding:10px;
	margin-top:25px;
	border-radius:10px;
	}
	
	#gallery ul { list-style: none; }
	#gallery ul li { display: inline; border:NONE;
	}
	#gallery ul img {
		border: 3px solid #3a3535;
		border-width: 3px 3px 3px;
		border-radius:2px;
	}
	#gallery ul a{
		border:none;
		text-decoration:none;
		margin-right:36px;
	}
	#gallery ul a:hover img {
		border: 3px solid #e9e9e9;
		border-width: 3px 3px 3px;
		color: #e9e9e9;
		border-radius:2px;
		
		
	
	}
	#gallery ul a:hover { color: #e9e9e9; 
	}
	
	
.videogallery {
	width:1000px;
	margin:auto;
	background-color: #e9e9e9;
	padding:10px;
	margin-top:25px;
	border-radius:10px;
	}
	
.videogallery h2{
text-decoration:none;
margin:10px;
padding:4px;
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
font-weight:100;
width:300px;
}

#gallery h2{
text-decoration:none;
margin:10px;
padding:4px;
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
font-weight:100;
width:300px;
}

.profilepic {
float:right;
padding:5px;
	}
	
.youtube{
	margin:auto;
	padding-left:28px;
	padding-right:28px;
	}
	
.embed {
	padding:5px;
	float:left;
	
	}
	
	.profilepic {
float:right;
padding:5px;
margin-top:12px;
	}
	#hpVideo{
	float:right;
	PADDING:5PX;
	margin-right:10px;
	}