html {
  margin: 0;
  padding: 0;
  border: 0;
}

#logo {
	margin-left:-700px;
	bottom:30px;
	/*bottom:50px;*/
	height:auto;
	left:30px;
	position:absolute;
	width:34%;
	z-index:1000;
}

#logo img {
	width:100%;
}

a img  
{  
border: none;  
} 

a:active
{
outline: none;
}

a:focus
{
-moz-outline-style: none;
}


#social {
	margin-left:-200px;
	left:30px;
	position: absolute;	
}

.mc-hide-scrolls{
	overflow:hidden;
}

body .mc-cycle {
	height:100%;
	left:0;
	overflow:hidden;
	position:fixed;
	top:0;
	width:100%;
	z-index:-1;
	background-color: #000000;
}

div.mc-image {
	/*NOTE: Mozilla flickers when fading and using 'all', so we have to be specific with what property we want to transition:
	 	If you are using fading transitions, use 'opacity: */
	-webkit-transition: opacity 1s ease-in-out; 
	-moz-transition: opacity 1s ease-in-out; 
	-o-transition: opacity 1s ease-in-out; 
	transition: opacity 1s ease-in-out;
	
	/*If you are using horizontal slide transitions, use the following CSS:
	-webkit-transition: left 1s ease-in-out; 
	-moz-transition: left 1s ease-in-out; 
	-o-transition: left 1s ease-in-out; 
	transition: left 1s ease-in-out;*/
	
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position:center center;
	background-repeat:no-repeat;
	height:100%;
	overflow:hidden;
	width:100%;
}

.mc-old-browser .mc-image {
	overflow:hidden;
}