/* hope ginsburg site styles */
/* @group RESET RESET */
/* http://meyerweb.com/eric/tools/css/reset/ -- v1.0 | 20080212 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
/* remember to define focus styles! */
/*:focus { outline: 0; }*/
/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* @end */
/* @group BASIC HTML SETUP */
body {
	background: #fff;
	font: 13px/1.3 courier, georgia, serif;
	color: #333;
}
div { overflow: hidden; }
input, textarea {
	color: #666;
	margin: 3px;
	line-height: 1.3;
}
input {
	line-height: 1;
}
hr {
	display: none;
	border: 0 #ccc solid;
	border-top-width: 1px;
	clear: both;
	height: 0;
}
h1, h2, h3, h4, h5, h6 {
	/*text-transform: uppercase;*/
	font-family: 'Courier New', courier, georgia, serif;
	line-height: 1.3;
	font-weight: bold;
	margin-top: .6em;
	margin-bottom: .6em;
}
h1 { font-size: 22px; }
h2 { font-size: 18px; }
h3 { font-size: 16px; }
h4 { font-size: 15px; }
h5 { font-size: 14px; }
h6 { font-size: 12px; }
ol { list-style: decimal; }
ul { list-style: none; }
li { margin-left: 20px; }
p,
dl, dt, dd,
ol, ul, li,
pre,
table,
address,
fieldset {
	margin-top: 1em;
	margin-bottom: 1em;
}
blockquote {
	margin-left: 30px;
	margin-right: 30px;
}
code { font-family: Consolas, Monaco, Courier, Monospace; }
strong { font-weight: bold; }
em { font-style: italic; }
cite { font-style: italic; }
ins {
	text-decoration: underline;
	border-bottom: 1px dashed #808080;
}
del { text-decoration: line-through; }
a, a:link {
	text-decoration: underline;
	font-weight: bold;
	color: #351F84;
}
a:visited {
	color: #5A3A2E;
}
a:hover {
	font-weight: bold;
	color: #D70002;
}
a:active {
	color: #24B383;
}
object {
	margin: 0 auto;
}
/* @end */

.wrap {
	width: 720px;
	margin: 0 auto;
}
.wrap-nav {
	background: url("../img/top_bg.php") scroll no-repeat 0 0;
}
.wrap-nav-tall {
	padding: 275px 0 0 0;
}
.wrap-nav-short {
	padding: 40px 0 0 0;
}
.wrap-content {
	margin-bottom: 40px;
}
.wrap-projects {
	margin-top: 20px;
}

/* @group Navs */

.navbar {
	list-style: none;
	height: 35px;
	margin: 0;
	overflow: hidden;
}
.navbar li {
	display: inline;
	float: left;
	margin: 0 15px 0 0;
}
.navbar li h3, .navbar li h2 {
	float: left;
	font-size: 22px;
	margin: 0;
}
.navbar li h3 a, .navbar li h2 a { 
	float: left;
	background: #fff;
	padding: 5px 25px 20px 7px;
	text-decoration: none;
	font-weight: normal;
}
.navbar li h3 a:hover, .navbar li h2 a:hover { 
	background: #000;
	color: #fff;
}
.navbar li#nav-hope h3 a { 
	background: #000;
	color: #fff;
	font-weight: bold;
}
.navbar li#nav-hope h3 a:hover { 
	font-weight: normal;
}
.navbar li.selected h3 a, .navbar li.selected h2 a { 
	font-weight: bold;
	color: #f97f2f;
}
.navbar li.selected h3 a:hover, .navbar li.selected h2 a:hover { 
	font-weight: normal;
	background: #fff;
	color: #5A3A2E;
}

.nav-projects, .nav-projects ul {
	list-style: none;
	margin: 0;
}
.nav-projects li, .nav-projects h2, .nav-projects h3, .nav-projects h4 {
	margin: 0;
}
.nav-projects  a { 
	text-decoration: none;
	font-weight: normal;
}
.nav-projects #nav-sponge {
	display: inline;
	width: 360px;
	float: left;
}
.nav-projects #nav-sponge h2 {
	width: 345px;
	margin-right: 15px;
	margin-bottom: 20px;
	border-bottom: 1px solid #0073e5;
}
.nav-projects #nav-sponge h3 {
	margin-right: 15px;
	margin-bottom: 10px;
	border-bottom: 1px solid #0073e5;
}
.nav-projects #nav-sponge-hq {
	display: block;
	width: 360px;
	float: left;
	margin-bottom: 15px;
}
.nav-projects #nav-sponge-events, .nav-projects #nav-sponge-felt {
	display: inline;
	width: 180px;
	float: left;
	margin-bottom: 30px;
}

