body {color:#666;font-family:Century Gothic,Verdana,Arial,sans-serif;background:#eee url("img/bg1.png") repeat-y center center}
img {border:0}
a {text-decoration:none;color:#111;font-style:italic}
a:focus {outline:none}
h3 {clear:none}
hr {height:1px;color:#ccc;background-color:#ccc;border:none}
#wrapper {width:800px;height:100%;margin:0 0 0 -400px;padding:0;position:absolute;top:0;left:50%;border-left:1px solid #aaa;border-right:1px solid #aaa;background:#eee}
#header {width:800px;height:124px;position:relative;top:0;border-bottom:1px solid #ccc;background:#f1f1f1 url(img/bg-header.png)}
#byline {padding:10px;float:right;font-size:.8em}
#menu {width:760px;padding:0 5px 0;z-index:1}
#content {width:790px;padding:5px 5px 30px;position:absolute;top:125px;bottom:30px;overflow:auto;font-size:.8em;background:url(img/bg2.png)}
#title {margin:5px;padding:10px;border:1px dashed #ccc;background:#e1e1e1}
#footer {width:790px;height:20px;padding:5px;position:absolute;bottom:0;border-top:1px solid #ccc;font-size:.6em;text-align:right;background:#f1f1f1 url(img/bg-header.png)}
.notice {padding:5px;position:absolute;top:-30px;right:20px;border:1px solid #999;background:#eee}
#lang {float:left}
#lang img {margin:5px}
#testimonials {width:80%;margin:50px 10% 0}
#resume {width:80%;padding:0 10%;font-size:0.9em}
#PDF {margin:0 5px 0 0;text-align:right;font-size:1em}
#resume div {margin:0 0 10px}
.resume-headers, .resume-project, .resume-job {font-size:1.2em}
.resume-headers {color:#111}
.resume-project {font-weight:800}
.quote {margin:0 0 20px}
.sample-wrapper {width:80%;margin:0 0 10px;position:relative;left:10%}
.sample-top, .sample-bottom {height:11px;background:#d4d4d4;border:1px solid #999;}
.sample-top {border-bottom:0;-webkit-border-top-left-radius:10px;-webkit-border-top-right-radius:10px;-moz-border-radius:10px 10px 0 0;border-radius:10px 10px 0 0;}
.sample-bottom {border-top:0;-webkit-border-bottom-left-radius:10px;-webkit-border-bottom-right-radius:10px;-moz-border-radius:0 0 10px 10px;border-radius:0 0 10px 10px;}
.sample-content {padding:5px;border-left:1px solid #999;border-right:1px solid #999;background:#d4d4d4;_background:#d4d4d4 url(img/bg-samplegray.png)}
.sample-content img {margin:5px}
.sample-wrapper span:hover {cursor:pointer}
.show-hide {margin-left:5px;font-size:.8em}
.sample-details {}
.sample-expanded {margin:10px;padding:15px 10px 10px;border-top:1px solid #bbb}
.sample-expanded p {padding:10px 0;text-align:center}
.headline {font-size:1.2em;font-weight:800}
.PrintOnly {display:none}
.tab {width:150px;height:24px;margin:0 -20px 0 0;float:right;position:relative;z-index:1;text-align:center;font-size:12px;background:url(img/bg-tab.png) no-repeat}
.tab:hover {z-index:100}
.dwrswf {margin:10px;background:#e1e1e1}

@media print{
	#header, #byline, #title, #footer, #PDF, .tab {display:none}
	#header {height:0}
	.PrintOnly {display:block}
	#content {overflow:visible}
}

@media only screen and (max-device-width: 480px) {
	body {margin:0;background:#f1f1f1 url(none)}
	#byline {font-size:1.5em}
	#header {width:100%;height:200px;position:relative}
	#header img {width:200px}
	#menu {}
	#wrapper {width:100%;height:auto;margin-left:0;position:relative;left:0;border:0;background:#fff url(none)}
	#content {width:100%;padding:0 0 30px;position:relative;top:0;overflow:visible;font-size:1.5em;background:url(none)}
	#title {background-color:inherit}
	#footer {width:100%;height:40px;padding:10px;position:relative;font-size:1.4em}
	.notice {top:-50px;right:30px}
	#lang img {width:50px}
	#testimonials {width:80%;margin:50px 0 0 10%}
	.tab {height:60px;font-size:1.7em;background-position:0 20px}
	#construction {display:none}
	.sample-wrapper {width:90%;left:5%;margin:30px 0}
	.sample-top {-webkit-border-top-left-radius:11px;-webkit-border-top-right-radius:11px}
	.sample-bottom {-webkit-border-bottom-left-radius:11px;-webkit-border-bottom-right-radius:11px}
	#resume {width:90%;padding:0 5%;font-size:.8em}
	#resume div {margin:0 0 30px}
	.resume-headers, .resume-project, .resume-job {font-size:1.2em}
	.resume-headers {color:#111}
	#PDF {margin:20px}
	form {width:80%;height:80%;margin:0 0 200px;position:relative}
}
