@import "reset.css";

body {font: 10pt/1.5 'Lucida Sans', 'Lucida Grande', 'Calibri', Verdana, Arial, sans-serif; color: #000;}

a {font-style: inherit; line-height: inherit;}
a:link,
a:visited {color: #000;}
a:hover,
a:active {}

abbr {font-size: 90%; letter-spacing: .2em; text-transform: uppercase;}
em {font-weight: inherit; font-style: italic;}

h1 {margin: 0 0 16pt; font-size: 12pt;}
h2 {margin: 16pt 0 8pt; font-size: 14pt; text-transform: uppercase; font-weight: normal; letter-spacing: 2pt;}
h1 + h2 {margin-top: -16pt;}
h3 {margin: 1em 0 .5em; font-size: 14pt;}
h3.subtitle {margin: 0 0 .5em; font-style: italic; font-size: 1em; color: #464646;}

p,
ul,
ol,
dl {margin-bottom: 8pt;}

ul {margin-left: 16pt; list-style: square outside;}
ol {margin-left: 16pt; list-style: decimal;}
dl {margin-left: 16pt;}
dt {font-size: 12pt; font-weight: bold;}
dd {margin-bottom: 4pt;}

.address {font-style: normal;}
.address ul {margin: .8em 0;}
.address ul li {clear: left;}
.address ul li span {width: 1.5em; display: block; float: left; font-weight: bold; color: #a33517;}

#header h6 {margin: 0 0 8pt; padding: 0 0 8pt; border-bottom: 1pt solid #000;}
#header h6 a {text-decoration: none; font-weight: bold; color: #000;}
#header ul,
#header p {display: none;}

#clients.popped #header ul,
#clients #header ul li,
#about.popped #header ul,
#about #header ul li {display: none;}
#clients #header ul,
#clients #header ul li.current,
#clients #header ul li.current li,
#about #header ul, 
#about #header ul li.current,
#about #header ul li.current li {display: block;}

#container {position: static !important; margin: 0 !important;}
#content .jScrollPaneContainer {width: auto !important; height: auto !important; position: static !important; overflow: visible !important;}
#content .jScrollPaneTrack,
#content .jScrollArrowUp,
#content .jScrollArrowDown {display: none;}

#content .guts,
#content .scrolling {width: auto !important; height: auto !important; margin: 0 !important; padding: 0 !important; position: static !important; overflow: visible !important;}

#popup .closer,
#popup .loader,
#popup .guts #media #pdf,
#popup .guts #media #photo-nav {display: none;}
#popup h1 {float: left;}
#popup .guts dl {padding-left: 11em; clear: left; font-size: 10pt}
#popup .guts dl dt {width: 10em; margin: 0 0 0 -11em; float: left; text-align: right; font-weight: bold; _margin: 0 0 0 -5.5em; *margin: 0 0 0 -11em; font-size: 10pt;}
#popup .guts #media {margin-bottom: 14pt; padding-left: 14pt; float: right;}
#popup .guts #media #logo {width: 188px; height: 34px; margin: 0 0 10pt;}
#popup .guts #media #photos img {width: 188px; height: 225px; display: none !important;}
#popup .guts #media #photos img:first-child {display: block !important;}

#projects h1 {text-transform: uppercase;}
#projects h1 span {text-transform: none;}

#footer {padding: 30px 0 0; color: #AAA; text-align: left; font-size: 9px;}
#footer a {color: #AAA;}