/*-------------> BAROUSEL */
.barousel
{
    position:relative;
    margin-top:64px;
    width:630px;
    height:380px;
    margin-left:10px;
}

.barousel_image
{
    position:absolute;
    z-index:10;
    width:460px;
    height:260px;
}

.barousel_image img
{
    position:absolute;
    display:none;
}

.barousel_image img.default
{    
    display:block;
}

.barousel_image img.current
{
    z-index:10;
}

.barousel_image img.previous
{
    z-index:5;
}

.barousel_content
{
    position:absolute;
    z-index:50;
    color:#fff;
    width:450px;
    top:246px;
    left:0;
}

.barousel_content h2, .barousel_content h2 a {font-family:Kankin; color: #fff; font-weight:100; margin-bottom:3px;margin-top:20px; font-size:1.3em;text-shadow: #000 1px 1px; text-decoration:none; line-height:28px;}
.barousel_content h2 a:hover {color:#ab3921;}

.barousel_content div
{
    display:none;    
}

.barousel_content div.default
{
    display:block;    
}

.barousel_content p, .barousel_content p a 
{
    font-size:14px;
    font-weight:bold; 
    font-family: 'Open Sans', sans-serif;
    font-style:italic;
    color: #8b8b8b;
    margin:0;
    text-decoration:none;
}

.barousel_content p.header
{
    font-size:28px;
    font-weight:normal;
    line-height:28px;
    color:#fff55b;
}



.barousel_nav
{
    position:absolute;
    padding:0 3px 0px 0;
    height:385px;    
    right:7px;
    z-index:20;
    width:150px;
    
}

.barousel_nav .counter
{    
    float:right;
    font-size:0.75em;
    color:#fff;
    margin:3px 5px 0 0;
}

.barousel_nav ul
{
    float:right;
    padding:0;
    margin:0;
}

.barousel_nav li
{
    
    padding-left:3px;
    font-size:0;
    line-height:0;
    list-style:none;
    display:block;
    width:150px;
    height:76px;
}

.barousel_nav li a
{
    display:block;
    width:144px;
    height:66px;
    background-color:#4d4d4d;
    font-size:0;
    line-height:0;
    text-decoration:none;
    background-repeat:no-repeat; background-size: 144px auto;
    border: 5px solid  #272c2f;
}

.barousel_nav li a:hover
{
    border: 5px solid #fde3cf;
}

.barousel_nav li a.current
{
    border: 5px solid #ab3921;
}



.barousel img.ajax_loader
{
    display:none;
    position:absolute;
    z-index:99;
    top:70px;
    left:135px;
}



/*--------------------------------------------------=> MASTER LAYOUT */

#nav
{
	position:fixed;
	top:3px;
	left:537px;
	width:250px;
}

#nav li
{	
	font-size:0.88em;
	font-weight:bold;
}

#nav li a
{
	display:block;	
	text-decoration:none;
	padding:7px 10px;
}

#nav li a:hover
{
	background-color:#000;
	color:#fff;
}