html{height: 100%;}

body
{ font-family: arial, sans-serif;
  padding: 0px;
  margin: 23px;
  font-size: .78em;
}

p
{ margin: 0px;
  padding: 0px 0px 0px 0px;
  line-height: 1.4em;
}

p.second
{ margin: 70px 100px 0px 0px;
  padding: 100px 0px 0px 0px;
  line-height: 1.4em;
}

h1, h2, h3, h4
{ font-family: tahoma, sans-serif;
  font-size: 68%;
  letter-spacing: .1em;
  padding: 7px 0px 0px 10px; 
  margin: 0px 0px 15px 5px; 
}




h4
{ font-family: tahoma, sans-serif;
  font-size: 80%;
}

line
{ font-family: tahoma, sans-serif;
  font-size: 68%;
  letter-spacing: .1em;
  padding: 617px 0px 0px 10px; 
  margin: 0px 0px 15px 5px; 
}

img
{ border: 0px; 
  margin: 0px; 
  padding: 0px;
}


a
{outline: none;}

form
{padding: 0; margin: 0;}


img.floatLeft { 
    float: left; 
    margin: 0px 3px 0px 0px;
    padding: 1px 7px 0px 0px;
}


img.floatKindaCenter { 
    float: center; 
    margin: 0px 0px 0px 166px;
    padding: 0px;
}




.left
{ float: left; 
  border-right: 18px solid;
}

.right
{ float: right; 
  border-left: 18px solid;
}

.center
{ display: block;
  text-align: center;
  margin: 0 auto;
}


blockquote
{ margin: 20px 0px 20px 0px; 
  padding: 10px 20px 0px 20px;
  border-left: 8px solid;
}


ul
{ margin: 2px 0px 18px 16px;
  padding: 0px;
}




ol
{ margin: 8px 0px 0px 24px;
  padding: 0px;
}

ol li
{ margin: 0px 0px 11px 0px; 
  padding: 0px;
}


#main, #footer, #logo, #menubar, #content
{ margin-left: auto; 
  margin-right: auto;
}


#main
{ width: 807px;
  height: 789px; }


/*#logo
{ width: 825px;
  height: 86px;
  border-top: 0px solid;
}*/




#menubar
{ width: 235px;
  height: 30px;
} 

ul#menu{margin: 7px;}

ul#menu li
{ float: left;
  margin: 0px 0px 0px 0px; 
  padding: 12px 0px 0px 0px; 
  list-style: none;
} 

ul#menu li a 
{ font-family: verdana, sans-serif;
  display: block;
  font-size: 80%;
  float: left; 
  height: 15px;
  text-decoration: none; 
  padding: 2px 8px 0px 8px;
  text-align: center;
  border-right: 2px dotted;
} 



#content
{ text-align: left;
  width: 478px;
  height: 650px;
  float: left;
  padding: 47px 0px 0px 250px;
}

#content h1{font-size: 125%;}

#content a, #footer a{border-bottom: 0px dotted;}

#content a:hover, #footer a:hover{border-bottom: 1px dotted;}



#shifter
{ width: 478px;
  height: 22px;
  border-top: 0px solid;
  margin: 0px 0px 0px 262px; 
  padding: 0px 0px 0px 0px;
  text-align: right; 
}


/* footer marginaler */
#footer
{ width: 314px;
  height: 0px;
  border-top: 0px solid;
  padding: 0px 0px 0px 0px;
  margin:15px auto 0 auto; 
  text-align: right; 
}

#content a, #content a:hover, #footer a, #footer a:hover{text-decoration: none;}


#container {
    position:relative; 
    width:500px; 
    height:600px; 
    margin:25px auto 0 auto; 
    border:0px solid #aaa; 
    }

#container ul {
    padding:100; 
    margin:0; 
    list-style-type:none; 
    }

#container a.gallery span {
    position:absolute; 
    width:1px; 
    height:1px; 
    top:5px; 
    left:5px; 
    overflow:hidden; 
    background:#fff;
    }
#container a.gallery, #container a.gallery:visited {
    display:block; 
    color:#000; 
    text-decoration:none; 
    border:1px solid #000; 
    margin:1px 5px 1px 2px;
    text-align:left; 
    cursor:default;
    }
#container a.slidea {
    background:url(../works/rev/cour_s.jpg); 
    height:45px; 
    width:45px;
    }
#container a.slideb {
    background:url(../works/rev/winterfalls_s.jpg); 
    height:45px; 
    width:45px;
    }
#container a.slidec {
    background:url(../works/rev/lucid_s.jpg); 
    height:45px; 
    width:45px;
    }
#container a.slided {
    background:url(../works/rev/dream_weaver_s.jpg); 
    height:45px; 
    width:45px;
    }
* html #container a.slided {
    width:45px; 
    w\idth:45px;
    }
#container a.slidee {
    background:url(../works/rev/thebox_s.jpg); 
    height:45px; 
    width:45px;
    }
#container a.slidef {
    background:url(../works/rev/harlot_s.jpg); 
    height:45px; 
    width:45px;
    }
* html #container a.slidef {
    width:45px; 
    w\idth:45px;
    }
#container a.slideg {
    background:url(../works/rev/succu_s.jpg); 
    height:45px; 
    width:45px;
    }
#container a.slideh {
    background:url(../works/rev/captin_s.jpg); 
    height:45px; 
    width:45px;
    }
#container a.slidei {
    background:url(../works/rev/ohlala_s.jpg); 
    height:45px; 
    width:45px;
    }
#container a.slidej {
    background:url(../works/rev/there_s.jpg); 
    height:45px; 
    width:45px;
    }
#container a.slidek {
    background:url(../works/rev/shama_s.jpg); 
    height:45px; 
    width:45px;
    }
* html #container a.slidek {
    width:45px; 
    w\idth:45px;
    }
#container a.slidel {
    background:url(../works/rev/undead_s.jpg); 
    height:45px; 
    width:45px;
    }
#container a.slidem {
    background:url(../works/rev/war_s.jpg); 
    height:45px; 
    width:45px;
    }
#container a.sliden {
    background:url(../works/rev/christian_s.jpg); 
    height:45px; 
    width:45px;
    }
#container a.slideo {
    background:url(../works/rev/slugger_s.jpg); 
    height:45px; 
    width:45px;
    }
#container a.slidep {
    background:url(../works/rev/grey_s.jpg); 
    height:45px; 
    width:45px;
    }
#container a.slideq {
    background:url(../works/rev/lucient_s.jpg); 
    height:45px; 
    width:45px;
    }
#container a.slider {
    background:url(../works/rev/sister_s.jpg); 
    height:45px; 
    width:45px;
    }


#container ul {
    width:500px; 
    height:100px;
    }
#container li {
    float:left;
    }

#container ul {
    margin:10px 145px 0px 10px;
    padding:470px 0px 0px 0px;
    float:left;
    }


#container a.gallery:hover {
    border:1px solid #fff; 
    }


#container a.gallery:hover span {
    position:absolute; 
    width:372px; 
    height:450px; 
    top:18px; 
    left:95px;
    color:#000; 
    background: transparent;
    }


#container a.gallery:hover img {
    border:1px solid #fff; 
    float:left; 
    margin-right:5px;
    }

img.floatLLeft { 
    float: left; 
    margin: 0px; 
}
img.floatLRight { 
    float: right; 
    margin: 0px; 
}