@import url(http://fonts.googleapis.com/css?family=Arimo);
@import url(http://fonts.googleapis.com/css?family=Permanent+Marker);
@import url(http://fonts.googleapis.com/css?family=Schoolbell);

html { 
  background: url(../images/bg.jpg) no-repeat center center fixed rgba(0,0,0,0.5); 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
   font-family: 'Permanent Marker', cursive;
    font-family: 'Schoolbell', cursive;
    height:100%;
}



#wrapper{
    
   
    
 width: 960px;
    margin: 0 auto;
	margin-top:300px;
    
}

h1{
 float: right;
    font-size: 2.5em;
    margin-top: 230px;
    text-align: center;
    width: 400px; 
    padding-right:40px;
}

.about{
    
 margin-top:-30px;   
}

#content{
   
    width:340px;
    margin:0 auto; 
	border: 5px green solid;
    border-radius: 10px;
    min-height:550px;
    max-width:100%;
    background:white;
    float:left;
         
}

#ads{
 width:100%;
    height:300px;
}

.right_ad{
 float:right;
    
}

.left_ad{
 float:left;
    width:45%;
}


#hidden{
    position:fixed; 
    bottom:0; 
    left:0;
    display: none;
    max-width: 960px;
    height: auto;
}

img.resize{
    width:100%; /* you can use % */
    height: auto;
}

#topTeeth{
    position: fixed;
    top: -300px;
  width:1130px;
    display: none;
    z-index:500;

}
  #teethWrapper{
         margin:0 auto;
            width:960px;
        }
	#img_place{
		width:40%;
	  padding:20px;	
	}
	
	#text{
	
		position:relative;
	}

#copy

{
 width:500px;
        margin:0 auto;
    
    height:400px;
    float:right;
}
	
h3{
 
    font-size: 2em;
    margin-top: -20px;
    text-align: left;
    width: 30%; 
    padding-right:40px;  
    float:left;
}

	p{
	
    text-align: center;
    width: 45%;
    font-size: 2.5em;
   
    
} 

#previous{
    float:left;
    width:45%;
    margin-left:140px;
}

#next{
    float:right;
    
    
}

#pow{
    background-image: url("../images/pow.png");
    max-width:850px;
    
    
    
     float: right;
    height: 612px;
   
    position: absolute;
    right: -150px;
    top: -156px;
    width: 89%;
    z-index: -1;
    margin-top:110px;
    

}

#section {
   
    height: 600px;
    position: relative;
}

#menu {
  position: fixed;
  right: 0;
  top: 50%;
  width: 8em;
  margin-top: -2.5em;
    list-style-type: none;
    vertical-align:middle;
}

#menu li{
    border-radius:50%;
    width:100px;
        height:100px;
    background:lime;
    margin-left: -30px;
    margin-top: 30px;
    text-align:center;
    
   

}

#menu li a{
    display:block;
    border-radius:50%;
    width:100px;
        height:100px;
    line-height:100px;
    
}

#footer{
 width:960px;
    height:200px;
    
    margin:0 auto;
}

@media screen and (orientation:landscape) {
   #topTeeth{
        
        display:none;
    }

}