body {background-color: black; margin: 0px; padding: 0px; color: #666666;}

#body {background-color: #1c1c1c;}

a.title {clear: none; margin: 0px; padding: 0px;}
a.title img {border: none;}
img.titleemptyspace {clear: none; margin: 0px; padding: 0px;}

img.line {clear: both; margin: 0px; padding: 0px; border: none;}

div.emptyspace {width: 600px; height: 13px; clear: both; background-color: #141414; font-size: 0.1em;}

div.navigation {width: 600px; height: 30px; clear: both;}

a.navigation {display: table-cell; clear: none; background-position: top;}
a.navigation:hover {background-position: bottom;}
a.navgraphic {width: 120px; height: 30px; background-image: url(images/nav_graphic.gif);}
a.navphotos {width: 120px; height: 30px; background-image: url(images/nav_photos.gif);}
a.navcontacts {width: 120px; height: 30px; background-image: url(images/nav_contacts.gif);}

div.submenu {visibility: hidden; position: absolute;background-color: 1c1c1c; z-index: 3;
	filter: alpha(opacity=80);
    	moz-opacity: 0.8;
    	opacity: 0.8;}
div.subgraphic {width: 120px; margin-left: 120px; text-align: left;}
div.subphotos {width: 120px; margin-left: 240px; text-align: left;}

div.submenu a {display: block; width: 120px; clear: both; width: 100%; color: #999999; background-color: transparent; font: 10px "Lucida Grande", Verdana; text-decoration: none;}
div.submenu a:hover {color: #cccccc; background-color: #333333;}
div.submenu a div {padding: 4px;}

/*
div.submenu a {display: block; display: 150px; background-color: transparent;}
div.submenu a:hover {background-color: #1c1c1c;}
*/

div.head {width: 600px; height: 20px; clear: both; background-color: #141414;}
td.work {width: 120px; height: 120px; padding: 10px;}
td.work a {display: block; width: 100px; height: 100px; background-position: top;}
td.work a:hover {background-position: bottom;}

div.bottom {width: 600px; height: 50px; clear: both; margin-top: 10px; background-color: #141414;}

/*
div.work {display: table; width: 600px; clear: none;}
div.work div {display: table-row;}
a.work {display: table-cell; clear: none; width: 100px; height: 100px; margin: 10px; padding: 10px; background-position: top;}
a.work:hover {background-position: bottom;}
*/


/*
a.work {display: table-cell; clear: none; width: 100px; height: 100px; background-position: top;}
a.work:hover {background-position: bottom;}
*/

div.path {padding-left: 10px; padding-top: 10px; font: 10px Verdana; color: #5A5959;}
div.path a {border-bottom: 1px dashed; text-decoration: none; color: #5A5959;}
div.pagetitle {padding-left: 10px; padding-top: 4px; font: bold 12px Verdana; color: #666666;}
	div.pagetitle a {color: #666666; padding-bottom: 2px; border-bottom: 1px solid #666666; text-decoration: none;}
	div.pagetitle a:hover {border-bottom: none;}
div.toppad {padding-top: 13px;}
div.botpad {padding-bottom: 13px;}
div.year {position: absolute; padding-top: 10px; margin-left: 530px;}

div.description {padding: 10px; padding-top: 15px; text-align: center; font: 10px "Lucida Grande", Verdana; color: #666666;}

div.slideShow {position: relative; padding-left: 5px; padding-top: 10px; width: 590px; height: 590px;}
div.slideContainer {position: absolute; z-index: 0; overflow: hidden; visibility: hidden;}

td.selwork {width: 200px; height: 40px;}
td.selwork a {display: block; clear: none; text-decoration: none; width: 200px; height: 30px; background-color: transparent;}
td.selwork a:hover {background-color: #141414;}
td.selwork a div {text-align: center; padding-top: 8px; font: bold 10px "Lucida Grande", Verdana; color: #666666;}


#contacts {margin-left: 25px; margin-right: 25px; font: bold 11px "Lucida Grande", Verdana; color: #666666;}
#contacts div {margin-top: 20px; margin-bottom: 10px;}
#contacts div p {margin-top: 3px; margin-bottom: 3px; margin-left: 10px; font-weight: normal;}
#contacts div p a {border-bottom: 1px dashed; text-decoration: none; color: #5A5959;}