@charset "UTF-8";
/* CSS Document */

/*
	#01e9ff - cyan
	#809597 - light sky
	#526466 - sky
	#243843 - grey blue
	#141e27 - medium blue
	#010207 - blue black
	#2c2721 - dark brown
	#39342e - grey brown
	#5c442c - light brown
	#ab7c46 - orange brown
	#eB9034 - orange
	#0c1217 - back wall
	

*/
	

body {background-color:#141e27;}

#home {background-image:url(homepage.gif);
	   height:600px;
	   width:800px;
	   margin:auto;
 	   margin-top:25px;
	   position:relative;}

#animation {background-image:url(animation.gif);
	   		height:600px;
	   		width:800px;
	   		margin:auto;
 	   		margin-top:25px;
			position:relative;}
			
#webd {background-image:url(web.gif);
	   		   height:600px;
	   		   width:800px;
	   		   margin:auto;
 	   		   margin-top:25px;
			   position:relative;}
			
#illustration {background-image:url(illustration.gif);
	   		   height:600px;
	   		   width:800px;
	   		   margin:auto;
 	   		   margin-top:25px;
			   position:relative;}
			   
#bio {background-image:url(bio.gif);
	  height:600px;
	  width:800px;
	  margin:auto;
 	  margin-top:25px;
	  position:relative;}

#hnav {/*border:1px solid purple;*/
	   width:224px;
	   position:relative;
	   top:190px;
	   left:305px;}

#nav { /*border:1px solid purple;*/
	   width:180px;
	   position:absolute;
	   top:400px;
	   left:610px;}

#mail {position:absolute;
	   left:555px;
	   top:5px}
	   
#movs {position:absolute;
	   left:20px;
	   top:160px;}
	   
#movs a {padding:20px;}

#pics {/*border:1px solid purple;*/
	   position:absolute;
	   top:115px;
	   left:142px;}

#pics img {margin:20px;}

#links {width:224px;
	    position:relative;
	    top:220px;
	    left:185px;}

img {border:none;
	 margin:10px 0px;}

:focus {outline:0;}