body {
	font-family : serif ;
	font-size : 1em;
	color: #ffffff;
	background-color: #111;
}

a {
	text-decoration: none;
	color:#ff9621;
}
a:hover {
          color: #ffffff;
          border-bottom: 1px dashed #FFF;
}

p,
img { 
             margin-left: auto;
             margin-right: auto;
         }

#global { 
          position: absolute;
          left: 0;
          top: 0;
          width: 100%;
          height: 98%;
}

#menu-dir,
#menu-photo,
#footer { 
          background-color: #222;
 }

#title {
         color: #ff9621;
         padding: 20px;
         font-style: italic;
         background-color: #444;
         font-size: 2em;
} 


#menu { 
        width: 15%;
        height: 90%;
        float: left;
        overflow: auto;
            }

#menu-dir { 
            text-align: right;
}
#menu-photo {
              text-align: center;
              vertical-align: middle;
} 
#menu-photo-list,
#menu-dir-list { 
                 list-style-type: none;
                 padding: 5px;
                 }


.loading
{
    background: url('loadingIcon.gif') no-repeat 50% 50%;
    height: 100%;
    width: 100%;
}

#photo-big,
#photo-list { 
              width: 80%;
              height: 79%;
              float: right;
              margin: 5px;
              overflow: auto;
              text-align: center;
              }

#photo-list-ul { 
                 position: relative;
                 margin: 10px;
                 list-style-type: none;
}
#photo-list-ul li { 
                    width: 205px;
                    height: 205px;
                    float: left;
                    margin: 2px;
                    padding: 2px;
                    background-color: #222;
                    text-align: center;
 }
.photo-text {
	color: #fff;
	font-family: serif ;
	font-size: 1em;
	text-align: left;
}

#slideshow { 
             width: 95%;
             height: 80%;
             }

#footer { 
          width: 100%;
          clear: both;
          text-align: right;
          }