body{
	color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:15px;
	line-height:1.5;
	padding:0;
	margin:0;
	background-color:#000000
}

/* Global */
.container{
	width:90%;
	margin:auto;
	overflow:hidden;
}

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

.light{
	padding:15px;
	background:#151515;
	margin-top:10px;
	margin-bottom:10px;
}

/* Header */
header{
	background:#151515;
	padding-top:10px;
	min-height:70px;
	border-bottom:#B40404 1px solid;
}

header a{
	color:#FFFFFF;
	text-decoration:none;
	font-size:16px
}

header li{
	float:left;
	display:inline;
	padding: 0 20px 0 20px;
}

header #branding{
	float:left;
}

header #branding h1{
	margin:0;
	font-size:20px;
	font-weight:normal;
	font-style:italic;
}

header nav{
	float:right;
	margin-top:10px;
}

header .highlight{
	color:#B40404;
	font-weight:bold;
	font-size:32px;
	font-style:normal;
}

header .inline{
	display:inline-block;
}

header .current a{
	color:#B40404;
}

header a:hover{
	color:#FF0000;
}

/*Showcase*/
#showcase{
	min-height:250px;
	max-height:400px;
	width:device-width;
	background:url('../img/showcase.jpg') no-repeat;
	background-size:100%;
	text-align:center;
}

#showcase h1{
	text-shadow:#000000;
}

#showcase img{
	width:100%;
}

/* Boxes */
#boxes{
	margin-top:20px;
}

#boxes .box{
	float:left;
	width:30%;
	padding: 10px;
	text-align:center;
	
}

#boxes .box a{
	text-decoration:none;
	color:#FFFFFF;
}

#boxes .box img{
	width:90px;
}

#boxes .box h3{
	padding:0;
}

/*Sidebar*/

aside#sidebar{
	float:right;
	width:30%;
	margin-top:10px;
}

aside a{
	color:#FFFFFF;
}

aside img{
	width:70%;
	text-align:center;
	padding-top:20px;
}

aside a:hover{
	color:#FF0000;
}

/*Main-col*/
article#main-col{
	float:left;
	width:65%;
}

footer{
	padding:20px;
	background:#151515;
	min-height:30px;
	border-top:#B40404 1px solid;
	
}

footer li{
	float:left;
	display:inline;
	padding: 0 0 30px 30px;
}

footer a{
	color:#FFFFFF;
	text-decoration:none;
	font-size:14px
}

footer a:hover{
	color:#FF0000;
}

/*Media Queries*/
@media(max-width: 760px){
	header #branding,
	header nav,
	header nav li,
	article#main-col,
	aside#sidebar{
		float:none;
		text-align:left;
		width:100%;
	}
	
	#boxes .box{
		float:none;
		text-align:center;
		width:100%;
	}
	
	header nav li{
		display:inline-block;
		text-align:left;
		margin-top:5px;
		
	}
	
	header{
		padding:15px;
	}
	
	#showcase h1{
		margin-top:20px;
	}
}