body{
   margin: 0 0 0 13px;
   padding: 0;
   background: #ddd;
}

body > p:first-child{
   position: absolute;
   text-indent: 0;
   margin: 0;
   padding: 16px 0 0 0;
   font-family: georgia, trebuchet ms, trebuchet, serif;

   color: #bbb;
}
body > p:first-child a{
   color: #bbb;
}
body > p:first-child:hover{
   color: #bbb;
}
body > p:first-child:hover a{
   color: #bbb;
}
body > p:first-child:hover{
   color: #aaa;
}

h1{
   margin: 64px 0 0 0;
   padding: 0;
   text-indent: 247px;
   font-family: georgia, trebuchet ms, trebuchet, serif;
   font-size: x-large;
   font-weight: normal;
   /* font-size apx 22px line-height apx 29px */
   line-height: 16px;
   vertical-align: middle;
   color: #222;
   background: #ccc;
}


a{
   color: #333;
   border-bottom: 1px dotted;
   text-decoration: none;
}
a:hover{
   text-decoration: none;
   color: black;
   border-bottom: 1px solid;
}

div#text{
   width: 360px;
/*   position: absolute;
   left: 334px;
   top: 112px;
   */
   float: left;
   margin-top: 32px;
   margin-right: -738px;
   margin-left: 334px;
   padding: 16px 13px 16px 26px;
   border-top: 1px solid #fff;
   border-right: 1px solid #ccc;
   border-bottom: 1px solid;
   border-left: 1px solid #ccc;
   background: #eee;
   text-align: right;
}


p{
   margin: 0;
   padding: 0;
   text-indent: 2em;
   font-family: verdana, helvetica, arial, sans-serif;
   font-size: small;
   /*font-size apx 13px line-height apx 16px */
   text-align: justify;
}

div#text > a{
   font-family: georgia, trebuchet ms, trebuchet, serif;
   font-size: x-small;
   font-weight: bold;
   line-height: 16px;
   text-transform: uppercase;
}

div#gallery{
   float: left;
   width: 317px;
   margin-left: -1px;
   border-left: 2px dotted #aaa;
   text-align: right;
}

div#gallery img{
   margin: 32px 13px 16px 0;
   border-top: 1px solid #ddd;
   border-right: 1px solid #000;
   border-bottom: 1px solid #000;
   border-left: 1px solid #ddd;
   background: url("ds.png") no-repeat 20px;
}

div#gallery a{
   display: block;
   margin-right: 13px;
   padding-left: 2px;
   font-family: courier;
   font-size: x-small;
   font-weight: bold;
   line-height: 16px;
   border: none;
}
div#gallery a:hover{
   margin-left: -13px;
   padding-left: 4px;
   border-left: 12px solid #aaa;
}

div#designs{
   clear: left;
   float: left;
   margin-top: 16px;
   margin-left: 334px;
   padding-top: 16px;
   border-top: 1px solid #000;
   text-align: right;
}
div#designs a{
   font-family: georgia, trebuchet ms, trebuchet, serif;
   font-size: x-small;
   line-height: 16px;
   font-weight: bold;
   text-transform: uppercase;
}
div#designs img{ display: none;}
div#designs img:target{ display: inline; }