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, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, figure {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-family: inherit;
	vertical-align: baseline; 
}
img {
	float: left;
	max-width: 100%;
	height: auto;
}	
/* remember to define focus styles! */
:focus {
	outline: 0; 
}
body {
 	background: #C0C0C0 url('images/bg.jpg');
 	color: #666666; 
 	font-family: 'Open Sans', helvetica, arial, sans-serif;
 	font-size: 13px;
 }
 #wrapper {
 	margin: 50px auto;
 	width: 880px;
 	padding: 50px;
 	background-color: #FFFFFF;
 	clear: both;
 }
.hidden {
	position:absolute;
	left:0px;
	top:-500px;
	width:1px;
	height:1px;
	overflow:hidden; 
}
p {
	padding-bottom: 10px;
	line-height: 24px;
}
strong {
	font-weight: 600;
}
em {
	font-style: italic;
}
a:link, a:visited {
	color: #8b0304;
}
a:hover, a:active {
	color: #005a63;
}

/* ---------------- holding page --------------- */

img {
	float: left;
}
h2 {
	margin-top: 50px;
}
#contact {
	width: 250px;
	float: right;
	text-align: right;
}
#intro {
	width: 400px;
	float: left;
}
iframe#map {
	width: 400px;
	height: 300px;
	float: right;
	margin-top: 45px;
}

/* ---------------- news page --------------- */
ul.page-numbers {
	list-style: none;
	float: right;
	margin: 20px 0px;
}
ul.page-numbers li {
	display: inline;
	padding: 0px 5px;
}

/*--------------------------------------- < 980px ------------------------------------- */

@media screen and (max-width: 980px) {
	 #wrapper {
		width: 768px;
	}
	img {
		margin: 0;
	}
	#contact,
	#address {
		margin-left: 0;
		margin-right: 0;
	}
	#intro {
		width: 340px;
	}
}

/*--------------------------------------- < 758px ------------------------------------- */

@media screen and (max-width: 768px) {
	#wrapper {
		width: 524px;
		padding: 20px;
		margin: 20px auto;
	}
	img#logo {
		width: 250px;
	}
	h2 {
		margin-top: 20px;
	}
	#intro,
	iframe#map {
		width: 100%;
		margin-top: 20px;
	}
}

/*--------------------------------------- < 524px ------------------------------------- */

@media screen and (max-width: 524px) {
	#wrapper {
		width: 292px;
		padding: 10px;
		margin: 10px auto;
	}
}