@charset "utf-8";
/* CSS Document */

html 
{
	background:#2d1307;
}

body
{
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
}

/* GENERAL STYLES */

a
{
	color:#FFF;
	text-decoration:none;
}

a:hover
{
	color:#FF3;
}

/* HEADER */
#header 
{
	padding-top:0px;
	padding-bottom:20px;
}

	#header img
	{
		float:left;	
	}
	
/*End HEADER */

#translator
{
	float:left;
	padding-bottom:20px;
	padding-left:10px;
	
}

#navbar
{
	background:url(../assets/navigationbar.jpg);
	height:48px;
	width:633px;
	float:left;
	
}

	#navbar li
	{
		list-style:none;
		float:left;
		padding:15px 5px;
		font-size:14px;		
	}

#container
{
	position:relative;	
}


/* Slide show stuff */
#slideshow-wrapper{
	padding-top:50px;
	padding-bottom:20px;
}

#slideshow {
	float:left
	padding-top:50px;
	padding-bottom:30px;
/* Set to "none" for not preview slideshow content */
}

.slideshow, .slideshow-label, .slideshow-content, .slideshow-panel {
    font:12px Verdana, Tahoma, sans-serif;
}


.slideshow-content {
    padding:0;
    background-color:#fff;
    color:#333;
    overflow:hidden;
    position:relative;
    z-index:1;
}

    /* Some Content Changes */
    .slideshow-content p {
        padding:0 !important;
        overflow:auto;
    }

    .slideshow-content img {
        padding:0 !important;
        border:0 !important;
    }

    .slideshow-slide {
        display:none;
        position:absolute;
    }

.slideshow-fullscreen {
    position:absolute;
    top:0;
    left:0;
    padding:0;
    border:0;  
    overflow:hidden;
}

.slideshow-label-place, .slideshow-panel-place {
    /* Stupid IE hack */
    // border-style:dotted; border-width: 1px 0; border-color: transparent; background:transparent;
}

.slideshow-label-place {
    padding:0;
    position:absolute;
    top:0px;
    left:0px;
    z-index:100;
    height:30px;
}
    .slideshow-label {   
        z-index:101;
        color:#fff;
        width:100%;
        height:100%;
        line-height:30px;
        text-indent:450px;
        font-weight:bold
    }

    .slideshow-label a,
    .slideshow-label a:hover,
    .slideshow-label a:active,
    .slideshow-label a:visited {
        color:#fff;
    }

.slideshow-panel-place {
    padding:0;
    position:absolute;
    bottom:0px;
    left:0px;
    z-index:100;
    height:26px;
}
    .slideshow-panel {
        z-index:101;    
        width:100%;
        height:100%;
    }
    
        .slideshow-panel a.button {
            display: block;
            width:24px;
            height:24px;
            float:left;
            text-indent:-99999%;
            overflow:hidden;
            outline: 0; /* @ Firefox, prevent dotted border after click */ 
            background-image:url(images/buttons.png);
            background-repeat:no-repeat;
            border:1px solid transparent
        }
        
            .slideshow-panel a.button:hover {
                border:1px solid #777;
            }
            
            
            .slideshow-panel a.first {
                background-position: 0 0
            }
            
            .slideshow-panel a.prev {
                background-position: -24px 0
            }
            
            .slideshow-panel a.play {
                background-position: -48px 0
            }
            
            .slideshow-panel a.stop {
                background-position: -72px 0
            }
            
            .slideshow-panel a.next {
                background-position: -96px 0
            }
            
            .slideshow-panel a.last {
                background-position: -120px 0
            }
            
            .slideshow-panel a.help {
                position:relative;
                background-position: -144px 0
            }
            
            .slideshow-panel span.counter {
                float:right;
                display: block;
                font-weight:700;
                color:#fff;
                /*width:26px;*/
                height:24px;
                line-height:24px;
                padding:0 4px;
            }


.slideshow-help {
    position:absolute;
    bottom:26px;
    left:0px;    
    z-index:101;   
    background-color:#ff9; 
    display:none;
    opacity: 0.9;
    width:100%;
}

.slideshow-frame div {
    position:absolute;
    top:0px;
    left:0px;
    background:url(images/big-play.png) 50% 50% no-repeat;
    z-index:201;
    cursor:pointer;
    width:100%;
    height:100%;
}

.slideshow-load {
    display:none;
}
    .slideshow-load div {
        position:absolute;
        top:0px;
        left:0px;
        background:url(images/ajax-loader.gif) 50% 50% no-repeat;
        z-index:201;
        cursor:pointer;
        width:100%;
        height:100%;
    }

.slideshow-shadow {
    position:absolute;
    top:0px;
    left:0px;
    z-index:200;
    width:100%;
    height:100%;
}
    
.slideshow-opacity {
    background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA9JREFUeNpiYmBgaAAIMAAAjwCD5Hc2/AAAAABJRU5ErkJggg==);
    background:rgba(0, 0, 0, 0.5);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#85000000, endColorstr=#85000000);
}

/* End Slideshow stuff */


#content
{
	padding-top:10px;
	padding-left:10px;
	background-color:#222;
	width:650px;
}

#content-wrapper
{
	
}

#footer
{
	background-image:url(../assets/footer.jpg);
	background-repeat:no-repeat;
	width:700px;
	float:left;
}
	#footer-wrapper
	{
		padding-top:25px;
		float:left;
	}

	#footer-nav
	{
		list-style:none;
		float:left;
		padding:15px;
	}
	
	#footer-nav li
	{
		list-style:none;
		float:left;
		padding-left:20px;
		padding-top:5px;
		font-size:12px;
	}
	
	#footer-nav li a
	{
		text-decoration:none;
	}

/*Galleria section */
.galleria
{
	list-style:none;
	width:auto; 
	float:none;
}
.galleria li
{
	display:block;
	width:80px;
	height:80px;
	overflow:hidden;
	float:left;
	margin:0 10px 10px 0
}
.galleria li a
{
	display:none
}
.galleria li div
{
	position:absolute;
	display:none;
	top:0;
	left:280px
}
.galleria li div img
{
	cursor:pointer
}
.galleria li.active div img, .galleria li.active div
{
	display:block
}
.galleria li img.thumb
{
	cursor:pointer;
	top:auto;
	left:auto;
	display:block;
	width:auto;
	height:auto;
}
.galleria li .caption
{
	display:block;
	padding-top:2.5em;
}
* html .galleria li div span
{
	width:400px
} /* MSIE bug */



	/* BEGIN DEMO STYLE */
	.caption{color:#888;top:250px;left:3px;width:200px; padding-top:200px;}
	.demo{position:relative;margin-top:3em; padding-left:20px; top:2px; z-index:-1px;}
	.gallery_demo{width:200px;float:left;}
	.gallery_demo li{width:80px;height:50px;border:3px double #eee;margin: 10px 0px 10px 20px;background:#eee;}
	.gallery_demo li.hover{border-color:#bbb;}
	.gallery_demo li.active{border-style:solid;border-color:#222;}
	.gallery_demo li div{left:240px}
	.gallery_demo li div .caption{font:italic 0.7em/1.4 georgia,serif;}
	
	.galleria_container{margin:0 auto 60px auto;height:auto;width:480px;float:left;}
	
	.nav{padding-top:15px;clear:both;}
	
	.info{text-align:left;margin:30px 0;border-top:1px dotted #221;padding-top:30px;clear:both;}
	.info p{margin-top:1.6em;}
	
	.nav{position:absolute;top:410px;left:0;}