/* resets */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th { margin: 0; padding: 0; }
fieldset, img					{ border: 0; }
address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal; }
ol, ul							{ list-style: none; }
caption, th						{ text-align: left; }
h1, h2, h3, h4, h5, h6			{ font-size: 100%; font-weight: normal; }
q:before, q:after				{ content: ''; }
abbr, acronym					{ border: 0; }

/* body and defaults */
body							{ background: #fff; }
body, div						{ font: 14px helvetica, arial, verdana, sans-serif; letter-spacing: -1px; color: #444; }
p								{ margin-bottom: 6px; }			
h1								{ font-size: 16px; color: #000; font-weight: bold; }
h2								{ font-size: 14px; color: #646464; }
h3								{ font-size: 11px; color: #aaa; }

/* divs */
#container						{ width: 882px; margin: 0; padding: 16px; }
#left							{ width: 183px; float: left; }
#right							{ width: 644px; padding-right: 32px; float: right; }
#browseLeft						{ float: left; width: 322px; }
#browseRight					{ float: right; width: 322px; text-align: right; }
#chooseProject					{ padding-bottom: 16px; }
#projectsMini					{ display: block; margin: 32px 0 16px 0; }
#projectsMini p 				{ margin-bottom: 3px; }
#projectsMiniBrowseLeft			{ float: left; width: 50px; margin-top: -9px; font-size: 13px; }
#projectsMiniBrowseRight		{ float: right; width: 50px; text-align: right; margin-top: -9px; font-size: 13px; }
#credits						{ display: block; font-size: 11px; letter-spacing: 0px; }

/* classes */
.portfolioImg					{ margin-bottom: 18px; }
.divider						{ display: block; border-bottom: 2px solid #cbcbcb; }
.browseType						{ display: inline; font-size: 14px; color: #676767; }
.browseProject					{ display: block; margin-top: 4px; }
.small							{ font-size: 11px; font-style: italic; color: #888; letter-spacing: 0px; font-weight: normal !important; }

/* lists */
ul#projectsMiniList li			{ height: 34px; }

/* forms */
.chooseSelectLabel				{ float: left; font-weight: bold; }
.chooseSelect					{ width: 470px; background: #f2f2f2; border: 1px solid #dbdbdb; float: right; margin-top: 0px; }
..chooseOption					{ padding: 3px 1px; font-size: 14px; }

/* links */
a								{ color: #333; font-weight: bold; text-decoration: none; }
a:hover							{ color: #111; border-bottom: 1px solid #555; padding-bottom: 2px; }
a.top							{ color: #a1a1a1; font-size: 9px; text-transform: uppercase; letter-spacing: 1px; text-decoration: none; }
a.top:hover						{ color: #111; }
#projectsMini a:hover			{ border: 0; }
a.portfolioImage:hover			{ border: 0; }

/* menu */
.splash a						{ display: block; width: 167px; height: 173px; background: url("../../images/logo.gif") top left no-repeat; background-position: 0 0; border: 0 !important; }
.splash a:hover					{ background-position: 0 -173px; border: 0 !important; margin-bottom: -2px; cursor: hand; }
.news a							{ display: block; width: 31px; height: 27px; background: url("../../images/news.gif") top left no-repeat; background-position: 0 0; border: 0 !important; }
.news a:hover					{ background-position: 0 -27px; border: 0 !important; margin-bottom: -2px; cursor: hand; }
.bio a							{ display: block; width: 33px; height: 27px; background: url("../../images/bio.gif") top left no-repeat; background-position: 0 0; border: 0 !important; }
.bio a:hover					{ background-position: 0 -27px; border: 0 !important; margin-bottom: -2px; cursor: hand; }
.portfolio a					{ display: block; width: 32px; height: 27px; background: url("../../images/portfolio.gif") top left no-repeat; background-position: 0 0; border: 0 !important; }
.portfolio a:hover				{ background-position: 0 -27px; border: 0 !important; margin-bottom: -2px; cursor: hand; }
.media a						{ display: block; width: 31px; height: 27px; background: url("../../images/media.gif") top left no-repeat; background-position: 0 0; border: 0 !important; }
.media a:hover					{ background-position: 0 -27px; border: 0 !important; margin-bottom: -2px; cursor: hand; }
.links a						{ display: block; width: 40px; height: 27px; background: url("../../images/links.gif") top left no-repeat; background-position: 0 0; border: 0 !important; }
.links a:hover					{ background-position: 0 -27px; border: 0 !important; margin-bottom: -2px; cursor: hand; }
.contact a						{ display: block; width: 31px; height: 23px; background: url("../../images/contact.gif") top left no-repeat; background-position: 0 0; border: 0 !important; }
.contact a:hover				{ background-position: 0 -23px; border: 0 !important; margin-bottom: -2px; cursor: hand; }
.store a						{ display: block; width: 33px; height: 23px; background: url("../../images/store.gif") top left no-repeat; background-position: 0 0; border: 0 !important; }
.store a:hover					{ background-position: 0 -23px; border: 0 !important; margin-bottom: -2px; cursor: hand; }