/* MISC
--------------------------------------------------------------------------------------------------*/
* { margin: 0; padding: 0; }
.clear                       { clear:both; height:0px; overflow:hidden; }
.clear-left                  { clear:left; height:0px; overflow:hidden; }
.clear-right                 { clear:right; height:0px; overflow:hidden; }
.hide, .hidden               { display:none; }

/* GENERAL
--------------------------------------------------------------------------------------------------*/
body, table                  { font-family:verdana; font-size:12px; line-height:160%; }
a                            { text-decoration:none; color:#00b8ff; border-bottom:1px dotted #00b8ff; }
a:visited, a:hover           { color:#0089BF; }
a:hover                      { border-bottom:1px solid #0089BF; }
p, li                        { font-size:14px; line-height:160%; margin-bottom:0.8em; color: #445; }
li                           { line-height:140%; margin-bottom:0.6em; }
/*li                           { list-style: square; margin-left: 2em; line-height: 140%; }*/
h1, h2, h3                   { font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#00b8ff; margin-bottom:0.50em; }
h1                           { font-size:24px; }
h2                           { font-size:20px; padding-top: 0.5em; }
h3                           { font-size:16px; }

/* LISTS
--------------------------------------------------------------------------------------------------*/
ul                          { padding-left:2em; margin-bottom:1em; }
ol                          { padding-left:2em; margin-bottom:1em; }
ol ol									      { margin-bottom:0; list-style:lower-roman; }
ol ol	li							      { list-style-type:lower-roman; }

/* FORMS
--------------------------------------------------------------------------------------------------*/
textarea                    { display:block; width:99%; position:static; }
input,textarea,select	      { border:1px solid #aaa; font-family:verdana, sans-serif; font-size:1em; }

/* IDS
--------------------------------------------------------------------------------------------------*/
#wrapper                     { width:640px; background:url(/images/bg.gif) no-repeat; border:1px solid white; margin:0 auto; }
#container                   { width:598px; border:1px solid #b8b8b8; margin:48px 20px 20px 20px; }
#sleeve                      { margin:20px 0 0 30px; width:530px; }
/* Content div's */
#content_mono                { margin:20px 0 0 30px; width:450px; padding-bottom:10px; }
#content_wide                { margin:20px 0 0 30px; width:530px; padding-bottom:10px; }
#footer                      { font-size:10px; color:#999; margin:0em 0 1em 0; text-align:center; line-height: 140%; }
#header                      { background:url(/images/topbar_fade.gif) no-repeat top; height:115px; }
#header #topnav              { margin-left:330px; }
#header #topnav img          { display:inline; }
#header #logo                { position:absolute; margin:46px 0 0 30px; }

/* TOP NAVIGATION
--------------------------------------------------------------------------------------------------*/
ul#nav                       { height:46px; list-style:none; display:inline; overflow:hidden; position:absolute; margin-left:340px; padding:0; }
#nav li                      { list-style:none; display:inline; }
#nav a                       { float:left; padding:46px 0 0 0; overflow:hidden; height:0px !important; height /**/:46px; /* for IE5/Win only */ }
/* HOME nav button */	
#nav #nav_home a             { width:56px; background:url(/images/home_btn.gif) top left no-repeat; }
#nav #nav_home a:hover       { background-position: -58px 0; }
#nav #nav_home a:active,
#nav #nav_home a.selected    { background-position: -116px 0; }
/* WORK nav button */	
#nav #nav_work a             { width:54px; background:url(/images/work_btn.gif) top left no-repeat; }
#nav #nav_work a:hover       { background-position: -54px 0; }
#nav #nav_work a:active,
#nav #nav_work a.selected    { background-position: -108px 0; }
/* ABOUT nav button */	
#nav #nav_about a            { width:61px; background:url(/images/about_btn.gif) top left no-repeat; }
#nav #nav_about a:hover      { background-position: -61px 0; }
#nav #nav_about a:active,
#nav #nav_about a.selected   { background-position: -122px 0; }
/* CONTACT nav button */	
#nav #nav_contact a          { width:71px; background:url(/images/contact_btn.gif) top left no-repeat; }
#nav #nav_contact a:hover    { background-position: -71px 0; }
#nav #nav_contact a:active,
#nav #nav_contact a.selected { background-position: -142px 0; }

#crumbs { margin-bottom: 1em; color:#bbb; }
#crumbs h1 { display:inline; }
#crumbs { font-size:20px; font-weight:normal; }
#crumbs a { text-decoration:none; color:#bbb; border-bottom:1px dotted #bbb; }
#crumbs a:hover, #crumbs active:active { border-bottom:1px solid #bbb; }

.project { width:300px; padding-top:20px; }
.project h2 { font-size:18px; color:#000; margin-top:0; padding-top:0;  }
.project img { float:right; border:2px dotted #ddd; padding:8px; margin-right: -226px }
.photo_block img { border:2px dotted #ddd; padding:8px; margin: 0 12px 1em; }