/*  ---------------------------------------------------------------
    general style
    --------------------------------------------------------------- */

/* apply a natural box layout model to all elements  - http://www.paulirish.com/2012/box-sizing-border-box-ftw/*/
*, *:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

*:focus {
    outline: 0;
}

/* ! removes focus line */
::-moz-focus-inner {
    padding: 0;
    border: 0
}


.audiosmidMain {
	background-color: #FFFFFF;	
}
}
html, body {
    width: 100%;
    min-height: 100%;
    
   
   
}

.logoAudioSmid {
    width: 94%;
    max-width: 1170px;
    margin: 0 auto;
    font:sans-serif;
    font-size: 300%;
    position:relative;
    top:100px;

   
}
.logoAudioSmid a{
	 text-decoration:none;
	}
.logo  {
    width: 94%;
    max-width: 1170px;
    margin: 0 auto;
}

.audioSwitch{
    width: 94%;
    height: 100px;
    max-width: 1170px;
    margin: 0 auto;
    text-align: right;
}



/*#buttonSwitch {
    background: #ccc;
    cursor: pointer;
    border-top: solid 2px #eaeaea;
    border-left: solid 2px #eaeaea;
    border-bottom: solid 2px #777;
    border-right: solid 2px #777;
    padding: 5px 5px;           
    }
    
    
    
    #aboutSwitch, #contactSwitch
*/
#buttonSwitch  {
 background-color: #FFFFFF;
    border: 2px solid #ECECEC;
    border-radius: 2px;
    color: #888888;
    cursor: pointer;
    font: 400 12px/29px "Open Sans", sans-serif;
    margin: 10px 10px 0 0;
    overflow: visible;
    padding: 0 17px;
    position: absolute;
    right: 40px;
    top: 0px;
    
    display: inline-block;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;	
}




#buttonSwitch{
	right: 40px;
}
/*#aboutSwitch{
	right: 140px;
}
#contactSwitch{
	right: 220px;
}*/
a#linkButtons
{
    text-decoration: none;
    font-color: red;
}

#buttonSwitch.down{
	
	background-color: #4D4C4D;
    color: #fff;
    border-color: #4D4C4D;
    cursor: default;
    /*
    background: #bbb;
    border-top: solid 2px #777;
    border-left: solid 2px #777;
    border-bottom:solid 2px  #eaeaea;
    border-right: solid 2px #eaeaea;
    */
  }
  
/*a.cbp-filter-item{
	
	background-color: #4D4C4D;
    color: #fff;
    border-color: #4D4C4D;
    cursor: default;
    text-decoration: none;
  
    background: #bbb;
    border-top: solid 2px #777;
    border-left: solid 2px #777;
    border-bottom:solid 2px  #eaeaea;
    border-right: solid 2px #eaeaea;
   
  }
   
  */

#scalePic{
	height: 100px;
}

#sounds {
	width: 200%;
    max-width: 1170px;
    margin: 0 auto;
}

#player {
	width: 100%;
	
}


/*  END - general style */

/* style for Cube Portfolio wrapper*/
.wrapper {
    width: 94%;
    max-width: 1170px;
    max-width: 1600px;
    margin: 0 auto;
    position:relative;
    top:100px;
}



/*a:hover, a:visited, a:link, a:active{
    text-decoration: underline;
}

a:visited{
	color: #FF0000;
}
a:link{
	color: red;
}*/

@media screen and (max-width: 600px) {
	.logoAudioSmid {
		top:40px;
	}
	.wrapper{
		top:40px;
	}
	
   	#aboutPic { 
   		float: none;
    	margin-right:0;
    	width:100%;  
    	overflow:hidden;
  	}
  	#buttonSwitch{
		left: 10px;
		right:auto;
	}
     #slideshow { 
   		float: none;
    	margin-right:0;
    	width:100%;  
    overflow:hidden;
  }	
 	#aboutText p{
  		position:relative;
 		line-height:30px;
  		font-size:20px;

	
	}
	#aboutC{
		/*max-height:300px;*/
		height:auto;
	}
}
#aboutC{
	width: 100%;	
	overflow:hidden;
	
	min-height: 200px;
	margin-bottom:10px;
	height:auto;
}

#aboutPic{
	max-height:200px;
	max-width: 300px;
	min-width: 200px;
	float: left;
	
	
	margin-right:20px;
	overflow:hidden;
}
#aboutPic img{
	width:200px;
	
	
}

#aboutText{
	position:auto;
	width:auto;
	font-size:50px;
	line-height: 60px;
	text-align:center;
}





#slideshow { 
   
    position: relative; 
    width: 300px; 
    height: auto; 
    overflow:hidden;
 
 
 	max-height:200px;
	max-width: 300px;
	min-width: 200px;
	float: left;
	
	
	margin-right:20px;
    
    
    
}

slideshow > div { 
    position: absolute; 
    left:0; 
    top:0;
    overflow:hidden;
   
    
}