/* =Hoverbox Code
----------------------------------------------------------------------*/

.hoverbox{
list-style: none;
}

.hoverbox img{
border-color: #cccccc;
border-style: solid;
border-width: 1px;
color: inherit;
vertical-align: top;
}

.hoverbox li{
color: inherit;
display: inline;
float: left;
padding: 5px 3px 0px 0px;
position: relative;
}

.hoverbox a .preview{
display: none;
}

.hoverbox a:hover .preview{
display: block;
position: absolute;
top: 0px;
left: 0px;
z-index: 1;
}

.hoverbox .preview{
 border-color: #EDBD15;
}

/* =Internet Explorer Hacks
----------------------------------------------------------------------*/

.hoverbox a{
position: relative;
}

.hoverbox a:hover{
display: block;
font-size: 100%;
z-index: 1;
}

.hoverbox a:hover .preview{
top: -0px;
left: -0px;
}

.hoverbox li{
position: static;
}

/*--------------------------------------------------------------------------------------------------
                        lightbox
-----------------------------------------------------------------------------------------------------*/

#lightbox{
background-color: #ffffff;
padding: 0px;
padding: 10px;
}

#lightboxDetails{
font-size: 0.8em;
padding-top: 0.4em;
}   

#lightboxCaption{ 
float: left; 
}

#keyboardMsg{ 
float: right; 
}

#closeButton{ top: 5px; right: 5px; 
}

#lightbox img
{ border: none; clear: both;
} 

#overlay{

top: 0;
left: 0;
z-index: 1000;
width: 100%;
height: 100%;
background-color: #000;
filter:alpha(opacity=80);
-moz-opacity: 0.5;
opacity: 0.5;
    }

.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

* html>body .clearfix {
display: inline-block; 
width: 100%;
}

* html .clearfix {
/* Hides from IE-mac \*/
 height: 1%;
/* End hide from IE-mac */
}