@charset "utf-8";
/* @group Reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, footer, header {margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;background:transparent;}
:focus {outline:0;}
body {position:relative;line-height:1;}
ol, ul {list-style:none;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:none;}
ins {text-decoration:none;}
del {text-decoration:line-through;}
/* @end */
/* @group Global Styles */
html {}
body {font:1em 'Open Sans',helvetica,arial,sans-serif;line-height:1.5em;}
img {}
.left {float:left;}
.right {float:right;}
.hidden {display:none;}
.clearfix:before, .clearfix:after{content:"";display:block;overflow:hidden;}
.clearfix:after {clear:both;}
/* @group Typography */
h1, h2, h3, h4, h5, h6 {font-weight:400;}
h1 {font-size:2em;}
h2 {font-size:1.75em;}
h3 {font-size:1.5em;}
h4 {font-size:1.25em;}
h5 {font-size:1em;}
h6 {font-size:0.875em;}
p {font-size:0.75em;}
.small {font-size:0.5625em;}
em {font-style:italic;}
strong {font-weight:bold;}
/* @end */
/* @group Links */
/* @end */
/* @group Menus */
/* @end */
/* @end */
/* @group Main Content Styles */
/* main */
html,body{height:100%;}
body{background-color:#fff;}
#container {width:1000px;margin:0 auto;min-height:100%;position:relative;}
/* haeder */
haeder{position:relative;}
/*  header h1{margin-top:50px;font-weight:bold;} */
header h1{margin-top:50px;font-weight:bold;color: #fff;}
header img{width:100%;}
/*
header h1 span{position:absolute;}
*/
/*
header h1 span{position:absolute;}
header h1 span:first-child{top:0;left:0;display:inline-block;padding-top:12px}
header h1 span:not(:first-child) {top:40px;left:0;display:block;font-size:0.5em;}
*/
header h1 span{position:absolute;left: 20px;}
header h1 span:first-child{top:0;display:inline-block;padding-top:12px}
header h1 span:not(:first-child) {top:40px;display:block;font-size:0.5em;}
/* nav */
/* nav li a{background-color:#83AAC9;color:#fff;} */
nav li a{background-color:#0066a4;color:#fff;}
/* nav li a:hover{background-color:#ccc;color:#333;} */
nav li a:hover{background-color:#b9b09e;color:#fff;}
/* nav li a.selected{background-color:#B8603D;color:#333;} */
nav li a.selected{background-color:#b9b09e;color:#fff;}
nav.top{position:absolute;top:-35px;right:0;}
nav.top li{display:inline-block;list-style:none;}
nav.top li a{padding:10px;}
nav.side{float:left;}
nav.side li{margin:12px 0;padding:0;}
nav.side li a{padding:5px;display:inline-block;width:200px;line-height:normal;}
nav.side li:last-child{margin-bottom:0;}
/* content */
.content{display:block;margin:0 0 0 210px;padding:12px;}
.content h1,.content p{margin:0;padding:0;line-height: normal;}
.content p{font-size:1em}
.content h1{margin-bottom:12px;}
.content h2{margin:12px 0;}
.content li,.content p{margin:6px 0;}
div.download.resume{display:inline-block;width:auto;float:right;padding:5px;background-color:#83AAC9;}
div.download.resume:hover{cursor:pointer;background-color:#B8603D;}
div.download.resume a{color:#fff;}
div.download.resume a:hover{color:#333;}
.content.testimonials h2{clear:both;margin-top:22px;}
.content.testimonials > h1 + h2{clear:none;}
.content.testimonials h2{margin-bottom:22px;}
.content.testimonials span.ital{margin-left:12px;font-style: italic;}
.content.testimonials img{display:block;float:left;width:150px;margin:0 12px 12px 0;padding:0;}

.content.resume p,.content.resume ul li{margin-bottom:22px;}

/* footer */
footer{display:block;width:100%;margin:0 auto 22px;text-align:center;clear:both;font-size:12px;}
/* @end */
/* @group Media Queries */
@media screen and (max-width:1680px){}
@media screen and (max-width:1024px){
#container {width:800px;}
.content.resume h1{clear:right;}
.content h1{clear:right;font-size:1.7em;}
.content h2{font-size:1.5em;}
.content p,.content ul li{font-size:0.9em;}
}

@media screen and (max-width:800px){
#container {width:600px;}
.content h1{font-size:1.5em;}
.content h2{font-size:1.3em;}
.content p,.content ul li{font-size:0.7em;}
}

@media screen and (max-width:600px){
#container {width:500px;}
/*
header h1 span:first-child{font-size:0.6em;padding:0;}
header h1 span:not(:first-child) {top:20px;padding:0;font-size:0.4em;}
*/
header h1 span{color: #333;}
header h1 span:first-child{font-size:1em;padding:0;}
header h1 span:not(:first-child) {top:20px;padding:0;font-size:0.6em;}
nav.top ul li a,nav.side ul li a{padding:3px;font-size:0.9em;}
nav.side ul li a{width:100px;}
.content{margin-left:106px;padding:6px;}
.content h1{font-size:1.2em;}
.content h2{font-size:1em;}
.content p,.content ul li{font-size:.8em;}
}
@media screen and (max-width:500px){
#container {width:400px;}
header,header h1{margin:0;padding:0;}
header h1{font-size:1.5em;}
header h1 span{position:relative;left:0;}
/* header h1 span:first-child{float:none;} */
header h1 span:first-child{float:none;}
header h1 span:not(:first-child) {margin:0;top:0;left:0;font-size:0.4em;line-height:normal;}
header img{margin-top:0;}
nav.top,nav.side,nav.top ul,nav.side ul,nav.top ul li,nav.side ul li,nav.top ul li a,nav.side ul li a{position:relative;display:block;float:none;left:0;right:0;top:0;bottom:0;width:auto;height:auto;margin:0;padding:0;}
nav.top ul li a,nav.side ul li a{margin-bottom:6px;padding-left:3px;font-size:0.9em;}
div.download.resume{margin-top:22px;padding:0 0 0 3px;font-size:0.9em;}
.content{width:100%;margin:6px 0 0 0;}
}
@media screen and (max-width:400px){
#container{width:300px;}
header img{display:none;}
}
@media screen and (max-width:320px){
header h1 span{color: #333;}
#container{width:250px;}
header img{display:none;}
div.download.resume{font-size:0.7em;}
.content.testimonials img{display:block;float:none;width:80%;margin:6px auto;padding:0;}
}

/* @end */