* { margin: 0; padding: 0; }
html { font: 62.5%/1.4em Arial, Verdana, Helvetica, sans-serif; /*background: #111 url(cssimg/foot.gif) no-repeat 0 100%;*/ height: 100%; }
body { color: #adadad; background: #111; height: 100%; }
p, #work_content { font-size: 1em; margin-bottom: 1em; }
p.root_link { margin-bottom: 0; }
.last { margin-bottom: 50px !important; }
a         { color: #adadad; text-decoration: none; outline: none; }
a:hover   { color: #666; }
img { border: 0; }

h1 { font-family: Trebuchet MS, Verdana, Arial, sans-serif; font-size: 2.2em; font-weight: normal; line-height: 1.4em;} 

.content_wide   { background: #0B0B0B; margin-bottom: 8px; float: left; width: 100%; }
.content        { width: 800px; margin-left: 50px; float: left; padding: 20px 0; display: inline; }
.content_footer { width: 800px; margin-left: 50px; float: left; padding: 10px 0; display: inline; }
.content.paginator { padding: 5px 0; }

#header { height: 128px; position: relative; padding: 0; }
p#optk { background: url(cssimg/optk.gif) no-repeat; width: 100px; height: 25px; text-indent: -9999px; position: absolute; left: 200px; top: 78px; overflow: hidden; }
p#avalible { background: url(cssimg/afw.gif) no-repeat; height: 79px; width: 79px; text-indent: -9999px; position: absolute; right: 3px; top: 22px; overflow: hidden; }
#header h1OLD { background: url(cssimg/12.gif) no-repeat; height: 79px; width: 79px; text-indent: -9999px; position: absolute; left: 0; top: 22px; overflow: hidden; }
#header h1 { background: url(cssimg/12.gif) no-repeat; height: 29px; width: 112px; text-indent: -9999px; overflow: hidden; position: absolute; left: 0; top: 67px; }
#about_col, .side_col   { width: 170px; margin-right: 30px; float: left; display: inline; }
#studios_col { width: 100px; margin-right: 30px; float: left; display: inline; }
#clients_col { width: 390px; float: left; display: inline; }
#logos_col   { width: 80px; float: left; display: inline; }
#work_col, .main_col    { width: 600px; float: left; display: inline; }
.main_col.work_images { margin-left: 200px; }
.main_col.work_images img, .main_col.work_images object { margin-bottom: 1em; }

#work_col { min-height: 380px; }

#homepage_col { width: 600px; float: left; display: inline; }
#li_kthxbye { margin-top: 20px; }

#clients_col h2,
#studios_col h2,
#work_col h2 { height: 90px; }

#work_col h2 { background: url(cssimg/h2_work.gif) no-repeat; text-indent: -9999px; margin-left: 130px; overflow: hidden; }
#clients_col h2 { background: url(cssimg/h2_cl.gif) no-repeat; text-indent: -9999px; overflow: hidden;}
#studios_col h2 { background: url(cssimg/h2_sa.gif) no-repeat; text-indent: -9999px; overflow: hidden;}
#logos_col h2   { background: url(cssimg/h2_logos.gif) no-repeat; text-indent: -9999px; height: 20px; overflow: hidden;}
#about_col h2   { background: url(cssimg/h2_tk.gif) no-repeat; text-indent: -9999px; height: 20px; overflow: hidden; }
h2#special      { background: url(cssimg/h2_special.gif) no-repeat; height: 20px; text-indent: -9999px; overflow: hidden; width: 170px; margin-top:10px; margin-right: 30px; float: left;  }

p#about_p, div#work_content { background: url(cssimg/omglol.gif) no-repeat 0 .5em; position: relative; left: -11px; bottom: 0; padding-left: 11px;  }
#contact a {  margin-top:50px; background: url(cssimg/contact_me.gif) no-repeat; text-indent: -9999px; overflow: hidden; position: relative; left: -11px; display: block;}

#launch_project { clear: both; padding-top: 15px; }
#launch_project a { background: url(cssimg/launch_project.gif) no-repeat; text-indent: -9999px; overflow: hidden; position: relative; left: -11px; height: 21px; display: block; }

#about_col ul,
#clients_col ul,
#logos_col ul,
#studios_col ul { list-style-type: none; }
#studios_col a  { color: #adadad; text-decoration: none; outline: none; }
#studios_col a:hover   { color: #666; background: url(cssimg/omglol.gif) no-repeat 0 .5em; position: relative; left: -11px; padding-left: 11px; text-decoration: none; outline: none; }
#studios_col a:visited { color: #666; text-decoration: none; outline: none; }
#studios_col a:focus   { color: #adadad; text-decoration: none; outline: none; }
#studios_col a:active  { color: #adadad; text-decoration: none; outline: none; }
#clients_col ul               { width: 170px; float: left; }
#about_col ul, #about_col p#last_update, p#images_count { color: #666; margin: 14px 0; }

#menu       { list-style-type: none; position: absolute; left: 330px; top: 74px; }
#menu li    { float: left; }
#menu li a  { display: block; height: 18px; background: url(cssimg/menu.gif) no-repeat; text-indent: -9999px; overflow: hidden; }

#menu #screen a                 { background-position: 0 0; width: 47px; }
#menu #screen a:hover           { background-position: 0 -18px; }
#menu #screen.active a          { background-position: 0 -36px; width: 48px; }
#menu #screen.active a:hover    { background-position: 0 -54px; }

#menu #print a                  { background-position: -43px 0; width: 38px; }
#menu #print a:hover            { background-position: -43px -18px; }
#menu #print.active a           { background-position: -43px -36px; width: 39px; }
#menu #print.active a:hover     { background-position: -43px -54px; }

#menu #other a                  { background-position: -79px 0; width: 43px; }
#menu #other a:hover            { background-position: -79px -18px; }
#menu #other.active a           { background-position: -79px -36px; width: 44px; }
#menu #other.active a:hover     { background-position: -79px -54px; }

#menu #about a                  { background-position: -118px 0; width: 44px; }
#menu #about a:hover            { background-position: -118px -18px; }
#menu #about.active a           { background-position: -118px -36px; width: 45px; }
#menu #about.active a:hover     { background-position: -118px -54px; }

#menu #blog a                   { background-position: -160px 0; width: 36px; }
#menu #blog a:hover             { background-position: -160px -18px; }
#menu #blog.active a            { background-position: -160px -36px; width: 37px; }
#menu #blog.active a:hover      { background-position: -160px -54px; }

#logos_col li    { float: left; }
#logos_col li a  { display: block; height: 25px; background: url(cssimg/logos.gif) no-repeat; text-indent: -9999px; overflow: hidden; margin-bottom:8px; margin-left:8px;}

#logos_col #mi3 a              { background-position: -47px 0px; width: 47px; margin-top:22px; margin-bottom:22px;}
#logos_col #mi3 a:hover        { background-position: 0 0; }

#logos_col #dik a              { background-position: 0 -25px; width: 47px;}
#logos_col #dik a:hover        { background-position: -47px -25px; }

#logos_col #dz a              { background-position: 0 -75px; width: 47px; }
#logos_col #dz a:hover        { background-position: -47px -75px; }

#logos_col #k10k a              { background-position: 0 -100px; width: 47px; }
#logos_col #k10k a:hover        { background-position: -47px -100px; }

#logos_col #jameson a              { background-position: 0 -125px; width: 47px; }
#logos_col #jameson a:hover        { background-position: -47px -125px; }

#logos_col #taxi a              { background-position: 0 -150px; width: 47px; }
#logos_col #taxi a:hover        { background-position: -47px -150px; }

#logos_col #xplsv a              { background-position: 0 -175px; width: 47px; }
#logos_col #xplsv a:hover        { background-position: -47px -175px; }

#logos_col #l31x7 a              { background-position: 0 -200px; width: 47px; }
#logos_col #l31x7 a:hover        { background-position: -47px -200px; }


#site5      { margin-top:5px; background: url(cssimg/site5_off.gif) no-repeat; float: left; width: 100px; margin-right: 30px; }
#site5 a.link { width: 74px; margin-bottom: 13px !important; }
#site5 a.link:hover { background: url(cssimg/site5_on.gif) no-repeat; }
#unpljugged { margin-top:10px; background: url(cssimg/up_off.gif) no-repeat; float: left; width: 170px; }
#unpljugged a.link { width: 114px; }
#unpljugged a.link:hover { background: url(cssimg/up_on.gif) no-repeat;; }
#dutchess { margin-top:10px; background: url(cssimg/the_dutchess_off.gif) no-repeat; float: left; width: 80px; margin-left: 220px; }
#dutchess a.link { width: 79px; }
#dutchess a.link:hover { background: url(cssimg/the_dutchess_on.gif) no-repeat; }
a.link { text-indent: -9999px; height: 22px; display: block; clear: left; margin-bottom: 8px; overflow: hidden; }

table#works { width: 600px; }
/*
    table#works thead { visibility: collapse !important; height: 0px; line-height: 0; font-size: 0; }
    * html table#works thead th { text-indent: -9999px; color: #0B0B0B; overflow: hidden; }
*/

table#works thead { display: none; }

table#works td { border-bottom: 1px solid #1d1c1c; }
table#works td span { color: #0EFF02; }
table#works #year, td.year { width: 130px; }
table#works #title, td.title { width: 190px; }
table#works #type, td.type { width: 100px; }
table#works #short_desc, td.short_desc { width: 100px; }
table#works tr:hover td,
table#works tr.hover td { background: #1d1c1c; cursor: pointer;  }

#pages li { list-style-type: none; float: left; margin-right: 5px;}
#pages li span, .root_link span { color: #0EFF02; }

p#rel_link      { width: 50px; float: left; color: #666; }
ul#rel_links    { float: left; width: 110px; display: block; margin-top: 0; }
ul#rel_links li a { color: #666; }
ul#rel_links li a:hover  { color: #adadad; }

fieldset { border: 0; background: url(cssimg/cwo.jpg) no-repeat bottom right; }
.input { background: #191919; color: #adadad; border: 0; font-family: Arial, Verdana, sans-serif; font-size: 1em; width: 280px; padding: 4px; float: left; clear: left; }
.input:hover, .input:focus, .input_hover, .input_focus { background: #fff; color: #0b0b0b; }
.input.text { margin-bottom: 1em; }
textarea { height: 79px; }
#send_btn { float: left; clear: none; }
fieldset div { float: left; margin-right: 10px; display: inline; }

blockquote { background: url(cssimg/quote.gif) no-repeat top left; position: relative; left: -15px;}
blockquote p { margin-left: 15px; }
p#phone_no { background: url(cssimg/phone_no.gif) no-repeat; text-indent: -9999px; position: relative; left: -14px; height: 15px; margin-bottom: 35px; overflow: hidden; }

p.error { color: #0EFF02; }

a#view_older { clear: both; display: block; color: #0eff02; background: url(cssimg/view_older.gif) no-repeat 2px 6px;  padding-left: 10px; margin-top: 5px; }
a#hide_older { clear: both; display: block; color: #0eff02; background: url(cssimg/hide_older.gif) no-repeat 2px 6px;  padding-left: 10px; margin-top: 5px; }

#wrap { position: relative; min-height: 100%; }
* html #wrap { height: 100%; }

#footer { background: url(cssimg/foot.gif) no-repeat bottom left; /*position: absolute; bottom: 0; left: 0;*/ width: 447px; height: 68px; text-indent: -9999px; clear: both; position: relative; margin-top: -68px; overflow: hidden; }