@charset "utf-8";
h1, h2, h3, h4, p {
	margin:0;
	line-height:1.4;
	padding:.4em 0 .2em;
}
a { color:#888; }
a:hover, a:active, a:focus { color:#eee; }
nav { text-transform:uppercase; color: #564a3c; font-size:.8em; }
nav a {
	color: #635545;
	text-decoration: none;
}
nav a:hover, nav a:active, nav a:focus { color: #AE9F8C; }

body { 
	background: #111; 
	color:#777;
	margin:0;
	padding:0;
	font-family:Verdana, Geneva, sans-serif;
	font-size:15px;
}
h1 span, footer {
	font-size:.8em;
	font-style:italic;
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;	
}
#text, footer p, nav {
	padding:5px 50px 20px;
	margin:0 auto;
	max-width:800px;
}
#container { position:relative; }
#tiles { text-transform:uppercase; font-size:.7em; }
#tiles li { list-style-type:none; }
#tiles p { margin:0; padding:2px 0 12px; }
footer { margin-top:15px; border-top:1px solid #333; }



@media screen and (max-width:599px) {
header { background:url(/images/b3d_header-01a_mobile.jpg) top left no-repeat;
	padding-top:34.17%;
	background-size:100%;
	width:100%;
	max-width:599px;
	margin:0 auto 8px;
}
}



@media screen and (min-width:600px) {
header { background:url(/images/b3d_header-01a.jpg) top left no-repeat;
	height:250px;
	width:100%;
	max-width:1600px;
	margin:0 auto 10px;
}
}
