html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;	padding: 0;	border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;}

:focus {outline: 0;}
ol, ul {list-style: none;}
table {border-collapse: separate; border-spacing: 0;}
caption, th, td {text-align: left; font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}

html {height: 100%;}
body {background: url(../img/page_bg_long.jpg) no-repeat #1c1c1c; padding: 40px 0 50px 40px; line-height: 1;}

div, span, p {font-family: georgia, "times new roman", serif; line-height: 1.7em; color: #ddd; font-size: 12px;}
a, img {outline: 0 none;}

h2 {height: 30px; width: 180px; margin-bottom: 25px;}
h2 b {display: none;}
h2.about {background: url(../img/h2/about.gif) 10px 0 no-repeat;}
h2.services {background: url(../img/h2/services.gif) 10px 0 no-repeat;}
h2.contact {background: url(../img/h2/contact.gif) 8px 0 no-repeat;}
h2.work {background: url(../img/h2/work.gif) 10px 0 no-repeat;}
h2.clients {background: url(../img/h2/clients.gif) 10px 0 no-repeat;}
h2.work-samples {background: url(../img/h2/work_samples.gif) 8px 0 no-repeat;}

#wrapper {width: 965px; cursor: default;}
#tylerFawcett {float: left; width: 173px; height: 49px; background: url(../img/tyler_fawcett.gif) no-repeat; margin: 25px 0 20px 8px;}
#tylerFawcett h1 {display: none;}
.hr {background: url(../img/hr.png) repeat-x transparent; border: 0 none; height: 5px; width: 925px;}
hr {display: none;}


.clear {clear: both;}

h2 {font-size: 17px; font-weight: bold; color: #eee;}
#about {padding: 20px 0 25px 0;}
#about * {line-height: 1.4em; color: #999;}
#description {float: left; width: 320px;}
#description p.nopad {padding: 0 35px 0 10px;}
#description p.dnnCopyright {font-family: "lucida sans", "lucia grande", "lucida sans unicode", sans-serif; font-size: 9px; color: #444; padding: 30px 35px 0 10px; line-height: 1.3em;}
#description p.dnnCopyright a {font-size: 9px; color: #666;}
#description p.dnnCopyright a:hover {color: #ddd;}
#description p {padding-top: 20px;}
#contactForm {float: right; width: 325px;}
#contactForm .pad {padding: 0 0 0 10px;}
#contactForm .formAlert {font-size: 12px; margin-bottom: 15px; width: 255px;}
#contactForm .formAlert p {margin-bottom: 55px;}
#contactForm .yes {color: #6bb218;}
#contactForm .no {color: #d72424;}
#contactForm .contactFormLabel {font-size: 13px;}
#contactForm .formInput {font-family: georgia, "times new roman", serif; line-height: 1.5em; font-size: 12px; border-top: 1px solid #1a1a1a; border-right: 1px solid #2e2e2e; border-bottom: 1px solid #373737; border-left: 1px solid #2b2b2b; background: url(../img/fff_5_percent_trans.png); padding: 3px; color: #eee; font-size: 12px;}
#contactForm .contactFormInput {padding-bottom: 14px; padding-top: 2px;}
#contactForm .contactFormInput input {width: 200px;}
#contactForm .contactFormInput textarea {width: 260px; height: 56px;}
#contactForm .contactFormButton {}
#contactForm .contactFormButton .formButton {background: #1c1c1c; border-top: 1px solid #343434; border-right: 1px solid #151515; border-bottom: 1px solid #111; border-left: 1px solid #282828; color: #555; padding: 2px 8px; font-family: georgia, "times new roman", serif; font-size: 11px;}
#contactForm {scrollbar-base-color: #222; scrollbar-arrow-color: #888; scrollbar-3dlight-color: #222; scrollbar-darkshadow-color: #222; scrollbar-face-color: #333; scrollbar-highlight-color: #444; scrollbar-shadow-color: #222; scrollbar-track-color: #222;}
#contactForm .contactFormButton .formButton:hover {color: #fff; cursor: pointer; background: #222;}
#areas {float: left; width: 260px;}
#areas ul {text-align: left; list-style: disc;}
#areas a:link, #areas a:active, #areas a:visited {color: #f2a413;}
#areas a:hover {color: #fff;}
#areas ul li {margin-left: 24px; line-height: 1.7em;}
#menu {float: right; margin: 48px 50px 0 0; color: #888; text-align: right; font-size: 11px;}
#menu span {color: #aaa; font-size: 11px;}
#menu a {color: #f2a413; font-size: 11px;}
#menu a:hover {color: #fff;}


div.clients {padding: 15px 0 10px 0;}
div.clients ul {position: relative; top: -5px; left: 10px;}
div.clients ul li {position: relative; top: 0; left: 0; float: left; display: inline; margin: 0 50px 0 0; vertical-align: baseline;}


div.portfolio {padding: 16px 0 0 0;}
div.portfolio ul {position: relative; top: 0; left: -25px;}
div.portfolio ul li {position: relative; top: 0; left: 0; float: left; display: inline; margin: 0 0 20px 12px; background: url(../img/dark_3_trans.png); background: transparent; padding: 14px 14px 13px 14px;}
div.portfolio ul li:hover {background: url(../img/fff_3_percent_trans.png);}
div.portfolio ul li:visited {background: transparent;}
div.portfolio ul li.lastColumn {margin-right: 0;}
div.portfolio ul li a {display: block;}
div.portfolio ul li a img {border-top: 1px solid #151515; border-right: 1px solid #363636; border-bottom: 1px solid #383838; border-left: 1px solid #212121;}
div.portfolio ul li a img {border: 1px solid #222; border-top: 1px solid #1a1a1a; border-right: 1px solid #2e2e2e; border-bottom: 1px solid #373737; border-left: 1px solid #2b2b2b; border: 7px solid #222;}
div.portfolio p {width: 265px;}
div.portfolio .c {color: #ddd; font-size: 15px; font-weight: normal; display: block; padding: 2px 2px 2px 6px; float: left; line-height: 1.3em;}
div.portfolio a.launch {position: absolute; bottom: 22px; right: 8px; display: none;}
div.portfolio a.launch img {border: 0 none; padding: 0;}
div.portfolio strong {font-weight: normal;}
div.portfolio i {display: none;}
div.portfolio .w {font-size: 9px; color: #4f4f4f; display: block; padding-top: 1px; font-family: "lucida sans", "lucia grande", "lucida sans unicode", sans-serif; font-style: normal; line-height: 1.2em;}
div.portfolio img.flag {position: absolute; bottom: 16px; right: 14px; border: 1px solid #1c1c1c; -moz-opacity:.0; filter:alpha(opacity=0); opacity:.0;}
div.portfolio ul li:hover img.flag {-moz-opacity:1; filter:alpha(opacity=100); opacity:1;}
div.portfolio .new {position: absolute; bottom: 49px; right: 13px;}


a:link, a:visited, a:active, a:hover {color: #ddd; text-decoration: none;}

#copyright {padding-top: 20px; font-size: 11px;}
#copyright .left {float: left; color: #555}
#copyright .right {float: right; margin-right: 40px;}
#copyright a {margin-left: 25px; color: #555;}
#copyright a:hover {color: #ddd;}