html { height: 100%; margin: 0; padding: 0; }

body { background: #121212 url(../images/bkgd_bodysolid.gif) top center repeat-y; background-attachment: fixed; color: #a0b4c3; font-family: Arial, Helvetica, sans-serif; text-align: center; padding: 0; margin: 0; }

/* resets */
html { margin: 0; padding: 0; }
img, a img { border: none; outline: none; }
form { margin: 0; padding: 0; border: none; }
table, tr, th, td { border-collapse: collapse; }
h1, h2, h3, h4, h5, h6, p, ul, li, ol, dl, dt, dd { margin: 0; padding: 0; font-size: 14px; line-height: 14px; }
ul, li { list-style: none; }
a { border: none; outline: none; text-decoration: none; color: #fff; }

.clearing { clear: both; margin: 0; padding: 0; font-size: 0px; line-height: 0px; height: 0; }

#wrap { width: 100%; height: 100%; min-height: 100%; position: absolute; top: 0; left: 0; text-align: center; margin: 0; padding: 0; }

#gradient { position: fixed; top: 0; left: 0; z-index: 0; overflow: hidden; }

#container { width: 900px; min-height: 700px; margin: 0 auto 0 auto; padding: 0 10px 0 10px; text-align: left; background: transparent; z-index: 50; }

h2 { font-size: 24px; line-height: 26px; font-weight: normal; color: #a0b4c3; margin: 0; padding: 0; cursor: pointer; }
h2 span.marker { color: #ff0099; }
#container .accParent h2 span.markerOn { color: #fff; }
#container h2.headingHover a { color: #ff0099; }
#container h2.headingHover span.marker { color: #fff; }
#container .accParent h2.headOn.headingHover a { color: #fff; }
#container .accParent h2.headOn.headingHover span.marker { color: #ff0099; }
h2 span.descrip { font-size: 12px; color: #a0b4c3; }
h2 a { color: #fff; }
h2 a:hover, h2.headOn a { color: #ff0099; }

div.accordion { display: none; }
div#artifacts { height: 40px; overflow: hidden; }

#footer { width: 100%; padding: 0 0 800px 0; }

#header { width: 900px; height: 200px; position: relative; margin: 0;}
#header h1 { font-size: 30px; color: #a0b4c3; font-weight: normal; margin: 0; padding: 0; position: absolute; top: 34px; left: 0; }
#header p.copyright { color: #40484c; font-weight: normal; font-size: 10px; margin: 0; padding: 0; position: absolute; top: 47px; right: 0; }
#header p.nav { color: #8b969c; font-size: 14px; line-height: 15px; font-weight: normal; position: absolute; top: 83px; right: 0; }
#header p.nav a { color: #8b969c; }
#header p.nav a:hover { color: #3fb5ff; }
#header img.rule { position: absolute; top: 66px; left: 0; }
#header p.share { color: #474c4b; position: absolute; top: 125px; right: 0; text-align: right; font-weight: normal; }
#header p.share img.shareBtn { margin-bottom: -2px; }

.accParent { margin: 10px 0 0 0; padding: 0 0 6px 0; width: 900px; background: transparent url(../images/rule_accordion.gif) bottom left no-repeat; }

#visualArtifacts.accParent { padding: 0 0 1px 0; }
#visualArtifacts #artifacts #artTitles { width: 900px; border-bottom: 1px solid #33393c; height: 15px; margin-top: 4px }
#visualArtifacts #artifacts #artTitles span { display: inline; float: left; width: 300px; margin: 0; padding: 0; font-size: 10px; line-height: 10px; font-weight: normal; color: #8b969c; }
#visualArtifacts #artifacts p { font-size: 11px; line-height: 14px; font-weight: normal; color: #a0b4c3; width: 290px; margin: 11px 0 0 0; }

#contactMe h3 { color: #fff; font-size: 18px; font-weight: normal; }
#contactMe h3 a { color: #ffcc15; }
#contactMe h3 a:hover { color: #fff; }
#contactMe .hr { width: 578px; height: 3px; background: transparent url(../images/img_contactrule.gif) 0 0 repeat-x; margin: 20px 0 20px 0; }
#contactMe #contactForm h3 { width: 140px; float: left; display: inline; margin-top: 5px; }
#contactForm #emailForm { float: left; display: inline; }
#name, #email { width: 431px; background: transparent; border: 1px solid #67757d; color: #8b969c; font-size: 14px; line-height: 15px; font-weight: normal; font-family: Arial, Helvetica, sans-serif; padding: 3px 0 3px 5px; }
#comments { width: 431px; padding: 3px 0 0 5px; background: transparent; border: 1px solid #67757d; color: #8b969c; font-size: 14px; line-height: 15px; font-weight: normal; height: 243px; font-family: Arial, Helvetica, sans-serif; resize: none; overflow: auto; }
#pSubmit { text-align: right; }
#emailSubmit { background: transparent; border: none; outline: none; padding: 0; margin: 0; color: #ffcc15; font-size: 18px; font-weight: normal; font-family: Arial, Helvetica, sans-serif; cursor: pointer; }

#emailForm p.error { color: #ff0099; width: auto; display: none; margin: 2px 0 8px 0 !important; font-weight: normal; }
#contactConfirm { display: none; color: #fff; font-weight: normal; font-size: 14px; padding: 0 0 0 140px; }

#contactMe .accordion { padding: 40px 0 10px 312px; }
#contactMe .accordion p { margin: 0 0 4px 0; }

#emailSubmit.btnHover { color: #fff; }

#aboutMe .accordion { padding: 0 0 30px 0; }
#aboutIntro { height: 50px; width: 900px; position: relative; background: transparent url(../images/rule_about.gif) bottom left no-repeat; margin: 5px 0 24px 0; }
#introText { width: 570px; margin: 0; padding: 0 0 0 40px; background: transparent url(../images/img_abouticon.gif) 0 3px  no-repeat; font-size: 14px; line-height: 18px; font-weight: normal; position: absolute; top: 0; left: 0; }
#introRes { font-size: 12px; text-align: right; position: absolute; top: 20px; right: 0; }
#introRes a { display: block; padding: 0 0 0 18px; background: transparent url(../images/icon_pdf.gif) 0 0 no-repeat; }
#introRes a:hover { color: #ffcc15; }
#aboutNav { width: 229px; height: 510px; float: left; display: inline; }
#aboutNav ul { margin-top: -5px; }
#aboutNav li { font-size: 18px; font-weight: normal; line-height: 22px; color: #8b969c; cursor: pointer; }
#aboutText { width: 671px; float: left; display: inline; color: #fff; position: relative; }
.experience, .education, .clients, .awards, .recommendations, .too, .more { position: absolute; top: 0; left: 0; }
.education, .clients, .awards, .recommendations, .too, .more { display: none; }
.experience, .education, .clients, .awards, .too, .more { padding-left: 80px; }
#aboutNav li.aboutHover { color: #ffcc15; }
#main #aboutNav ul li.aboutOn { color: #ffcc15; cursor: default; }
#aboutText h3 { font-size: 14px; line-height: 15px; margin: 0; padding: 0; color: #fff; font-weight: normal; }
#aboutText p { font-size: 12px; line-height: 15px; margin: 0 0 16px 0; font-weight: normal; color: #a0b4c3; }
#aboutMe .education p { font-size: 14px; line-height: 20px; color: #fff; margin: 0 0 10px 0; }
#aboutMe .education .schools { width: 590px; background: transparent url(../images/rule_about.gif) bottom left no-repeat; padding: 0 0 10px 0; margin: 0 0 20px 0; }
#aboutMe .education .schools p { width: 288px; float: left; display: inline; font-size: 12px; line-height: 14px; color: #a0b4c3; font-weight: normal; }
#aboutMe .education .schools p strong { font-weight: normal; font-size: 14px; color: #fff; }
#aboutMe .clients .clientsL, #aboutMe .clients .clientsR { width: 288px; float: left; display: inline; }
#aboutMe .clients .clientsL p, #aboutMe .clients .clientsR p { font-size: 12px; line-height: 18px; font-weight: normal; color: #fff; }
#aboutMe .too p { font-size: 24px; line-height: 36px; color: #8b969c; }
#aboutMe .too p a { color: #8b969c; display: block; height: 32px; overflow: hidden; padding: 0 0 0 40px; }
#aboutMe .too p a:hover { color: #ffcc15; background-position: 0 0px !important; }
#aboutMe .too p#blogLink a { background: transparent url(../images/icon_wordpress.png) 0 -32px no-repeat; }
#aboutMe .too p#linkedinLink a { background: transparent url(../images/icon_linkedin.png) 0 -32px no-repeat;  }
#aboutMe .too p#facebookLink a { background: transparent url(../images/icon_facebook.png) 0 -32px no-repeat;  }
#aboutMe .too p#twitterLink a { background: transparent url(../images/icon_twitter.png) 0 -32px no-repeat; }
#aboutMe .too p#deliciousLink a { background: transparent url(../images/icon_delicious.png) 0 -32px no-repeat; }
#aboutMe .too p#itunesLink a { background: transparent url(../images/icon_itunes.png) 0 -32px no-repeat; }
#aboutMe .more .moreL { width: 300px; margin: 0 18px 0 0; float: left; display: inline; }
#aboutMe .more .moreR { width: 25px; float: left; display: inline; }
#aboutMe .more .moreL img { margin: 0 0 10px -1px; }
#aboutMe .more .moreL p, #aboutMe .more .moreR p { font-size: 12px; line-height: 18px; font-weight: normal; color: #fff; }
#aboutMe .more .moreL p a { color: #ffcc15; }
#aboutMe .more .moreL p a:hover { color: #fff; }
#aboutMe .more .moreR p.large { font-size: 24px; line-height: 26px; color: #a0b4c3; font-style: italic; }
#aboutMe p span.pink { color: #ff0099; }
#aboutMe .recommendations #recoNav { width: 225px; float: left; display: inline; }
#aboutMe .recommendations #recoNav ul { width: 225px; }
#aboutMe .recommendations #recoNav ul li { color: #8b969c; font-size: 14px; line-height: 20px; margin: 0; padding: 0; cursor: pointer; }
#main #recoNav ul li.recoOn { color: #ffcc15; cursor: default; }
#recoNav ul li.recoHover, #recoNav ul li:hover { color: #ffcc15 !important; cursor: pointer; }
#aboutMe .recommendations #recoText { width: 400px; float: left; display: inline; position: relative; }
#aboutMe .recommendations #recoText p { font-size: 12px; line-height: 18px; font-weight: normal; margin: 0 0 14px 0; text-indent: -5px; color: #fff; }
.kirtland, .logan, .sindel, .stout, .mait, .threlkeld, .walsh, .ziperovich, .hefelfinger, .weiss, .storey, .peet, .lopatin { position: absolute; top: 0; left: 0; }
.threlkeld, .logan, .sindel, .stout, .mait, .walsh, .ziperovich, .hefelfinger, .weiss, .storey, .peet, .lopatin, .rank, .boone, .fellows { display: none; }

#workContent { margin: 10px 0 15px 0; outline: none; }
#flashContent { outline: none; }