/*	--------------------------------------------------
	=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; line-height: inherit; }
	a:hover { color: #007d9a; }
	
	h1 a, h1 a:visited, h2 a, h2 a:visited { color: #333; text-decoration: none; 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; }
	h1 { font-size: 36px; line-height: 1; }
	h2 { font-size: 30px; line-height: 1.2; margin: 12px 0 6px; }
	h3 { font-size: 24px; line-height: 1.125; margin: 12px 0 6px; }
	h4 { font-size: 18px; line-height: 24px; margin: 0 0 3px; }
	h5 { font-size: 14px; line-height: 18px; }
	h6 { font-size: 13px; line-height: 18px; }

	p { font-size: 13px; line-height: 18px; margin: 0 0 18px; color: #444; }
	p.big { font-size: 14px; }
	p.lead { font-size: 14px; color: #777; line-height: 21px; }
	p.large { font-size: 18px; color: #777; line-height: 24px; }
	
	em { font-style: italic; font-weight: inherit; line-height: inherit; color: #555; }
	strong { font-style: inherit; font-weight: bold; line-height: inherit; }
	strong.highlight { background: #ffc; padding: 1px 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }

	.important { color: #900; }

/*	Blockquotes (props to @paulrobertlloyd for inspiration) -------------------- */
	blockquote, blockquote p { font-size: 14px; line-height: 20px; color: #777; }
	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: 0 0 9px .5em; font-size: 12px; color: #555; }
	blockquote cite:before { content: "\2014 \0020"; }
	blockquote cite a, blockquote cite a:visited { color: #555; }
	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; }
	
	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: 13px; line-height: 18px; margin: 0 0 1.5em; }
	
	code, pre { font: 12px/18px "Monaco", "Courier New", "Courier", monospace; color: #e33100; }
	
	pre { font-size: 12px; line-height: 18px; }
	
	.highlight { background: #ff9; padding: 0 2px; }

/*	--------------------------------------------------
	=Lists
	-------------------------------------------------- */
	
	dt 				{ font-size: 13px; line-height: 18px; font-weight: bold; color: #333; }
	dd 				{ margin: 0 0 18px; font-size: 13px; line-height: 18px; }

	ol, ul 			{ margin: 0 0 18px 36px; padding: 0; }
	ol 				{ list-style: decimal; }
	ul 				{ list-style: square; }
	ul.clean,
	ol.clean		{ margin: 0; padding: 0; list-style: none; }
	li 				{ font-size: 13px; line-height: 18px; }
	li ol, li ul 	{ margin: 0 2em; }

	li h4 { margin: 3px 0 0; }
	
/*	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, .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; }
*/

/*	--------------------------------------------------
	Tables
	-------------------------------------------------- */
	table { background: #fff; width: 100%; margin: 0 0 18px; border: solid #ddd; border-width: 0 1px 1px 0; border-collapse: separate; -webkit-border-radius: 5px; -moz-border-radius: 5px; }
	table thead { background: #555; }
	table thead tr th,
	table tbody tr td { font-size: 12px; line-height: 18px; }
	table thead tr {  }
	table thead tr th { padding: 8px 10px 9px; font-size: 14px; font-weight: bold; color: #fff; }
	table tbody {  }
	table tbody tr {  }
	table tbody tr.even,
	table tbody tr.alt { background: #f5f5f5; }
	table tbody tr:nth-child(even) { background: #f5f5f5; }
	table tbody tr td { color: #333; padding: 9px 10px; border-left: 1px solid #ddd; border-right: 1px solid #fff; vertical-align: top; }
	/* Get fancy with rounded corners */
	table thead tr th:first-child { -webkit-border-top-left-radius: 5px; -moz-border-radius: 3px 0 0 0; }
	table thead tr th:last-child { -webkit-border-top-right-radius: 5px; -moz-border-radius: 0 3px 0 0; }
	table tbody tr:last-child td:first-child { -webkit-border-bottom-left-radius: 5px; -moz-border-radius: 0 0 0 3px; }
	table tbody tr:last-child td:last-child { -webkit-border-bottom-right-radius: 5px; -moz-border-radius: 0 0 3px 0; }
	/* Style the tables a bit lighter */
	table.alt { border-width: 1px 1px 1px 0; }
	table.alt thead { background: #f5f5f5; }
	table.alt thead tr th { color: #222; border-left: 1px solid #ddd; border-right: 1px solid #fff; }


/*	--------------------------------------------------
	=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 #fff; border: 1px solid #ddd; border-top-color: #777; border-left-color: #777; color: #555; }
	input.large.input { width: 90%; }
*/

/*	--------------------------------------------------
	Forms
	-------------------------------------------------- */
	form { margin: 0 0 18px; }
	fieldset {  }
	label { display: block; font-size: 13px; font-weight: bold; line-height: 18px; cursor: pointer; }
	input.input-text, input.password, textarea { display: block; background: #fff; width: ; margin: 0; padding: 3px 4px; border: 1px solid #ccc; -moz-border-radius: 3px; -webkit-border-radius: 3px; -webkit-box-shadow: 0 1px 1px #fff; font: 12px/18px Helvetica Neue, "Arial", Helvetica, Verdana, sans-serif; text-shadow: 0 0 1px #fff; }
	form input.input-text:focus, form textarea:focus { outline: none; border-color: #999; }
	textarea { width: 272px; }
	span.wrap { background: #eee; display: inline-block; margin: 0 0 14px; padding: 3px; line-height: 1; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
	span.wrap * { display: inline; vertical-align: top; }
	span.wrap small { font-size: 12px; color: #666; line-height: 18px; padding: 3px 10px 0 2px; position: relative; top: 4px; }

	/* Text input and textarea sizes */
	input.medium, textarea.medium { width: 324px; }
	input.large, textarea.large { width: 564px; }
	input.fluid, textarea.fluid { width: 680px; }

	/* Sets of checkboxes and radio buttons */
	ul.options { margin-bottom: 18px; }
	ul.options li { padding: 0 0 3px; }
	ul.options li label { font-size: 13px; font-weight: normal; }
	ul.options li input.radio,
	ul.options li input.checkbox {  }
	/* Inline options */
	ul.options.inline {  }
	ul.options.inline li { display: inline; padding-right: 8px; }
	ul.options.inline li.label { font-weight: bold; background: none; color: #333; text-transform: none; padding: 0; display: inline; font-size: 13px; }
	ul.options.inline label { display: inline; }
	
	/* Actions (buttons and links) at the bottom of forms) */
	fieldset.actions { margin: 9px 0 0; padding: 12px 0 13px; text-align: right; border-top: 1px solid #ddd; }
	fieldset.actions * { display: inline-block; }

/*	ZURButtons ---------- */
	.button { background: #222 url(../images/alert-overlay.png) repeat-x; display: inline-block; padding: 5px 15px 6px; color: #fff !important; font-size: 13px; font-weight: bold; line-height: 1; text-decoration: none; -moz-border-radius: 5px; -webkit-border-radius: 5px; -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.25); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.25); text-shadow: 0 -1px 1px rgba(0,0,0,0.25); border-bottom: 1px solid rgba(0,0,0,0.25); position: relative; cursor: pointer; overflow: visible; width: auto; }
	.button:hover { background-color: #111; color: #fff; }
	.button:active { top: 1px; }
	/* Small Buttons */
	.small.button { font-size: 11px; }
	/* Large Buttons */
	.large.button { font-size: 14px; padding: 8px 19px 9px; }
	/* Colors for our beloved buttons */
	.green.button { background-color: #91bd09; }
	.green.button:hover { background-color: #749a02; }
	.blue.button { background-color: #2daebf; }
	.blue.button:hover { background-color: #007d9a; }
	.red.button { background-color: #e33100; }
	.red.button:hover { background-color: #872300; }
	.magenta.button{ background-color: #a9014b; }
	.magenta.button:hover { background-color: #630030; }
	.orange.button { background-color: #ff5c00; }
	.orange.button:hover { background-color: #d45500; }
	.orangellow.button { background-color: #ffb515; }
	.orangellow.button:hover { background-color: #fc9200; }
	/* Secondary buttons (perfect for Cancels or other secondary actions */
	.secondary.button { background-color: #ccc; -moz-box-shadow: none; -webkit-box-shadow: none; color: #555 !important; text-shadow: 0 1px 1px rgba(255,255,255,0.5); }
	.secondary.button:hover { background-color: #bbb; color: #444 !important; }

	/* Make the buttons super awesomer */
	.super.button { background-image: url(../images/super-button-overlay.png); font-size: 13px; padding: 0; border: 1px solid rgba(0,0,0,.25); -webkit-border-radius: 15px; -moz-border-radius: 15px; }
	.super.button span { display: block; padding: 4px 20px 6px; -webkit-border-radius: 14px; -moz-border-radius: 14px; border-top: 1px solid rgba(255,255,255,.2); line-height: 1; }
	body.ff3 .super.button span { position: relative; top: -1px; padding: 5px 20px; }
	.small.super.button { font-size: 11px; -webkit-border-radius: 12px; -moz-border-radius: 12px; }
	.small.super.button span { padding: 2px 12px 6px; -webkit-border-radius: 11px; -moz-border-radius: 11px; }
	body.ff3 .small.super.button span { padding: 3px 12px; }
	.large.super.button { background-position: left bottom; -webkit-border-radius: 18px; -moz-border-radius: 18px; }
	.large.super.button span { font-size: 14px; padding: 7px 20px 9px; -webkit-border-radius: 17px; -moz-border-radius: 17px; }
	body.ff3 .large.super.button span { padding: 8px 20px; }


/*	--------------------------------------------------
	Make it a ZURBody
	-------------------------------------------------- */
	body { background: #fff; font-family: Arial, Helvetica, Helvetica Neue, Verdana, sans-serif; font-size: 13px; line-height: 18px; color: #555; text-shadow: 0 0 1px rgba(0,0,0,0.01); }
	body { -webkit-text-stroke: 1px rgba(255,255,255,.01); } /* Snow Leopard Safari Type Fix */
	@media only screen and (max-device-width:480px) { body { -webkit-text-stroke:0 black; } } /* Undo the fix for Mobile Safari */
	body.ff2 { opacity: .99; } /* Make our type in FF look uber sexah */


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

/*	=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: 100%; position: relative; margin: 0; padding: 0 0 0 36px; clear: both; background-position: right bottom; background-repeat: no-repeat; }
	div.page-header h1 { display: block; font-size: 54px; line-height: 1; font-weight: bold; letter-spacing: -3px; margin: 0; padding: 36px 0 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 { margin: 0 0 25px; padding: 0 0 18px; border-bottom: 2px solid #ddd; }
	div.secondary.page-header h1 { padding-top: 0; }
	div.secondary.page-header h2 { font-size: 36px; line-height: 1.25; font-weight: bold; color: #333; }
	div.secondary.page-header h3 { font-size: 24px; line-height: 1.25; font-weight: normal; color: #555; }
	div.secondary.page-header p { margin: 0; font-size: 18px; line-height: 24px; color: #555; }
	div.secondary.page-header small.date { font-size: 14px; position: absolute; top: 24px; right: 0; color: #777; }
	
	div.sub-header { position: relative; margin: 0 0 27px; padding: 0 0 8px; border-bottom: 1px solid #ddd; }
	div.sub-header h3 { margin: 0; padding: 0; font-size: 18px; line-height: 1; font-weight: normal; }
	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
	-------------------------------------------------- */
	
	.row, .column-row { margin: 0 0 18px -20px; position: relative; }
	.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: 300px; }
	.two-thirds { width: 620px; }
	
	.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, .row:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
	* html .column-row, * html .row { height: 1%; }
	.column-row, .row { display: inline-block; }
	.column-row, .row { display: block; }

/*	Fix the widths of the rows ---------- */
	.column-row, .row { width: 960px; }
	.eleven .column-row, .eleven .row { width: 660px; }
	.twelve .column-row, .twelve .row { width: 760px; }
	.two-thirds .column-row, .two-thirds .row { width: 640px; }
	.eight .column-row, .eight .row { width: 480px; }

/*	----------------------------------------
	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: #fc9200; color: #fff; }
	p.warning small { color: #d17200; }

	/* Errors */
	p.error { background-color: #e33100; 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: #2daebf; color: #fff; }
	p.info small { color: #007d9a; }
	
	p.empty.alert { background-color: #f5f5f5; padding: 8px 9px; color: #fff; border: 1px solid #ddd; -webkit-box-shadow: 0 1px 3px #eee; color: #555; font-weight: bold; }
	p.empty.alert 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; }
	
/*	--------------------------------------------------
	Download Links (works on ULs and Ps)
	-------------------------------------------------- */

	.download-link {  }
	.download-link a { background: url(../images/icons/down.png) no-repeat 0 2px; display: ; padding: 3px 0 3px 22px; }
	.download-link a.big { background-image: url(../images/icons/down-big.png); padding: 5px 0 5px 32px; background-position: 0 1px; }
	.download-link a.box { background-image: url(../images/icons/box-down.png); }
	.download-link a.box.big { background-image: url(../images/icons/box-down-big.png); }
	.download-link a.pdf { background-image: url(../images/icons/pdf.png); }
	.download-link a.pdf.big { background-image: url(../images/icons/big-pdf.png); }
	.download-link a.zip { background-image: url(../images/icons/box-2.png); }
	.download-link a.zip.big { background-image: url(../images/icons/box-2-big.png); }
	ul.download-link { margin: 0 0 18px; list-style: none; }
	ul.download-link li { padding: 3px 0; }