body {
   margin:0px;
   padding:0px;
   font-family:verdana,arial,helvetica,sans-serif;
   font-size:10px;
   color:#243d5d;
   text-align:center; /*centers in IE*/
}

/*background colors*/
#index {
   background: #ede0d4 url(../images/index_bgimage.jpg) repeat-y 50% 0;
}

#drawings {
   background: #cad3d8 url(../images/drawings_bgimage.jpg) repeat-y 50% 0;
}

#archive {
   background: #f8dce8 url(../images/archive_bgimage.jpg) repeat-y 50% 0;
}

#about {
   background: #d7e0c9 url(../images/about_bgimage.jpg) repeat-y 50% 0;
}

/*all content*/

#wrapper {
   width:800px;
   background:#fff;
   margin: 0 auto;
   position: relative;
   text-align:left;
}

#menu {
   position: absolute;
   top: 10px; left: 35px;
   width: 140px;
}

#menu h4 {
   display:none;
}

#splash {
   position: absolute;
   top: 120px; left: 230px;
   text-align:right;
}

#splash p {
   margin: 5px 0px 0px 0px;
}

#art {
   width: 570px;
   position: absolute;
   top: 110px;
   right: 30px;
}

#art div {
   float: left;
   margin: 10px;
   display:inline;
}

#art div.spacer {
   float: left;
   margin: 10px;
   display:inline;
   width: 250px;
}

div.click {
   text-align:left;
   color:#243d5d;
   margin:0px 0px 0px 10px;
   width: 500px;
   float:left;
}

.click3 {
   float:left;
}

.click2 {
   text-align:right;
   color:#243d5d;
   margin:0px;
   width:210px;
   display:inline;
   float:right;
}

.click2 a {
   text-decoration:none;
   color:#243d5d;
}

.click2 a:hover {
   text-decoration:none;
   color: #00aeff;
}

#popup {
   position: absolute;
   top: 50%;
   left: 50%;
   text-align:center;
   padding: 0px;
   margin: 0px;
}

#popup p {
   text-align:right;
   margin: 5px 0px 0px 0px;
}

#popup p a {
   text-decoration:none;
   color: #cc0000;
   font-size: 11px;
}

#popup p a:hover {
   text-decoration: none;
   color: #00aeff;
}