/*
* Author: 		Trevor Morris, Creation Design & Marketing
* Contact:		trevor@creation.uk.com, leigh@creation.uk.com
* Version:		1.0
* Created:		05/03/2008
*
* CONTENTS
* -------------------
* == INCLUDE
* == defaults
* == navigation
* == forms

* =gen GENERAL
* =link LINKS
* =lay LAYOUTS
* =image IMAGES
* =uf MICROFORMATS
*

/* == INCLUDE
--------------------------------------------------------------------------------------------------*/ 
@import url(reset.css);
@import url(techniques.css);
@import url(navigation.css);
@import url(forms.css);


/* =gen GENERAL
-------------------------------------------------------------------------------------------------- */
html {
	overflow-y: scroll;
	background: #333;
}
body {
	font: normal normal 62.5%/1.5 "HelveticaNeue Roman", HelveticaNeue, Helvetica, Arial, Verdana, sans-serif; /* http://riddle.pl/emcalc/ */
	line-height: 1.5;
	background: #333 url(images/body.repeat.gif) repeat-x 0 110px;
}
strong,
strong strong.org {
	font-weight: bold;
}
strong.org {
	font-weight: normal;
}
em {
	font-style: italic;
}
p, ul, ol, dl, blockquote, form, pre, table {
	margin: 0 0 1em;
}
blockquote p {
	color: #666; font-style: italic; font-size: 1.2727em; /* 14px */ font-weight: bold;
}
blockquote p::before {
	content: '" ';
}
blockquote p::after {
	content: ' "';
}
blockquote p:last-child::before {
	content: '';
}
blockquote p:last-child::after {
	content: '';
}
blockquote p.last-child,
blockquote p:last-child {
	margin-top: 1em;
	font-size: 1em; font-weight: normal;
}
blockquote p strong {
	font-style: italic;
}


#content .image {
	width: 380px;
	padding: 19px 19px 8px;
	background-color: #EBF1E2;
}
#content img {
	border: 1px solid #ccc;
}
#content .caption {
	margin: 0;
	font-size: 0.7273em; /* 8px */ color: #111; text-transform: uppercase;
	font-family: "04b-03", Verdana, mono, sans-serif;
}


.adr {
	margin-top: 5px;
	font-weight: bold;
}
	.adr span,
	.adr strong {
		display: block;
	}
	.adr span span,
	.adr strong span {
		display: inline;
	}
	.adr .locality {
		text-transform: uppercase;
	}
	.adr .postal-code .caps {
		font-size: 1em;
	}



/* =link LINKS
-------------------------------------------------------------------------------------------------- */
a:link, a:visited, a:hover, a:active {
	color: #693;
}
a:hover, a:focus,
.active a, .active a:hover, .active a:focus {
	text-decoration: none;
}


/* =hea HEADINGS
-------------------------------------------------------------------------------------------------- */
h2, h3, h4, h5, h6 {
	margin-bottom: 0.5em;
}
h2#page-heading {
	position: absolute; top: 40px; left: -40px; overflow: hidden; z-index: 503;
	width: 50px; height: 260px;
	margin: 0;
	background-image: url(images/headings.png);
}
h3,
#meetings tr.vevent abbr.dtstart  {
	margin: 1em 0 0.2222em; /* 18px 0 4px */
	color: #666; font-size: 1.6364em; /* 18px */ line-height: 1.2222em; /* 22px */
}
h4 {}
h5, h6 {}

body.profile dl.vcard dt,
#meetings table th {
	text-transform: uppercase; color: #999; font-weight: bold;
}


body.welcome h2#page-heading {
	background-position: 0 0;
}
body.about h2#page-heading {
	background-position: -60px 0;
}
body.contact h2#page-heading {
	height: 285px;
	background-position: -360px 0;
}
body.downloads h2#page-heading {
	height: 285px;
	background-position: -420px 0;
}



/* =lay LAYOUTS
-------------------------------------------------------------------------------------------------- */
#container {
	position: relative;
	width: 760px;
	margin: 0 auto; padding: 30px 10px 0;
	font-size: 1.1em; /* 11px */
	background: url(images/container.repeat.png);
}
#branding {
	padding: 75px 0 0 35px;
	background-color: #fff;
}
	#branding h1 {
		position: absolute; top: 50px;  z-index: 501;
		width: 450px;
	}
	#branding h1 a {
		position: relative; z-index: 501;
		height: 92px; width: 203px;
		background-image: url(images/branding.infinity.logo.gif);
	}
	#branding h2.note {
		position: absolute; top: 0; left: 0;
		height: 34px; width: 780px;
		background: #333 url(images/body.header.gif) no-repeat 0 0;
	}

#content {
	position: relative; z-index: 200;
	min-height: 530px; width: 720px;
	margin: 0; padding: 0 20px;
}

	#content div#primary {
		float: left;
		width: 420px;
		padding: 60px 20px 20px;
		background-color: #fff;
	}

	
	#content .introduction,
	body.profile dl.vcard dd.fn,
	body.profile dl.vcard dd.org,
	body.profile dl.vcard dd.description {
		font-size: 1.4545em; /* 16px */ line-height: 1.3750em; /* 22px */
	}
	
	
	div#secondary {
		position: relative; float: right;
		width: 202px;
		padding: 20px;
		background-color: #fff;
		border-top: 20px solid #e5e5e5;
	}
	div#secondary * {
		margin-bottom: 20px;
	}
	div#secondary img {
		width: 200px;
	}
	#content div#secondary dd {
		margin-bottom: 20px;
		text-align: right;
	}
	div#secondary * *,
	div#secondary *:last-child,
	div#secondary dd.l {
		margin-bottom: 0;
	}
	
	
	div#secondary .button {
		overflow: hidden;
		height: 50px; width: 215px;
		padding: 0 20px 0 25px; margin: -10px -27px 0;
		font-size: 1.4545em; /* 16px */ font-weight: bold; color: #fff; line-height: 50px;
		background-image: url(images/buttons.green.gif);
	}
	div#secondary .button a {
		display: block;
		padding: 0 20px; margin: 0 -20px 0 -25px;
		text-align: center; color: #fff; text-decoration: none;
		background-image: url(images/buttons.green.gif);
	}
	div#secondary .button a:hover {
		background-position: 0 -50px;
	}


#footer {
	position: relative;
	clear: both;
	padding: 5px 30px 15px; margin: 0 -10px;
	font-size: 0.8182em; /* 9px */
	background: #333 url(images/footer.gif) no-repeat 0 0;
}
	#footer div.vcard span.note {
		position: absolute; top: 0; right: 0;
		height: 36px; width: 280px;
		background: #76A03F url(images/footer.tagline.gif) no-repeat 100% 0;
	}
	#footer div.vcard {}
	#footer div.vcard p.contact {
		position: relative; overflow: hidden;
		margin: 0; padding: 0 20px;
		color: #76A03F; line-height: 55px;
	}
	#footer div.vcard p.contact span {
		display: block;
		float: left;
		color: #999; font-size: 14px;
	}
	#footer div.vcard p.contact span.tel,
	#footer div.vcard p.contact span a {
		color: #fff;
	}
	#footer div.vcard p.contact span.tel {
		margin-right: 20px;
		font-size: 28px;
	}
	#footer div.vcard p.contact span a {
		text-decoration: none;
	}

	#footer p.copyright,
	#footer p.copyright a {
		color: #CF6;
		text-decoration: none;
	}
	#footer p.copyright,
	#footer .navigation {
		clear: left;
		margin: 0 0 5px 3px;
	}