<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<style type="text/css">

body{}

#frame {
            width:602px;
            height:800px;
            margin-right:auto;
            margin-left:auto;
            margin-top:10px;
            padding:0px;
            }


/* header layout, no formatting */

#header {
            width:602px;
            height:140px;
            }

#logocontent {
            width:102px;
            height: 100px;
            padding:0px;
            float:left;
            background:#aaa;
            border-top:1px solid #000;
            border-bottom:1px solid #000;
            margin-left:0px;
            }

#navheader {
            width:600px;
            height:30px;
            padding:0px;
            float:left;
            background:#fff;
            border:1px solid #000;
            margin-top:10px;
            }

#contentheader {
            width:499px;
            height:34px;
            background:#fff;
            border-top:1px solid #000;
            border-right:1px solid #000;
            margin-right:0px;
            float:right;
            }

#picheader {
            width:498px;
            height:33px;
            background:#fff;
            margin-top:0px;
            border:0px solid #000;
            margin-right:1px;
            float:right;
            }

#contactheader {
            width:499px;
            height:33px;
            background:#fff;
            border-bottom:1px solid #000;
            border-right:1px solid #000;
            margin-right:0px;
            float:right;
            }


/* main body layout, no formatting */

#contentleft {
            width:152px;
            height:360px;
            padding:0px;
            float:left;
            }

#contentcenter {
            width:450px;
            height:360px;
            padding:0px;
            float:right;
            }

#picframe {
            width:150px;
            height:60px;
            padding:0px;
            float:none;
            background:#aaa;
            border:1px solid #000;
            margin-left:0px;
            margin-top:10px;
            }

#framesmall {
            width:438px;
            height:132px;
      		padding:0px;
       		float:right;
            border:1px solid #000;
            margin-top:10px;
            margin-right:0px;
            background:#fff;
            }

#framelarge {
            width:438px;
            height:204px;
            padding:0px;
            float:right;
            border:1px solid #000;
            margin-top:10px;
            margin-right:0px;
            background:#fff;
            }

#singleframe {
            width:438px;
            height:420px;
            padding:0px;
            float:right;
            background:#fff;
            border:1px solid #000;
            margin-left:10px;
            margin-top:10px;
            }

#puffin {
            width:600px;
            height:15px;
            margin-right:auto;
            margin-left:auto;
            margin-top:10px;
            padding:0px;
            background:#aaa;
            float:right;
            border:1px solid #000;
            }


/* portfolio page layout, no formatting */

#egleft {
            width:295px;
            height:60px;
            padding:0px;
            float:left;
            background:#fff;
            border:1px solid #000;
            margin-left:0px;
            margin-right:0px;
            margin-top:10px;
            }

#egright {
            width:295px;
            height:60px;
            padding:0px;
            float:left;
            background:#fff;
            border:1px solid #000;
            margin-left:8px;
            margin-right:0px;
            margin-top:10px;
            }


/* carpentry page layout, no formatting */

#framebottomleft {
            width:162px;
            height:144px;
		    padding:0px;
		    float:left;
		    background:#ddd;
            margin-left:10px;
		    margin-top:0px;
            margin-right:0px;
            }

#framebottomcenter {
            width:162px;
            height:144px;
		    padding:0px;
		    float:left;
		    background:#ddd;
            margin-left:0px;
		    margin-top:0px;
            margin-right:0px;
            }

#framebottomright {
            width:114px;
            height:132px;
		    padding:0px;
		    float:right;
		    background:#fff;
		    border:1px solid #000;
            margin-left:0px;
		    margin-top:10px;
            margin-right:0px;
            }


/* all formatting */

a  {
            text-decoration:none;
            color:#000;
            }

a.selected  {
            text-decoration:none;
            color:#ddd;
            }

h1.examples {
            font-family: Verdana,Arial,Helvetica;
            font-size:10px;
            padding:9px;
            float:right;
            margin-left:150px;
            margin-top:0px;
            position:relative;
            }

h1.body {
            font-family: Verdana,Arial,Helvetica;
            font-size:12px;
            padding:9px;
            margin-bottom:0px;
            margin-left:0px;
            margin-top:0px;
            text-align:left;
            }

h1.header {
            font-family: Verdana,Arial,Helvetica;
            font-size:12px;
            padding:9px;
            align:center;
            margin:0px;
            margin-left:50px;
            }

img.example {
            float:left;
            width:150px;
            height:60px;
            border:0px;
            position:absolute;
            }

img.nav {
            width:30px;
            height:1px;
            border:0px;
            }

p  {
            font-family: Verdana,Arial,Helvetica;
            font-size:10px;
            color:#000;
            padding:1em;
            text-align:left;
            margin:0px;
            }

p.center  {
            font-family: Verdana,Arial,Helvetica;
            font-size:10px;
            color:#000;
            padding:0.10em;
            text-align:center;
            }

p.header  {
            font-family: Verdana,Arial,Helvetica;
            font-size:10px;
            color:#000;
            padding:9px;
            text-align:center;
            margin:0px;
            }

#contentheader h1 {
            font-family: Verdana,Arial,Helvetica;
            font-size:16px;
            padding:8px;
            align:center;
            margin:0px;
            margin-left:100px;
            }


</style>

