.policy-infographic { margin:0 auto; padding-bottom:24px; display:block; width:502px; height:419px; background:url('/aboriginal/images/policy-infographic.jpg') no-repeat }
.policy-infographic h3 { clear:both; float:left; display:block; margin:24px 150px 0 150px; text-align:center; text-transform:uppercase; color:#515f6a }
.policy-infographic p.outcome { display:block; float:left; margin:32px 12px 0 12px; text-align:center; font-size:14px; color:#5d7731; font-weight:700 }
.policy-infographic h4 { clear:both; display:block; width:100%; float:left; margin-top:24px; text-align:center; text-transform:uppercase; color:#515f6a; font-size:18px; }
.policy-infographic ol { list-style:none; width:100%; display:block; position:relative; float:left; margin:0; padding:0; height:60px }
.policy-infographic li { list-style:none; float:left; width:19%; margin:0 0 0 5px; padding:0; }
.policy-infographic li a { 
	 display:block;
	 text-align:center; 
	 text-transform:uppercase; 
	 color:#0c668d; 
	 background:url('/aboriginal/images/goal-bullets.jpg') no-repeat scroll;
	 }
.policy-infographic a:hover { color:#5d7632 }
.policy-infographic li.goalone a { background-position:0 0 }
	.policy-infographic li.goalone a:hover { background-position:0 -160px; }
.policy-infographic li.goaltwo a { background-position:-95px 0 }
	.policy-infographic li.goaltwo a:hover { background-position:-95px -160px }
.policy-infographic li.goalthree a { background-position:-190px 0 }
	.policy-infographic li.goalthree a:hover { background-position:-190px -160px }
.policy-infographic li.goalfour a { background-position:-285px 0 }
	.policy-infographic li.goalfour a:hover { background-position:-285px -160px }
.policy-infographic li.goalfive a { background-position:-380px 0  }
	.policy-infographic li.goalfive a:hover { background-position:-380px -160px }
.policy-infographic li a { display:block; padding:45px 0 0 0; }

.policy-infographic p.base { clear:both; display:block; float:left; width:100%; font-weight:700; margin:48px 12px 0 0px; text-align:center; font-size:12px; color:#3b4044  }

p.lead { font-size: 18px; font-size: 1.8rem; line-height: 24px;  }
p.question { font-size: 14px }

/*	--------------------------------------------------
	Reveal Modals
	-------------------------------------------------- */
		
	.reveal-modal-bg { 
		position: fixed; 
		height: 100%;
		width: 100%;
		background: #000;
		z-index: 2000;
		display: none;
		top: 0;
		left: 0; 
		}
	
	.reveal-modal {
		text-align:left;
		visibility: hidden;
		top: 100px; 
		left: 50%;
		margin-left: -300px;
		width: 520px;
		background: #eee url('/2008_templates/images/ui/modal-gloss.png') no-repeat -200px -80px;
		position: absolute;
		z-index: 2001;
		padding: 30px 40px 34px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		-moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
		-webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
		box-shadow: 0 0 10px rgba(0,0,0,.4);
		}
		
	.reveal-modal.small 		{ width: 200px; margin-left: -140px;}
	.reveal-modal.medium 		{ width: 400px; margin-left: -240px;}
	.reveal-modal.large 		{ width: 600px; margin-left: -340px;}
	.reveal-modal.xlarge 		{ width: 800px; margin-left: -440px;}

	.reveal-modal	h1 { font-size: 28px !important; margin-bottom: 12px; color:#1d9bcf }
	.reveal-modal ul { font-size:14px; list-style:circle }
	.reveal-modal li { padding:0 0 6px 0 }
	
	.reveal-modal .close-reveal-modal {
		font-size: 22px;
		line-height: .5;
		position: absolute;
		top: 8px;
		right: 11px;
		color: #aaa;
		text-shadow: 0 -1px 1px rbga(0,0,0,.6);
		font-weight: bold;
		cursor: pointer;
		} 
	
	.reveal-modal .row {
		min-width: 0px;
	}
	
	/*
	NOTES
	
	Close button entity is ×
	Example markup
	<div id="myModal" class="reveal-modal">
		<h2>Awesome. I have it.</h2>
		<p class="lead">Your couch.  I it's mine.</p>
		<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In ultrices aliquet placerat. Duis pulvinar orci et nisi euismod vitae tempus lorem consectetur. Duis at magna quis turpis mattis venenatis eget id diam. </p>
		<a class="close-reveal-modal">&#215;</a>
	</div>
	
	*/


/* -----------------------------------------
   Standard Forms
----------------------------------------- */

	form { margin: 0 0 18px; }
	form label { display: block; font-size: 13px; line-height: 18px; cursor: pointer; margin-bottom: 9px; }

	input.input-text, textarea { border-right: 1px solid #bbb; border-bottom: 1px solid #bbb; }
	input.input-text, textarea, select { display: block; margin-bottom: 9px; }
	label + input.input-text, label + textarea, label + select, label + div.dropdown, select + div.dropdown { margin-top: -9px; }

	/* Text input and textarea font and padding */
	input.input-text, textarea { font-size: 13px; padding: 4px 3px 2px; outline: none !important; background: #fff; }
	input.input-text.oversize, textarea.oversize { font-size: 14px !important; padding: 8px 6px !important; }
	input.input-text:focus, textarea:focus { background: #f9f9f9; }

	/* Inlined Label Style */
	input.placeholder, textarea.placeholder { color: #7291a3; }

	/* Text input and textarea sizes */
	input.input-text, textarea { width: 254px; }
	input.small, textarea.small { width: 134px; }
	input.medium, textarea.medium { width: 254px; }
	input.large, textarea.large { width: 434px; }

	/* Fieldsets */
	form fieldset { padding: 9px 9px 2px 9px; border: solid 1px #ddd; margin: 18px 0; }

	/* Inlined Radio & Checkbox */
	div.form-field input[type=radio], div.form-field input[type=checkbox] { display: inline; width:auto; margin-bottom:0; }

	/* Errors */
	div.form-field.error input, input.input-text.red { border-color: red; background-color: rgba(255,0,0,0.15); }
	div.form-field.error label, label.red { color: red; }
	div.form-field.error small, small.error { margin-top: -6px; display: block; margin-bottom: 9px; font-size: 11px; color: red; width: 260px; }

	.small + small.error { width: 140px; }
	.medium + small.error { width: 260px; }
	.large + small.error { width: 440px; }
	
	/* honeypot hide */
	.ohheybro { position: absolute; left: -999999px; }

	/* -----------------------------------------
	   Nicer Forms
	----------------------------------------- */
	form.nice div.form-field input, form.nice input.input-text, form.nice textarea { 
		border: solid 1px #ddd; 
		border-radius: 3px; 
		-webkit-border-radius: 3px; 
		-moz-border-radius: 3px;
 }
	form.nice div.form-field input, form.nice input.input-text, form.nice textarea { font-size: 13px; padding: 6px 3px 4px; outline: none !important; background: url('/assets/i/input-bg.png') #fff; }
	form.nice div.form-field input:focus, form.nice input.input-text:focus, form.nice textarea:focus { background-color: #f9f9f9; }

	form.nice fieldset { border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; }

	form.nice div.form-field input[type=radio], form.nice div.form-field input[type=checkbox] { display: inline; width:auto; margin-bottom:0; }

	form.nice div.form-field.error small, form.nice small.error { padding: 6px 4px; border: solid 0px red; border-width: 0px 1px 1px 1px; margin-top: -10px; background: red; color: #fff; font-size: 12px; font-weight: bold; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; -webkit-border-bottom-left-radius: 2px; -webkit-border-bottom-right-radius: 2px; -moz-border-radius-bottomleft: 2px; -moz-border-radius-bottomright: 2px; }

 	form.nice div.form-field.error .small + small, form.nice .small + small.error { width: 132px; }
	form.nice div.form-field.error .medium + small, form.nice .medium + small.error { width: 252px; }
	form.nice div.form-field.error .large + small, form.nice .large + small.error { width: 432px; }