

	html { position: relative; min-height: 100%; }
	body { padding-bottom: 90px; }
	a { outline: none; }
	.w100 { width: 100%; }
	.w50 { width: 50%; }
	.center { text-align: center; }
	img { max-width: 100%; }

	@media (min-width:1200px){.container{ width:970px }}
	@media (min-width:768px){ .steps a.last, .steps a.last-active { width: 30%; }}
	@media (max-width:767px){ .steps a.last, .steps a.last-active { width: 46%; }}
	@media (max-width:991px){ .img80 img { width: 25%; margin: 0 10px; }}
	
	.navbar { margin-bottom: 0; }
	.navbar-brand { padding: 0 0 0 25px; font-size: 34px; line-height: 20px; height: 80px; }
	.navbar-brand:hover { color: #999999 !important; }
	.navbar-nav>li>a { line-height: 25px; text-align: center; }
	.navbar-nav>li>a:hover { background: #eeeeee !important; }
	.navbar-toggle { margin-top: 25px; }
	.nav>li>a { padding: 17px 8px 9px 8px; }
	.nav>li>a.img-link { padding: 18px 11px 9px 11px; }
	.nav>li>a.img-link img { margin-bottom: 8px; }
	.nav>li>a span { font-size: 21px; }
	
	.jumbotron { padding-top: 15px; padding-bottom: 0; background-color: #428bca; box-shadow: inset 0 -20px 40px #105b9b; }
	.jumbotron h1 { font-family: 'Roboto Condensed', sans-serif; font-size: 55px; color: #ffffff; margin: 10px 0; text-shadow: 2px 2px 8px #000000; }
	.jumbotron h1 font { color: #fbec6a; font-size: 75px; }
	.jumbotron p { font-family: 'Roboto Condensed', sans-serif; font-size: 24px; color: #d8eafa; margin-bottom: 5px; 
		text-shadow: 2px 2px 5px rgba(0,0,0,0.7); }
	.jumbotron p font { color: #ffffff; }
	.jumbotron h6 { font-size: 14px; color: #ffffff; margin: 20px 0; }
	.jumbotron .container { background:  url('../images/origami.png') no-repeat right bottom; }
	
	h1 { font-family: 'Roboto Condensed', sans-serif; color: #428bca; }
	h3 { font-family: 'Roboto Condensed', sans-serif; line-height: 28px; }
	h3 font { color: #666666; font-family: 'Roboto Condensed', sans-serif; }
	h4 { font-family: 'Roboto Condensed', sans-serif; line-height: 26px; }
	
	
	.col-md-6 h2, .col-md-8 h2 { font-family: 'Roboto Condensed', sans-serif; color: #777777; }
	h2.with-btn { float: left; margin: 20px 0; }
	.btn-right { float: right; margin: 20px 0 20px 10px;  }
	.logbox { padding: 5px 20px 10px 20px; background: #f9f9f9; box-shadow: inset -4px -4px 18px #cccccc; }
	
	.steps {  }
	.steps a.col-sm-3 { display: block; height: 100px; position: relative; background: url('../images/arrow-steps.png') no-repeat right; 
			margin-bottom: 2px; margin-right: -25px; padding-left: 40px; padding-right: 40px; padding-top: 10px; }
	.steps a:hover { text-decoration: none; }
	.steps a.nolink, .steps a.nolink h1, .steps a.nolink:hover { color: #aaaaaa; cursor: default; }
	.steps a.active, .steps a.active:hover { background: url('../images/arrow-steps2.png') no-repeat right; color: #ffffff; cursor: default; }
	.steps a.active h1, .steps a.last-active h1 { color: #ffffff; }
	.steps a.last { background: #e1e1e1 !important; }
	.steps a.last-active, .steps a.last-active:hover { background: #04aa00 !important; color: #ffffff; cursor: default; }
	.steps a.col-sm-3 h1 { display: block; margin-top: 0; margin-bottom: 7px; }
	.steps a.col-sm-3 h4 { display: block; margin-top: 0; margin-bottom: 0; }
	.steps a.col-sm-3 h3 { display: block; margin-top: 0; }
	
	.contact h3 { padding: 10px 0; border-bottom: 1px dashed #cccccc; }
	.img80 { text-align: right; }
	.img80 img { max-width: 80%; padding-top: 30px; padding-bottom: 20px; }
	
	.tableforms { font-family: 'Roboto Condensed', sans-serif; }
	.tableforms label { font-weight: normal; }
	.tableforms .control-label { font-size: 21px; color: #888888; }
	
	.warning { padding: 7px 15px; width: 97%; border: 1px solid #ebb3b3; }
	.greybox { background: #f7f7f7; padding: 15px 20px 5px 20px; border-radius: 5px; border: 1px solid #eeeeee; }
	.btn-arrow { font-size: 9px !important; padding: 0 2px !important; }
	
	ol li { margin-bottom: 12px; }
	select#doy, select#state { width: 100%; padding: 6px; }
	.pagination { display: block !important; float: left; margin: 0 0 20px 0 !important; }
	select#selectamount { margin: 0 0 0 20px; padding: 6px; }
	
	/*
	.wizard-link { display: block; width: 65%; background: rgba(0,0,0,0.2); border-bottom: 1px solid rgba(255,255,255,0.5); border-radius: 20px;
		padding: 15px 12px; margin-top: 10px; text-align: center; font-size: 14px; color: #ffffff; box-shadow: inset 0px 3px 6px rgba(0,0,0,0.3); }
	*/
	.wizard-link { display: block; width: 70%; border: 4px solid #ffffff; border-radius: 20px; padding: 15px 17px 20px 17px; margin: 10px 0 20px 0; 
		text-align: center; font-size: 14px; font-weight: bold; color: rgba(0,0,0,0.7); box-shadow: 5px 5px 10px rgba(0,0,0,0.5); line-height: 16px;
		background: -webkit-linear-gradient(#ffffff, #cccccc); /* For Safari 5.1 to 6.0 */
		background: -o-linear-gradient(#ffffff, #cccccc); /* For Opera 11.1 to 12.0 */
		background: -moz-linear-gradient(#ffffff, #cccccc); /* For Firefox 3.6 to 15 */
		background: linear-gradient(#ffffff, #cccccc); /* Standard syntax */
		}
	.wizard-link span { vertical-align: middle; } 
	.wizard-link span.glyphicon { font-size: 32px; display: inline-block; padding: 0 5px 10px 5px; }
	.wizard-link:hover { text-decoration: none; color: rgba(0,0,0,0.7); box-shadow: 5px 5px 10px rgba(0,0,0,0.6); 
		background: -webkit-linear-gradient(#ffffff, #f8e541); /* For Safari 5.1 to 6.0 */
		background: -o-linear-gradient(#ffffff, #f8e541); /* For Opera 11.1 to 12.0 */
		background: -moz-linear-gradient(#ffffff, #f8e541); /* For Firefox 3.6 to 15 */
		background: linear-gradient(#ffffff, #f8e541); /* Standard syntax */
	}
	
	.wizard { font-family: 'Roboto Condensed', sans-serif; text-align: center; background: url('../images/arrow-grey.png') repeat-y 6.5% top; }
	.wizard img { padding: 1px; background-color: #888888; border: 3px solid #ffffff; box-shadow: 0px 0px 40px rgba(0,0,0,0.15); }
	.wizard span { text-align: left; font-size: 18px; line-height: 30px; display: inline-block; width: 85%; }
	.wizard span.wizard-steps { width: 10%; height: 10%; font-size: 56px; font-weight: bold; color: #59aef7; line-height: 56px; padding: 15px 0; 
		 text-align: center; vertical-align: top; background: #eeeeee; margin-right: 3%; border: 6px solid #888888; border-radius: 56px; }
	.wizard .panel { width: 50%; margin: 0 auto; }
	
	#footer { position: absolute; bottom: 0; width: 100%; padding: 10px 0 15px 0; background-color: #444444; }
	#footer p {  }
	#footer p.footerlinks { float: right; margin: 20px 0 0 0; font-size: 12px; color: #888888; }
	#footer p.footerlinks a, #footer p.footerlinks a:hover { color: #dddddd; }
	
	.footerlogos { height: 40px; display: inline-block; margin: 10px 0 0 0; }
	.footerlogos img { margin: 0 5px 0 0; opacity: 0.6; filter: alpha(opacity=60); height: 40px; }
	
	@media (max-width:768px) {	
		body { padding-bottom: 130px; }
		#footer p.footerlinks { float: none; width: 300px; }
	}
	
	@media (max-width:650px) {	
		.wizard img { width: 100%; }
		.wizard span { width: 75%; }
		.wizard span.wizard-steps { width: 20%; }
	}
	