*{margin:0px; padding:0px;}

body{
	background:url('content/wallstardarkmr.jpg') no-repeat fixed center center;
	background-size:cover;
	font-family: 'Raleway Dots', cursive;
	text-transform:uppercase;
	font-size:1em;
	color:white;
}

a{
	text-decoration:none;
	color:inherit;
}

h1{
	font-size:1.5em;
	margin-top:4%;
}

iframe{
	width:500px;
	height:255px 
}

.wrapper{
	width:1000px;
	height:640px;
	margin:auto;
	overflow:hidden;
}

.header{
	width:inherit;
	height:90px;
	position:relative;
}

.header img{
	position:absolute;
	z-index:10;
	top:0px;
	left:-14px;
}

.menu{
	position:absolute;
	width:488px;
	height:42px;
	right:10px;
	bottom:12px;
	z-index:10;
}

.menuitem{
	height:inherit;
	width:30%;
	border:1px solid grey;
	float:left;
	text-align:center;
	line-height:42px;
	color:white;
	margin-left:8px;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	cursor:pointer;
}

.menuitem ul{
	width:100%;
	height:inherit;
}

.menuitem li{
	list-style:none;
	width:100%;
	height:inherit;
}

.menuitem li:nth-child(n+2){
	border-bottom:1px solid grey;
	background:rgba(0,0,0,0.8);
	display:none;
}

.slider{
	width:100px;
	height:100px;
}

.page{
	width:100px;
	height:100px;
	float:left;
	position:relative;
	border-top:1px solid grey;
	border-bottom:1px solid grey;
}

.article{
	width:710px;
	height:570px;
	border-top:1px solid grey;
	border-bottom:1px solid grey;
	position:absolute;
	top:10%;
	left:16%;
	text-align:center;
}

.photo{
	width:410px;
	height:400px;
	border:1px solid grey;
	border-radius: 10px
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	box-shadow:10px 0px 40px rgba(255,255,255,0.1);
	position:absolute;
	top:20%;
	left:7%;
}

.photo img{
	height:inherit;
	width:inherit;
	border-radius: 10px
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

.info{
	width:410px;
	height:400px;
	border-top:1px solid grey;
	border-bottom:1px solid grey;
	position:absolute;
	top:20%;
	right:6%;
	text-align:center;
	font-size: 0.9em;
}

.decor1{
	width:120px;
	position:absolute;
	left:145px;
	top:-60px;
}

.decor2{
	width:120px;
	position:absolute;
	left:145px;
	bottom:-40px;
	display:none;
}

.decor3{
	width:120px;
	position:absolute;
	left:300px;
	top:-40px;
}

.decor4{
	width:120px;
	position:absolute;
	left:300px;
	bottom:34px;
}

.poster{
	width:inherit;
	opacity:0.03;
}

#ramasescover{
	width:250px;
	margin-top:10px;
}