* {margin: 0; padding: 0;}


/* 
---------------------------------------------------------------------------------------
PRIMARY LAYOUT
---------------------------------------------------------------------------------------*/

body {text-align: center; color: #444; background: #FFF; margin: 0 auto; padding: 0;} 

#header {width: 63em; text-align:left; margin: 0 auto; padding: 1.6em 0 3em 0; border-bottom: 1px dotted #DDD;}

#logo {float: left; text-align: left; margin: 0 0 0 0; padding: 0;}

#topnav {float: right; text-align: left; margin: 0; padding: 0;}

#main {width: 74em; margin: 0 0 0 21em; padding: 0;}

#content {width: 63em; text-align: left; margin: 3.8em auto; padding: 0;}

#thumbs {width: 67.5em; text-align: left; margin: 3.8em auto 0 auto; padding: 0 4.6em 0 0;}

#footer {clear: both; width: 63em; text-align: left; margin: 0 auto 5em auto; padding: 1.6em 0; border-top: 1px dotted #DDD;}


/* 
---------------------------------------------------------------------------------------
TYPOGRAPHY
---------------------------------------------------------------------------------------*/

body {font: x-small Lucida Grande, Lucida Sans Unicode, Lucida, sans-serif; line-height: 1.8em;}

p {margin: 0 0 1em 0; padding: 0;}

h1, h2, h3, h4 {
	font: 1.2em Lucida Grande, Lucida Sans Unicode, Lucida, sans-serif;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 1px; 
	color: #666; 
	background: none;
}

a, a:link, a:visited, a:active, a:hover
{text-decoration: none; color: #999; background: none;}

a:active, a:hover {color: #222; background: none;}

ul {list-style: none;}


/* 
---------------------------------------------------------------------------------------
BASIC IMAGE/MEDIA STYLES
---------------------------------------------------------------------------------------*/

img {border: none;}

object {margin: 0 auto;}


/* 
---------------------------------------------------------------------------------------
LOGO STYLES
---------------------------------------------------------------------------------------*/

#logo h1 {line-height: 1.35em;}

#logo h1 a, #logo h1 a:link, #logo h1 a:visited,
#logo h1 a:active, #logo h1 a:hover {
	text-decoration: none; 
	color: #444;
	background: none;  
}

#logo h1 a:active, #logo h1 a:hover
{text-decoration: none; color: #999; background: none;}


/* 
---------------------------------------------------------------------------------------
TOP NAVIGATION STYLES
---------------------------------------------------------------------------------------*/

#topnav ul {float: left; padding: 0;}

#topnav li {float: left; padding: 0 0 0 2.5em;}

#topnav li a, #topnav li a:link, #topnav li a:visited,
#topnav li a:active, #topnav li a:hover {
	font: 1.2em Lucida Grande, Lucida Sans Unicode, Lucida, sans-serif;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 1px;
	text-decoration: none;
	color: #999;
	background: none;
}

#topnav li a:active, #topnav li a:hover
{text-decoration: none; color: #444; border: 0;}

.works #topnav #works a,
.exhibits #topnav #exhibits a,
.about #topnav #about a,
.statements #topnav #statements a,
.contact #topnav #contact a,
.links #topnav #links a
{text-decoration: none; color: #444;  border: 0;}


/* 
---------------------------------------------------------------------------------------
CONTENT STYLES
---------------------------------------------------------------------------------------*/
#content h2 {margin: 0 0 .7em 0;}
#content h3 {margin: 2em 0 .7em 0;}

.full {width: 63em; margin: 0; padding: 0;}
.half {width: 30em; margin: 0; padding: 0;}
.left {float: left;}
.right {float: right;}

.half p, .full p {margin: 0 0 2.6em 0;}

.tothumbs {width: 30em; margin: 0 0 2.6em 0; padding: 0;}


/* 
---------------------------------------------------------------------------------------
THUMBNAIL LAYOUT/STYLES
---------------------------------------------------------------------------------------*/

.lgthumb {float: left; width: 180px; margin: 0 0 4em 4.5em;}

.lgthumb p {
	font: 94%/1.4em Lucida Grande, Lucida Sans Unicode, Lucida, sans-serif ;
	text-align: center;
	margin: 0; 
	padding: 4px 0 6px 0;
	color: #666;
	background: none;
	border-bottom: 1px dotted #DDD;
}

.lgthumb a img, .lgthumb a:link img, .lgthumb a:visited img,
.lgthumb a:active img, .lgthumb a:hover img
{display: block; border: 1px solid #FFF;}

.lgthumb a:active img, .lgthumb a:hover img
{border: 1px solid #333;}

.lgthumb span.title {text-transform: uppercase;}


/* 
---------------------------------------------------------------------------------------
FOOTER/VALIDATION/COPYRIGHT STYLES
---------------------------------------------------------------------------------------*/

#footer p {color: #777; background: none;}