@charset "utf-8";
/* CSS Document */

@import "web.css";
@import "identity.css";
@import "illustration.css";
@import "painting.css";
@import "animation.css";
@import "resume.css";

/* General Classes */
* { padding: 0; margin: 0; }
body { font-family: Arial, Helvetica, sans-serif; color: #cdd1d2; margin: 0; background-color:#b5b5b5; }

/* main */
#main { margin: 0 auto; width: 940px; background-color: #FFFFFF; }

/* banner */
#banner { padding-bottom: 10px; padding-left: 30px; padding-right: 30px;}
#banner .logo { display: block; background-image: url(../img/in_logohead.png); height: 65px; width: 230px; float: left; }
#email { height: 65px; text-align: right; clear: right; line-height: 50px; }
#email a { color: #D9D9D9; font-size: 12pt; text-decoration: none;}

/* navigation */
#navigation { padding-bottom: 20px; padding-left: 30px; padding-right: 30px;}
#navigation ul { list-style-type: none; }
#navigation li { display: inline; padding-right: 40px; }
#navigation li a.category { font-size: 1em; color: #D9D9D9; text-decoration: none; font-weight: bold; }
#navigation li a.categoryActive { font-size: 1em; color: #333333; text-decoration: none; font-weight: bold;}
#navigation li a:hover { color: #333333; }

#thumbs {  padding-left: 30px; padding-right: 30px;}
#thumbs em { display: none; }
#thumbs ul { width: 100%; padding: 0px; margin: 0px; list-style-type: none;}
#thumbs li { float: left; margin: 0px; display: inline; padding-right: 20px; padding-bottom: 20px;}
#thumbs li a { display: block; height: 40px;}
#thumbs li a:hover { background-position: left bottom; }

#preview { text-align: center; padding-top: 20px; height: auto; clear: both;}
#preview img { height: auto; }

/* footer */
#footerButtons { padding-left: 30px; padding-right: 30px; padding-top: 20px; clear: both; }
#footerButtons em { display: none; }
#footerButtons ul { width: 100%; padding: 0px; margin: 0px; list-style-type: none;}
#footerButtons li { float: right; margin: 0px; display: inline; padding-right: 20px; padding-bottom: 20px;}
#footerButtons li a { display: block; height: 25px; }
#footerButtons li a.previousButton { background: url("../img/in_butprev.gif") no-repeat left top; width: 85px; }
#footerButtons li a.nextButton { background: url("../img/in_butnext.gif") no-repeat left top; width: 85px; }
#footerButtons li a:hover { background-position: left bottom; }

#copyright { height: 35px; background-color: #D9D9D9; text-align: center; padding-top: 15px; font-size: 12pt; font-weight: bold; color: #FFFFFF; clear: both;}