@media only screen and (min-width: 550px) {
/*-----BODY -----*/
body {}





/*-----CONTAINER -----*/
#container {}





/*-----HEADER -----*/
/*Company logo*/
header img {
	width:100%;
}




/*-----DECORATIVE BAR -----*/
div.decorativeWrapper{
	display:block;
	background-color: #1f102e;
}
div.decorativeWrapper div.left {
	width: 25%;
	height: 1em;
	background-color: #6e0000;
}




/*-----NAVigation -----*/
button#showPhoneNav { display: none;}
nav{ width: 25%; float: left;}

nav ul{
	display: block!important; /*forces the menu to reappear on the tablet*/
	padding: 0; 
	margin: 0; 
	border: none;
	border-radius: 0;
	box-shadow:none;
}

nav ul li a {
	display:block;
	padding:.6em;
	text-decoration: none;
	border-top: 1px solid  rgba(255,255,255,0.2);
	border-bottom: 1px solid rgba(0,0,0,0.8);
	color: rgba(255,255,255,0.8);
	
	background: #3f3f3f;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3f3f3f), color-stop(100%,#272727)); /*Android*/
	background: -webkit-linear-gradient(top,  #3f3f3f 0%,#272727 100%); /*Safari, Chrome*/
	background: -o-linear-gradient(top,  #3f3f3f 0%,#272727 100%); /*Opera on Windows*/
	background: linear-gradient(to bottom,  #3f3f3f 0%,#272727 100%);
}

nav ul li a:hover {background: #272727;}
nav ul li.selected a {color: #ebb512;}




/*-----CONTENT -----*/
#content {
	margin-left: 25%;
	min-height: 30em;
}




/*-----IMAGES -----*/
figure.w50 {
	width: 70%;
	margin-left: 2%;
}






/*----- FOOTER -----*/
footer {}
footer div.left {background-color: #6e0000;}
footer div.middle {margin-left: 25%;}



}