@charset "utf-8";

* { margin: 0; padding: 0; }
html { font-size: 100%; }
body { background: #4c4c4c url(images/bg.jpg); font-size: 62.5%; font-family: "Lucida Grande", "Trebuchet MS", Verdana, Arial, sans-serif, sans; }
#layout { background: #e8e8e8; width: 96em; -moz-box-shadow: 0 0 32px #666; -webkit-box-shadow: 0 0 32px #666; box-shadow: 0 0 32px #666; margin: 20px auto 10px; }
#header { background: #369; padding: 0.875em 0.625em; border-bottom: 1px solid #aaa; font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.6em; }
#header h1 { word-spacing: -0.2em; font-weight: 100; line-height: 0.6em; letter-spacing: -0.05em; color: #fff; font-size: 2.2em; }
#header h1 a { color: inherit; text-decoration: none; color: #fff; }
#header h1 a:hover { color: #9FCFFF; }
#header h1 a span.forename { color: #9FCFFF;}
#header h1 a:hover span.forename { color: #fff; }
#header img { float: right; }
#masthead, #content { background: #fff; padding: 10px; border-bottom: 1px solid #aaa; }
#masthead { padding: 10px 20px; }
h2 { font-size: 1.4em; font-weight: 700; margin: 0 -10px 0.6em; padding: 5px 10px; background: #e9e9e9; color: #369; }
#support h2 { margin-left: -0.7142em; margin-right: -0.7142em; }
h3, h4 { color: #369; margin: .75em 0; padding: 0 0 .25em; font-size: 1.2em; border-bottom: 1px solid #d5d5d5; }
p, ul, dl { font-size: 1.2em; margin: 0.4em 0 0.8em; line-height: 1.6em; }
dl { overflow: hidden; border: 1px solid #bcbcbc; background: #f1f1f1; padding: 0.5em; }
dt { font-weight: 700; clear: left; float: left; width: 10em; color: #369; }
dd { float: left; }
ul { margin-left: 1.3em; }
ul li { list-style-type: circle; margin: 0 0 5px; }
p.intro { font: 2.4em Georgia, "Times New Roman", Times, serif; font-variant: small-caps; }
#content { float: left; width: 60.5em; border-width: 0 1px 1px 0; border-style: solid; border-color: #aaa; margin: 0 0 1.2em 0; }
#content.full { width: auto; border: none; }
#support { background: #fff; float: right; width: 29.9em; padding: 1em; border-left: 1px solid #aaa; border-bottom: 1px solid #aaa; margin: 0 0 1.2em 0; }
#header ol { float: right; margin: -20px 10px 0 0; }
#header ol li { display: inline; padding: 0 0 0 20px; color: #fff; }
#header li a { color: #fff; text-decoration: none; border-bottom: 1px dotted #fff; font-weight: 100; }
#header li a:hover { color: #9FCFFF; border-bottom: 1px solid #9FCFFF; }
#header li a:active { color: #ffc; }
#content a:link, #content a:visited { color: #369; }
#content a:hover { color: #333; }
h5 { font: 700 1em/1.6em Georgia, "Times New Roman", Times, serif; color: #369; }
a img { border: none; }
img.photo { float: left; margin: 0 10px 10px 0; padding: 5px 0 0; }

.signature, .headnote, .footnote { font: 700 1.4em Georgia, "Times New Roman", Times, serif; color: #aaa; text-align: right; clear: both; }
.headnote { text-align: left; }
.pagebreak { padding-bottom: 96px; }

ul.clients { background: #e8e8e8; margin: 0 auto; }
ul.clients li { background: #e8e8e8; display: block; float: left; text-align: center; width: 133px; padding: 8px 28px; margin: 10px; list-style: none; border: 1px solid #aaa; }
ul.clients li h5 a { text-decoration: none; }

#footer { background: #369; color: #fff; clear: both; border-top: 1px solid #aaa; margin: 0; padding: 2px 10px 4px; font-weight: 700; font-size: 1.1em; text-align: right; }

.intro strong, .intro acronym, .intro dfn { font-weight: 700; color: #369; }
acronym, dfn { cursor: help; font-style: normal; }

#content a { color: #369; font-weight: 700; }
#content a:hover { text-decoration: none; }

#support a { color: #000; background: #e8e8e8; padding: .2em 0; }

#content ol { margin-left: 2em; }

h2.icon { background-repeat: no-repeat; background-position: 10px center; padding-left: 42px; }
h2.contact { background-image: url(images/contact.png); }
h2.tool { background-image: url(images/tool.png); }

table { border-collapse: collapse; width: 100%; }
th.skill { width: 16em; }
thead th { background: #f1f1f1; color: #369; text-align: left; font-weight: 700; font-size: 1.2em; padding: .5em .25em .1em; border-bottom: 1px solid #d5d5d5; }
tbody td { padding: .25em; vertical-align: top; font-size: 1.1em; border-bottom: 1px solid #e8e8e8; }
tbody tr:first-child td { padding-top: .5em; }

#notweb2 { width: 94px; height: 94px; position: absolute; top: 0; left: 0; background: url(images/notweb20.png) no-repeat; }

blockquote { color: #333; }