/*	--------------------------------------------------
	=TOC
	--------------------------------------------------

	1.	Colors
	2.	Global Reset
	3.	Links
	4.	Typography
	5.	Lists
	6.	Tables & Forms
	7.	Structure
		A.	Body
		B.	Header
		C.	Footer
	8.	Navigation
		A.	Main Menu
		B.	Secondary Menu
	9.	Misc

	--------------------------------------------------
	=Colors
	--------------------------------------------------

	Green:			#a5c941			Red:			#ff3700
	Med Green:		#769926			Med Red:		#e33100
	Drk Green:		#91ad52			Drk Red:		#872300
	Blue:			#73cacf			Orange:			#ff6908
	Med Blue:		#2daebf			Med Orange:		#ff5c00
	Drk Blue:		#007d9a			Drk Orange:		#d45500
	Magenta:		#c9025c			Yellow:			#ffb515
	Med Magenta:	#a9014b			Med Yellow:		#fc9200
	Drk Magenta:	#630030			Drk Yellow:		#d17200

	--------------------------------------------------
	=Global Reset
	-------------------------------------------------- */

	html, body { margin: 0; padding: 0; }
	h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, cite, code, del, dfn, img, q, s, samp, small, strike, strong, em, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, button, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: normal; font-style: normal; font-size: 100%; line-height: 1; font-family: inherit; text-align: left; }
	table { border-collapse: collapse; border-spacing: 0; }
	ol, ul { list-style: none; }
	q:before, q:after, blockquote:before, blockquote:after { content: ""; }

