body{
background-color:#CCC;
font-family:Georgia, "Times New Roman", Times, serif;
}
#all{
width:800px;
height:700px;
border:3px solid #039;
border-radius:15px;
margin:20px auto;
box-shadow:5px 5px 5px gray;
}
#top{
width:770px;
height:40px;
padding:5px 15px 5px 15px;
font-size:1.2em;
border-bottom:1px solid black;
background:linear-gradient(to right,#e6f2ff,#8db7dd);
border-top-left-radius:15px;
border-top-right-radius:15px;
}

#left{
width:150px;
height:600px;
border-right:2px solid black;
padding:5px;
background-color:green;
float:left;
}
.side{font-family:Roboto, Arial, sans-serif;font-size:1.5em;}
#right{
width:auto;
height:580px;
padding-top:30px;
text-align:center;
background:#DDDDDD;
}
.boat{transform:rotate(5deg);filter:sepia(20%);}
.boat:hover {transform:rotate(5deg) scale(1.25);}
.clear{
clear:both;
}
footer{
width:800px;
height:36px;
background:#fff;
text-align:center;
border-bottom-left-radius:15px;
border-bottom-right-radius:15px;
padding-top:4px;
text-shadow:2px 2px 3px darkgray;
}