th, td, div, span, p, ul, li, h1, h2, h3, h4, dt, dd {
   margin: 0;
   padding: 0;
   font-family: Arial, sans-serif;
   font-size: 12px;
   line-height: 12px;
   text-align: left;
   color: #333;
}

body {
   background: #bbb url("bg.png") center top repeat;
}

div#bar {
   position: relative;
   width: 610px;
   margin: 0 auto;
   top: 101px; margin-bottom: 101px;
   padding: 18px 18px 16px 18px;
   background-color: #ddd;
   border: 1px solid #666;
   text-align: center;
}

div#content {
   width: 610px;
   margin: 0 auto;
   padding: 0 18px 18px 18px;
}

div#content a {
   color: #fff;
   text-decoration: none;
}

div#content a:hover {
   text-decoration: underline;
}

div#content a.active {
   color: #d00;
}

div#content div.menu {
   padding-top: 18px;
}

div#content div.menu a img {
   opacity: 0.5;
   border: 1px solid #ddd;
}

div#content div.menu a.active img {
   opacity: 1;
   border-color: #d00;
}

div#content div.menu a:hover {
   color: #fff;
}

div#content div.menu a:hover img {
   opacity: 1;
   border-color: #fff;
}

div#top {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 108px;
   background: transparent url("topbg.png") center top repeat-x;
   font-family: Lucida Sans, sans-serif;
   text-align: center;
}

div#top ul {
   margin: 70px auto 0 auto;
   padding: 0 0 25px 0;
   background: transparent url("top.png") center bottom no-repeat;
   text-align: center;
}

div#top ul li {
   display: inline;
   padding: 0 9px 23px 9px;
   border-right: 1px solid #666;
   list-style: none;
   font-size: 16px;
   color: #eee;
   /* font-weight: bold; */
   letter-spacing: -1px;
   text-transform: uppercase;
   font-family: Lucida Sans, sans-serif;
   text-align: center;
}

div#top ul li.last {
   border: none;
}

div#top ul li a {
   color: #ddd;
   text-decoration: none;
}

div#top ul li.active a {
   color: #d00;
}

div#top ul li a:hover {
   color: #fff;
}

body.home div#bar a {
   display: table-cell;
   width: 120px;
   padding: 0 1px;
   color: #888;
}

body.home div#bar img {
   border: 0;
}

body.home div#bar a:hover {
   color: #fff;
}

body.home div#bar a:hover img {
   visibility: hidden;
}

body.home div#bar a.news {
   background: transparent url("news1.jpg") center top no-repeat;
}

body.home div#bar a.product {
   background: transparent url("product1.jpg") center top no-repeat;
}

body.home div#bar a.graphics {
   background: transparent url("graphics1.jpg") center top no-repeat;
}

body.home div#bar a.photo {
   background: transparent url("photo1.jpg") center top no-repeat;
}

body.home div#bar a.about {
   background: transparent url("about1.jpg") center top no-repeat;
}

div#bottom {
   height: 20px;
   background: transparent url("bottom.png") center top no-repeat;
}

p#copyright {
   clear: both;
   width: 610px;
   margin: 0 auto;
   padding: 2px 18px 6px 18px;
   font-family: Lucida Sans, sans-serif;
   color: #888;
   /* font-weight: bold; */
   letter-spacing: -1px;
   text-align: center;
   cursor: default;
}

p#copyright a {
   color: #888;
   text-decoration: none;
}

p#copyright img {
   vertical-align: middle;
}

div#top h1 {
   display: none;
}

div.content h3 {
   padding-top: 18px;
   font-weight: bold;
}

div > h3:first-child {
   padding-top: 6px;
}

div.content div.menu h3 {
   padding-top: 3px;
}

div.content div.menu a {
   color: #333;
}

div.content h2 {
   padding: 15px;
   background: transparent url("corner.png") bottom left no-repeat;
   font-size: 15px;
   line-height: 15px;
   font-weight: normal;
   text-transform: lowercase;
}

div.content > h2:first-child {
   padding-top: 4px;
}

div.content p {
   padding-top: 6px;
   /* text-indent: 18px; */
}

div.content ul li {
   padding-top: 6px;
   list-style: none;
}

div#bar div.about {
   position: relative;
   z-index: 2;
}

div#bar img.behind {
   margin-top: -176px; /* 206px image height */
}

div#bar div.about img.logo {
   padding: 10px 18px 0 18px;
}

div#bar div.about p {
   padding-top: 16px;
   padding-left: 18px;
}

div#bar div.about a.mailing {
   color: #333;
   text-decoration: none;
}

div#bar div.about a.mailing:hover {
   text-decoration: underline;
}

.list p {
   padding-left: 18px;
}

strong {
   font-weight: bold;
}

em {
   font-weight: normal;
   font-style: normal;
   color: #d00;
}

.hide {
   display: none;
}

.center {
   text-align: center;
}

.left {
   float: left;
}

div#content div.four {
   float: left;
   width: 134px;
   margin-right: 18px;
}

.clear {
   clear: both;
}

div#imagine {
   padding: 18px;
   text-align: center;
}

div#imagine div {
   height: 18px;
   padding: 0 6px;
   background-color: #ddd;
   border: 1px solid #666;
   border-bottom-width: 0;
   text-transform: lowercase;
   text-align: center;
   line-height: 18px;
   color: #bbb;
}

div#imagine div a {
   text-decoration: none;
   cursor: default;
   color: #bbb;
}

div#imagine div a.enable {
   cursor: pointer;
   color: #888;
}

div#imagine div a.enable:hover {
   color: #fff;
}

div#imagine img {
   padding: 0 18px 18px 18px;
   background-color: #ddd;
   border: 1px solid #666;
   border-top-width: 0;
}

div#above {
   opacity: 0.75;
   background-color: #000;
   cursor: pointer;
}

*.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
*.clearfix { display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
*.clearfix { display: block; }
/* End hide from IE-mac */