/* 
main font
font-family:Trebuchet MS, sans-serif;
font-size:12px;
color:#ffffff;

copyright
font-family:Trebuchet MS, sans-serif;
font-size:11px;
color:#999999;
*/

* {
margin:0;
padding:0;}

a img {
border:none;}

body {
background:url(images/bg.gif) top center repeat-x #000000;}

body.no_bg {
background:none;}

p {
font-family:Trebuchet MS, sans-serif;
font-size:12px;
color:#ffffff;
margin-bottom:10px;
width:100%;
clear:both;}

table#resume p {
margin-bottom:3px;}

p.copyright {
font-family:Trebuchet MS, sans-serif;
font-size:11px;
color:#999999;
text-align:center;}

p.copyright a {
color:#999999;
font-size:11px;
font-weight:normal;
text-decoration:none;}

p.copyright a:hover {
text-decoration:underline;}

p.kw {
font-size:11px;
color:#999999;
text-align:center;
margin:30px auto;}

a {
font-family:Trebuchet MS, sans-serif;
font-size:12px;
font-weight:bold;
color:#891313;
text-decoration:none;}

a:hover {
text-decoration:underline;}

#sidebar a {
font-family:Trebuchet MS, sans-serif;
font-size:12px;
color:#cccccc;
font-weight:normal;
text-decoration:none;}

/* main nav */
#nav a {
height:20px;
padding-top:8px;
float:left;
display:block;
background:bottom left no-repeat;
letter-spacing:-1000em;}

/* Just for Opera, but hide from MacIE for nav image replacement */
/*\*/html>body #nav a { letter-spacing : normal; text-indent : -999em; overflow : hidden;}

/* image replacement for nav buttons normal state */
#nav a.link_portfolio {
width:70px;
background-image:url(images/nav/nav_portfolio.gif);} 

#nav a.link_galleries {
width:78px;
background-image:url(images/nav/nav_galleries.gif);} 

#nav a.link_calendar {
width:78px;
background-image:url(images/nav/nav_calendar.gif);}

#nav a.link_about {
width:58px;
background-image:url(images/nav/nav_about.gif);} 

#nav a.link_contact {
width:65px;
background-image:url(images/nav/nav_contact.gif);} 

/* hover and selected states */
#portfolio_page #nav a.link_portfolio, #nav a.link_portfolio:hover {
background-image:url(images/nav/nav_over_portfolio.gif);}

#galleries_page #nav a.link_galleries, #nav a.link_galleries:hover {
background-image:url(images/nav/nav_over_galleries.gif);}

#calendar_page #nav a.link_calendar, #nav a.link_calendar:hover {
background-image:url(images/nav/nav_over_calendar.gif);}

#about_page #nav a.link_about, #nav a.link_about:hover {
background-image:url(images/nav/nav_over_about.gif);}

#contact_page #nav a.link_contact, #nav a.link_contact:hover {
background-image:url(images/nav/nav_over_contact.gif);}

/* sub nav hover/rollover */
a.nav_sculpture:hover,
#portfolio_page a.nav_sculpture,
a.nav_functional:hover,
#functional_page a.nav_functional,
a.nav_dimensional:hover,
#dimensional_page a.nav_dimensional,
a.nav_galleries:hover,
#galleries_page a.nav_galleries,
a.nav_calendar:hover, 
#calendar_page a.nav_calendar,
a.nav_about:hover,
#about_page a.nav_about,
a.nav_resume:hover, 
#resume_page a.nav_resume,
a.nav_statement:hover,
#statement_page a.nav_statement,
a.nav_contact:hover,
#contact_page a.nav_contact
 {
background:url(images/nav/nav_bullet.gif) left center no-repeat;
padding-left:11px;}



/*-------------- layout ----------------*/

#wrapper {
width:960px;
height:623px;
margin:0 auto 10px auto;}

#splash {
width:559px;
height:452px;
float:right;
margin:50px 43px 0 0;}

#sidebar {
width:150px;
height:446px;
float:left;
text-align:right;
margin-left:185px;}

#sidebar p {
margin:12px 0 0 0;}

#content {
width:602px;
float:left;
margin:0 0 0 0;}


/* main nav */
#nav {
width:960px;
height:28px;
margin:0 auto;}

#nav ul {
float:left;
height:28px;
list-style:none;}

#nav ul li {
float:left;}






#footer {
width:960px;
margin:0 auto 10px auto;}