body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	font-size: 12px;
}
h1 {
	margin: 0;
	padding: 0;
	text-indent:-9999px;
	width: 255px;
	height: 100px;
	background: url('superbgimage.png') no-repeat;
}
h1 a {
	display: block;
	overflow: hidden;
	width: 255px;
	height: 100px;
}
a { 
	color: #fff;
	text-decoration: none;
}
a:hover { 
	color: #f00;
}
.small {
	font-size:10px;
}

#overlay {
	position: absolute;
	left: 20px;
	top: 20px;
	color: #fff;
	padding: 10px;
	background: #000;
	width: 255px;
	border-top: solid 1px #d4d4d4;
	border-left: solid 1px #d4d4d4;
	border-right: solid 1px #666;
	border-bottom: solid 1px #666;	
	z-index:1;
}

fieldset {
	text-align: left;
	margin-bottom: 10px;
	padding: 10px;
	border:solid 1px #333;
}
fieldset * {
	text-align: left;
}
legend {
	color: #fc0;
	cursor: pointer;
	display: block;	
}

#control {
	text-align: center;
}
#control a {
	font-weight: bold;
	padding: 5px;
}

#thumbs, #thumbs1, #thumbs2 {
	text-align: center;
}
#thumbs a, #thumbs1 a, #thumbs2 a {
	display: block;
	line-height: 22px;
	float: left;
	width: 22px; 
	height: 22px;
}

#transition {
	width:100%;
}



a.activeslide { background:red; }

#superbgimage {
	display: none;
	background: #fff url('superbgloading.gif') center center no-repeat;
}
#superbgimage img {
	image-rendering: optimizeQuality;
	-ms-interpolation-mode: bicubic;
}

#gallery {
	position:absolute;
	left:25%;	
	top:25%;
	width:50%;
	height:50%;
}

	
	
#showtitle {
	z-index: 3;
		position:absolute;
		left:25%;	
		bottom:5%;
		width:50%;
		height:50%;
		display: none;
		color: #fff;
	padding: 10px;
	font-size:36px;
	line-height:36px;
}

#showtitle p.title {
	background:#000;
	display:inline;
}
	
	
/*-------------> CANVAS */
#thisCanvas { 
	z-index:100;	
	position: absolute; 
	margin:0px; 
	padding:0px;
	background-image: url(world_machine_jpg.gif);
	background-position:center;
	background-repeat:no-repeat;

}

	
	
/*-------------> BAROUSEL */
.barousel
{
    position:relative;
    margin-bottom:0px;
    background:url(../images/bg_banner.gif) repeat 0 0;
    width:100%;

}

.barousel_image
{
    position:absolute;
    z-index:10;
    width:100%;
}

.barousel_image img
{
    position:absolute;
    display:none;
    width:100%;
}

.barousel_image img.default
{    
    display:block;
}

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

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

.barousel_content
{
    position:absolute;
    padding:10px 10px 0 10px;    
    z-index:200;
    color:#fff;
    width:50%;
    top:0px;
    left:0px;
}

.barousel_content div
{
    display:none;    
}

.barousel_content div.default
{
    display:block;    
}

.barousel_content p
{
    font-size:15px;
    padding:5px 5px 5px 5px;
    font-weight:normal; 
    line-height:20px;   
    background:url(bg_barousel_content.png) repeat 0 0;
        z-index:200;
}

.barousel_content p.header
{
    font-size:28px;
    font-weight:bold;
    line-height:28px;
    color:#fff;
        z-index:200;
}

.barousel_content a,
.barousel_content a:hover
{
     z-index:200;
    color:red;
    background-color:transparent !important;
}

.barousel_nav
{
    position:absolute;
    padding:5px 5px 5px 5px;    
    background:#000;
    bottom:0;
    z-index:200;
    width:50%;
}

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

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

.barousel_nav li
{
    float:left;
    padding-left:5px;
    font-size:0;
    line-height:0;
    list-style:none;
}

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

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

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


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