/* CSS Document */
body{
	font: 16px/1.5 "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#006;
	padding:0;
	margin:0;
	background-color:#FFFFFF;
}

a{
	color: #C60;
	font-weight: bold;
	text-decoration:none;	
}

a:visited {
	color: #C61;
}

a:hover {
	color:#006;
}

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

/* Header */
header{
	padding-top:30px;
	min-height:70px;
	border-bottom:#e8491d 2px solid;
	font-size:17px;
	text-align:center;
	text-transform:uppercase;
	font-weight: bold;
}

header li{
	float:center;
	display:inline;
	padding: 0 5px 0 5px;
}

header a:hover{
	color:#006;
}

header #branding{
  	float:center;
	text-align:center;
}

header nav{
	float:center;
	margin-top:0px;
}

header .current a{
	color:darkred;  
	padding-left: 15px;
}

header .current a:hover{
  	color:#006;
}

/* Showcase */
#showcase{
  	min-height:300px;
  	background:url('../img/showcase.jpg') no-repeat;
  	text-align:left;  
}

#showcase h1{
	margin-top:10px;
	margin-bottom:10px;
	font-size:18px;
	font-weight: bold;
}

/* Showcase */
footer{
	border-top:#e8491d 2px solid;	
	margin-top:5px;  
	text-align: center;
}

/* Media Queries */
@media(max-width: 500px){
	header,
	#showcase, 
	container, 
	footer{
		width:100%;
		padding:0 0 0 0;
		text-align: center;
		margin:0 0 0 0;
		overflow:hidden;
	}

	header img{		
		width: 200px		
	}
}