@charset "UTF-8";
/* CSS Document containing rules for all browsers
   Layout markup by Jason Hogue and original concept design by James Re at Highchair designhaus */

html, body, table, address, form, fieldset, input { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6, p, pre, td, hr, blockquote, ul, ol, dl, dd, dt, li, address { margin: 0; padding: 0; }
input, select, textarea { font-size: 100%; }

body, td, input, select, textarea { font-family: "Lucida Grande", LucidaGrande, Helvetica, Arial, sans-serif; font-weight: normal; }
body {
	background-position: top center;
	background-repeat: no-repeat;
	background-color: #fff; 
	color: #000;
	text-align: left; 
	font-size: 100%; 
}
img, img a, a img { border: none; }
a { text-decoration: none; }

.clear {
	clear: both
}
#warch {
	width: 1000px; 
	margin: 0 auto; 
}
#header { height: 123px; }
	#header h2 { position: relative; left: -9999em; }
	#header img { width: 160px; height: 66px; margin: 35px 0 0 90px; /* border: 1px solid #c00; temp */ }
#main { }

#homeblackline { width: 710px; }
#projectblackline { width: 900px; }
#projecthomeblackline { width: 896px; }
#homeblackline, #projecthomeblackline, #projectblackline {
	height: 3px;
	background-color: #000;
	font-size: 3px; /* For IE 5.5 */
}
	#homelogo { 
		float: right; 
		width: 320px; 
		height: 45px; 
		background: top left repeat url("../cssimages/white85percent.png") transparent;
		margin: 54px 290px 0 0; 
	}

#navwrap, #subnav, #newssubnav, #consubnav {
	float: left;
	color: #000; 
	font-size: 12px; 
	line-height: 20px; 
}
#navwrap { width: 90px; }
#newssubnav, #consubnav {
	width: 268px;
}
#subnav { 
	width: 311px; 
	height:600px;
	background: url("../cssimages/draft-grid-headers.gif") ;
	padding-right:9px;
}

#studio_template #subnav {
	background:none}
.projects {
background:none !important;
}
	#subnav b, #newssubnav b {
		display: inline;
		padding-top: 4px;
		text-transform: lowercase;
		font: bold 1.1em/1.2em Arial, sans-serif; 
		color: #07b;
	}
	#subnav ul, #newssubnav ul {
		padding-bottom: 8px;
		list-style-type: none;
	}
	#subnav ul a span {
		text-align: center;
		display:block;
		float:right;
		width:18px;
		COLOR:#7a7a7a;
		position:relative;
		top:0;
		}
	#subnav ul a:hover span {
		color:#07b;
		font: bold;
	}
	.projects ul a span {
		visibility:hidden;
	}
	#navwrap a, #subnav a, #newssubnav a {
		display: block;
		color: #000;
		background-color: transparent;
	}
	#navwrap a:hover, #subnav a:hover, #newssubnav a:hover { color: #07b; background-color: transparent; }
	#navwrap a.select, #subnav a.select, #newssubnav a.select { color: #07b; background-color: transparent; }
	#navwrap a:.selecthover, #subnav a.select:hover, #newssubnav a.select:hover { color: #000; background-color: transparent; }
	#newssubnav { 
		padding: 5px 0 0 0; 
		font-size: 12px; 
	}
		#newssubnav .year { font-weight: bold; color: #c00; }
		#newssubnav a { 
			padding: 0 0 1px 0; 
			margin-bottom: 1px; 
			border-bottom: 1px dotted #07b;
		}
		#newssubnav hr { 
			font-size: 1px; 
			line-height: 1px; 
			height: 1px; 
			color: #fff; 
			background-color: #fff; 
			border-bottom: 1px dotted #07b; 
		}
		#newssubnav a.bluebox  { 
			display: inline; 
			/* background-color: #37b;  */
			/* color: #fff; */
			color: #07b; 
			font-weight: bold; 
			padding: 3px 0; 
			border: none; 
		}
			#newssubnav a.bluebox :hover { 
				color: #c00; 
			}
		/* Soon these two styles can be discontinued */
		#columnwrap a.bottombutton  { 
			display: inline; 
			background-color: #37b; 
			color: #fff;
			padding: .3em; 
			margin: 0 1em 0 0; 
			border: none; 
		}
			#columnwrap a.bottombutton:hover { 
				color: #000; 
				border: none; 
			}

#project_left { 
	width: 435px;
	float: left;
	margin: 0 0 0 -457px; 
}
	#project_left .leftcontainer {
		margin: 180px 0 0 0; 
		padding: 0 0 20px 0;
		text-align: right;
	}
	#quoteofpraise {
		font: normal 0.75em/1.8em "Lucida Grande", LucidaGrande, Helvetica, Arial, sans-serif;
		color: #666;
		margin: 400px 20px 0 140px; /* We need to keep moving this away from the subnav... */
		padding: 5px 0;
		border-width: 1px 0;
		border-style: solid; 
		border-color: #07b; 
		text-align: justify; 
	}

