* {
margin: 0;
}



html, body {
	background: #000;
	text-align: center;
	height: 100%;
}

.wrapper {
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -35px;
}

#header {
	width: 100%; 
	height:46px;
}

#scplayer {

	width: 100%;
	background: #fcfcc6;
	padding-top: 7px;
	padding-bottom:5px;
	

}

#nav {
	width: 20%;
	display: inline;

}

.footer, .push {
height: 35px; 

}

/*
.footer {
	width: 100%;
	padding-top:8px;
	padding-bottom:5px;
	background: #f6f8f9; 
	background: -moz-linear-gradient(top,  #f6f8f9 0%, #e5ebee 50%, #d7dee3 51%, #f5f7f9 100%); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f8f9), color-stop(50%,#e5ebee), color-stop(51%,#d7dee3), color-stop(100%,#f5f7f9)); 
	background: -webkit-linear-gradient(top,  #f6f8f9 0%,#e5ebee 50%,#d7dee3 51%,#f5f7f9 100%); 
	background: -o-linear-gradient(top,  #f6f8f9 0%,#e5ebee 50%,#d7dee3 51%,#f5f7f9 100%); 
	background: -ms-linear-gradient(top,  #f6f8f9 0%,#e5ebee 50%,#d7dee3 51%,#f5f7f9 100%); 
	background: linear-gradient(to bottom,  #f6f8f9 0%,#e5ebee 50%,#d7dee3 51%,#f5f7f9 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f8f9', endColorstr='#f5f7f9',GradientType=0 ); 
}

*/
/**********************************************/
/************** Social Buttons ****************/
/**********************************************/

#header{
	width:100%;
	height:46px;
	background: #7d7e7d; /* Old browsers */
background: -moz-linear-gradient(top,  #7d7e7d 0%, #0e0e0e 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7d7e7d), color-stop(100%,#0e0e0e)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #7d7e7d 0%,#0e0e0e 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #7d7e7d 0%,#0e0e0e 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #7d7e7d 0%,#0e0e0e 100%); /* IE10+ */
background: linear-gradient(to bottom,  #7d7e7d 0%,#0e0e0e 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d7e7d', endColorstr='#0e0e0e',GradientType=0 ); /* IE6-9 */


}

#header ul{
	width:auto;
	float:right;
	height:46px;
	padding:0px;
	margin:0px;
}

#header ul li{
	width:46px;
	float:left;
	display:inline-block;
	height:46px;
	list-style-type: none;
	margin-left:5px;
	margin-right:5px;
}

.social ul li a{
	border:0px;
}

.social-twitter{
	width:46px;
	display:block;
	height:46px;
	background-image: url(../img/social-slider.png);
	background-repeat: no-repeat;
	background-position: -102px -2px;
}

.social-twitter:hover{
	width:46px;
	display:block;
	height:46px;
	background-image: url(../img/social-slider.png);
	background-repeat: no-repeat;
	background-position: -102px -48px;
}

.social-soundcloud{
	width:46px;
	display:block;
	height:46px;
	background-image: url(../img/social-slider.png);
	background-repeat: no-repeat;
	background-position: -6px 0px;
}

.social-soundcloud:hover{
	width:46px;
	display:block;
	height:46px;
	background-image: url(../img/social-slider.png);
	background-repeat: no-repeat;
	background-position: -6px -48px;
}


.social-vimeo{
	width:46px;
	display:block;
	height:46px;
	background-image: url(../img/social-slider.png);
	background-repeat: no-repeat;
	background-position: -197px -2px;
}

.social-vimeo:hover{
	width:46px;
	display:block;
	height:46px;
	background-image: url(../img/social-slider.png);
	background-repeat: no-repeat;    
	background-position: -197px -48px;
}


/* posters */


/**********************************************/
/************* Portfolio Section **************/
/**********************************************/


img {
    max-width: 100%;
}



.box {
  width: 270px;
  margin-top: 20px;
}