*	{ box-sizing: border-box; }

header, nav, main, footer {display: block;}

.floatleft {	float: left;
		padding-right: 20px;
		padding-bottom: 20px;	
	}

.details {	padding-right: 20%;
		padding-left: 20%;
		overflow: auto;	
	}

#heroroad {	background-size: 100%;
		height: 250px;
		background-image:url(javajam-images/heroroad.jpg);
		background-repeat:no-repeat;
	}

#heromugs {	background-size: 100%;
		height: 250px;
		background-image:url(javajam-images/heromugs.jpg);
		background-repeat:no-repeat;
	}

#heroguitar {	background-size: 100%;
		height: 250px;
		background-image:url(javajam-images/heroguitar.jpg);
		background-repeat:no-repeat;
	}

body 	{	background-image:url(javajam-images/background.gif);
		font-family: Verdana, Arial, sans-serif;
	}
	
main	{	background-color: #FEF6C2;
		margin-left: 200px;
		padding-left: 0px;
		padding-right: 0px;
		padding-bottom: 2em;
	}
	
#wrapper {	width: 80%; 
		margin-right: auto;
		margin-left: auto;
		background-color: #231814;
		min-width: 900px;
		max-width: 1280px;
		box-shadow: 4px 4px #221811;
	}
	
header	{	background-color: #D2B48C;
		background-image:url(javajam-images/javajamlogo.jpg);
		background-repeat:no-repeat;
		height: 150px;
	}

h2, h3, p, ul, dl, section { padding-left: 3em; padding-right: 2em; color: #221811;}
	
h1 	{	padding-top: 45px;
		font-size: 3em;
		padding-left: 300px;
		color: #221811;
	}
	
h4 	{	background-color: #D2B48C;
		font-size: 1.2em;
		padding-bottom: 0px;
		text-transform: uppercase;
		border-bottom: 3px solid #221811;
		padding-left: 3em;
		padding-right: 2em;
		color: #221811;
		clear: left;
	}
	
nav 	{	float: left;
		width: 200px;
		text-align: center;
		font-weight: bold;
		font-size: 1.5em;
		padding-top: 10px;
	}
	
nav a	{	text-decoration: none;
	}

nav a:link {	color: #FEF6C2;
	}

nav a:visited {	color: #D2B48C;
	}

nav a:hover {	color: #CC9933;
	}

nav ul	{	list-style-type: none;
		padding-left: 0px;
	}

		
img	{	padding-right: 10px;
		padding-left: 10px;
	}
	
footer	{	clear: both;
		border-top-style: solid;
		border-top-color: #221811;
		border-top-width: solid;
		background-color: #D2B48C;
		font-size: .60em;
		font-style: italic;
		text-align: center;
		padding-bottom: 10px;
	}


<!--		background-color: #FCEBB6;
		color: #221881;


-->