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

* {margin:0; padding:0;}
#mobiler {display:none;}

body{
	background-color:#000000;
	overflow-y: scroll;
	overflow-x: hidden;
}
.ie7 body{
	overflow:hidden;
}

a{
	color: #FAFAFA;
	text-decoration: none;
}

.menu-bar {display:none;}

header{
	position: relative;
	display: block;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
    text-align: center;
	width:100%;
	background: rgba(0,0,0,0.5);
}


p.navi{
	display: block;
	padding: 10px 10px;
	font-family: 'Raleway', sans-serif;
	font-size:14px;
	border-top:2px solid #cc0000;

}
p.navi a{
    display: inline-block;
	padding: 4px 10px 3px;
	margin: 2px 3px;
	font-weight: 800;
	color:#fff;
}
p.navi a:hover{
	text-decoration:underline;
}



.head {
	width:100%;
	height:245px;
	background: rgba(255,255,255,0.2);
	-webkit-box-shadow: 0px 0px 21px 1px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 0px 21px 1px rgba(0,0,0,0.2);
box-shadow: 0px 0px 21px 1px rgba(0,0,0,0.2);
	display:block;
	position:relative;
	margin-bottom:-55px;
	padding-top:5px;
	text-align:center;
	}
	
.sub-head {
	width:100%;
	background: rgba(204,0,0,0.6);
	-webkit-box-shadow: 0px 0px 21px 1px rgba(0,0,0,0.6);
	-moz-box-shadow: 0px 0px 21px 1px rgba(0,0,0,0.6);
	box-shadow: 0px 0px 21px 1px rgba(0,0,0,0.6);
	display:block;
	position:relative;
	padding-top:10px;
	padding-bottom:10px;
	text-align:center;
	color:white;
	font-family: 'Poiret One', cursive;
	font-weight:bold;
	text-shadow: 3px 3px 3px rgba(0,0,0,0.2);
	letter-spacing:15px;
	margin-bottom:20px;
	}

.main {	padding-top:10%;
}

.mobile-container {display:none;}

.boxtainer{
	position: fixed;
	right:-250px;
	top:130px;
	width:400px;
	margin:0 auto;
	-webkit-transition: all 0.3s linear;
     -khtml-transition: all 0.3s linear;
       -moz-transition: all 0.3s linear;
         -o-transition: all 0.3s linear;
            transition: all 0.3s linear;
	}
	
.boxtainer:hover {position:fixed; right:-100px;}
	
.boxtainer li {
	text-decoration:none;
	list-style:none;
}	

.box1 {float:left;padding-top:5px;padding-left:5px;padding-right:5px;}
.box2 {float:left;margin-left:15px;padding-top:25px;width:130px;}

.button{	
	font-family: 'Poiret One', cursive;
	font-weight:bold;
	padding:10px;
	cursor:pointer;
	display:inline-block;
	color:#FFF;
	font-size:20px;
	border:1px solid #eee;
	background:#eee;
	line-height:1.5em;
	letter-spacing:3px;
	border:1px solid #aaa;
	text-decoration:none;
	-webkit-box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.75);	
	-webkit-transition: all 0.3s linear;
     -khtml-transition: all 0.3s linear;
       -moz-transition: all 0.3s linear;
         -o-transition: all 0.3s linear;
            transition: all 0.3s linear;
}

.color{
background: #000;
}

.color:hover{
background: #cc0000;
}

.button:hover{
	-webkit-box-shadow:rgba(0,0,0,0.7) 0px 5px 15px, inset rgba(0,0,0,0.15) 0px -10px 20px;
     -khtml-box-shadow:rgba(0,0,0,0.7) 0px 5px 15px, inset rgba(0,0,0,0.15) 0px -10px 20px;
       -moz-box-shadow:rgba(0,0,0,0.7) 0px 5px 15px, inset rgba(0,0,0,0.15) 0px -10px 20px;
         -o-box-shadow:rgba(0,0,0,0.7) 0px 5px 15px, inset rgba(0,0,0,0.15) 0px -10px 20px;
            box-shadow:rgba(0,0,0,0.7) 0px 5px 15px, inset rgba(0,0,0,0.15) 0px -10px 20px;
			color:#000000;
}
.button:active {
    -webkit-box-shadow: rgba(255,255,255,0.25) 0px 1px 0px, inset rgba(255,255,255,0.03) 0px 20px 0px, inset rgba(0,0,0,0.15) 0px -20px 20px, inset rgba(255,255,255,0.05) 0px 20px 20px;
     -khtml-box-shadow: rgba(255,255,255,0.25) 0px 1px 0px, inset rgba(255,255,255,0.03) 0px 20px 0px, inset rgba(0,0,0,0.15) 0px -20px 20px, inset rgba(255,255,255,0.05) 0px 20px 20px;
       -moz-box-shadow: rgba(255,255,255,0.25) 0px 1px 0px, inset rgba(255,255,255,0.03) 0px 20px 0px, inset rgba(0,0,0,0.15) 0px -20px 20px, inset rgba(255,255,255,0.05) 0px 20px 20px;
         -o-box-shadow: rgba(255,255,255,0.25) 0px 1px 0px, inset rgba(255,255,255,0.03) 0px 20px 0px, inset rgba(0,0,0,0.15) 0px -20px 20px, inset rgba(255,255,255,0.05) 0px 20px 20px;
            box-shadow: rgba(255,255,255,0.25) 0px 1px 0px, inset rgba(255,255,255,0.03) 0px 20px 0px, inset rgba(0,0,0,0.15) 0px -20px 20px, inset rgba(255,255,255,0.05) 0px 20px 20px;
    text-shadow:1px 1px 1px #eee;
}

#bottom-bar{position:relative;text-align:center;width:800px; margin:0 auto;margin-bottom:20px;}




/* Media Queries*/
@media screen and (max-width: 740px) {
	.container > header{
		text-align: center;
	}
	
	.boxtainer li {width:100%;}
	.boxtainer li:nth-child(2) {padding-left:0px;padding-right:0px;}
	.boxtainer {width:100%;}

}