/*	--------------------------------------------------
    :: Typography
	-------------------------------------------------- */

@font-face {
    font-family: 'QuicksandBookRegular';
    src: url('quicksand_book-webfont.eot');
    src: url('quicksand_book-webfont.eot?#iefix') format('embedded-opentype'),
         url('quicksand_book-webfont.woff') format('woff'),
         url('quicksand_book-webfont.ttf') format('truetype'),
         url('quicksand_book-webfont.svg#QuicksandBookRegular') format('svg');
}
		h1.orange, h2.orange, h3.orange, h4.orange, h5.orange, h6.orange { color: #f15a24; }
		h1.white, h2.white, h3.white, h4.white, h5.white, h6.white { color: #fff;}

		hr.orange { border: solid #f15a24; border-width: 1px 0 0; clear: both; margin: 12px 0 18px; height: 0; }
		hr.white { border: solid #fff; border-width: 1px 0 0; clear: both; margin: 12px 0 18px; height: 0; }

/*	--------------------------------------------------
    :: lists
	-------------------------------------------------- */

		li { color: #fff; font-size: 21px; font-size: 2.1rem; margin-top: 26px; margin-bottom: 0px;}
		ol, ul.square, ul.circle, ul.disc { margin-left: 20px;}

	@media handheld, only screen and (max-width: 767px) {		
		li { margin-top: 0px; margin-bottom: 0px; }
	}

/*	--------------------------------------------------
    :: links
	-------------------------------------------------- */

		a:link {
			color: #f15a24;
			}
		a:visited {
			color: #f15a24;
			}
		a:hover {
			color: #f7931e;
			}
		a:active {
			color: #f7931e;
			}

/*	--------------------------------------------------
    :: Sections
	-------------------------------------------------- */

		body   {
				font-family: 'QuicksandBookRegular', Helvetica, sans-serif;
				background-color: #fff;
			   }

		header {
				padding: 30px 20px;
				}

		#main  {	
				background-color: #f48532;
				background-image: -moz-linear-gradient(#f15a24,#f7931e);
				background-image: -webkit-gradient(linear, 0% 0% 0% 100%, from(#f15a24), to(#f7931e));
				background-image: -webkit-linear-gradient(#f15a24, #f7931e);
				background-image: -o-linear-gradient(#f15a24, #f7931e);
				padding: 40px 20px;
				}

		@media handheld, only screen and (max-width: 767px) {		
		header, #main { padding: 20px;}
				}

		footer { padding: 14px 20px;}

/*	--------------------------------------------------
    :: Elements
	-------------------------------------------------- */


		h4 {display: inline;}