Blue Fish Webpage

HTML

<div id="wrapper">
<header><h1>Blue Fish Version 3</h1></header>
<nav>
<ul>
 <li><a href="fish-website.html">Home</a></li>
 <li><a href="fish.html">Blue Fish v1</a></li>
 <li><a href="fish2.html">Blue Fish v2</a></li>
 <li><a href="fish3.html">Blue Fish v3</a></li>  
<li><a href="fish4.html">Blue Fish v4</a></li>  
</ul>
</nav>
<main>
 <dl>
  <dt class="category"><a href="fish.html">Blue Fish Version 1</a></dt>
    <dd>HTML file no style applied</dd>
  <dt class="category"><a href="fish2.html">Blue Fish Version 2</a></dt>
    <dd>HTML file embedded style sheeet used </dd>
  <dt class="category"><a href="fish3.html">Blue Fish Version 3</a></dt>
    <dd>HTML file style applied via cascading style sheet (<a href="fishcreek.css">fishcreek.css</a> file)</dd>
      <dt class="category"><a href="fish4.html">Blue Fish Version 4</a></dt>
    <dd>fishcreek.css style sheet customized (<a href="fishcreeknew.css">fishcreeknew.css</a>)</dd>

</dl>
  <div>
<a id="mobile" href="tel:800-555-5555">1-800-555-5555</a> <span id="desktop">1-800-555-5555</span><br>
1242 Grassy Lane<br>
Fish Creek, WI 55534<br>
<br>
  </div>
</main>
<footer>
Copyright &copy; 2015 Fish Creek Animal Hospital<br>
<a href="mailto:[email protected]">[email protected]</a>
</footer>
</div>

CSS

body { background-color: #6699ff;
      background-image: url('../gradientblue.jpg');
      color: #000;
	  font-family: Verdana, Arial, sans-serif;
}
#wrapper { width: 80%;
          margin-right: auto;
		  margin-left: auto;
		  min-width: 700px;
		  max-width: 1024px;
		  background-color: #FFFFFF;
		  color: #000066;
}
header { background-color: #000066;
       color: #FFFFFF;
	   background-image: url('../bigfish.gif');
	   background-position: center;
	   background-repeat: no-repeat;
}
h1 { text-align: center;
     font-size: 3em;
     padding: 10px;
	 line-height: 150%;
	 text-shadow: 3px 3px 3px #CCCCCC;
}
nav { font-weight: bold; 
	 float: left;
	 width: 150px;
}
nav ul { list-style-type: none; }
nav a { text-decoration: none; }
nav a:link { color: #3262A3; }
nav a:visited { color: #6699FF; }
nav a:hover { color: #CCCCCC; }
.category { font-weight: bold;
            background-color: #FFFFFF;
			color: #003366;
			font-size: 1.1em;
			text-shadow: 1px 1px 1px #666;
}
main { margin-left: 180px;
      padding-right: 20px;
	  padding-bottom: 20px;
}
img { border-style: none; }
footer { font-size: 3em;
       font-style: italic;
	   padding: 10px;
	   margin-left: 100px;
}
footer nav { text-align: left; }
header, main, nav, footer { display: block; }