body {
  font-family: verdana, sans-serif;
  background-color: black;
  color: #C3C7C7;
  display: block;
  width: 905px;
  padding: 20px;
  padding-top: 0;
  margin-left: auto;
  margin-right: auto;
  font-size: 1em;
  text-align: center;
}

.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 */

.hide {
  position: absolute;
  height: 1px;
  width:1px;
  margin-left: -3000px;
  margin-top: -3000px;
}


ul#main_navi {
        display: block;
        list-style:none;
        padding:0;
        height:26px;
        overflow:hidden;

        width: 600px;
        margin:3px 0 0 153px;
}

ul#main_navi li {
        display: block;
        float: left;
        font-family: Verdana, sans-serif;
        width: 120px;
        height: 26px;
        margin:0;
        padding:0;
        background-position: center bottom;
        background-repeat: no-repeat;
}

ul#main_navi li#one,
ul#main_navi li#one a,
ul#main_navi li#one a:hover,
ul#main_navi li#one a:focus {
        background-image: url(/images/one.gif);
}

ul#main_navi li#two,
ul#main_navi li#two a,
ul#main_navi li#two a:hover,
ul#main_navi li#two a:focus {
        background-image: url(/images/two.gif);
}

ul#main_navi li#three,
ul#main_navi li#three a,
ul#main_navi li#three a:hover,
ul#main_navi li#three a:focus {
        background-image: url(/images/three.gif);
}

ul#main_navi li#four,
ul#main_navi li#four a,
ul#main_navi li#four a:hover,
ul#main_navi li#four a:focus {
        background-image: url(/images/four.gif);
}

ul#main_navi li#five,
ul#main_navi li#five a,
ul#main_navi li#five a:hover,
ul#main_navi li#five a:focus {
        background-image: url(/images/five.gif);
}


ul#main_navi li a {
        display: block;
        width: 120px;
        height: 26px;
        background-color: black;
        text-decoration: none;
        cursor: pointer;
        background-position: center top;
        background-repeat: no-repeat;
}

ul#main_navi li a:hover {
        background-position: center bottom;
}


.caption {
  color: #666;
  font-size: 12px;
}

.galleria_wrapper { margin-bottom:10px}

.demo,
#contact {
        position:relative;
        margin-top:2em;
}

#contact {
}

.gallery_demo {
        width: 604px;
        margin:0 auto;
}

.gallery_demo li {
        width:30px;
        height:30px;
}

.gallery_demo li div {
}

.gallery_demo li div .caption {
}

#main_image {
        width: auto;
        height: auto;
        margin-bottom: 40px;
        min-height: 650px;
}

#main_image img{
        border:10px solid #cccccc;
        max-width: 600px;
        max-height: 600px;
}

.nav {
        margin-bottom: 1em;
}

.nav a {
        color: #666;
        text-decoration: none;
        font-family: Arial, "MS Trebuchet", sans-serif;
        font-size: 1em;
        line-height: 1em;
}

.nav a:hover,
.nav a:focus,
.nav a:active {
        color: white;
}

#footer {
        display: block;
        width: 600px;
        margin-left: auto;
        margin-right: auto;
        clear: both;
        border-top:1px solid #576062;
        margin-top: 40px;
        padding-top: 10px;
        color: #666666;
        font-size: 0.75em;
}

#footer a {
        padding-left: 20px;
        color: #666666;
}

#footer a:hover,
#footer a:focus,
#footer a:active {
        color: white;
}

.page404 {text-align:center; margin:100px 0;}
.page404 h2 { margin-bottom:50px; font-weight:bold; font-size:150%}
.page404 p { margin-bottom:1em}
.page404 a { color:#fff}