/*Reset*/
html, body, div, h1, h2, h3, h4, h5, h6, img, p, ul, ol, li, a, fieldset, form, input, textarea, label {margin: 0; padding: 0; border: 0; outline: 0; font-weight: normal; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

/*Style*/
body {text-align: center; margin: 0 auto; color: #fff; background-color: #000; font-family: Helvetica, Arial, sans-serif; font-weight: normal; font-size: 12px; line-height: 160%; background-image: url(../img/interface/bg_stars.jpg); background-position: top center; background-attachment: fixed; background-repeat: no-repeat; }

h1 {float: left; width: 150px; height: 23px; margin-bottom: 20px; line-height: 0; text-indent: -2000em; overflow: hidden; background-image: url(../img/interface/logo.png); }
h1 a {display: block; width: 100%; height: 100%; }
ul#nav {height: 23px; line-height: 100%; float: right; }
ul#nav li {float: left; padding: 0 8px; border-left: 1px solid #90abb1; list-style-type: none; }
ul#nav li:first-child {border: none; } 
ul#nav li a {color: #90abb1; text-decoration: none; }
ul#nav li a:hover {color: #fff; }
h2, h3, span {font-weight: bold; }
h2, h3, p, a {text-align: left; }
p {margin-bottom: 5px; }
p, span, .box {color: #90abb1; }
a {color: #fff; }
a:hover {color: #999; }
a:active {color: #121618; }
img.signature {width: 137px; height: 54px; display: block; margin: 10px 0; text-align: left; }
p.hide, a.hide {display: none; width: 0; height: 0; line-height: 0; }
a.arrow {display: block; float: right; width: 19px; height: 19px; background-image: url(../img/interface/arrow.png); }

/*Headers*/
h2 {height: 38px; }
h3 {height: 19px; }
h2, h3 {width: 300px; margin-bottom: 15px; line-height: 0; text-indent: -2000em; overflow: hidden; }
h2#graphic {background-image: url(../img/interface/graphic.png); }
h2#identity {background-image: url(../img/interface/identity.png); }
h2#web {background-image: url(../img/interface/web.png); }
h3#about {background-image: url(../img/interface/about.png); }
h3#contact {background-image: url(../img/interface/contact.png); }
h3#notice {background-image: url(../img/interface/notice.png); }

/*Div*/
div#content {width: 960px; padding: 30px 0; text-align: center; margin: 0 auto; }
div#header {height: 23px; margin-bottom: 45px; }
div.left, div.middle, div.right {width: 300px; float: left; }
div.middle {margin-left: 30px; margin-right: 30px; }
div.clearfix {width: 0; height: 0; clear: left; }
div#footer {padding-top: 39px; clear: left; width: 100%; background-image: url(../img/interface/footer.gif); background-position: top center; background-repeat: no-repeat; }
div#footer div.right p a {padding: 0 8px; }
div#footer div.right p a:first-child {padding-left: 0; border-right: 1px solid #90abb1; }

/*Thumb*/
div.thumb {width: 280px; background-image: url(../img/interface/trans.png); background-repeat: repeat; padding: 10px 10px 5px 10px; margin-bottom: 15px; }
div.thumb li {text-align: left; list-style-type: none; margin: 5px 0; }
div.thumb img {width: 280px; height: 110px; }

/*Work*/
a.image {display: block; width: 280px; height: 110px; margin-bottom: 10px; text-indent: -2000em; overflow: hidden; }
a.image:hover { background-position: 0 -110px; }
a#graphic_poster {background-image: url(../img/work/thumb/graphic_poster.gif); }
a#graphic_jacket {background-image: url(../img/work/thumb/graphic_jacket.jpg); }
a#graphic_anniversary {background-image: url(../img/work/thumb/graphic_anniversary.gif); }
a#graphic_dime {background-image: url(../img/work/thumb/graphic_dime.jpg); }
a#web_lael {background-image: url(../img/work/thumb/web_lael.jpg); }
a#web_kingpin {background-image: url(../img/work/thumb/web_kingpin.jpg); }
a#web_elbow {background-image: url(../img/work/thumb/web_elbow.jpg); }
a#web_nez {background-image: url(../img/work/thumb/web_nez.jpg); }
a#web_octillian {background-image: url(../img/work/thumb/web_octillian.jpg); }
a#id_kingpin {background-image: url(../img/work/thumb/id_kingpin.jpg); }
a#id_lael {background-image: url(../img/work/thumb/id_lael.jpg); }
a#id_elbow {background-image: url(../img/work/thumb/id_elbow.jpg); }
a#id_nez {background-image: url(../img/work/thumb/id_nez.jpg); }
a#id_fds {background-image: url(../img/work/thumb/id_fds.gif); }
a#id_southside {background-image: url(../img/work/thumb/id_southside.jpg); }
a#id_edisplay {background-image: url(../img/work/thumb/id_edisplay.jpg); }


/*Form*/
li.formlist {list-style: none; text-align: left; }
li.formlist input.box {margin-bottom: 10px; }
input, textarea {margin-bottom: 5px; text-align: left; }
.box {margin-bottom: 5px; padding: 5px; width: 290px; background-color: #121618; }
.button {display: block; width: 149px; height: 30px; margin-top: 15px; }
#submit {background-image: url(../img/interface/send.gif); text-indent: -2000em; overflow: hidden; background-color: transparent; }
.button:hover {color: #999; }
p.error {color: #f00; }
input.error, textarea.error {background-color: #200; }
li.blank {display: none; }