@charset "utf-8";
	* {
		margin: 0;
		padding: 0;
		
	}
	
	body {
		background: url(../images/colosseum.jpg) no-repeat center center fixed; 
	    -webkit-background-size: cover;
	    -moz-background-size: cover;
	    -o-background-size: cover;
	    background-size: cover;
	}
	
	.slideout-menu {
		position: fixed;
		top: 0;
		left: -250px;
		width: 250px;
		height: 100%;
		background: #666;
		z-index: 3000;
	}
	.slideout-menu h3 {
		position: relative;
		padding: 12px 10px;
		color: #FFF;
		font-size: 1.2em;
		font-weight: 400;
		border-bottom: 4px solid #222;
	}
	.slideout-menu .slideout-menu-toggle {
		position: absolute;
		top: 0px;
		right: 10px;
		display: inline-block;
		padding: 6px 9px 5px;
		font-size:2em;
		font-family: 'Open Sans';
		font-weight: 100;
		line-height: 1;
		color: #FFF;
		text-decoration: none;
		vertical-align: top;
	}
	.slideout-menu .slideout-menu-toggle:hover {
		color: #fff;
	}
	.slideout-menu ul {
		list-style: none;
		font-weight: 300;
		border-top: 1px solid #151515;
		border-bottom: 1px solid #454545;
	}
	.slideout-menu ul li {
		border-top: 1px solid #454545;
		border-bottom: 1px solid #151515;
	}
	.slideout-menu ul li a {
		text-align:left;
		position: relative;
		display: block;
		padding: 2.5% 2.5% 2.5% 2.5%;
		color: #FFF;
		text-decoration: none;
		font-size: 1em;
		margin: 0;
		font-family: 'Open Sans';
	}
	.slideout-menu ul li a:hover {
		color: #F90;
	}
	.slideout-menu ul li a i {
		position: absolute;
		top: 5px;
		right: 10px;
		opacity: .5;
	}
	
	.Slideheader {
		padding-top: 1%;
		padding-bottom: 1%;
		padding-right: 0%;
		background: #000;
		text-align:right;
		color:#F90;
		background-color:#666;
		
	}
	.Slideheader .slideout-menu-toggle {
		font-size: 1.2em;
		color: #FFF;
		text-decoration: none;
		font-family: 'Open Sans';
		font-weight: 100;
	}
	.Slideheader .slideout-menu-toggle:hover {
		color: #fff;
	}
	.Slideheader .slideout-menu-toggle i {
		vertical-align: top;
		margin: 5px 3px 0 0;
	}