/* html5doctor.com Reset Stylesheet v1.6.1 Last Updated: 2010-09-17 Author: Richard Clark - http://richclarkdesign.com  Twitter: @rich_clark  */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
nav ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
a { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
ins { background-color: #FF9; color: #000; text-decoration: none; }
mark { background-color: #FF9; color: #000; font-style: italic; font-weight: bold; }
del { text-decoration: line-through; }
/*abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }*/
table { border-collapse: collapse; border-spacing: 0; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #CCC; margin: 1em 0; padding: 0; }
input, select { vertical-align: middle; }
/* links */
a { color: #936e25; outline: 0; }
a:link, a:visited { text-decoration: none; }
a:hover, a:active { text-decoration: underline; }
/* articles and asides */
article { margin-bottom: 12px; }
	article a { color: #3672B7; font-style: italic; }
	article h2 { color: #3672B7; font-size: 48px; font-style: italic; margin-bottom: 24px; text-align: center; text-transform: uppercase; }
	article h3 { color: #936E25; font-size: 24px; margin-bottom: 12px; text-transform: uppercase; }
	article p { margin-bottom: 1em; }
aside { margin-top: 12px; }
	aside h2 { color: #936E25; font-size: 48px; font-style: italic; margin-bottom: 24px; text-align: center; text-transform: uppercase; }
	aside h3 { color: #3672B7; font-size: 36px; font-style: italic; margin-bottom: 12px; text-transform: uppercase; }
/* forms */
input:focus { outline: 0; }
/* typography */
body { font-size: 14px; }
b, .b { font-weight: bold; }
i, .i { font-style: italic; }
em, .em { font-style: italic; }
h1, .h1 { }
h2, .h2 { font-size: 18px; }
h3, .h3 { }
p, .p { font-size: 14px; line-height: 20px; }
strong, .strong { font-weight: bold; }
.type_sans { font-family: Function, Futura, sans-serif; font-weight: 400; }
	.type_sans b, .type_sans h1, .type_sans h2, .type_sans h3, .type_sans strong, .type_sans .b, .type_sans .h1, .type_sans .h2, .type_sans .h3, .type_sans .strong { font-weight: normal; text-transform: uppercase; }
.type_sans_old_style { font-family: 'Function Caps'; }
.type_serif { font-family: 'Hoefler', 'Times New Roman', Times, serif; }
/* type fx */
.type_fx_inset { text-shadow: 1px 1px 0 rgba(255, 255, 255, .8); }
/* helpers */
.clear { clear: both; }
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; visibility: hidden; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
/* screen styles */
@media screen {
	/* global */
	body { background: #dfe7f2; color: #515b67; padding-bottom: 30px; padding-top: 30px; }
	/* addresses */
	.address { line-height: 20px; }
		.address .title { color: #3672B7; font-weight: 500; }
	/* articles and asides*/
	article { background: url(/img/shadow_left.png) bottom left no-repeat; padding-bottom: 30px; }
		article .article_content { background: white; padding: 2em; }
		article figure { margin-top: 24px; text-align: center; }
			article figure img { background: url(/img/shadow_left.png) bottom left no-repeat; display: block; margin: 0 auto; padding-bottom: 30px; }
			article figure figcaption { color: #999; font-style: italic; }
	/* billboard */
	.billboard { background: url(/img/billboard.png) center top no-repeat; height: 600px; margin: 0 auto; width: 960px; }
		.billboard_content { height: 529px; margin-left: 10px; width: 940px; }
	/* buttons */
	.button_a { background: white; box-shadow: -5px 5px 0 #e1ad4d; color: #3672B7; display: block; font-size: 18px; font-style: italic; padding: 5px; text-align: center; -webkit-transition: all .25s ease-in-out; }
		.button_a:hover, .button_a:active { text-decoration: none; box-shadow: -5px 5px 0 #3672B7; }
	.ie7 .button_a, .ie8 .button_a { filter:progid:DXImageTransform.Microsoft.DropShadow(color='#e1ad4d',offX='-5',offY='5'); margin-left: -5px; }
	.button_b { background: url(/img/shadow_left.png) bottom left no-repeat; display: inline-block; padding-bottom: 30px; }
	.button_b:hover, .button_b:active { text-decoration: none; }
		.button_b .content { background: #3672B7; display: block; color: white; font-size: 18px; font-style: italic; padding: 15px 30px; text-shadow: -1px -1px 0 rgba(0, 0, 0, .35); text-transform: uppercase; -webkit-transition: all .5s ease-in-out; }
		.button_b:hover .content, .button_b:active .content { background: #303d77; }
	.button_b_secondary { color: #84909f; font-size: 18px; font-style: italic; margin-left: .25em; margin-right: .25em; }
		.button_b_secondary a { color: #3672B7; margin-right: .1em; }
	/* conversation style paragraph */
	.conversation { background: white; background: rgba(255, 255, 255, .4); padding: 1em; text-shadow: none; }
	.ie7 .conversation, .ie8 .conversation { background: #ebf0f7; }
	/* dot nav */
	.dot_nav { list-style: none outside; text-align: center; }
		.dot_nav li { display: inline-block; margin-left: 3px; margin-right: 3px; }
		.dot_nav a { background: url(/img/dot_nav.png) 0 0 no-repeat; display: block; height: 12px; text-indent: -9999px; width: 12px; }
		.dot_nav a:hover, .dot_nav a:active, .dot_nav a.selected { background-position: 0 -12px; }
	/* headers */
	.header_ribbon {
		background: #3672b7; background: -moz-linear-gradient(left, #3672b7 0%, #303d77 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,#3672b7), color-stop(100%,#303d77)); background: -webkit-linear-gradient(left, #3672b7 0%,#303d77 100%); background: -o-linear-gradient(left, #3672b7 0%,#303d77 100%); background: -ms-linear-gradient(left, #3672b7 0%,#303d77 100%); background: linear-gradient(left, #3672b7 0%,#303d77 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3672b7', endColorstr='#303d77',GradientType=1 );
		box-shadow: -10px 10px 0 #e1ad4d;
		color: white; display: inline-block; font-size: 18px; font-style: italic; letter-spacing: .1em; line-height: 40px; margin-bottom: 24px; padding: 0 20px; text-shadow: none;
	}
	.ie7 .header_ribbon, .ie8 .header_ribbon { filter:progid:DXImageTransform.Microsoft.DropShadow(color='#e1ad4d',offX='-10',offY='10'); margin-left: -10px; }
	#handmade_in_slc h2 { color: #dfe7f2; letter-spacing: .1em; line-height: 40px; margin-bottom: 30px; text-shadow: none; text-align: center; width: 300px; }
	.ie7 #handmade_in_slc h2, .ie8 #handmade_in_slc h2 { letter-spacing: 1px; }
	/* link list */
	.link_list { list-style: none outside; line-height: 20px; }
		.link_list li { display: block; }
		.link_list a { color: #3672B7; font-weight: 500; }
	/* youre old */
	#no_support { background: yellow; margin-bottom: 12px; padding: 24px 0; }
		#no_support p { font-size: 18px; margin: 0 auto; text-align: center; width: 940px; }
	/* prices */
	.price { color: #3672B7; font-size: 48px; line-height: .9em; }
		.price_mark { color: #a3792c; font-size: 24px; line-height: 0; margin-right: 6px; vertical-align: super; }
	.price_small { font-size: 24px; }
		.price_small .price_mark { font-size: 12px; margin-right: 3px; }
	.price_note { display: block; font-style: italic; text-transform: uppercase; }
	.price_strike, .price_strike .price_mark, .price_strike .price_amount { color: #999; }
	/* helpers */
	.tir { background-repeat: no-repeat; display: block; line-height: 0; margin: 0; padding: 0; text-indent: -9999px; }
	/* Variable Grid System. Learn more ~ http://www.spry-soft.com/grids/ Based on 960 Grid System - http://960.gs/ Licensed under GPL and MIT. */
	.grid_container_12 { margin-left: auto; margin-right: auto; width: 960px; }
	.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12, .grid_custom { display: inline; float: left; position: relative; margin-left: 10px; margin-right: 10px; }
	.grid_alpha { margin-left: 0; }
	.grid_omega { margin-right: 0; }
	.grid_container_12 .grid_1 { width: 60px; }
	.grid_container_12 .grid_2 { width: 140px; }
	.grid_container_12 .grid_3 { width: 220px; }
	.grid_container_12 .grid_4 { width: 300px; }
	.grid_container_12 .grid_5 { width: 380px; }
	.grid_container_12 .grid_6 { width: 460px; }
	.grid_container_12 .grid_7 { width: 540px; }
	.grid_container_12 .grid_8 { width: 620px; }
	.grid_container_12 .grid_9 { width: 700px; }
	.grid_container_12 .grid_10 { width: 780px; }
	.grid_container_12 .grid_11 { width: 860px; }
	.grid_container_12 .grid_12 { width: 940px; }
	.grid_container_12 .grid_prefix_1 { padding-left: 80px; }
	.grid_container_12 .grid_prefix_2 { padding-left: 160px; }
	.grid_container_12 .grid_prefix_3 { padding-left: 240px; }
	.grid_container_12 .grid_prefix_4 { padding-left: 320px; }
	.grid_container_12 .grid_prefix_5 { padding-left: 400px; }
	.grid_container_12 .grid_prefix_6 { padding-left: 480px; }
	.grid_container_12 .grid_prefix_7 { padding-left: 560px; }
	.grid_container_12 .grid_prefix_8 { padding-left: 640px; }
	.grid_container_12 .grid_prefix_9 { padding-left: 720px; }
	.grid_container_12 .grid_prefix_10 { padding-left: 800px; }
	.grid_container_12 .grid_prefix_11 { padding-left: 880px; }
	.grid_container_12 .grid_suffix_1 { padding-right: 80px; }
	.grid_container_12 .grid_suffix_2 { padding-right: 160px; }
	.grid_container_12 .grid_suffix_3 { padding-right: 240px; }
	.grid_container_12 .grid_suffix_4 { padding-right: 320px; }
	.grid_container_12 .grid_suffix_5 { padding-right: 400px; }
	.grid_container_12 .grid_suffix_6 { padding-right: 480px; }
	.grid_container_12 .grid_suffix_7 { padding-right: 560px; }
	.grid_container_12 .grid_suffix_8 { padding-right: 640px; }
	.grid_container_12 .grid_suffix_9 { padding-right: 720px; }
	.grid_container_12 .grid_suffix_10 { padding-right: 800px; }
	.grid_container_12 .grid_suffix_11 { padding-right: 880px; }
}

