body {
	background-color : #000;
	margin : 0;
	padding : 0;
}
object, table, tr, td {
	margin : 0;
	padding : 0;
	border : 0;
}

img { width: 100%; height: 100%; margin : 0; padding : 0}

.backgroundarea {
	z-index : 1;
	width : 100%;
	height : 100%;
	overflow-x : hidden;
	overflow-y : hidden;
}

.background {
	z-index : 2;
	margin : 0;
	padding : 0;
	width : auto;
	height : auto;
}

.swipearea {
	z-index : 3;
	width : 100%;
	height : 100%;
	position : absolute;
	background-color : transparent;
	left : 0;
	top : 0;
}


.contentarea {
	z-index : 4;
	position: absolute;
	left:     50%;
	top:      50%;
	width : 1px;
	height : 1px;
	padding: 0;
	overflow-x : hidden;
	overflow-y : hidden;
}

.contentarea p {
	margin-top : 1%;
	margin-left : 1%;
	margin-right : 1%;
	margin-bottom : 1%;
}

.leftarrow {
	position: absolute;
	left : 6%;
	top : 50%;
	width: 1%;
	height: 1%;
	cursor: pointer;
	z-index : 5;
}

.rightarrow {
	position: absolute;
	left : 94%;
	top : 50%;
	width: 1%;
	height: 1%;
	cursor: pointer;
	z-index : 6;
}

.slidebar {
	-moz-transition: all 1s ease-in-out;
    -webkit-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
	position: absolute;
	height : 2%;
	width : 90%;
	left : 5%;
	overflow-x : hidden;
	overflow-y : hidden;
	z-index : 7;
	background-color : #111;
	opacity:0.9;
	filter:alpha(opacity=90); /* For IE8 and earlier */
}

.slideout {
	left : 10%;
	width : 80%;
    color: #FFF;
    position: relative;
}

.slidebar:hover{
    height : 80%;
}