* {
	padding:0;
	margin:0;
}

body {
	background: #1a1a1a;
	color:#fff;
    position:relative;
}

.wrap{
    width:100%;
    height:100%;
    position:absolute;
    top:0px;
    left:0px;
    background: rgb(34, 34, 34); /* Fallback for older browsers without RGBA-support */
    background: rgba(34, 34, 34, 0.5);    
    z-index: 999;
}


header{
    position: absolute;
    top: 30px;
    width: 400px;
    height: 120px;
    margin: 0 auto;
    text-align:center;
    font-family: 'Permanent Marker', cursive;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;    
    line-height: 120px;
    background: #000;
	filter: alpha(opacity=90);
	opacity: 0.9;
    font-size: 54px;
    color: #fff;
    left:50%;
    margin-left: -200px;
}

.content{
    position: absolute;
    top: 170px;
    width: 100%;
    height: 500px;
    text-align:center;
    font-family: 'Permanent Marker', cursive;  
    line-height: 18px;
    font-size: 18px;
    opacity:1;
    color: #fff;  
    left:0; 
    font-family: 'Open Sans', sans-serif;  
}


.content2{
    margin-top: 15px;
    font-size: 24px;
}

.content2 img{
}

footer{
    position: absolute;
    top: 670px;
    width: 100%;
    height: 40px;
    text-align:center;
    font-family: 'Permanent Marker', cursive;   
    font-size: 18px;
    color: #fff;
    left:0; 
    font-family: 'Open Sans', sans-serif;
}



/* DEMOS */

#div_demo {
	width:427px;
	height:240px;
	position: relative;
}

#div_demo span {
	display: block;
	position: relative;
	margin:0 auto;
	color:#fff;
	font-size:3em;
	padding-top:40px;
	font-weight: bold;
	text-align: center;
	width:250px;
	
}

.hr {
	background:#000;
	height:20px;
	
}

header h1, #header h1 {
	color:#fff;
}

footer {
	padding-top:20px;
}