/*----------------------------------------------------------------------------------------*/
										/* BODY AND SITEWIDE */

* {
  	margin: 0;
  	padding: 0; }		

body {
	color: #EADFD5;
	background: #514942 url(background.jpg) 0 170px no-repeat fixed;
	font: .7em/1.22em Verdana, Arial, Helvetica, sans-serif; }
	
h1 {
	font: 1.7em Verdana, Arial, Helvetica, sans-serif;
	color: #EADFD5;
	padding-bottom: 1em; }
	
h2 {
	font: 1.3em Verdana, Arial, Helvetica, sans-serif;
	color: #EADFD5;
	padding-bottom: .8em; }
	
.cite {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: italic; }	
	
#branding {
	position: fixed;
	top: 184px;
	left: 11px;
	height: 25px;
	text-indent: -9999px;
	background: url(backgroundtitles/arw_works_TOP.jpg) no-repeat;
	width: 100%;			/* background image was stopping at end of text even w/ overflow: visible */
	overflow: hidden;
	z-index: 50; }			/* backtitle_top above scroll_stop (=40) */	

#backtitle_BOT {
	position: fixed;
	top: 209px;
	left: 0;
	height: 18px;
	background: url(backgroundtitles/arw_works_BOT.jpg) 11px 0 no-repeat;
	width: 100%;
	text-indent: -9999px;
	z-index: -10;}

	
#body_works #branding, 		/* section background titles */
#body_ttm #branding,
#body_floatingtree #branding,
#body_birds #branding,
#body_forest #branding,
#body_ftm #branding,
#body_grt #branding,
#body_skelli #branding,
#body_early #branding,
#body_cave #branding,
#body_landscape #branding,
#body_urge #branding,
#body_arch #branding,
#body_growth #branding {
	background: url(backgroundtitles/arw_works_TOP.jpg) no-repeat; }
#body_works #backtitle_BOT,
#body_ttm #backtitle_BOT,
#body_floatingtree #backtitle_BOT,
#body_birds #backtitle_BOT,
#body_forest #backtitle_BOT,
#body_ftm #backtitle_BOT,
#body_grt #backtitle_BOT,
#body_skelli #backtitle_BOT,
#body_early #backtitle_BOT,
#body_cave #backtitle_BOT,
#body_landscape #backtitle_BOT,
#body_urge #backtitle_BOT,
#body_arch #backtitle_BOT,
#body_growth #backtitle_BOT {
	background: url(backgroundtitles/arw_works_BOT.jpg) 11px 0 no-repeat; }	
		
#body_directions #branding,
#body_inflatables #branding,
#body_public_sculpture #branding,
#body_workshops #branding {
	background: url(backgroundtitles/directions_TOP.jpg) no-repeat;	}
#body_directions #backtitle_BOT,
#body_inflatables #backtitle_BOT,
#body_public_sculpture #backtitle_BOT,
#body_workshops #backtitle_BOT {
	background: url(backgroundtitles/directions_BOT.jpg) 11px 0 no-repeat;	}	

#body_about #branding,
#body_blog #branding,
#body_chico #branding,
#body_crew #branding,
#body_sponsors #branding,
#body_biblio #branding {
	background: url(backgroundtitles/about_TOP.jpg) no-repeat; }
#body_about #backtitle_BOT,
#body_blog #backtitle_BOT,
#body_chico #backtitle_BOT,
#body_crew #backtitle_BOT,
#body_sponsors #backtitle_BOT,
#body_biblio #backtitle_BOT  {
	background: url(backgroundtitles/about_BOT.jpg) 11px 0 no-repeat; }	
	
#body_inquiries #branding,
#body_contact #branding,
#body_work_w_us #branding {
	background: url(backgroundtitles/inquiries_TOP.jpg) no-repeat; }
#body_inquiries #backtitle_BOT,
#body_contact #backtitle_BOT,
#body_work_w_us #backtitle_BOT {
	background: url(backgroundtitles/inquiries_BOT.jpg) 11px 0 no-repeat; }
	