#extrawrapperforstupidIE {
	margin: 0 130px 0 0; 
}
#project_right {
	float: right;
	width: 460px; 
}
	div.clear { clear: both; width: 460px; }
	#mainimage { width: 460px; }
	#underimage { min-height: 28px; padding-top: 16px; }
	#underimage h1, #columnwrap h1 { 
		float: left; 
		width: 360px;
		padding: 0 0 12px 0; 
		font-size: 1em;
		line-height: .55em; 
		font-weight: bold; 
		letter-spacing: 0px;
	}
	
	#underimage h3 { 
		float: left; 
		width: 460px;
		padding: 0 0 17px 0; 
		font-size: .66em;
		line-height: .55em; 
		font-weight: bold; 
		letter-spacing: 0px;
	}
	#columnwrap h1 {
		width: 100%;
		float: none; 
	}
		#underimage a { 
			float: left; 
			width: 90px;
			height: 15px;
			margin: -3px 0 0 0;
			background: top left no-repeat url("../cssimages/launch-1.png") #fff;
		}
		#underimage a:hover { background-position: top right; }
	#columnwrap {  }
	#columnwrap.white { min-height: 60px; }
	#columnwrap.white, #underimage.white { background-image: url("../cssimages/white85percent.png"); }
		#columnwrap a { color: #000; text-decoration: none; border-bottom: 1px dotted #c00; }
		#columnwrap a:hover { color: #07b; }
			#columnwrap a.blackbox, #underimage h1 a.blackbox { 
				background-color: #222; 
				color: #ccc; 
				border: none; 
				padding: 3px 4px 2px 4px; 
				margin: 0 10px 0 0; 
			}
				#underimage h1 a.blackbox { float: none; width: auto; height: auto; background-image: none; font-size: 12px; font-weight: normal; }
			#columnwrap a.blackbox:hover, #underimage h1 a.blackbox:hover { 
				background-color: #999; 
				color: #222; 
			}
		#columnwrap h2 {
	font-size: .75em;
			line-height: 1.2em;
			font-weight: bold;
			padding: 0 0 0px 0;
		}
			#columnwrap h3 {
			font-size: .75em;
			line-height: 1.2em;
			font-weight: bold;
			padding: 0 0 0px 0;
		}
			#columnwrap h4 {
		font-size: .85em;
			line-height: 1.2em;
			font-weight: bold;
			padding: 0 0 0px 0;
		}
			#columnwrap h5 {
			font-size: .85em;
			line-height: 1.2em;
			font-weight: bold;
			padding: 0 0 0px 0;
		}
		#columnwrap p, #columnwrap dl { 
			padding: 0 0 10px 0; 
			font-size: .75em; 
			line-height: 1.5em; 
		}
		#columnwrap i { font: italic 1.1em Georgia, "Times New Roman", Times, serif; }
		#columnwrap b, #columnwrap dt { font-weight: bold; color: #07b; }
		#columnwrap #awards { color: #888; font-size: .7em; line-height: 1.4em; }
			#awards ul { 
				list-style-type: none; 
				list-style-image: url("../cssimages/square-bullet.png");
				padding-bottom: 10px;
				padding-left: 12px; 
			}
			#awards b { color: #07b; }
		
		#columnwrap .blogentry { clear: left; border-bottom: 1px dotted #c00; padding: 0 0 5px 0; margin: 0 0 15px 0; }
			#columnwrap .blogentry h2 { 
				color: #07b; 
				font: normal 1.2em "Times New Roman", Times, Georgia, serif; 
				padding: 0; 
			}
				#columnwrap .blogentry h2 a { color: #07b; border: none;  }
				#columnwrap .blogentry h2 a:hover { color: #000; }
			#columnwrap .blogentry p.date { color: #888; font-size: 11px; font-weight: bold; }
			#columnwrap .blogentry blockquote { 
				padding: 0 24px 10px 24px; 
				font: normal 1.4em/1.8em "Times New Roman", Times, Georgia, serif;
			}
				#columnwrap .blogentry blockquote:before { content: " " url(../cssimages/lead_quote.jpg); }
				#columnwrap .blogentry blockquote:after { content: " " url(../cssimages/end_quote.jpg); }
				
			#columnwrap .blogentry img { padding: 0 0 12px 0; }
			#columnwrap .blogentry b { color: #444; font-weight: bold; }
	#columnwrap dt {
		padding-top: 5px;
	}	
	#columnwrap dd {
		padding: 0px 0px 0px 10px;
		/*font: normal 1em/1.1em Helvetica, sans-serif;
		letter-spacing: 1px;*/
	}
	
	
/*///// Non-W3-valid styles /////*/
	#navwrap { opacity: 0.8; }
	#subnav { opacity: 0.8; }
	
	/* Fixes the Firefox active links dotted line style  */
	:focus { -moz-outline-style: none; }

/*

XX  XX  XX  XXXXX  XX  XX  XXXXX  XX  XX  XXXXX  XX  XXXXX     XXXX   XXXXX   XXXX  XX  XXXXX  XX  X  XX  XX  XXXXX  XX   X   XXXX
XX  XX  XX  XX     XX  XX  XX     XX  XX  XX  X  XX  XX  X     XX  X  XX     XX     XX  XX     XX  X  XX  XX  XX  X  XX   X  XX   
XXXXXX  XX  XX XX  XXXXXX  XX     XXXXXX  XX  X  XX  XX  X     XX  X  XXXXX   XXX   XX  XX XX  X X X  XXXXXX  XX  X  XX   X   XXX 
XX  XX  XX  XX  X  XX  XX  XX     XX  XX  XXXXX  XX  XXXX      XX  X  XX        XX  XX  XX  X  X  XX  XX  XX  XXXXX  XX   X     XX
XX  XX  XX  XXXXX  XX  XX  XXXXX  XX  XX  XX  X  XX  XX  X     XXXX   XXXXX  XXXX   XX  XXXXX  X  XX  XX  XX  XX  X   XXX    XXXX 

*/