* { text-decoration:none; font-size:1em; outline:none; margin:0; padding:0; font-weight:400; border:0; }
textarea, input, select { font:inherit; white-space:normal; }
i, cite, address, em { font-style:normal; }
caption, th, td { text-align:left; }
html { background:#18181c; color:#c6c6c6; line-height:1; font-family:arial, sans-serif; }
ul, ol { list-style:none; }
sub, sup { vertical-align:baseline; }
a { color:inherit; }
img { border:none; margin:0 }
ol { list-style-type:decimal }
body { background-color:transparent; }
tr, th, td { width:auto; height:auto; background-color:transparent; vertical-align:inherit; border:none; border-collapse:collapse; }
html, body { height:100%; width:100%; }
html { font-size:125%; }
body { font-size:50%; }
a { text-decoration:underline }
strong, th, thead td, dt { font-weight:700; }
cite, em { font-style:italic; }
sup, sub { font-size:85%; }
sup { vertical-align:super; }
sub { vertical-align:sub; }
abbr, acronym { text-transform:uppercase; font-size:85%; letter-spacing:.1em; cursor:help; border-bottom:1px dotted #000; }
blockquote { padding-left:2.2em; }
hr { display:none; }
input, select, button { cursor:pointer; }
input[type='hidden'] { display:none; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; }
.cont { font-size:1.3em; line-height:1.55em }
.cont h1 { font-size:1.6em; line-height:1; margin:1em 0 .5em }
.cont h2 { font-size:1.5em; }
.cont h3 { font-size:1.4em; }
.cont h4 { font-size:1.85em; line-height:1; margin:1.23em 0 .615em; }
.cont h5 { font-size:1.2em; line-height:1; margin:1.33em 0 .67em; }
.cont h6 { font-size:1em; line-height:1; margin:1.6em 0 .8em; }
.cont hr { display:block; background:inherit; color:inherit; width:100%; height:1px; border:none; }
.cont ul { list-style:disc outside; }
.cont ol { list-style:decimal outside; }
.cont hr, .cont p, .cont ul, .cont ol, .cont dl, .cont pre, .cont address, .cont table, .cont form { margin-bottom:1.6em; }
.cont p+p { margin-top:-.8em; }
.cont fieldset>*:first-child { margin-top:0; }
.cont textarea, .cont input { font-size:100%; padding:0.475em; background: #0a0a0a; border: none; color: #ccc; cursor:text; }
.cont select { padding:.2em .1em 0; }
.cont option { padding:0 .4em .1em; }
.cont button { padding:.3em .5em; }
.cont input.radio { position:relative; bottom:-.2em; }
.cont dt { margin-top:.8em; margin-bottom:.4em; }
.cont ul, .cont ol { margin-left:2.2em }
.cont caption, .cont form div { padding-bottom:.8em; }
.cont ul ul, content ol ul, .cont ul ol, content ol ol { margin-bottom:0; }


div.wrap { height:100%; width:100%; }
div.cont { height:100%; width:100%; }
h1 { height:9px; display:block; font-size: 2em; background: url(/images/bg_diag.png) repeat fixed left top; position: fixed; top: 0; right: 9px; left: 9px; text-indent: -9999px; }
div.env { height:100%; padding-left: 9px; background: url(/images/bg_diag.png) repeat-y fixed left top; text-align:center; overflow:hidden; }
div.in { width:890px; margin:0 auto; text-align: left; }
em.tagline { height: 100%; width: 9px; position: fixed; top: 0; right: 0; bottom: 0; background: url(/images/bg_diag.png) repeat fixed left top; display: block; text-indent: -9999px; }



ul#nav { position: fixed; top: 70px; right: 9px; height:41px; max-width:34.428%; overflow:hidden; }
ul#nav li { float:left; list-style: none; height: 41px; margin-right:1px; background: url(/images/bg_diag-light.png) repeat fixed left top; } 
ul#nav.nav-a li { background: url(/images/bg_diag.png) repeat fixed left top; }
ul#nav li.home { width:59px; }
ul#nav li.portfolio { width:67px; }
ul#nav li.about { width:95px; }
ul#nav li.contact { width:83px; }
ul#nav li.none { width:100em; margin: 0; float: none; text-indent: -9999px; }
*:first-child+html ul#nav li.none { margin: -41px 0 0 308px; }
.safari ul#nav li.none { margin: 0 0 0 308px; }
ul#nav a:link, ul#nav a:visited { text-decoration: none; text-transform: uppercase; color: #fff; display: block; padding: 0px; height: 41px; text-indent: -9999px; }
.nav-a a:link, .nav-a a:visited { background:url(/images/bg_nav.png) no-repeat; }
.nav-b a:link, .nav-b a:visited { background:url(/images/bg_nav.png) no-repeat; }
ul#nav .home a:link, ul#nav .home a:visited { background-position:0 top; }
ul#nav .home a:hover, ul#nav .home a:active, ul#nav .home a:focus, ul#nav .home a.active { background-position:0 bottom; }
ul#nav .portfolio a:link, ul#nav .portfolio a:visited { background-position:-60px top; }
ul#nav .portfolio a:hover, ul#nav .portfolio .portfolio a:active, ul#nav .portfolio a:focus, ul#nav .portfolio a.active { background-position:-60px bottom; }
ul#nav .about a:link, ul#nav .about a:visited { background-position:-128px top; }
ul#nav .about a:hover, ul#nav .about a:active, ul#nav .about a:focus, ul#nav .about a.active { background-position:-128px bottom; }
ul#nav .contact a:link, ul#nav .contact a:visited { background-position:-224px top; }
ul#nav .contact a:hover, ul#nav .contact a:active, ul#nav .contact a:focus, ul#nav .contact a.active { background-position:-224px bottom; }


div#about { width:100%; height:100%; padding-bottom:1em; display:block; background: #18181c url(/images/Landing.png) no-repeat right bottom; }
div#about.inner { width:100%; height:100%; padding-bottom:1em; display:block; background: 
#18181c url(/images/bg_inside.jpg) no-repeat right bottom; color: #CCC; font-size: 1.4em; 
line-height: 1.3em; font-family: Georgia, "Times New Roman", Times, serif;  }
div#about div.env { padding-bottom:13px; }
div#about div.in { width:440px; padding:0 500px 0 50px; margin-top: 6%; }
div#about.inner div.in { width:640px; padding:0 300px 0 50px; margin-top: 2%; }

div#about h2 { width:624px; height:120px; background: no-repeat left top; color: #d26b13; text-indent: -9999px; margin: 40px auto 0 9px; }
div#about h3.sub { color: #703d0d; width:458px; height:21px; background: no-repeat left top; text-indent: -9999px; margin: -31px auto 0 154px; text-align: left; }
div#about p { color:#ccc; }
div#about p.note { color: #555555; font-style:normal; font-size: 0.92em; }
div#about blockquote { margin:0 -200px 0 0; padding:0.85em 0; }
div#about blockquote p { color:#f98715; font-size: 2.4em; line-height: 1.3em; font-family: Georgia, "Times New Roman", Times, serif; padding:1px 10px 1px 5px; background: url(/images/bg_diag.png) repeat fixed left top; display: inline; }
div#about blockquote em { color:#ccc; font-style: normal; }

div#footer { position: fixed; left: 9px; right: 9px; bottom: 0; height: 42px; background: url(/images/bg_diag.png) repeat fixed left top; padding:9px 0; color: #a5a5a5; }
div#footer div { background: url(/images/bg_hover.png) repeat; font-size: 0.9em; height: 42px; }
div#footer ul { margin: 0; padding-right:165px; float: left; }
div#footer li { float:left; list-style: none; padding: 11px 27px; }
div#footer li.note2 { float:left; list-style: none; padding: 12px -2px; color: #ccc; font-style: normal; font-size: 1.6em; font-family: Georgia, "Times New Roman", Times, serif; }
div#footer a:link, div#footer a:visited { padding: 2px 5px; text-decoration: none; color: #a5a5a5; }


h2.error404 { text-transform: uppercase; font-size: 1.2em; padding: 130px 0 0 100px; }
h2.error404 em { font-size: 0.9em; color: #999; font-style: normal; padding-left: 0.5em; }
