body
{ background: #fff url('bg.gif') repeat-x; margin: 0; }

.wrap
{ width: 877px; position: relative; margin: 0 0 50px 55px; }

.coverinfo 
{ width: 280px; height: 100px; position: absolute; top: 360px; left: 20px; font: 11px "Lucida Grande", Lucida Sans Unicode, Verdana; color: #3e4040; line-height: 150%; }

.coverinfo h1 
{ font-face: "Lucida Grande", Lucida Sans Unicode, Verdana; font-size: 1.5em; font-weight: bold; visibility: hidden; }

.coverinfo a
{ font-weight: bold; color: #3e4040; text-decoration: none; }

.coverinfo a:hover
{ color: #000; text-decoration: none; }

.resume_column1
{ width: 350px; height: 500px; position: absolute; top: 150px; left: 20px; font: 11px "Lucida Grande", Lucida Sans Unicode, Verdana; color: #3e4040; line-height: 150%; }

.resume_column2
{ width: 350px; height: 500px; position: absolute; top: 150px; left: 450px; font: 11px "Lucida Grande", Lucida Sans Unicode, Verdana; color: #3e4040; line-height: 150%; }

.worksbuttons
{ position: absolute; top: 150px; left: 637px; font: bold 12px "Lucida Grande", Lucida Sans Unicode, Verdana; color: #fff; }

.worksbuttons li
{ list-style-type: none; width: 180px; height: 18px; margin-bottom: 20px; background: #cd4539; padding-right: 20px; padding-top: 2px; text-align: right; }

.worksbuttons a
{ color: #fff; text-decoration: none; }

.worksbutton li:a
{ color: #fff; }

.imageworks
{ width: 877px; height: 620px; background-image:url('rounded_negative.jpg'); }

.imageworks img
{ position: relative; top: 10px; left: 10px; }

#topnav { position: relative; width: 877px; margin: 21px 0 0 10px; }

#topnav ul li { display: inline; font: 14px Lucida Grande, Verdana, Arial; color: #fff; }

#topnav li#portfolio a { width: 99px; height: 33px; background: url('b_on.gif') no-repeat; padding: 8px 20px 8px 20px; text-decoration: none; color: #666; font-weight: bold; background-position: 1px 3px;  }
#topnav li#blog a { width: 99px; height: 33px; background: url('b_off.gif') no-repeat; padding: 8px 35px 8px 35px; text-decoration: none; color: #fff; font-weight: bold; background-position: 1px 3px; }

#topnav li#blog a:hover { background-position: 1px 1px; }

.nav
{ position: relative; left: -27px; width: 800px; font: 15px "Lucida Grande", Lucida Sans Unicode, Verdana;  text-align: left; color: #666; }

.nav ul li
{ list-style-type: none; display: inline; }

.nav li
{ margin: 0 30px 0 0; border-bottom: dotted 1px #c0c0c0; }

.nav a
{ color: #666; text-decoration: none; }

.nav a:hover
{ color: #000; text-decoration: none; }

.navsub
{ position: relative; left: -27px; width: 800px; font: 12px "Lucida Grande", Lucida Sans Unicode, Verdana;  text-align: left; color: #666; }

.navsub ul li
{ list-style-type: none; display: inline; }

.navsub li
{ margin: 0 30px 0 0; border-bottom: dotted 1px #c0c0c0; }

.navsub a
{ color: #666; text-decoration: none; }

.navsub a:hover
{ color: #000; text-decoration: none; }

.button_previous img
{ position: absolute; width: 29px; height: 29px; top: 300px; left: -50px; font: bold 11px "Lucida Grande", Lucida Sans Unicode, Verdana; padding-left: 10px; padding-top: 2px; }

.button_next img
{ position: absolute; width: 29px; height: 29px; top: 300px; left: 885px; font: bold 11px "Lucida Grande", Lucida Sans Unicode, Verdana; padding-left: 0px; padding-top: 2px; }

.button_next a
{ color: #fff; text-decoration: none; width: 29px; height: 29px; }

.button_next a:hover
{ color: #fff; text-decoration: none; width: 29px; height: 29px; }

.button_previous a
{ color: #fff; text-decoration: none; width: 29px; height: 29px; }

.button_previous a:hover
{ color: #fff; text-decoration: none; width: 29px; height: 29px; }

.text_l
{ width: 350px; height: 105px; position: relative; top: -120px; left: 10px; font: 10px "Lucida Grande", Lucida Sans Unicode, Verdana, Arial; color: #666; }

.text_r
{ width: 350px; height: 105px; position: relative; top: -235px; left: 450px; font: 10px "Lucida Grande", Lucida Sans Unicode, Verdana, Arial; color: #666; }

.text_l p
{ padding: 0 0 0 10px; line-height: 70%; font-weight: bold; font: 10px "Lucida Grande", Lucida Sans Unicode, Verdana, Arial; }

.text_l h2
{ padding: 10px 0 0 10px; font: bold 12px "Lucida Grande", Lucida Sans Unicode, Verdana, Arial; color: #000;  }

.text_r p
{ padding: 10px 0 0 10px; line-height: 150%; font: 10px "Lucida Grande", Lucida Sans Unicode, Verdana, Arial; }

.text_r h2
{ padding: 10px 0 0 10px; font: bold 12px "Lucida Grande", Lucida Sans Unicode, Verdana; color: #000;  }

a
{ color: #FF3300; }

a:hover
{ text-decoration: none; }

.lb_close
{ width: 500px; height: 100px; background:url('lb_close.gif') no-repeat; background-position: 435px 0px; text-align: right; }

.lb_close p
{ font: 12px "Lucida Grande", Lucida Sans Unicode, Verdana; color: #fff; padding-top: 2px; }

.lb_close a
{ font: 12px "Lucida Grande", Lucida Sans Unicode, Verdana; color: #fff; padding-top: 2px; text-decoration: none; }

.lb_overlay
{ font: 12px "Lucida Grande", Lucida Sans Unicode, Verdana; color: #fff; padding-top: 2px; }