/*	--------------------------------------------------
	=Links
	-------------------------------------------------- */
	
	a, a:visited { color: #2daebf; text-decoration: underline; outline: 0; font-style: inherit; font-weight: inherit; }
	a:hover { color: #007d9a; }
	
	h1 a, h1 a:visited, h2 a, h2 a:visited, h3 a, h3 a:visited { color: #333; text-decoration: none; font-weight: bold; }
	h4 a, h4 a:visited, h5 a, h5 a:visited { text-decoration: none; line-height: inherit; font-weight: bold; }
	h3 a:hover { color: auto; }
	h4 a:hover, h5 a:hover { text-decoration: underline; }
	p a, p a:visited { line-height: inherit; }

/*	--------------------------------------------------
	=Typography
	-------------------------------------------------- */
	
	h1, h2, h3, h4, h5, h6 { color: #333; font-weight: bold; letter-spacing: -1px; }
	h1 { font-size: 3.6em; line-height: 1; }
	h2 { font-size: 3.0em; line-height: 1.2; margin: 9px 0; }
	h3 { font-size: 2.4em; line-height: 1.125; margin: 12px 0 6px; }
	h4 { font-size: 1.8em; line-height: 1.5; }
	h5 { font-size: 1.4em; line-height: 1.285714; }
	h6 { font-size: 1.2em; line-height: 1.5; }

	p { font-size: 14px; line-height: 1.5; margin: 0 0 1.5em; color: #444; }
	
	em { font-style: italic; font-weight: inherit; line-height: inherit; color: #777; }
	strong { font-style: inherit; font-weight: bold; line-height: inherit; }
	
/*	Blockquotes (props to @paulrobertlloyd for inspiration) -------------------- */
	blockquote, blockquote p { font: 14px/1.5 Palatino, "Palatino Linotype", Georgia, Times, "Times New Roman", serif; color: #333; text-shadow: 0 1px 0 #fff; }
	blockquote { text-indent: -0.5em; margin: 0 0 18px; padding: 9px 20px 0 19px; border-left: 1px solid #ddd; }
	blockquote.solid { background: #f5f5f5; }
	
	blockquote p { margin: 0; padding: 0 0 9px; }
	blockquote p:before { content: "\201c"; }
	blockquote p:after { content: ""; }
	blockquote p.last:after { content:"\201d"; }
	
	blockquote cite { display: block; padding-bottom: 9px; font: normal 12px/1.5 "Arial", Helvetica, Helvetica Neue, Verdana, sans-serif; color: #777; }
	blockquote cite:before { content: "\2014 \0020"; }
	blockquote cite a, blockquote cite a:visited { color: #777; }
	blockquote cite a:hover { color: #555; text-decoration: none; }
	
	p small { font-size: 91.666667%; line-height: 1.616161; }
	h1 small { font-size: 66.666667%; color: #777; }
	
	h1.muted, h2.muted, h3.muted, h4.muted, h5.muted { font-weight: normal; color: #777; }
	
	hr { border: solid #ddd; border-width: .1em 0 0; clear: both; margin: 17px 0 18px; height: 0; }
	hr.spacious { margin: 26px 0 27px; }
	body.ie6 hr { margin: 8px 0 9px; }
	
	address { color: #333; font-size: 1.2em; line-height: 1.5; margin: 0 0 1.5em; }
	
	code, pre { font: 1em/1.5 "Monaco", "Courier New", "Courier", monospace; color: #e33100; }
	
	pre {  }

/*	--------------------------------------------------
	=Lists
	-------------------------------------------------- */
	
	dt { font-size: 1.2em; line-height: 1.5; font-weight: bold; color: #333; }
	dd { margin: 0 0 1.5em; font-size: 1.2em; line-height: 1.5; }

	ol, ul { margin: 0 0 1.8em 30px; }
	ol { list-style: decimal; }
	ul { list-style: square; }	
	li { font-size: 14px; line-height: 1.5; }
	li ol, li ul { margin: 0 2em; }
	li li { font-size: 1em; }
	
/*	Code Lists -------------------- */
	ol.code { background: #333; border: 0; margin: 0; padding: 1.8em; list-style: none; }
	ol.code li { color: #fff; margin: 0; line-height: 1.5; padding: 0; text-shadow: 0 .1em .1em #111; font-family: "Consolas", "Courier New", Monaco, Courier, monospace; }
	ol.code li code { font-family: "Consolas", "Courier New", Monaco, Courier, monospace; font-size: 1.2em; line-height: inherit; color: inherit; }
	
	ol.code .indent-1 { padding-left: 4em; }
	ol.code .indent-2 { padding-left: 8em; }
	ol.code .indent-3 { padding-left: 12em; }
	
	ol.code li.selector { color: #39c; }
	ol.code li.property { color: #f63; padding: 0 0 0 3em; }
	ol.code li.property span.value, ol.code .class { color: #9c3; }
	
	ol.code li.punctuate,
	ol.code li.selector span.punctuate,
	ol.code li.property span.punctuate { color: #999; }

/*	--------------------------------------------------
	=Tables
	-------------------------------------------------- */
	
	table { width: 100%; margin: 0 0 1.8em; }
	thead, ul li.thead { background: #333; }
	td, th, ul li.thead span { font-size: 1.2em; line-height: 1.5; padding: 4px 5px; }
	th, ul li.thead span { font-weight: bold; color: #fff; }
	th.select { -webkit-border-top-left-radius: .6em; }
	th.status { -webkit-border-top-right-radius: .6em; }
	tr.alt td { background: #f5f5f5; }
	table a, table a:visited { text-decoration: none; }

/*	--------------------------------------------------
	=Forms
	-------------------------------------------------- */

	form { margin: 0 0 1.5em; text-align: left; }
	fieldset { text-align: left; }
	legend { font-size: 1.8em; line-height: 1.5; text-shadow: 0 .1em .1em #fff; padding: 0 0 .5em; }
	label { display: block; font-size: 1.2em; font-weight: bold; line-height: 1.5; cursor: pointer; }
	input[type=text], input[type=password], textarea { background: #fff; display: block; margin: 0 0 1em; padding: 3px 4px; font: 1.2em/1.5 Helvetica Neue, "Arial", Helvetica, Verdana, sans-serif; text-shadow: 0 0 0 #000; border: 1px solid #ddd; border-top-color: #777; border-left-color: #777; color: #555; }
	input.large.input { width: 90%; }
	
/*	--------------------------------------------------
	=Buttons
	
	Buttons are a great way to add some benefit to a 
	design by enticing users to click them over links.
	In our case, we have a simple, easy to remember 
	syntax for creating these buttons:
	
		<button class="small button on-white">
		<button class="medium button on-gray">
		<button class="large button on-dark-gray">

	Easy to remember, easy to use, easy to scale, and
	a wonderfully time-tested approach to using CSS 
	classes to build something.	
	-------------------------------------------------- */
	
	.button, a.button {
		background: url(/images/buttons/button-matrix.gif) repeat-x 0 0;
		display: inline-block;
		width: auto;
		padding: 0 1.5em 0 0;
		overflow: visible;
		text-decoration: none;
		text-shadow: 0 1px 1px #fff;
		font-weight: bold;
		color: #333;
		cursor: pointer;
		border: 0;
		line-height: 1;
	}
	
	.button span, a.button span {
		background: url(/images/buttons/button-matrix.gif) repeat-x 0 0;
		position: relative;
		display: block;
		padding: 0 0 0 1.5em;
		white-space: nowrap;
		line-height: 1;
	}
	
	body.ff .button span, body.ff a.button span, body.ff a.button:visited span { left: -2px; }
	body.ff2 .button, body.ff2 a.button { display: -moz-inline-box; }
	
	button::-moz-focus-inner { border: none; }
	
	/*	Button Sizes ----- */
	.button.large, a.button.large, a.button.large:visited {  }
	.button.medium, a.button.medium, a.button.medium:visited { height: 30px; font-size: 14px; }
	.button.medium span, a.button.medium span, a.button.medium:visited span { height: 30px; line-height: 30px; font-size: 14px; }
	.button.small, a.button.small, a.button.small:visited { height: 18px; line-height: 18px; font-size: 11px; text-transform: uppercase; }
	.button:hover, a.button:hover { color: #777; }
	
	/*	Buttons on Different BGs ----- */
	.button.on-white, .button.on-white:visited { background-position: right -36px; }
	.button.on-white span, .button.on-white:visited span { background-position: 0 0; }
	.button.on-white:hover { background-position: right -108px; }
	.button.on-white:hover span { background-position: 0 -72px; }

	.button.on-light-gray, a.button.on-light-gray { background-position: right -180px; }
	.button.on-light-gray span, a.button.on-light-gray span { background-position: 0 -144px; }
	.button.on-light-gray:hover, a.button.on-light-gray:hover { background-position: right -252px; }
	.button.on-light-gray:hover span, a.button.on-light-gray:hover span { background-position: 0 -216px; }

	.button.on-gray { background-position: right -324px; }
	.button.on-gray span { background-position: 0 -288px; }
	.button.on-gray:hover { background-position: right -396px; }
	.button.on-gray:hover span { background-position: 0 -360px; }

	.button.on-dark-gray { background-position: right -468px; }
	.button.on-dark-gray span { background-position: 0 -432px; }
	.button.on-dark-gray:hover { background-position: right -540px; }
	.button.on-dark-gray:hover span { background-position: 0 -504px; }

	.button.on-light-blue { background-position: right -612px; }
	.button.on-light-blue span { background-position: 0 -576px; }
	.button.on-light-blue:hover { background-position: right -684px; color: #fff; text-shadow: 0 1px 1px #2892a0; }
	.button.on-light-blue:hover span { background-position: 0 -648px; }

	.small.button, .small.button span { background: none; padding: 0; }
	.small.button { background: #777; padding: 0 10px; -webkit-border-radius: 9px; color: #fff; text-shadow: 0 0 0 #fff; }
	
/*	--------------------------------------------------
	=Structure
	-------------------------------------------------- */

	body { background: #fff; font: normal 62.5%/1 "Arial", Helvetica, Helvetica Neue, Verdana, sans-serif; text-shadow: 0 0 0 #000; color: #333; xbackground: url(/images/18px-line-height.png); }
	body.ff2 { opacity: .99; } /* Make our type in FF look uber sexah */
	body.safari { font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; }

	/*	=Wrapper ------------------------------------- */
	#wrapper { border-top: .5em solid #b8d30b; }

	/*	=Container ------------------------------------- */
	#container { position: relative; width: 880px; margin: 0 auto; padding: 0; }	
	
	/*	=Header ---------------------------------------- */
	#header { position: relative; height: 5.4em; margin: 0 auto 3.6em; }
	#header img { display: block; float: left; margin: 3.1em 0 0; }

	h6#logo a, h6#logo a:visited { background: url(/images/zurb.gif) no-repeat; float: left; margin: 3.1em 0 0; height: 3.6em; width: 15em; text-indent: -999em; }

/*	--------------------------------------------------
	=Page Headers
	-------------------------------------------------- */
	div.page-header { width: 880px; position: relative; margin: 0 0 3.1em; padding: 3.6em 0 2.7em; border-bottom: .5em solid #eee; clear: both; background-position: right bottom; background-repeat: no-repeat; }
	div.page-header h1 { display: block; font-size: 8.1em; line-height: 1; font-weight: bold; letter-spacing: -3px; margin: 0; color: #222; }
	div.page-header h2 { margin: 6px 0 0; font-size: 2.4em; line-height: 1.25; color: #777; font-weight: normal; }
	div.page-header h2 a, div.page-header h2 a:visited { text-decoration: underline; font-weight: inherit; line-height: inherit; }
	div.page-header h2 a.button { display: inline-block; position: relative; top: -5px; }
	div.page-header h1 span, div.page-header h2 span { display: block; }
	div.page-header h1 small, div.page-header h2 small { font-size: 75%; font-weight: normal; }
	div.secondary.page-header { padding: 0 0 9px; }
	
	div.sub-header { position: relative; margin: 0 0 2.7em; padding: 0 0 .8em; border-bottom: .1em solid #ddd; }
	div.sub-header ul { margin: 0; padding: 0; list-style: none; position: absolute; right: 0; bottom: 1em; }
	div.sub-header ul li { display: inline; padding: 0 0 0 10px; }
	
/*	--------------------------------------------------
	=Grid
	-------------------------------------------------- */
	
	.column-row { margin: 0 0 18px -20px; }
	.column, .columns { float: left; display: inline; margin: 0 0 0 20px; }
	.secondary.columns { padding: 1.8em 0 0; }

	.one { width: 40px; }
	.two { width: 100px; }
	.three { width: 160px; }
	.four { width: 220px; }
	.five { width: 280px; }
	.six { width: 340px; }
	.seven { width: 400px; }
	.eight { width: 460px; }
	.nine { width: 520px; }
	.ten { width: 580px; }
	.eleven { width: 640px; }
	.twelve { width: 700px; }
	.thirteen { width: 760px; }
	.fourteen { width: 820px; }
	.fifteen { width: 880px; }
	.sixteen { width: 940px; }
	.one-half { width: 420px; padding-right: 10px; }
	.one-third { width: 280px; }
	.two-thirds { width: 580px; }
	.eleven .column-row { width: 660px; }
	.twelve .column-row { width: 760px; }
	
	.offset-by-one-half { margin-left: 50px; }
	.offset-by-one { margin-left: 80px; }
	.offset-by-two { margin-left: 140px; }
	.offset-by-three { margin-left: 200px; }
	.offset-by-four { margin-left: 260px; }
	.offset-by-five { margin-left: 320px; }
	.offset-by-six { margin-left: 380px; }
	.offset-by-seven { margin-left: 440px; }
	.offset-by-eight { margin-left: 500px; }
	.offset-by-nine { margin-left: 560px; }
	.offset-by-ten { margin-left: 620px; }
	.offset-by-eleven { margin-left: 680px; }
	.offset-by-twelve { margin-left: 740px; }
	.offset-by-thirteen { margin-left: 800px; }
	.offset-by-fourteen { margin-left: 880px; }
	
	.last { margin: 0; }
	
	/* Clear the columns automagically, thanks @kneath */
	.column-row:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
	* html .column-row { height: 1%; }
	.column-row { display: inline-block; }
	.column-row { display: block; }

/*	IE6 Problems ---------- */
	body.ie .column-row { width: 900px; }
	body.ie .eleven .column-row { width: 660px; }
		
	.grid-overlay { display: none; background: transparent url(/images/grid-overlay.png) repeat-y top center; width: 100%; height: 100%; position: absolute; top: 0; z-index: 1000; }

	.header { position: relative; }
	.header h2 { margin: 0; }
	.header ul { position: absolute; top: .5em; right: .5em; list-style: none; margin: 0; padding: 0; }
	.header ul li { display: inline; font-size: 1.1em; text-transform: uppercase; }
	.header ul li a, .header ul li a:visited { display: block; float: left; color: #999; font-weight: bold; text-decoration: none; padding: 4px 9px 5px; border-radius: .6em; -webkit-border-radius: 9px; -moz-border-radius: 9px; }
	.header ul li a:hover { color: #777; }
	.header ul li.current a { background: #555; margin: 0; padding: 4px 9px 5px; color: #fff; }
	.header h2 small { font-size: 12px; color: #999; }
	
	::-moz-selection { background: #ffc; color: #000; }
	::selection { background: #ffc; color: #000; }	
		
/*	----------------------------------------
	Alerts & Errors
	---------------------------------------- */
	/* Plain, Simple Alert */
	p.alert, p.warning, p.error, p.success, p.info { background: #bbb url(/images/alert-overlay.png) repeat-x; margin: 0 0 1.5em; padding: .75em 1em; -webkit-border-radius: .6em; -moz-border-radius: .6em; -webkit-box-shadow: 0 2px 3px #ccc; }
	p.alert a, p.warning a, p.error a, p.success a, p.info a { color: #fff; font-weight: bold; text-decoration: underline; }
	p.alert small { color: #777; }

	/* Warnings */
	p.warning { background-color: #ffb515; color: #fff; }
	p.warning small { color: #d17200; }

	/* Errors */
	p.error { background-color: #df4729; color: #fff; }
	p.error strong { color: #fff; }
	p.error small { color: #930; }

	/* Success */
	p.success { background-color: #a5c941; color: #fff; }
	p.success strong { color: #fff; }
	p.success small { color: #360; }
	
	p.info { background-color: #73cacf; color: #fff; }
	p.info small { color: #007d9a; }

/*	--------------------------------------------------
	=Figures & Images
	-------------------------------------------------- */
	div.figure { background: #eee; margin: 0 0 1.8em; padding: 8px 9px 9px; -webkit-border-radius: 2px; }
	div.figure img { display: block; margin: 0; border: 1px solid #999; }
	div.figure cite { display: block; margin: 8px 0 0; font-size: 1.2em; line-height: 1.5; color: #555; }
	div.figure cite strong { color: #333; }
	
	div.simple.figure { background: #fff; margin: 0 0 1.8em; padding: 0; }
	div.simple.figure img { display: block; margin: 0 0 8px; border: 1px solid #999; }
	div.simple.figure cite { color: #777; }
	div.simple.figure cite strong { color: #555; }
	
	div.floated.figure { float: right; margin-left: 2em; }
	
	div.large.figure { width: 500px; } /* 520px */
	div.medium.figure { width: 320px; } /* 340px */
	div.small.figure { width: 200px; } /* 220px */


/*	--------------------------------------------------
	=Misc
	-------------------------------------------------- */
	.left { float: left; }
	.right { float: right; }
	.clear { clear: both; }
   
	div.pagination { width: 100%; height: 36px; text-align: center; margin: 0 0 3.6em; padding: 0; font-size: 12px; line-height: 1; }
	div.pagination a, div.pagination a:visited { padding: 3px 11px 4px; font-size: 12px; line-height: 1; text-decoration: none; font-weight: bold; border: .1em solid #ddd; text-shadow: 0 1px 1px #fff; -webkit-border-radius: 2px; }
	div.pagination a:hover { color: #fff; text-shadow: 0 -1px 1px #007d9a; background: #2daebf; border: .1em solid #007d9a; }
	div.pagination .disabled { color: #bbb; border: 0; }
	div.pagination .current { padding: 4px 12px 5px; color: #777; font-weight: bold; }
	.inactive { color: #777; }
	div.pagination .prev_page, div.pagination .next_page { margin: 0 2em 0 2em; }

	/*	--------------------------------------------------
	=Misc
	-------------------------------------------------- */

	.right { float: right; }
	.important { color: #e33100; }
	.centered { text-align: center; }
	div.spacer { clear: both; }