form#search
{
	float:  right;
	padding: 0 0 20px 0;
	margin:  0;
	height: 3em;
	background:  none;
	border:  none;
	width:  600px;
	
}
form#search fieldset
{
	padding: 0;
	margin: 0;
	float:  right;
	text-align:  right;
}
form#search label
{
	font-size:  1.4em;
	float:  left;
	text-align:  left;
	margin-right:  0;
}
form#search input#search-market
{
	margin-right:  10px;
	font-size:  1.4em;
	width:  380px;
	
}

div.no-results { margin: 0 0 0 1em; padding: 0; width: 80%; }
div.no-results form * { margin: 0; padding: 0; }
div.no-results form { margin: 0; padding: 0; background: none; }
div.no-results ol { list-style: decimal;}


div.search-results { position: relative; min-height: 50em; /*border: 1px solid #c00;*/ }
div.search-results h2 { padding: 1em .5em 1em .5em; font-size: 1.1em; font-weight: bold; font-style: italic; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; }

div.people { float: left; width: 100%; /*border: 1px solid #000;*/ }
div.people ul.grid { margin: 0 0 0 4px; padding: 0; float: left; clear: left; width: 100%; }
div.people ul.grid li * { font-size: 1em; }
div.people ul.grid li { margin: 0 7px 0 0; width: 209px; float: left; list-style: none; border: 1px solid #efefef; }
div.people ul.grid li h3 { margin: 27px 0 0 0; }
div.people ul.grid li p { margin: 0; }
div.people ul.grid li img { margin: 10px; float: left; border: 1px solid #000; /*width: 60px; height: 60px;*/ }

div.works { float: left; width: 100%; min-height: 300px; /*border: 1px solid #fc0;*/ }
div.works h2 { position: relative; }
div.works h2 ul.filter { position: absolute; top: 9px; right: 1em; margin: 0; padding: 0; float: right; text-align: right; max-width: 65%; }
div.works ul.filter li          { line-height:1; font-size:11px; padding:0; margin:0; font-weight: normal; display:inline; list-style:none; list-style-type:none; }
div.works ul.filter li a        { padding: 2px 0 4px 4px; margin: 0; display:inline; background:url("/images/filter_left.gif") no-repeat 0% 50%; color:#333; text-decoration:none; position:relative; }
div.works ul.filter li a span   { padding: 2px 7px 4px 0; margin-left:3px; background:url("/images/filter_right.gif") no-repeat right 50%; font-style: normal; }
div.works h2 ul.filter li.current a, div.works h2 ul.filter li a:hover { background-image:url("/images/filter_left_on.gif"); color:#fff; }
div.works h2 ul.filter li.current a span, div.works h2 ul.filter li a:hover span { background-image:url("/images/filter_right_on.gif"); }



div.works ul.grid { margin: 0; padding: 0; float: left; clear: left; width: 100%; }

div.works ul.grid li * { margin: 0; padding: 0; text-align: center; font-size: .9em; position: relative; z-index: 1; }
div.works ul.grid li { position: inherit; padding: 0; margin: 0 0 7px 6px; width: 209px; height: 209px; float: left; list-style: none; border: 1px solid #e4e4e4; }
div.works ul.grid li span.wrapper { margin: 0; padding: 0; width: 135px; display: block; height: 135px; z-index: 100; }
div.works ul.grid li div.description { padding-bottom: 1em; position: absolute; left: -1000em; line-height: 1000em; overflow: hidden; float: left; z-index: 1000; }
div.works ul.grid li div.description.hover { width: 285px !important; height: 146px!important; padding-top: 20px; padding-bottom: 20px; text-indent: 0; line-height: 20px; margin: 100px 0 0 130px; background: url('/images/bg_work_tooltip.gif') no-repeat; z-index: 1000;}
div.works ul.grid li div.description p { text-align: left; margin: .75em; width: 250px; height: 10.3em; overflow: hidden; }
div.works ul.grid li.alternate-tooltip-style div.description.hover { margin: 100px 0 0 -170px; background: url('/images/bg_work_tooltip_alt.gif') no-repeat;}
div.works ul.grid li h3 { width: 209px; }
div.works ul.grid li h3 a.title-clip { padding-bottom: .25em; width: 207px; height: 1.05em; font-size: 1.1em; overflow: hidden; display: block; float: left; }
div.works ul.grid li div.work-content { width: 209px; height: 209px; margin: 0; padding: 0; text-align: center; border: 1px solid #efefef; }
div.works ul.grid li div.work-content p { font-size: 1.05em; width: 209px; }

div.works ul.grid li.written-work span.wrapper { height: 135px; }
div.works ul.grid li.written-work h3 { margin: 160px 0 0 0; line-height: 1.3em; font-size: 1em; }
div.works ul.grid li.written-work p.excerpt { position: absolute; top: 18px; left: 0; font-family: Georgia, Times, serif; font-size: 1.4em; margin: 0 0 0 17px; display: block; width: 175px; height: 130px; overflow: hidden; }
div.works ul.grid li.written-work p.excerpt span.wrapper { width: 175px; /**/ }
div.works ul.grid li.written-work div.description p { font-size: 1.15em; }
div.works ul.grid li.visual-work h3 { margin: 155px 0 0 0; padding: 0; line-height: 1.3em; font-size: 1em; }
div.works ul.grid li.visual-work div.description p { font-size: 1.15em; }
div.works ul.grid li.visual-work span { position: absolute; top: 12px; left: 0; margin: 0 0 7px 36px; display: block; /**/ }
div.works ul.grid li.visual-work img { border: 1px solid #999999; /**/ }


/* pagination was 'ere, now it's in application.css */

div.info { display: none; z-index: 1;}
div.info h2 { margin: 5px 0; padding: 0; border: none; font-style: normal; }

div.three-up div.people, div.three-up div.works { width: 670px!important; }


div.three-up div.info { position: absolute; top: 60px; left: 700px; width: 180px; display: block;}
div.three-up div.info p.hero { font-weight: bold; font-size: 1.1em; color: #c3002c; }
div.three-up div.info h3 { margin: 1.5em 0 0.5em 0; padding: 0; font-weight: bold; font-size: 1.1em; }
div.three-up div.info p { margin: 0; padding: 0; font-size: 1em; }
div.three-up div.info ul { font-size: 1em; margin-top:0; padding-top:0;}


