/********* Copyright 2006-2011 behrt.com. ************/
*{padding:0; margin:0;}
html {min-height: 90%;margin-bottom: 50px;}
body {font-size: 80%;line-height: 100%;font-family: "Arial", "Lucida Sans Unicode", "Helvetica", "Trebuchet MS", "Arial", sans-serif;color: #7f7c76;text-align: left;background: #67645F center top fixed no-repeat;}
a:link {color: #94908B;text-decoration: none;padding-bottom: 2px;}
a:visited {color: #94908B;text-decoration: none;}
a:hover{color: #BB6831;text-decoration: none;}
a:active{border: 0; color: #CC6714;text-decoration: none;}
img{border: 0px solid #ccc; margin: 0; padding: 0;}
p {line-height: 1.4em;padding: 0 0 10px 0px;}
li {list-style: none;text-transform: uppercase;font-size: .9em;font-family: "Trebuchet MS", "Lucida Sans Unicode", "Helvetica", "Arial", sans-serif;padding: 0px 5px 8px 3px;}

/********* LAYOUT ************/
#noscript {position: absolute;top: 200px;left: 50%;margin-left: -130px;width: 220px;background: #fff;padding: 20px;border: 15px solid red;}
#header {margin: 0 auto 40px auto; width: 693px; min-height: 283px;}
#bcard {margin: 50px 0 0 0;padding: 20px 130px 10px 120px; background: url(../img/bg_bcard.jpg) center top no-repeat;}
#star {vertical-align: top;height: 207px;}
#title {vertical-align: top;padding: 34px 0 0 20px;}
#icons {height: 46px;vertical-align: middle;padding: 0 0 0 20px;color: #c3beb7;}
#icons a.resume {line-height: 1.3em;color: #c3beb7;background: url(../img/icon_pdf.gif) no-repeat;padding: 0 33px 0 20px;}
#icons a.resume:hover {background-position: 0 -16px;color: #fff;}
#icons a.contact {line-height: 1.3em;color: #c3beb7;background: url(../img/icon_contact.gif) no-repeat;padding: 0 0 0 27px;}
#icons a.contact:hover {background-position: 0 -16px;color: #fff;}

/********* Second Navigation ************/
#nav2 { width: 200px; margin-left: -480px; top: 40px; left: 50%; position: absolute; text-align: right; }
#nav2 li {font-size: 11px; line-height: 14px; padding: 2px 0 2px 0;}
#nav2 h3 {text-align: right; padding: 12px 0px 5px 0; margin: 0;}
a:link#cornerlogo, a:visited#cornerlogo {width: 185px; height: 184px; position: absolute; top: 0; right: 0; background: url(../img/corner_logo.png) no-repeat top left; display: block;}

/********* Ads Scraper ************/
#ads-skyscraper { width: 130px; margin-left: 280px; top: 40px; left: 50%; position: absolute; text-align: left; }

/********* FOOTER ************/
#footer {width: 468px;margin: 27px auto 20px auto;}
#footer a {padding-left: 12px;}
#footer a:visited, a:link.checked, a:visited.checked {color: #4D4B46;text-decoration: none; background: url(../img/checkmark.gif) no-repeat;padding-left: 12px;}
#col1 {vertical-align: top;width: 35%;}
#col2 {vertical-align: top;}
#col3 {vertical-align: top;}

/********** Popups ***********/
#projectCard { z-index: 100000; padding: 0 105px 0px 112px; margin: 0; background: url(../img/bg_project_card.jpg) center top no-repeat;}
.projtop {height: 21px;  padding: 20px 0 0 0; border-bottom: 3px double #333; margin-bottom: 10px;}
.projfeature {padding: 54px 0 0 0; text-align: center;}
.pop-body { color: #333; margin: 10px 0 0 0;padding: 0px;}
.technologies {color: #282825;}
.thumb {margin: 7px 7px 0 0;float: left;}
.thumb img {border: 1px solid #494542;padding: 3px;}
.thumb img:hover {border: 1px dotted #A8A19F;}
a.launch {display: block;margin: 20px auto 0 auto; padding: 0;width: 118px; height: 36px;background: url(../img/bg_launch.jpg) 0 0 no-repeat; }
a.launch:hover {background-position: 0 -36px;}

/********** TYPE FORMATS ***********/
h1 {font-family: "Century Gothic", "Lucida Sans Unicode", "Helvetica", "Arial", sans-serif;font-size: 23px;line-height: 26px;text-transform: uppercase;font-weight: normal;color: #853f0f;margin: 0px 20px 5px 0px;padding: 0;border-bottom: 1px solid #b5afaf;}
.projtop h1 { color: #000; padding: 0; border: none; font: normal 18px/22px "Century Gothic", "Helvetica", sans-serif;}
h2 {font-family: "Century Gothic", "Lucida Sans Unicode", "Helvetica", "Arial", sans-serif;font-size: 10px;line-height: 14px; color: #67645f;margin: 0px 0px 15px 0px;padding: 0 0 0 0px;}
h3 {font-family: "Century Gothic", "Lucida Sans Unicode", "Helvetica", "Arial", sans-serif;font-size: 14px;line-height: 14px;text-transform: uppercase;font-weight: normal;color: #6a320c;margin: 0px 20px 5px 0px;padding: 0;}
h4 {font-family: Arial, Helvetica, sans-serif;font-size: 1.1em;font-weight: bold;color: #383838;text-align: center;text-transform: uppercase;letter-spacing: 0.3em;margin: 0px 0px 10px 0px;padding: 0px 0px 2px 0px;}
h5 {font-family: "Century Gothic", "Lucida Sans Unicode", "Helvetica", "Arial", sans-serif;font-size: 14px;line-height: 16px;text-transform: uppercase;font-weight: normal;color: #6a320c;margin: 0px 20px 5px 0px;padding: 0;}
h6 {font-size: 1.1em;color: #3A3A3A;text-transform: uppercase;font-family: "Trebuchet MS", Arial, Tahoma, sans-serif;font-weight: bold;padding: 65px 0px 0px 0px;margin: 0;}
.float-l{float: left;padding: 8px 8px 0px 0px;}
.float-r{float: right;}
.clear{clear: both;}

/********** FORM STYLE ***********/
form { margin: 0;padding: 0;}
label {display: none;}
input.t, input.tr, textarea, select, .file {background-color: white;border: 1px solid #DDD;font-size: 1.1em;color: #818273;margin-bottom: 0.3em;padding: 1px 3px 0px 3px;border-left: 3px solid #DDDDDD;font-family: Geneva, Arial, Helvetica, sans-serif;}
input.t:focus, textarea:focus, select:focus, .file:focus {background-color: #fff;border-left: 3px solid #DD892F;border-right: 1px solid #AAA;border-top: 1px solid #AAA;border-bottom: 1px solid #AAA;width: 80%;color: #444;}
input.t, input.tr {height: 1.6em;}
input.tr, textarea.tr {border-left: 3px solid #CC6714;}
input.tr:focus, textarea.tr:focus {border-left: 3px solid #DD892F;border-right: 1px solid #AAA;border-top: 1px solid #AAA;border-bottom: 1px solid #AAA;background-color: #fff;color: #444;font-family: Geneva, Arial, Helvetica, sans-serif;}
select, select:focus {height: 1.6em;padding: 0;border: none;}