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

* {
    margin: 0;
    padding: 0;
}

html, body, #bg, #bg table, #bg td {
    height:100%;
    width:100%;
}

ul{list-style-type:none;}
li{padding-bottom:20px;}

a:link {	color: #00e3fe; text-decoration:none; font-weight:bold;}
a:visited {	color: #222; text-decoration:none; font-weight:bold;}
a:hover {	color: #222; text-decoration:none; font-weight:bold;}
a:active {	color: #00e3fe; text-decoration:none; font-weight:bold;}

.copy{	font-family: 'Droid Sans', arial, serif; 
	font-size:14px;
	line-height:130%;
	color:#000;}
	
	.copy2{	font-family: 'Droid Sans', arial, serif; 
	font-size:11px;
	line-height:130%;
	color:#000;}
	
	h1{	font-family: 'Droid Sans', arial, serif; 
	font-size:24px;
	padding-bottom:10px;
	font-weight:normal;
	color:#00e3fe;}

img {border: none;}

a {outline: none;}

#bg {
    position: fixed;
	z-index:-10;
}

#bg div {
    height:200%;
    left:-50%;
    position:absolute;
    top:-50%;
    width:200%;
	z-index:-10;
}

#bg td {
    text-align:center;
    vertical-align:middle;
}

#bg img {
    margin:0;
    min-height:50%;
    min-width:50%;
}

div#wrapper {
	height: 0px; /* set to taste */
	position: absolute;
	overflow: visible;
	width: 100%;
	left: 0px;
	top: 50%;
	z-index:1;
}
div#center {

	overflow: visible; /* set to taste */

	position: absolute; /* required */
	left: 50%; /* required */

	margin-left: -480px; /* half of width */
	width: 960px; /* width of div */

	height: 433px; /* height of div */
	top: -272px; /* half of height */
	text-align:center;
	z-index:1;
}


div#footer  
{
     background-image: url(img/footerbg.jpg);
	 background-repeat:repeat;
     text-align: center;
     width: 100%;
     height: 128px;
	 z-index:9;
     }

	   #galleria{
                width:960px; height:433px;	z-index:1;

   }
	
	.tooltip {
	display:none;
	background:transparent url(img/tooltipbg.png);
	font-size:12px;
	font-family: 'Droid Sans', arial, serif; 
	height:90px;
	width:216px;
	padding:10px;
	color:#fff;	
	top:20px;
	z-index:4;
}

/* style the trigger elements */
#demo img {
	border:0;
	cursor:pointer;
	margin:0px;
}

	#makeMeScrollable
	{
		width:100%;
		height: 128px;
		position: relative;
	}
	
	#makeMeScrollable div.scrollableArea *
	{
		position: relative;
		display:block;
		float:left;
		margin:0px;
		padding:0px;
		}
		
		.cover1{ 
		width:200px;
		height:128px;
		background-image:url(img/left.png);
		left:0px;
		z-index:10;
		position: absolute;
		}
		
		.cover2{ 
		width:200px;
		height:128px;
		background-image:url(img/right.png);
		right:0px;
		z-index:10;
		position: absolute;
		}
		
		.twitter{
			width:187px;
			position:absolute;
			right:13px;
			top:58px;
			z-index:3000;
		}
		
		.rapper{
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin-top:-58px;
	margin-bottom:-128px;
	text-align:center;
}
.footer, .push {
	height: 128px; /* .push must be the same height as .footer */
}

.push2{height:58px;}