@charset "UTF-8";

/*
	
	Site Design Copyright 2008 Infusion Design Melbourne
	www.infusiondesign.com.au
	
	Table of Contents
	1.	Browser CSS Reset
	2.	Typographic Setup
	3.	Generic Page Layout
	
*/

/*  -----  1. RESET  -----  */

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, img,
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 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 20px;
	font-size: 100.01%;
	color: #fff;
	background: #232322;
	font-family: Tahoma, "Helvetica Neue", Helvetica, Arial, sans-serif;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* Generic Document Styles */

p {
	margin: 20px 0;
}
a {
	text-decoration: none;
	border-bottom: 1px dotted #888;
	color: #b4141f;
}
a:hover {
	background: #ddd;
}
a:active {
	background: #bbb;
}

/*  Document Structure  */

html, body { 
	height: 100%;
}

#page_wrap {
	min-height: 100%;
	height: auto !important; /* IE6 */
	height: 100%; /* IE6 */
	margin: 0 auto -100px;
}
#masthead_wrap {
	background: #85030c url('../images/masthead_repeat.png') repeat-x 0 0;
}
	#masthead_inner {
		padding-top: 25px;
		position: relative;
		height: 155px;
		width: 980px;
		margin: 0 auto;
	}
	#masthead_inner h1 {
		background: transparent url('../images/header_logo.png') no-repeat 50% 50%;
		width: 650px;
		height: 80px;
		margin: 0 auto;
		text-indent: -9999px;
	}
	#masthead_inner h2 {
		background: transparent url('../images/header_subtitle.png') no-repeat 50% 50%;
		height: 70px;
		width: 980px;
		text-indent: -9999px;
		position: absolute;
		bottom: 0;
	}

#content_wrap {
	background: transparent url('../images/content_bottom.png') no-repeat 0 100%;
	width: 940px;
	margin: 40px auto;
	padding-bottom: 20px;
}
	#content_inner {
		width: 920px;
		padding: 10px 10px 0 10px;
		background: transparent url('../images/content_bigbg.png') no-repeat 0 0;
		overflow: auto;
	}
	
#navigation {
	width: 270px;
	float: left;
	font-size: 0.9375em;
}
	#navigation li {
		display: block;
		background: #363636 url('../images/nav_link.png') repeat-x 0 0;
	}
	#navigation li a {
		line-height: 40px;
		height: 40px;
		padding: 0 0 0 20px;
		display: block;
		color: #bbb;
		overflow: hidden;
		border: 0 none;
		text-shadow: 2px 2px 6px rgba(0,0,0,0.7);
	}
		#navigation li a:hover {
			color: #fff;
			
			background: url('../images/nav_sprite.png') repeat-x 0 -40px;
		}
		#navigation li a:active {
			background: url('../images/nav_sprite.png') repeat-x 0 -120px;
		}
	
	#navigation li.active {
		font-weight: bold;
		background: url('../images/nav_sprite.png') repeat-x 0 -80px;
	}
	#navigation li.active a {
		background: transparent url('../images/nav_active.png') no-repeat 100% 0;
		color: #fff;
	}

#content_blocks_wrap {
	overflow: hidden;
	width: 650px;
	height: 440px;
	float: right;
	color: #333;
	background: #fff;
	position: relative;
}
#content_blocks {
	position: absolute;
}
	#content_blocks li {
		display: inline-block;
		display: block;
		/* height + padding + border vertically MUST = 480px */
		padding: 20px 20px 19px 20px;
		border-bottom: 1px solid #fff;
		height: 440px;
		margin: 0;
		overflow: hidden;
		position: relative;
	}
		#content_blocks li h3 {
			
		}
			#content_blocks li h3 a {
				display: block;
				line-height: 40px;
				margin: 0 auto 20px auto;
				width: 70%;
				padding: 0;
				font-size: 1.125em;
				background: #ddd;
				font-weight: bold;
	/*			color: #fff;*/
	color: #b4141f;
				text-align: center;
				border: 0 none;
				/*text-shadow: 2px 2px 3px rgba(0,0,0,0.3);*/
				/*-webkit-box-shadow: 0px 2px 7px rgba(0,0,0,0.5);*/
				position: relative;
			}
				#content_blocks li h3 a:hover {
					background: #eee;
				}
			#content_blocks li h3 a .url {
				display: none;
				position: absolute;
				width: 100%;
				background: #ddd;
				background: rgba(220,220,220,0.9);
			}
			#content_blocks li h3 a:hover .url {
				/*display: block;*/
				font-size: 0.75em;
			}
			#content_blocks li h3 a:hover .title {
				/*display: none;*/
			}
		#content_blocks li .logo {
			display: block;
			margin: 0 auto;
		}
		#content_blocks li p {
			font-size: 0.8125em;
			line-height: 20px;
		}
		#content_blocks li .buttons {
			position: absolute;
			bottom: 60px;
			right: 20px;
		}
			#content_blocks li .buttons a {
				margin-left: 20px;
				background: #363636 url('../images/nav_link.png') repeat-x 0 0;
				color: #bbb;
				border: 0 none;
				font-size: 0.8125em;
				padding: 5px 10px;
				text-align: center;
				width: 100px;
				text-shadow: 2px 2px 6px rgba(0,0,0,0.7);
			}
				#content_blocks li .buttons a:hover {
					color: #fff;
				}
				#content_blocks li .buttons a:active {
					background: #222;
				}

#footer_wrap {
	clear: both;
	background: #121211 url('../images/footer_repeat.png') repeat-x;
	height: 100px;
}
#footer_clear {
	height: 100px;
}
#footer_inner {
	width: 960px;
	margin: 0 auto;
}
	#footer_inner p {
		background: url('../images/footer_infusion.png') no-repeat 0 0;
		width: 300px;
		padding: 10px;
		height: 20px;
		float: right;
		text-align: center;
		margin: 0;
		font-size: 0.75em;
	}
		#footer_inner a {
			border: 0 none;
			color: #fff;
			padding: 3px;
		}
		#footer_inner a.infusion {
			color: #b4141f;
		}
		#footer_inner a:hover {
			color: #000;
		}