#body_notfound #branding {
	background: url(../sitewide/backgroundtitles/notfound_TOP.gif) no-repeat; }
#body_notfound #backtitle_BOT {
	background: url(../sitewide/backgroundtitles/notfound_BOT.gif) 11px 0 no-repeat; }		
			
										
#copyright_high {
	position: fixed;
	top: 505px;
	left: 61px;
	font: italic 1em Verdana, Arial, Helvetica, sans-serif;
	color: #C1B3A7; }
	
#copyright_foot {			 /* when placed between divs this works but only spans content area not whole page */
	position: absolute;
	bottom: 0;	
	width: 760px;
	margin-left: -61px;
	padding: 1em 0 1em 61px;
	background: #2D2824;
	font: italic 1em Verdana, Arial, Helvetica, sans-serif;
	color: #8F8176; }
	
		
	
/*----------------------------------------------------------------------------------------*/
										/* MAIN NAVIGATION */
#main_nav {
	position: fixed;
	padding: 91px 0 36px 14px;
	min-width: 1200px;
	background: url(scroll_stop.jpg) no-repeat;
	z-index: 40; }							

.floatleft_nav {
	float: left;
	margin-right: 22px; }

#works_sub {
	margin-top: -3.66em;			
	margin-left: 4.32em; }

#directions {
	margin-top: -1.26em;
	margin-left: -1.2em; }

#directions_sub {
	margin-top: -3.66em;
	margin-left: 7.3em; }

#about_head {
	margin-left: -.3em; }

#about_sub{
	margin-top: -1.19em;
	margin-left: 4.1em; }	

#inquiries_head {
	margin-left: .8em; }	

#inquiries_sub{
	margin-top: -1.18em;
	margin-left: 7.5em; }

.nav_level1 a {
	color: #C1B3A7;
	font-weight: bold; }
	
li.nav_level1off {
	color: #C1B3A7;
	font-weight: bold; }	

.nav_level2 li {
	border-left: solid 1px #8F8176;
	padding-left: 5px; }

.nav_level2 a {
	color: #C1B3A7;
	font-weight: normal; }	

li {
	list-style-type: none; }  

a {
 	color: #B4C4C8;
	font-weight: bold;
	text-decoration: none; }

a:visited {
  	color: #8C969F; }

a:hover {
  	color: #fff; }
	
#body_works a#nav_works,	/* must use this syntax on level_1 nav elements to keep IE from passing color to all sub-items */
  #body_ttm #nav_ttm a,
  #body_floatingtree #nav_floatingtree a,
  #body_birds #nav_birds a,
  #body_forest #nav_forest a,
  #body_ftm #nav_ftm a,
  #body_grt #nav_grt a,
  #body_skelli #nav_early a,
  #body_early #nav_early a,
  #body_cave #nav_early a,
  #body_landscape #nav_early a,
  #body_arch #nav_arch a,
  #body_growth #nav_growth a,
  #body_urge #nav_early a,
/*#body_directions a#nav_directions,		 vertical project list page + text */
  #body_inflatables #nav_inflatables a,
  #body_public_sculpture #nav_public_sculpture a,
  #body_workshops #nav_workshops a,
/*#body_about a#nav_about, */
  #body_blog #nav_blog a,
  #body_chico #nav_about a,
  #body_crew #nav_about a,					/* about and crew moved under same nav item */
  #body_sponsors #nav_sponsors a,
  #body_biblio #nav_biblio a,
/*#body_inquiries a#nav_inquiries, */
  #body_contact #nav_contact a,
  #body_work_w_us #nav_work_w_us a, 

body.body_nar .nav_nar a,
body.body_inst .nav_inst a,
body.body_fab .nav_fab a,
body.body_vid .nav_vid a,					/* to be phased out */
body.body_cred .nav_cred a,
body.body_cur .nav_cur a, 
body.body_disp .nav_disp a 
body.body_stat .nav_stat a {				/* to be implemented */
	color: #FFF !important;}

/*----------------------------------------------------------------------------------------*/
								/* HORIZONTAL PROJECTS AREA */
								
#projects_wrapper {
	clear: left;
	padding-top: 178px;
	padding-left: 61px;
	width: 5725px; }			/* 96 + 433(# of projects) = width */			
								/* keeps projects list from wrapping down BUT would be nice if autosized width dep. on content */

.floatleft {
	float: left; }	

.project {
	position: relative;
	width: 433px;				/* includes gutter */
	z-index: 20; }				/* back-title = 10 */			

.sidenav {
	position: absolute;
	margin-top: -110px;
	margin-left: 333px;
	z-index: 10; }

.sidenav a {
	text-decoration: none;
	color: #B4C4C8;
	font: bold 1em/1.5em Verdana, Arial, Helvetica, sans-serif; }

.sidenav a:visited {
  	color: #7F8C94; }
	
.sidenav a:hover {
  	color: #fff; }
	
.jog {
	margin-top: -132px; }	
	
.title {
    height: 22px;
	background-position: 2px -2px;
	background-repeat: no-repeat;
	text-indent: -99999px;
	overflow: hidden; }
	

/*----------------------------------------------------------------------------------------*/
										/* TEXT AREA */														
.clearleft {
	clear: left; }

#content_wrapper {						 /* to contain floated images w/o imposing text margins*/ 
	position: absolute;						
	top: 207px;
	left: 61px;
	width: 850px;
	padding-bottom: 75px;
	z-index: 30 !important; }

#text_area {
	font-size: 1.15em;
	line-height: 1.75em;
	margin: -1px 107px 0 433px; }
	
#text_area p {			
/*	width: 290px;						CANNOT DO THIS AND HAVE IE WRAP FLOATS PROPERLY */
	margin-bottom: 2em; }				/* use margins on containing div instead */
	
#text_area ul {
	margin-bottom: 3em; }
	
