article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block}
audio,canvas,video{display:inline-block;*display:inline;*zoom:1}
audio:not([controls]){display:none;height:0}
[hidden]{display:none}
::-moz-selection { background: #ccc; color: #000; text-shadow: none; }
::selection { background: #ccc; color: #000; text-shadow: none; }
html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
html,button,input,select,textarea{font-family:sans-serif}
body{margin:0}
a:focus{outline:thin dotted}
a:active,a:hover{outline:0}
abbr[title]{border-bottom:1px dotted}
b,strong{font-weight:bold}
blockquote{margin:1em 40px}
dfn{font-style:italic}
mark{background:#ff0;color:#000}
p,pre{margin:1em 0}
code,kbd,pre,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em}
pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}
q{quotes:none}
q:before,q:after{content:'';content:none}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-0.5em}
sub{bottom:-0.25em}
dl,menu,ol,ul{margin:1em 0}
dd{margin:0 0 0 40px}
menu,ol,ul{padding:0 0 0 40px}
nav ul,nav ol{list-style:none;list-style-image:none}
img{border:0;-ms-interpolation-mode:bicubic}
svg:not(:root){overflow:hidden}
figure{margin:0}
form{margin:0}
fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}
legend{border:0;padding:0;white-space:normal;*margin-left:-7px}
button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}
button,input{line-height:normal}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;*overflow:visible}
button[disabled],input[disabled]{cursor:default}
input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*height:13px;*width:13px}
input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
textarea{overflow:auto;vertical-align:top}
table{border-collapse:collapse;border-spacing:0}
hr {  display: block; height: 1px; border: 0; border-top: 1px solid #ebebeb; margin: 1em 0; padding: 0; }
img { vertical-align: middle; }
fieldset { border: 0; margin: 0; padding: 0; }
textarea { resize: vertical; }
.chromeframe { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0; }


/* global styles */

@font-face {
    font-family: 'ChunkFiveRegular';
    src: url('Chunkfive-webfont.eot');
    src: url('Chunkfive-webfont.eot?#iefix') format('embedded-opentype'),
         url('Chunkfive-webfont.woff') format('woff'),
         url('Chunkfive-webfont.ttf') format('truetype'),
         url('Chunkfive-webfont.svg#ChunkFiveRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

a { color: #a10c0c; }
a:hover { color: #383838; }
body { font: 16px/26px Helvetica, Helvetica Neue, Arial; }

h1, h2, h3, h4, h5, h6 { font-weight: normal; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { text-decoration: none; }

body { color: #383838; background: #a20c0c url(images/interface/rcontentbg.png) top center repeat-y; }

header { margin-top: 20px; overflow: hidden; height: 90px; width: 100%; }
header nav { width: 800px; margin: 0 auto; }

header nav ul { display: block; float: left; }
header nav span { display: none; }
header nav ul li { display: inline; text-align: center; color: #a10c0c; }
	header nav ul li a { font: 11pt/11pt Times, sans-serif; font-style: italic; text-decoration: none; }
		header nav ul li a:hover { color: #383838; }
header nav h1 { margin: 0; padding: 0; display: block; float: left; width: 138px; height: 82px; }
#content { margin: 0 auto; width: 1000px; }

#slider { margin: 25px 0; }

.deuces { width: 400px; margin: 0 auto; padding: 25px 50px; }
	.deuces h2 { text-align: center; font: 14pt/14pt 'ChunkFiveRegular', 'Arial Black', Arial, sans-serif; color: #383838; }
		.deuces h2 a { color: #383838; }
			.deuces h2 a:hover { color: #A10C0C; }
	.deuces p { text-align: center; font: 11pt/11pt Times, serif; color: #868686; font-style: italic; }
	.deuces h3 { margin-top: 15px; text-align: center; font: 24pt/32pt 'ChunkFiveRegular', 'Arial Black', Arial, sans-serif; color: #a10c0c; }
		.deuces h3 span { color: #383838; }
#intro { padding: 20px 0; width: 100%; border-bottom: 1px solid #ebebeb; border-top: 1px solid #ebebeb; }
	#intro p, #mysites p { text-align: center; font: 11pt/11pt Times, serif; color: #868686; font-style: italic; }
	#intro h2, #mysites h6 { margin: 10px 0 20px 0; text-align: center; font: 14pt/14pt 'ChunkFiveRegular', 'Arial Black', Arial, sans-serif; color: #383838; }
	#mysites { clear: both; }
		#mysites h6 a { color: #383838; }
			#mysites h6 a:hover { color: #a10c0c; }
		#intro h2 a { color: #383838; }
			#intro h2 a:hover { color: #a10c0c; }
	#intro h2 { margin-bottom: 6px; }
	#intro p { margin-top: 6px; padding: 0 60px;}
.threecol { overflow: auto; float: left; width: 300px; margin: 10px 15px; }
	.threecol img {  }

#maincol { float: left; padding: 10px 0 0px; width: 599px; border-right: 1px solid #ebebeb; }
	#maincol p { padding: 0 40px; font: normal normal normal 14px/24px Arial, sans-serif; margin: 13px 0 20px 0; }
	#maincol article#post img { border: 1px solid #EBEBEB; width: 520px; height: auto; }
	#maincol p#crumbs { margin: 5px 40px 12px 40px; padding: 0; font-size: 10pt; }
	#fullcol p#crumbs { margin: 5px 0px 12px 0px; padding: 0; font-size: 10pt; }
	#work #fullcol p#crumbs { margin: 0px; padding: 0; font-size: 10pt; }
		#maincol p#crumbs a, #fullcol p#crumbs a { text-decoration: none; color: #868686; }
			#maincol p#crumbs a:hover { color: #a10c0c; }
	#maincol article { border-top: 1px solid #ebebeb; padding: 20px 0; }
	#maincol article h1 { margin: 15px 40px 8px; font: 24pt/32pt 'ChunkFiveRegular', 'Arial Black', Arial, sans-serif; color: #a10c0c; }
	#maincol article h2 { margin: 12px 40px 12px; font: 18pt/24pt 'ChunkFiveRegular', 'Arial Black', Arial, sans-serif; color: #a10c0c; }
	#fullcol article h2 { margin: 12px 40px 12px; font: 18pt/24pt 'ChunkFiveRegular', 'Arial Black', Arial, sans-serif; color: #a10c0c; }
	#maincol article h3 { margin: 12px 40px 12px; font: 18pt/22pt 'ChunkFiveRegular', 'Arial Black', Arial, sans-serif; color: #a10c0c; }
	#fullcol article h3 { font: 18pt/22pt 'ChunkFiveRegular', 'Arial Black', Arial, sans-serif; }
	#maincol article h4 { margin: 12px 40px 12px; font: 14pt/18pt 'ChunkFiveRegular', 'Arial Black', Arial, sans-serif; color: #383838; }
	#maincol article h5 { margin: 12px 40px 12px; font: 14pt/18pt 'ChunkFiveRegular', 'Arial Black', Arial, sans-serif; color: #383838; }
	#maincol article h6 { margin: 12px 40px 12px; font: 12pt/16pt 'ChunkFiveRegular', 'Arial Black', Arial, sans-serif; color: #383838; }
		#maincol article h1 a:hover { color: #868686; }	
	#maincol article ol { margin-left: 40px; margin-right: 40px; }	
		#maincol article ol li { font: normal normal normal 14px/24px Arial, sans-serif; }
	#maincol article ul { padding-left: 80px; }
		#maincol article ul li { font: normal normal normal 14px/24px Arial, sans-serif; }

#fullcol { width: 900px; padding: 0 50px; }
	#fullcol p { font: normal normal normal 14px/24px Arial, sans-serif; margin: 7px 0 10px 0; }
#work #fullcol img { display: block; margin: 10px auto; border: 1px solid #ebebeb; }
	
#crumbs { font: normal normal normal 14px/24px Arial, sans-serif; }

#workcol { padding-top: 10px; }
#workcol a img { border: 1px solid #383838; float: left; margin: 0px 0 13px 13px; }



.servicebox { position: relative; width: 899px; clear: both; margin: 10px auto; height: 100px; background: url(images/interface/servicebg.png) no-repeat;  }
	#fullcol .servicebox p { color: #fff; display: block; float: left; width: 471px; margin: 0px 0 0 28px;  font-size: 13px; }
	.servicebox h4, .servicebox h4 a { margin: 12px 0 0 15px; display: block; float: left; width: 471px; font: 22pt/22pt 'ChunkFiveRegular', 'Arial Black', Arial, sans-serif; color: #fff; text-shadow: 1px 1px 1px #760000; }
	.servicebox h4 a:hover { color: #e21f1f; }
	.servicebox a.price { display: block; float: right; top: 40px; right: 70px; position: absolute; font: 20pt/22pt 'ChunkFiveRegular', 'Arial Black', Arial, sans-serif; color: #fff; text-decoration: none; text-shadow: 1px 1px 1px #760000; }
	.servicebox a.price:hover { color: #e21f1f; }
	a.getit { margin: 0 auto 10px; text-indent: -9999px; display: block; width: 230px; height: 40px; background: url(images/interface/getit.png) bottom center no-repeat; }
	a.getit:hover { background-position: 0 1px; }
	#fullcol p.more { text-align: center; margin: 5px 0; }
		p.more a { font-style: italic; }

.paginate { clear: both; margin-top: 20px; }
.paginate p { text-align: center; margin-top: 15px; font-size: 10pt; }
.paginate p strong, .paginate p a { text-decoration: none; font-weight: normal; background: #383838; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; color: #fff; padding: 8px 11px 6px; margin: 14px 4px 8px; } 
	.paginate p a:hover { background: #868686; color: #383838; }
.wbutton { text-decoration: none; font-weight: normal; color: #fff; background: #383838; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; padding: 8px 11px 6px; margin: 10px auto; display: block; clear: both; width: 140px; }
	.wbutton:hover { color: #ccc; }
iframe { display: block; margin: 10px auto; }
#share iframe { display: block; float: left; margin: 0; }
	#share iframe.buffer-button { margin-left: 40px; }

p#abt { text-align: center; font: 11pt/11pt Times, serif; color: #868686; font-style: italic; }
a#start img { margin: 0px auto 15px; display: block; }

#sidebar { padding: 20px 0; width: 400px; float: left; }
	#newsletter { width: 320px; height: 212px; margin: 15px auto; background: url(https://s3.amazonaws.com/tylerherman/images/newsletter.png) top center no-repeat; }
		#newsletter p { margin: 0; padding: 0; }
		#newsletter p#txt { width: 1px; height: 1px; margin: 0; padding: 0;  overflow: hidden; display: block; text-indent: -9999px; }
		input#submit { display: none; }
		input#email { width: 180px; height: 27px; font-size: 10pt; text-align: center; margin: 166px 0 0 72px; background: transparent; border: none; }
	#resources { width: 318px; border: 1px solid #ebebeb; margin: 20px 0 0 40px; }
		#resources h6 { margin: 10px 15px 0; padding: 2px 0 0 50px; background: url(images/interface/resource.png) top left no-repeat; font: 18pt/32pt 'ChunkFiveRegular', 'Arial Black', Arial, sans-serif; color: #868686; }
		#resources ul { margin: 5px 0; list-style: none; padding: 0; border-top: 1px solid #ebebeb; }
		#resources ul li { border-bottom: 1px solid #ebebeb; padding: 3px 20px; }
			#resources ul li a { color: #383838; font-size: 10pt; text-decoration: none;}
				#resources ul li a:hover { color: #A10C0C; }
		#resources p { color: #868686; }
		
.screen-reader { display: none; }
p a.redbutton, a.redbutton { display: block; margin: 10px auto; clear: both; width: 150px; font: 14pt/14pt 'ChunkFiveRegular', 'Arial Black', Arial, sans-serif; color: #fff; text-decoration: none; text-shadow: 1px 1px 1px #000000; border: 1px solid #000000; text-align: center; padding: 8px 15px 4px; background: #a20c0c; }

footer { display: block; clear: both; border-top: 1px solid #EBEBEB; }

/* ====================
       mediaqueries 
   ==================== */
@media only screen and (min-width: 1016px) { 

	body { background: #a20c0c; }
	#content { background: #fff; padding: 25px 0 0; overflow: auto; }
	header { margin-top: 0px; height: auto; }
		header .wrap { background: #fff; padding-top: 20px; overflow: auto; margin: 0 auto; width: 1000px; min-height: 100px;}
	header nav ul { padding: 30px; margin: 0; }
	#slider { margin: 0px; }
	.wrap { width: 1000px; margin: 0 auto; }
	footer { background: #fff; margin: 0 auto; width: 1000px; padding: 20px 0; }
	.deuces { margin: 0; padding: 50px; float: left; }

}


@media only screen and (max-width: 1015px) and (min-width: 801px) { 
	header { height: auto; }
	header nav { width: 100%; }
		header nav h1 { margin: 10px 0 0 30px; }
	nav ul#navleft { display: none; }
	nav ul#navmain { padding: 0 20px; margin-top: -8px; float: right; }
	nav ul#navmain span { display: inline; }
	body { background: #fff; }
	#slider { width: 100%; overflow: hidden; }
		#slider img { width: 100%; }
	.wrap, #content { width: 100%; margin: 0; }
	#mysites { margin: 0 40px; }
}


@media only screen and (max-width: 800px) and (min-width: 481px) { 
	header { height: auto; margin: 0px; }
	header nav { width: 100%; }
	header nav h1 { float: none; margin: 0 auto; }
	header nav h1 a img { display: block; margin: 10px auto; width: 138px; float: none; clear: both; }
	nav ul#navleft { display: none; }
	nav ul#navmain { padding: 0 0px; margin-top: 5px; text-align: center; float: none; clear: both; display: block; margin: 0 auto; }
	nav ul#navmain span { display: inline; }
		nav ul#navmain li { text-align: center; }
	body { background: #fff; }
	#slider { width: 100%; overflow: hidden; }
		#slider img { width: 100%; }
	.wrap, #content { width: 100%; margin: 0; }
	#mysites { margin: 0px; }
}

@media only screen and (max-width: 480px) and (min-width: 320px) { 

	header { height: auto; margin: 0px; }
	header nav { width: 100%; }
	header nav h1 { float: none; margin: 0 auto; }
	header nav h1 a img { display: block; margin: 10px auto; width: 138px; float: none; clear: both; }
	nav ul#navleft { display: none; }
	header nav ul#navmain { padding: 0 0px; margin: 5px 30px; text-align: center; float: none; clear: both; display: block; margin: 0 auto; }
	nav ul#navmain span { display: inline; }
		nav ul#navmain li { text-align: center; }
	body { background: #fff; }
	#slider { width: 100%; overflow: hidden; }
		#slider img { width: 100%; }
	.wrap, #content { width: 100%; margin: 0; }
	.deuces { width: 100%; padding: 15px 0; float: none; }
	.threecol { margin: 10px auto; float: none; }
	
}