.nav-about { color: #454041; }
.nav-contact { color: #4c474c; }
.nav-projects { color: #5d4844; }

#nav-beard a, h1#beard { color: #db6008; }
#nav-designtex a, h1#designtex { color: #4652a0; }
#nav-felt a, h1#felt { color: #5a3a2e; }
#nav-qvc a, h1#qvc { color: #351f84; }
#nav-giant a, h1#giant { color: #2f771e; }
#nav-novelty a, h1#novelty { color: #d70002; }
#nav-farm a, h1#farm { color: #5e801a; }
#nav-surgical a, h1#surgical { color: #24b383; }
#nav-dare a, h1#dare { color: #f10064; }
#nav-sponge a, h1#sponge { color: #362ffd; }
#nav-sponge-hq a, h1#sponge-hq { color: #0073e5; }
#nav-sponge-events a, h1#sponge-events { color: #54bae5; }
#nav-colablablab a, h1#colablablab { color: #81a6fd; }
#nav-center a, h1#center { color: #4c9bcc; }
#nav-spongespace a, h1#spongespace { color: #3ac5fd; }
#nav-feltmaking a, h1#feltmaking { color: #627cb2; }
#nav-water a, h1#water { color: #3acafe; }
#nav-meta a, h1#meta { color: #275ebd; }
#nav-cpw a, h1#cpw { color: #77c6fe; }
#nav-iap a, h1#iap { color: #389cfd; }
#nav-sponge-felt a, h1#sponge-felt { color: #4965c2; }
#nav-makers a, h1#makers { color: #7d8fb1; }
#nav-incident a, h1#incident { color: #4e6dfd; }
#nav-minute a, h1#minute { color: #72bcca; }

#nav-beard a:hover { color: #ffffff; background-color: #db6008; }
#nav-designtex a:hover { color: #ffffff; background-color: #4652a0; }
#nav-felt a:hover { color: #ffffff; background-color: #5a3a2e; }
#nav-qvc a:hover { color: #ffffff; background-color: #351f84; }
#nav-giant a:hover { color: #ffffff; background-color: #2f771e; }
#nav-novelty a:hover { color: #ffffff; background-color: #d70002; }
#nav-farm a:hover { color: #ffffff; background-color: #5e801a; }
#nav-surgical a:hover { color: #ffffff; background-color: #24b383; }
#nav-dare a:hover { color: #ffffff; background-color: #f10064; }
#nav-sponge a:hover { color: #ffffff; background-color: #362ffd; }
#nav-sponge-hq a:hover { color: #ffffff; background-color: #0073e5; }
#nav-sponge-events a:hover { color: #ffffff; background-color: #54bae5; }
#nav-colablablab a:hover { color: #ffffff; background-color: #81a6fd; }
#nav-center a:hover { color: #ffffff; background-color: #4c9bcc; }
#nav-spongespace a:hover { color: #ffffff; background-color: #3ac5fd; }
#nav-feltmaking a:hover { color: #ffffff; background-color: #627cb2; }
#nav-water a:hover { color: #ffffff; background-color: #3acafe; }
#nav-meta a:hover { color: #ffffff; background-color: #275ebd; }
#nav-cpw a:hover { color: #ffffff; background-color: #77c6fe; }
#nav-iap a:hover { color: #ffffff; background-color: #389cfd; }
#nav-sponge-felt a:hover { color: #ffffff; background-color: #4965c2; }
#nav-makers a:hover { color: #ffffff; background-color: #7d8fb1; }
#nav-incident a:hover { color: #ffffff; background-color: #4e6dfd; }
#nav-minute a:hover { color: #ffffff; background-color: #72bcca; }

h1 .prj-date {
	font-weight: normal;
	font-size: 14px;
}
/* @end */

#top_wrap {
	width: 900px; height: 310px;
	margin: 0 auto;
}
#nav_wrap {
	width: 900px; height: 30px;
	margin: 0 auto;
}
#content_wrap {
	background: #fcc;
	clear: both;
	width: 900px;
	margin: 0 auto;
}
#wrapper2 {
	padding: 0 0 30px 0;
}
#wrap_half_left {
	float: left;
	width: 350px;
	padding: 0;
	margin: 0 10px 0 0;
	border: 0;
}
#wrap_half_right {
	float: right;
	width: 350px;
	padding: 0;
	margin: 0 0 0 10px;
	border: 0;
}
#wrap_events {
	float: left;
	width: 170px;
	margin: 0;
	padding: 0;
	border: 0;
}
#wrap_felt {
	float: right;
	width: 170px;
	margin: 0;
	padding: 0;
	border: 0;
}

.title_head2 { 
	display: inline;
	float: left;
	margin: 0 15px 30px 0;
}
#wrap_half_left .title_head, #wrap_half_right .title_head { 
	display: block;
	float: none;
	clear: both;
	margin: 0;
}
#th_dare, #th_sponge { 
	padding: 20px 0 0 0;
}
#th_sponge, #th_events, #th_sponge_felt { 
	border-bottom: 1px solid #92b6da;
}
#th_events, #th_sponge_felt, #th_center_sponge, #th_makers_market { 
	padding-top: 10px;
}
.cleared { 
	display: block;
	float: none;
	clear: both;
	margin: 0;
	padding 15px 0 0 0;
}
#wrap_half_left .indent { 
	margin-left: 10px;
}
.info_images  { 
	display: inline;
	float: left;
	position: relative;
	z-index: 1;
 	height: 420px;
 	width: 720px;
	margin: 0;
	padding: 0;
	border: 0;
 }
.info_images_image  { 
	position: absolute;
 }

/* lists */
.years ul {
	margin: 0 0 28px 120px;
	list-style: none;
}
.no_years ul {
	margin: 0 0 28px 0;
	list-style: none;
}
.years li, .no_years li {
	margin: 0 0 10px 0;
}
.years, .no_years {
	margin: 10px 0 0 0;
}
span.year {
	margin: 0;
	display: inline;
	float: left;
}
.indent {
	margin-left: 30px;
	margin-right: 30px;
}
ul.prj-indent {
	margin-left: 10px;
}
ul.prj-indent h4 {
	font-size: 14px;
}
/* end lists */
#press {
	margin-top: 1em;
}
.orderform {
	background-color: #f3f9fe;
	display: none;
	width: 720px;
	padding: 12px 0 12px 0;
	border-top: 2px #08F solid;
	border-bottom: 2px #08F solid;
}
.orderform p.hide {
	margin: 12px 0 0 12px;
}
.orderform p.first {
	margin: 0 0 12px 12px;
}
form {
	float: left;
	width: 360px;
	text-align: left;
	margin-top: 20px;
}
form table {
  float: left;
  width: 360px;
  text-align: left;
}