@font-face{
font-family: 'text1';
src: url('text1.woff') format('woff');
}
body{
text-align: center;
font-family:text1;
background-color: #f0f0f0;
}
div{
position: absolute;
background-repeat: no-repeat;
background-size: 100% 100%;
width: 20%;
height: 47.5%;
}

#nav{
background-color:#f0f0f0;
padding-top:5px; 
top: 0%;
left: 0%;
width:100%;
height:20px;
z-index: 99;
}
#coach{
background-image: url(pics/coachfront3.gif);
left: 35%;
width: 30%;
height: 50%;
top: 25%;
z-index: 10;
}
#pic1{
background-image: url(shows/pic1.jpg);
left: 0%;
top: 5%;
}
#pic2{
background-image: url(shows/pic2.jpg);
left:20%;
top: 5%;
}
#pic3{
background-image: url(shows/pic3.jpg);
left: 40%;
top: 5%;
}
#pic4{
background-image: url(shows/pic4.jpg);
left: 60%;
top: 5%;
}
#pic5{
background-image: url(shows/pic5.jpg);
left: 80%;
top: 5%;
}
#pic6{
background-image: url(shows/pic6.jpg);
left: 0%;
top: 52.5%;
}
#pic7{
background-image: url(shows/pic7.jpg);
left: 20%;
top: 52.5%;
}
#pic8{
background-image: url(shows/pic8.jpg);
left: 40%;
top: 52.5%;
}
#pic9{
background-image: url(shows/pic9.jpg);
left: 60%;
top: 52.5%;
}
#pic10{
background-image: url(shows/pic10.jpg);
left: 80%;
top: 52.5%;
}

input{
font-size: 80%;
position: relative;
background-color: #aaa;
color: blue;
bottom: 3px;
width: 110px;
}
input:hover{
background-color: #fff;
cursor: pointer;
}