html, body { background: #3B5244; margin: 0; padding: 0; }
body { width: 80%; margin-left: 20%; position: absolute; }
div, h1, h2 { margin: 0; padding: 0; }
ul, li { margin: 0; padding: 0; list-style: none; }
a, img { border: 0 }

.widebody { width: 100%; margin: 0; padding: 0; }

#collage { width: 100%; height: 350px; text-align: right; 
    background: url("../images/stripe.gif") bottom repeat-x; 
}

#main_stuff { position: relative; margin: 0; padding: 0; }
#main_stuff p { margin: 0; padding: 0; }

#title h1 { background: url("../images/title.gif") no-repeat; 
       margin: 0 9px 0 0; top: 0; right: 0; position: absolute; 
       width: 187px; height: 60px; }
#title span { display: none; }

#navvert { margin: 0; padding: 0; list-style: none; height: 114px; width: 150px;
       background: url("../images/navvert.gif") -150px; }
#navvert li, #navvert a { display: block; height: 38px; }
#navvert a span { display: none; }

#portfolio a:hover { background: url("../images/navvert.gif") 0 0 }
#bio a:hover { background: url("../images/navvert.gif") 0 -38px }
#contact a:hover { background: url("../images/navvert.gif") 0 -76px }

#strip { margin: 0; padding: 0; height: 96px; background: green; 
         text-align: right; 
	 background: url("../images/stripe.gif") bottom repeat-x; }

#titleleft { position: absolute; top: 0; left: 0; }
#titleleft h1 { background: url("../images/title.gif") no-repeat; 
          width: 187px; height: 60px; }
#titleleft span { display: none; }

#navstrip { position: absolute; top: 0; right: 0; 
	  height: 35px; width: 460px; 
	  background: url("../images/navstrip.gif") }
#navstrip span { display: none; }
#navstrip li, #navstrip a { height: 35px; width: 100px; position: absolute; }
#navstrip #portfolio { top: 0; left: 0; }
#navstrip #bio { top: 0; left: 120px; }
#navstrip #contact { top: 0; left: 240px; }
#navstrip #home { top: 0; left: 360px; }
#navstrip #portfolio a:hover { 
    background: url("../images/navstrip.gif") 0 -35px; }
#navstrip #bio a:hover {  
    background: url("../images/navstrip.gif") -120px -35px; }
#navstrip #contact a:hover { 
    background: url("../images/navstrip.gif") -240px -35px; }
#navstrip #home a:hover {  
    background: url("../images/navstrip.gif") -360px -35px; }

#contactinfo { position: absolute; right: 115px; top: 100px;}
#contactinfo .email { background: url("../images/email.gif") no-repeat;
	     height: 31px; width: 350px;  }
#contactinfo .phone { background: url("../images/phone.gif") no-repeat; 
	     height: 31px; width: 350px;  }
#contactinfo span { display:none; }

#biotext, #portlinks, #portimage { position: absolute; 
	  width: 400px; top: 100px; right: 60px; }
#biotext p { font-family: Arial, Verdana, Helvetica, sans-serif; 
   font-size: 1.25em; font-weight: normal; color: #b2a0b0;
}

#portlinks li { float: left; width: 158px; height: 85px; 
	   margin-bottom: 20px; }
#portlinks a { display: block; height: 79px; width: 79px; 
	   border: 3px solid #492A49; }
#portlinks a:hover { border: 3px solid white; }

#portimage ul { width: 300px; margin-top: 10px; }
#portimage li, #portimage a { width: 150px; height: 20px; }
#portimage a { display: block; }
#portimage .left { float: left; 
    background: url("../images/previous.gif") no-repeat; }
#portimage .right { float: right; 
    background: url("../images/next.gif") right no-repeat; }
#portimage span { display: none; }