@import url("https://fast.fonts.net/lt/1.css?apiType=css&c=5c05d196-a737-4575-8c40-e171cce04f08&fontids=1119446,1119449");

@font-face{
    font-family:"CopperplateGothicW01-Ro";
    src:url("fonts/1119446/482c612b-65b5-48d9-89c6-a8249eb2e68e.eot?#iefix");
    src:url("fonts/1119446/482c612b-65b5-48d9-89c6-a8249eb2e68e.eot?#iefix") format("eot"),url("fonts/1119446/c1f2bec2-bf3d-43ac-a0cc-053d98dd1f00.woff2") format("woff2"),url("fonts/1119446/68f331d4-c107-4a64-8714-41f8ca158ff2.woff") format("woff"),url("fonts/1119446/9a8f0476-9a0d-4841-bb98-eea32898fb49.ttf") format("truetype");
    }
@font-face{
    font-family:"CopperplateGothicW01-Bo1119449";
    src:url("fonts/1119449/dfe54a72-1fcf-4466-9bad-4a804188e9fb.eot?#iefix");
    src:url("fonts/1119449/dfe54a72-1fcf-4466-9bad-4a804188e9fb.eot?#iefix") format("eot"),url("fonts/1119449/5449ba6f-66de-46e9-92bf-0ef0f0bfcfee.woff2") format("woff2"),url("fonts/1119449/49386a74-4324-4c52-b93e-85a6e3e91df8.woff") format("woff"),url("fonts/1119449/10f6002d-c65e-4a23-8920-20829e4dad72.ttf") format("truetype");
}

img { width: 100%; }
#content { margin: 0 4%; }
#container-header { width: 100%; }
#container-content { padding: 24px 0; }
#container-footer { background: #EF3600; color:#EEE; font-weight: 100; padding: 32px 0; text-align: center;}
#container-footer A, .button A { color: #EEE; }
#container-footer A:hover, .button A:hover { color: #FFF; }
.wrapper { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

/********************************************
	Tag Resets
********************************************/

body,
div,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
th,
td,
article,
aside,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	margin: 0;
	padding: 0;
	border: 0;
}

ul, li { margin-left: 1em; }

/********************************************
	Normalize CSS
	http://necolas.github.com/normalize.css/
********************************************/

html {
	height: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

body {
	min-height: 100%;
	font-size: 100%;
	-webkit-animation: bugfix infinite 1s;
}

footer,
header,
hgroup,
nav,
section,
audio,
canvas,
video {
	display: block;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

pre {
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word;
}

b,
strong {
	font-weight: bold;
}

abbr[title] {
	border-bottom: 1px dotted;
}

input,
textarea,
button,
select {
	margin: 0;
	font-size: 100%;
	line-height: normal;
	vertical-align: baseline;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	cursor: pointer;
	-webkit-appearance: button;
}

input[type="checkbox"],
input[type="radio"] {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

textarea {
	overflow: auto;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* ******************************************
    IE 7 and below, legacy browser style fixes
****************************************** */

.ie .wrapper { *behavior: url("http://randy.kato.com/sandbox/aquent/js/boxsizing.htc"); }

/* ******************************************
	Float Clearing http://nicolasgallagher.com/micro-clearfix-hack
****************************************** */

.group:after {
	content: " "; /* 1 */
	display: table; /* 2 */
	clear: both;
}

.group {
	*zoom: 1; /* 3 */
}

html {  font-size: 100%; line-height: 1; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }

body { font-family: 'Open Sans', sans-serif; }

p, li { font-size: .875em; line-height: 1.25; }
h1, h3, h4, h5, h6 { font-family: 'CopperplateGothicW01-Bo1119449', serif; line-height: 1.26; }
h2 { font-family: 'CopperplateGothicW01-Ro', serif; line-height: 1.26; }
h1 { font-size: 2.2em; }
h2 { font-size: 1.5em; }
h3 { font-size: 1.382em; line-height: 1.26; font-weight: bold; text-align: left; }

hr { clear: all; margin: 40px auto; width: 75%; border: 0; border-bottom: 1px solid #000; }

.button { padding: 10px; margin-top: 30px; background-color: #EF3600; font-size: 1.1em; line-height: 1.7em; font-weight: bold; display: inline-block; text-align: center; }
.button A { text-decoration: none; }

A { color: #011892; }
.fakelink { color: #011892; text-decoration: underline; cursor: pointer; }

.inline { display: inline; }
.centered { text-align: center; }
.spaced { margin: 10px 20px; }

.bio { text-align: justify; width: 70%; padding: 10px 40px 10px 0px; }
.biopic { float: right; width: 30%; padding: 10px 0px; }
.tour { clear: both; padding: 20px 0px; }
.tourcopy { text-align: justify; width: 50%; padding: 10px 40px 10px 0px; }
.tourpic { float: right; width: 50%; padding: 10px 0px; }
.pix1, .pix2 { width: 50%; float: left; }
.reviewpic { width: 50%; }

.testimonialblock { text-align: center; }
.button SPAN { color: #FFF; font-weight: bold; text-decoration: none !important; font-size: 18px; line-height: 1.7em; padding: 5px 10px; }
.button SPAN.nolink { color: #EEE; }
.attribution { margin-left: 50px; }
	
section footer { clear: both; }


/* ******************************************
	Print Styles
****************************************** */

@media print and (max-width: 8.5in){
	#masthead { color:black; }
	#container-header { height: auto; }
	img { width:2in; }
	#portfolio { float:left; width:45%; }
	#resume	{ float:right; width:45%; }
	#container-footer { clear:both; }
	body { font-size: smaller; }
}

/* ******************************************
	Styles for screen wider than 45em 720px
****************************************** */
@media screen and (min-width: 45em){
	#container-header {
		-webkit-background-size: cover;
		-moz-background-size: cover;
		background-size: cover;
	}
	body { font-size: 109%; }
	#content { margin: 0 10%; }
}

@media screen and (max-width: 45em) {
	#container-header {
		-webkit-background-size: cover;
		-moz-background-size: cover;
		background-size: cover;
	}
	.bio { text-align: justify; width: 100%; padding: 10px 0px 10px 0px; }
	.biopic { width: 100%; }
	.tour { clear: both; }
	.tourcopy { text-align: justify; width: 100%; padding: 10px 0px 10px 0px; }
	.tourpic, .pix1, .pix2 { width: 100%; }
}

/* This CSS resource incorporates links to font software which is the valuable copyrighted property of Monotype and/or its suppliers. You may not attempt to copy, install, redistribute, convert, modify or reverse engineer this font software. Please contact Monotype with any questions regarding Web Fonts: http://www.fonts.com */