/*=============================    
barousel.css
v.0.1
Julien Decaudin - 04/2010
www.juliendecaudin.com
=============================*/


/*----------- BAROUSEL */
.barousel
{
	position: relative;
	margin-bottom: 0px;
	width: 950px;
	height: 323px;
}

.bg {
	position: absolute;
	left: 0px;
	top: 0px;
	z-index:20;
}


.barousel_image
{
	position: absolute;
	z-index: 10;
	width: 553px;
	height: 323px;
	right: 0px;
	
}

.barousel_image img
{
	position: absolute;
	display: none;
	left: 0px;
	top: 0px;

}

.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: 371px;
	height: 323px;
	left: 5px;
	top: 1px;

}

.barousel_content div
{
	display:none;
	height:323px;
	 
}

.barousel_content div.default
{
	display: block;
	height: 323px;
}




.barousel_content p
{
	font-size: 17px;
	line-height: 1.15em;
	padding-left: 20px;
}

.barousel_content p.barousel_header
{
	font-family: "nimbus-sans",sans-serif;
	font-style: normal;
	font-weight: 700;
	font-size: 25px;
	font-weight: normal;
	line-height: 28px;
	padding-top: 65px;
	text-transform: none;
	padding-bottom: 15px;
	padding-right: 0px;
}

.barousel_subhead {margin-bottom:10px}

.barousel_content p.barousel_subhead

{
	font-family: "nimbus-sans",sans-serif;
	font-style: normal;
	font-weight: 700;
	font-size: 21px;
}

.barousel_content a,
.barousel_content a:hover
{
	color:#FFF;
	background-color:transparent !important;
}

.barousel_nav
{
	position: absolute;
	height: 23px;
	z-index: 100;
	padding-bottom: 0px;
	left: 20px;
	top: 23px;
}

.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
{
	float:left;
	padding-left:6px;
	font-size:0;
	line-height:0;
	list-style:none;
}

.barousel_nav li a
{
	display:block;
	width:16px;
	height:16px;
	background-color:#e6e6e6;
	font-size:0;
	line-height:0;
	text-decoration:none;
}

.barousel_nav li a:hover
{
	background-color:#C3C3C3;
}

.barousel_nav li a.current
{
	background-color: #E98300;
}

.barousel_nav li.prev a
{
	background-image:url(../carousel/barousel_link_previous.gif);
	background-repeat:no-repeat;
	background-position:0 0;
}

.barousel_nav li.next a
{
	background-image:url(../carousel/barousel_link_next.gif);
	background-repeat:no-repeat;
	background-position:0 0;
}

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



/*--------------------------------------------------=> MASTER LAYOUT */
.page
{
    width:530px;    
    background-color:#ccc;
    margin:0 3px 3px 0;
}

#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;
}

#nav_barousel
{
	background-color:#fff55b;
}
    
#nav_thslide
{
    background-color:#6ec1dd;
}

#nav_barouselthslide
{
    background-color:#8ae04e;
}