body { font-family: "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif"; height: 100%; background-color: black; padding: 0;}

h2 { font-size: 28px; }
h3 { font-size: 24px; }
p { font-size: 16px; }
img { border: none }
a { color: #B18816}
a:hover { color:#8C6D15; }

.content {
	position: relative;
	top: -30px;
	width: 80%;
	max-width: 1000px;
	margin: 0 auto;
	background-color: rgba(255,255,255,0.90);
	border: 15px solid rgba(255,255,255,0.75);
	padding: 55px 45px 100px;
	z-index: 100;
}

.bg_left {
	z-index: 10;
	position: fixed;
	left: 0;
	top: 0;
}

.bg_right {
	z-index: 10;
	position: fixed;
	right: 0;
	top: 0;
}

.img_wrapper {
	text-align: center;
	margin-bottom: 2em;
}

#logo {
	width: 80%;
	max-width: 800px;
}

#home-image {
	  border: 1px solid #ddd;
 
  padding: 15px;
	width: 60%;
	max-width: 640px;
	-webkit-box-shadow: 0 1px 0 rgba(255,255,255,.2), inset 0 4px 5px rgba(0,0,0,.6), inset 0 1px 0 rgba(0,0,0,.6);
	-moz-box-shadow: 0 1px 0 rgba(255,255,255,.2), inset 0 4px 5px rgba(0,0,0,.6), inset 0 1px 0 rgba(0,0,0,.6);
	box-shadow: 0 1px 0 rgba(255,255,255,.2), inset 0 4px 5px rgba(0,0,0,.6), inset 0 1px 0 rgba(0,0,0,.6);

	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}

.small { font-size: 0.8em; }


@media all and (max-width:800px) {
	.content {
	margin: 0 auto;
	background-color: rgba(255,255,255,0.90);
	border: 10px solid rgba(255,255,255,0.75);
	padding: 30px 25px 80px;
	}
	
	#home-image {
	width: 80%;
	max-width: 640px;
	}

	
	h2 { font-size: 24px; }
	h3 { font-size: 20px; }
	p { font-size: 16px; }
	
	.bg_left img {
		width: 237px;
	}

	.bg_right {
		width: 290px;
	}
}

@media all and (max-width:526px) {
	.bg_left img {
		width: 158px;
	}

	.bg_right {
		width: 194px;
	}
}

@media all and (min-width:1400px) {
	h2 { font-size: 38px; }
	h3 { font-size: 30px; }
	p { font-size: 18px; }
}