#text_area ul.bullets li,
#projects_wrapper ul.bullets li {		/*  for workshops area & 404 */
	list-style: disc inside;
	}							

#text_area a {
 	text-decoration: none;
	font-weight: bold;					/* links in the main body text */
	color: #B4C4C8; }

#text_area a:visited {
  	color: #7F8C94; }

#text_area a:hover {
  	color: #fff; }

.image {
	border: 2px solid #2D2824;
	margin: 31px 10px 3px 0; }			/* keep margin-right minimal so projects aren't affected */
	
.video {								/* THIS IS NEW TO MODIFY .image FOR VIDEO REPLACEMENTS takes in _entire_ div */
	border: none;
	margin-top: 31px; }
	
#vidtopmargin {							/* sidenav & title jog to correct if flash vid placement */	
	margin-top: 3px; }

.image_link {							/* in case ever want a main image even larger */
	border: 2px solid #B4C4C8;
	margin: 31px 10px 3px 0; }			/* keep margin-right minimal so projects aren't affected */
	
.caption {								/* width property here DOES NOT break IE wrap fix */
	width: 320px;
	margin-bottom: 1.5em; }
	
.caption_wide {
	width: 544px;
	margin-bottom: 1.5em; }
	
.photo_credit {
	font-style: italic;
	color: #8F8176;
	}			
	
#thumbnails {
	float: right;
	padding-top: 85px;					/* for 2 line h1, may want to reconsider EG TTM NAR */
	padding-right: 10px; }

#thumbnails img {
	display: block;
	margin-bottom: 29px;
	border: 2px solid #B4C4C8; }	
	
#thumbnails a:visited img {
	border: 2px solid #7F8C94; }
	
#thumbnails a:hover img {
	border: 2px solid #EADFD5; }	
	
#repeat_sidenav li {
	font: bold 0.85em Verdana, Arial, Helvetica, sans-serif;
	display: inline;
	padding-right: 12px; }
	
.all_crew {
	color: #8F8176; }
		
.recent_crew {
	color: #fff; }
	
.notfound_head {
	font: bold 14px Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	margin-top: 48px;
	margin-bottom: 2em; }	
	
.notfound_text {
	font: 13px Verdana, Arial, Helvetica, sans-serif;
	color: #fff; }
	
img#print_brand {
	display: none; }