/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

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,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* === OFCS.ORG.UK */

@font-face {
	font-family: 'NewsGothicMTRegular';
	src: url('/fonts/News-Gothic-MT-Regular.eot');
	src: local('News Gothic MT Regular'), local('NewsGothicMT'), url('/fonts/News-Gothic-MT-Regular.woff') format('woff'), url('/fonts/News-Gothic-MT-Regular.ttf') format('truetype');
}

@font-face {
	font-family: 'NewsGothicMTItalic';
	src: url('/fonts/News-Gothic-MT-Italic.eot');
	src: local('News Gothic MT Italic'), local('NewsGothicMT-Italic'), url('/fonts/News-Gothic-MT-Italic.woff') format('woff'), url('/fonts/News-Gothic-MT-Italic.ttf') format('truetype');
}

@font-face {
	font-family: 'NewsGothicMTBold';
	src: url('/fonts/News-Gothic-MT-Bold.eot');
	src: local('News Gothic MT Bold'), local('NewsGothicMT-Bold'), url('/fonts/News-Gothic-MT-Bold.woff') format('woff'), url('/fonts/News-Gothic-MT-Bold.ttf') format('truetype');
}


body { font-family: 'NewsGothicMTRegular', sans-serif; color: #000; background: #f5f5f5; border-top: 4px solid #0088c6; -webkit-text-size-adjust: none; text-rendering: optimizeLegibility; }

/* HTML5 elements */
article, section, aside, header, nav { display: block; }

.content { font-size: 0.75em; line-height: 1.56em; }
	.content strong, .content h2 { color: #0088c6; font-family: 'NewsGothicMTBold', sans-serif; font-weight: 400; }
	.content em { font-family: 'NewsGothicMTItalic', sans-serif; }
	.content a { color: #0088c6; -webkit-transition: color 0.3s ease-in-out; -moz-transition: color 0.3s ease-in-out; }
	.content a:hover { color: #666; }
	.content p { margin-bottom: 1em; }
	.content p + h2 { margin-top: 2em; }
	.content ul { margin-left: 0; margin-bottom: 1em; }
		.content ul li { list-style: square; color: #0088c6; }
		.content ul li span { color: #000; }
	
	.content .vcard a.url { text-decoration: none; }
	.content .vcard span.type { text-transform: capitalize; }

#wrapper { width: 88%; margin: 0 auto; max-width: 1200px; }
	header { display: block; margin-top: 1.618em; overflow: hidden; }
		#contact_details { float: left; width: 36.25%/* 348px / 960px */; margin-left: 2.0833333333% /* 20px / 960px */; color: #666; font-size: 0.6875em; }
			#contact_details img { display: none; }
		#branding { float: right; width: 55.20833333%/* 530px / 960px */; margin-right: 2.0833333333% /* 20px / 960px */; text-align: right; }
			#branding #nhs_bromley {}
			#branding #strapline {}
				#branding #strapline img { max-width: 100%; }
			
	#content { margin-top: 1.618em; display: block; clear: both; margin-bottom: 4em; }
	#content:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

		#imagery { margin-left: -2.0833333333%/* -20px / 348px */; float: left; width: 41.5625% /* 399px / 960px */; }
			#imagery #slideshow { position: relative; width: 100%; margin-bottom: 1em; overflow: hidden; }
				#imagery #slideshow ol { position: relative; white-space: nowrap; }
					#imagery #slideshow ol li { display: inline; margin: 0; padding: 0; }
					#imagery #slideshow img { width: 100%; }
				
				#imagery #slideshow ol li { -webkit-transition: margin 0.6s ease-in-out; -moz-transition: margin 0.6s ease-in-out; }
				
			#imagery #map { height: 24em; }
		#information { float: right; width: 55.20833333%/* 530px / 960px */; margin-right: 2.0833333333% /* 20px / 960px */; }
		#copyright { font-size: 0.625em; color: #666; margin-top: 2em; }

/*
@beep’s target widths: https://twitter.com/#!/zeldman/status/65861766969696257
320, 480, 600, 768, 1024, 1200
*/

@media screen and (max-width: 320px) {
	#wrapper { width: auto; padding: 0.625em; }
	#imagery #slideshow, #imagery #slideshow img { max-width: 100%; }
	
	body #imagery #slideshow, body #imagery #map { float: none; margin: 0; width: auto; }
		#map { display: none; }

	#contact_details, #branding, #information { float: none; width: auto; margin: 0 0 1em 0; }
	#contact_details img { display: block; }
	#contact_details strong.org { display: none; }
}

@media screen and (max-width: 600px) {
	#wrapper { width: auto; padding: 0.625em; }
	#branding { display: none; }
	#imagery #slideshow, #imagery #map { float: left; width: 48%; }
		#imagery #slideshow { margin-right: 2%; }
	#contact_details, #branding, #information { float: none; width: auto; margin: 0 0 0.625em 0; }
	#contact_details img { display: block; }
	#contact_details strong.org { display: none; }
	#imagery { float: none; margin: 0 0 1em 0; width: auto; overflow: hidden; }
	
	body #map { height: 12.5em !important; }
}