/* css reset - makes the layout looking good in all browsers */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video
{
	border: 0;
	margin: 0;
	padding: 0;
}
body {
	background-color: #000;
	background-image: url(../elements/gradient.jpg);
	background-repeat: repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
}
@media only screen and (max-width: 900px) { /* 900 wide and smaller */
	body {
		text-align: center;
	}
}
h1 {
	font-size: 1.3em;
	margin-top: 15px;
	text-transform: uppercase;
}
h2 {
	color: #281C0E;
	font-size: 1.2em;
	margin-top: 20px;
}
h3 {
	color: #FFF;
	font-size: 1.2em;
	margin: 0;
}
h4 {
	color: #000;
	font-size: 1.5em;
	padding: 15px 0;
	text-transform: uppercase;
}
@media only screen and (max-width: 900px) { /* 900 wide and smaller */
	h4 {
		color: #FFF;
		text-align: center;
	}
}
h5 {
	color: #FFF;
	font-size: 1.2em;
	margin: 0;
}
p {
	line-height: 1.5em;
	margin-bottom: 10px;
}
em {
	color: #492411;
}
ul {
	margin: 0 0 20px 20px;
}
hr {
	border: solid 1px #E4D385;
	margin: 20px 0;
}
#content {
	background-image: url(../elements/gradient.png);
	border: 2px solid #000;
	box-shadow: 0 0 20px #000;
	margin: 10px auto;
	text-align: center;
	width: 994px;
}
@media only screen and (max-width: 900px) { /* 900 wide and smaller */
	#content {
		background-image: url(../elements/mobile-background.jpg);
		border: 2px solid #F93;
		border-radius: 20px;
		margin: 10px auto 30px auto;
		padding: 0 10px;
		width: 85%;
	}
}
#header {
	background-image: url(../elements/photo-home.jpg);
	height: 470px;
	margin: 0 auto;
	width: 994px;
}
@media only screen and (max-width: 900px) { /* 900 wide and smaller */
	#header {
		display: none;
	}
}
#header p {
	color: #FFF;
	font-size: 1.3em;
	line-height: 1.2em;
	padding: 15px 0 0 735px;
	text-align: center;
	width: 250px;
}
#body-content {
	background-image: url(../elements/body-background.jpg);
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
	margin: 0 auto;
	text-align: center;
	width: 994px;
}
@media only screen and (max-width: 900px) { /* 900 wide and smaller */
	#body-content {
		background-image: none;
		border-radius: 20px;
		margin: 0 auto;
		padding: 20px 0;
		width: 90%;
	}
}
.logo {
	display: none;
}
@media only screen and (max-width: 900px) { /* 900 wide and smaller */
	.logo {
		display: block;
		margin: 0 auto;
	}
}
@media only screen and (max-width: 700px) { /* 700 wide and smaller */
	.logo {
		height: 100%;
		width: 100%;
	}
}
#body-left {
	background-color: #FFF;
	border: 2px solid #FF8B01;
	border-radius: 20px;
	float: left;
	margin: 0 0 40px 20px;
	padding: 20px 30px 40px 30px;
	text-align: left;
	width: 550px;
}
@media only screen and (max-width: 900px) { /* 900 wide and smaller */
	#body-left {
		float: none;
		margin: 0 auto;
		padding: 15px 30px;
		width: auto;
	}
}
@media only screen and (max-width: 900px) { /* 900 wide and smaller */
	#body-left img {
		height: 100%;
		width: 100%;
	}
}
#body-left a {
	color: #930;
}
.nav-main ul {
	margin-left: -5px;
}
.nav-main li {
	display: inline-block;
	margin: 8px;
}
@media only screen and (max-width: 900px) { /* 900 wide and smaller */
	.nav-main li {
		margin: 4px;
	}
}
@media only screen and (max-width: 900px) { /* 900 wide and smaller */
	.nav-main ul {
		text-align: center;
	}
}
#body-right {
	background-image: url(../elements/chalkboard.png);
	background-repeat: no-repeat;
	color: #FFF;
	float: right;
	margin-right: 5px;
	padding-top: 20px;
	width: 319px;
}
@media only screen and (max-width: 900px) { /* 900 wide and smaller */
	#body-right {
		float: none;
		margin: 30px auto 10px auto;
	}
}
@media only screen and (max-width: 450px) { /* 450 wide and smaller */
	#body-right {
		background-image: none;
		width: auto;
	}
}
.clear {
	clear: both;
}
.float-right {
	float: right;
	margin: 0 0 20px 0;
}
iframe {
	border: 2px solid #930;
	border-radius: 15px;
	height: 550px;
	margin: 20px 0 0 0;
	width: 560px;
}
@media only screen and (max-width: 900px) { /* 900 wide and smaller */
	iframe {
		width: 100%;
	}
}
#footer {
	color: #FFF;
	margin: 10px auto;
	padding-top: 5px;
	text-align: center;
}
#footer a {
	color: #FF6;
}
#footer p {
	margin: 0;
}
.nav-footer {
	margin: 0 0 20px 0;
}
.nav-footer li {
	display: inline-block;
	margin: 8px;
}
@media only screen and (max-width: 900px) { /* 900 wide and smaller */
	.nav-footer li {
		margin: 4px;
	}
}
.address {
	color: #000;
}
@media only screen and (max-width: 900px) { /* 900 wide and smaller */
	.address {
		display: none;
	}
}
#designer, #designer a {
	color: #666;
	font-size: .9em;
}
@media only screen and (max-width: 900px) { /* 900 wide and smaller */
	#designer, #designer a {
		color: #FFF;
	}
}
.qr {
	color: #000;
	margin: 65px 0 10px 0;
}
@media only screen and (max-width: 450px) { /* 450 wide and smaller */
	.qr {
		margin: 20px;
	}
}