@charset "utf-8";
/* CSS Document */

body {
	background: url(images/system/halftone.png);
	font-family: 'Lora', serif;
}
hr {
	width: 30%;
}
#holder {
	width:500px;
	height:500px;
	position:absolute;
	margin:-250px 0 0 -250px;
	left:50%;
	top:50%;
	
}
#image {
	position: relative;
	width: 500px;
	height:250px;
	top:0;
	left:0;
}
#address {
	position: relative;
	width: 500px;
	height:250px;
	left:0;
}
p.mini {
	text-align:center;
	font-size:0.8em;
}
a:active {
	color:#CCC
}
a:hover {
	color:#CCC;
}
a:link {
	color:#000;
	text-decoration: none;
}
/* 768px max layout */

@media screen and (max-width: 550px) {
	#holder {
	width:300px;
	height:300px;
	position:absolute;
	margin:-150px 0 0 -150px;
	left:50%;
	top:50%;
}
#image {
	position: relative;
	width: 300px;
	height:150px;
	top:0;
	left:0;
}
#address {
	position: relative;
	width: 300px;
	height:150px;
	left:0;
}
}