@charset "utf-8";
/*
STYLE_LAYOUT.CSS
AUTHOR	- metal@flat.com
DATE	- Summer, 2011
*/
/* ------------------------------------------------------------------------------------------------------- */
/* BODY ATTRIBUTES
/* ------------------------------------------------------------------------------------------------------- */
*::-moz-selection {
	background-color: #dddddd;
}
*::selection {
	background-color: #dddddd;
}
* {
	outline: none;
}
html {
	font-size: 100%;
	overflow-y: scroll !important;
}
body {
	margin: 0;
	padding: 0;
}
body,img,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,p,blockquote,table,tr,th,td,input {
	margin: 0;
	padding: 0;
	border: 0;
	outline: none;
}
html, body {
	height: 100%;
	background-color: #ffffff;
	color: #566063; /* blueish grey */
}
html, body {
	height: 100%;
	font-family: Arial, Verdana, Lucida Grande, Helvetica, san-serif;
	font-size: 11px;
	line-height: 14px;
	font-weight: normal;
}

/* ------------------------------------------------------------------------------------------------------- */
/* COMMON ELEMENTS
/* ------------------------------------------------------------------------------------------------------- */
/* additional colors and overrides are declared at the bottom of the this page... */
a, a:link, a:visited, a:active {
	color: inherit;
	text-decoration: none;
	border-bottom: none;
}
a:hover, a.on {
	color: #000000;
	text-decoration: none;
	border-bottom: 1px solid #2250ae;
}
p {
	font-size: 12px;
	line-height: 14px;
	margin-top: 0 !important;
	margin-bottom: 0;
	padding-bottom: 0 !important;
}
small, b.small, p.small {
	color: inherit;
	font-size: 10px;
	text-transform: uppercase;
}
h1 {
	font-size: 24px;
	font-weight: normal;
	color: #616b6d;
	margin-bottom: 0px;
	line-height: 28px;
	display: block;
	letter-spacing: 1px;
}
h2 {
	font-size: 12px;
	font-weight: bold;
	color: inherit;
	margin-bottom: 0px;
	line-height: 20px;
	display: block;
	text-transform: uppercase;
}
h3 {
	font-weight: normal;
	color: inherit;
	margin-bottom: 0px;
	line-height: none !important;
	display: block;
}
img {
	border-width: none;
	border-width: 0;
	image-rendering: optimizeQuality;
	-ms-interpolation-mode: bicubic;
}

input.input-text, select.input-select {														/* MODIFIED 09-29 - added input-select */
	width: 140px;
	padding: 5px 5px;
	font-family: Arial, Verdana, Lucida Grande, Helvetica, san-serif;
	font-size: 11px;
	line-height: 14px;
	font-weight: normal;
	color: #616b6d; /* blueish grey */
	text-align: left;
	background: #ffffff;
	border: 1px solid #d8d9da;
	outline: none;
}
input.input-text:focus, select.input-select:focus {											/* MODIFIED 09-29 - added input-select */
	border: 1px solid #a8b6b9;
}
input.input-sm {
	width: 10px;
}
input.input-sm.pagination:focus {
	background: #ffcc66;
	border: 1px solid #ffcc66;
}
input.input-date {
	padding: 2px 5px;
	width: 30px;
}
input.input-date:focus {
	background: #ffcc66;
	border: 1px solid #ffcc66;
}


input.input-submit {
	padding: 5px 5px;
	font-family: Arial, Verdana, Lucida Grande, Helvetica, san-serif;
	font-size: 11px;
	line-height: 14px;
	font-weight: normal;
	color: #616b6d; /* blueish grey */
	text-align: left;
	background: #ffffff;
	border: 1px solid #d8d9da;
	outline: none;
	cursor: pointer;
}
.letter_spacing,
.letter_space,
.letter_space_px1 {
	letter-spacing: 1px;
}
.letter_space_px2 {
	letter-spacing: 2px;
}
.letter_space_px3 {
	letter-spacing: 3px;
}
div.hairline {
	height: 1px;
	background: #d8d9da;
	margin: 10px 0px;
}

/* ------------------------------------------------------------------------------------------------------- */
/* BODY ELEMENTS / LAYOUT FRAMEWORK
/* ------------------------------------------------------------------------------------------------------- */
#body_container {
	position: absolute;
	z-index: 1;
	top: 0; left: 0;
	min-height: 100%;
	min-width: 980px;
	height: 100%;
	width: 100%;
	overflow: hidden;
}
html>body #body_container {
	height: auto;
}

/* body content containers */
.body_wrapper {
	position: relative;
	height: auto;
	width: 100%;
	margin: 0px 0px;
	padding: 0px 0px;
}
.body_wrapper-inner {
	width: 980px;
	margin: 0 auto;
	padding: 0px 0px;
}

/* body layer containers */
.body_layer {
	position: absolute;
	height: 100%;
	width: 100%;
}
.body_layer-inner {
	width: 980px;
	margin: 0 auto;
	padding: 0px 0px;
}

/* navigation lists, used for vertical stacks */
ul.navigation, ul.navigation li, ul.navigation li ul {
	margin: 0;
	padding: 0;
	outline: none;
	border: none;
	list-style-type: none !important;
	display: block;
}
ul.navigation {
	
}
ul.navigation li {
	width: auto;
	background-color: transparent;
	text-decoration: none;
	display: block;
}
ul.navigation li a, ul.navigation li a:link, ul.navigation li a:visited {
	text-decoration: none;
	outline: none;
	color: #222222;
	display: block;
	border: none;
}
ul.navigation li a:hover, ul.navigation li a:active, ul.navigation li a.on {
	background: #f1efed;
	border: none;
}

/* ------------------------------------------------------------------------------------------------------- */
/* layer/popup */
#body_layer-fog {
	position: fixed;
	top: 0;
	z-index: 10;
	cursor: pointer;
	background: rgb(0, 0, 0);
	background: rgba(0, 0, 0, 0.80); 																			/* For Alpha Channels */
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#80000000, endColorstr=#80000000);			/* For IE 5.5 - 7*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#80000000, endColorstr=#80000000)";	/* For IE 8*/
}
#body_layer {
	position: absolute;
	z-index: 11;
	top: 165px;
	left: 50%;
	margin-left: -450px;
	width: auto;
	height: auto;
	cursor: default;
	background: transparent;
}
div.body_layer-inner { /* Centered vertically */
	padding: 0px 0px;
	margin: 0px auto;
	width: 900px;
	height: auto;
}
div.body_layer-inner-close {
	width: 901px;
	padding: 10px 0px 0px 0px;
	background: url('../img/bkgd-layer.gif') repeat top left;
	text-align: right;
}
div.body_layer-inner-close img {
	height: 35px;
	width: 35px;
	cursor: pointer;
}
	
/* ------------------------------------------------------------------------------------------------------- */
/* header */
#body_header {
	position: relative;
	z-index: 2;
	min-height: 133px;
	height: auto;
	width: 100%;
}
#body_header-inner {
	border-bottom: 1px solid #d8d9da;
}
#body_header-logo {
	width: 380px;
	margin-right: 20px;
}
#body_header-navigation {
	width: 580px;
	padding-top: 15px;
}
	div.header-lightbox {
		margin-bottom: 20px;
	}
	div.module.header-explore {
		width: 290px;
		margin-right: 20px;
		margin-left: 90px;
	}
	div.module.header-nav-filters {
		width: 80px;
		margin-right: 20px;
	}
	div.module.header-nav-main {
		width: 80px;
	}

/* ---------------------------------------------------------- */
/* header - logo */
h1.body_header-logo {
	position: relative;
	font-size: 10px;
	margin: 0 !important;
	padding: 0 !important;
	display: block;
}
h1.body_header-logo a {
	position: relative;
	height: 133px;
	width: 380px;
	display: block;
	overflow: hidden;
}
h1.body_header-logo a span {	/* this span is in the markup for SEO purposes; */
	position: absolute;			/* push it below the known div height to visually hide it */
	top: 135px;
	left: 0;
}

/* ---------------------------------------------------------- */
/* header - navigation modules */
#body_header-navigation div.module {
	color: #767676;
	float: left;
}
#body_header-navigation div.module div.header {
	border-bottom: 1px solid #d8d9da;
	padding-bottom: 5px;
	margin-bottom: 8px;
}

div.header-explore-browse {
	position: relative;
	width: 110px;
	height: 25px;
	float: left;
}
div.header-explore-search {
	position: relative;
	width: 170px;
	height: 25px;
	float: right;
}
	div.header-explore-search a {
		color: #767676;
	}
	div.header-explore-search a:hover {
		color: #000000;
		border-bottom: 1px solid #2250ae;
	}
	a.lightbox {
		padding-left: 20px;
		background: #ffffff url('../img/icon-lightbox.gif') no-repeat 0px 0px;
		color: #2250ae;
		border: none;
	}
	a.lightbox:hover {
		background: #ffffff url('../img/icon-lightbox.gif') no-repeat 0px -24px;
	}
	a.lightbox span.label {
		color: #767676;
	}
	a.lightbox:hover span.label {
		color: #2250ae;
	}
	
	
	a.browse {
		padding: 5px 5px;
		width: 100px;
		margin-right: 10px;
		font-size: 12px;
		color: #ffffff;
		background: #616b6d url('../img/icon-browse.gif') no-repeat right center;
		border: 1px solid #616b6d;
		display: block;
	}
	a.browse:hover, a.browse:active {
		background-color: #2250ae;
	}
	div.header-explore-search-submit {
		position: absolute;
		z-index: 2;
		right: 0px;
		top: 0px;
		padding: 0px 0px;
	}
	div.header-explore-search-input {
		position: relative;
		z-index: 1;
		margin-bottom: 2px;
	}
	input.input-search {
		border: 1px solid #616b6d;
		padding-right: 25px; /* provide padding on the right for the floating submit button */
		font-size: 12px;
		width: 138px;
		font-style: italic;
		letter-spacing: 1px;
	}
	input.input-search:focus,
	input.input-search.focus {
		border: 1px solid #616b6d;
		color: #d63b26; /* red */
	}
	
	ul.navigation.header li a, ul.navigation.header li a:link, ul.navigation.header li a:visited {
		color: #767676;
		font-size: 11px;
		letter-spacing: 0px;
		padding: 1px 2px;
		margin: -1px -2px;
	}
	ul.navigation.header li a:hover, ul.navigation.header li a:active,
	ul.navigation.header li a.on, ul.navigation.header li a.on:hover {
		background-color: #2250ae;
		color: #ffffff;
		padding: 1px 2px;
		margin: -1px -2px;
	}



/* ------------------------------------------------------------------------------------------------------- */
/* breadcrumb */
#body_breadcrumb {
	position: relative;
	z-index: 3;
	min-height: 45px;
	height: auto;
}
#body_breadcrumb-inner {
	height: auto;
	padding: 10px 0px 20px 0px;
	font-size: 10px;
	color: #767676;
}
#body_breadcrumb-inner a {
	color: #767676;
}
#body_breadcrumb-inner a:hover {
	color: #000000;
	border-bottom: 1px solid #2250ae;
}
#body_breadcrumb-inner a.current {
	color: #d63b26; /* red */
	border: none;
}


/* ------------------------------------------------------------------------------------------------------- */
/* content */
#body_content {
	position: relative;
	z-index: 4;
	height: auto;
	margin-bottom: 60px;	/* match the height of the footer to prevent an overlap */
	margin-bottom: 100px;	/* then add your desired padding */
}
#body_content-inner {
	height: auto;
}

/* ---------------------------------------------------------- */
/* content - section header */
div.content_filter {
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px solid #a8b6b9;
}
div.content_filter a:hover {
	color: #d63b26;
	border: none;
}

div.content_header {
	position: relative;
	height: auto;
	padding-bottom: 20px;
	border-bottom: 1px solid #a8b6b9;
}
	div.content_header h1 {
		
	}
	div.content_header a.see_all {
		position: absolute;
		white-space: nowrap;
		bottom: 0px;
		right: 0px;
		padding: 3px 8px;
		background: #fbfbfb;
		margin-bottom: 4px;
		display: block;
		text-decoration: none;
		border: none;
		color: #2250ae;
	}
	div.content_title {
		position: relative;
		height: auto;
	}
	div.content_paging {
		height: 10px;
		padding-top: 4px;
		color: #687175;
		white-space: no-wrap;
		float: right;
	}
	div.content_paging .prev,
	div.content_paging .next,
	div.content_paging .numbers {
		margin-left: 10px;
	}
	div.content_paging .prev a,
	div.content_paging .next a,
	div.content_paging .numbers a {
		margin-left: 10px;
		border: none !important;
		background: transparent !important;
	}
	div.content_paging .numbers {
		padding-top: 3px;
	}
	div.content_paging input.input-sm {
		height: 16px;
		padding: 2px 4px;
		margin-top: -3px;
		text-align: center;
	}
	
/* ---------------------------------------------------------- */
/* content - content output area */
div.content_area {
	display: block;
}
div.content_area p {
	font-size: 12px;
	line-height: 18px;
}
div.content_area-slides {
	width: 380px;
	margin-right: 20px;
	float: left;
}
div.content_area-output {
	width: 380px;
	margin-right: 20px;
	padding: 16px 0px 0px 0px;
	float: left;
}
div.content_area-sidebar {
	width: 160px;
	background: #f6f8f9;
	padding: 16px 10px 100px 10px;
	float: left;
}
div.content_area-output.PAGE {
	width: 580px;
	margin-right: 0px;
}
	
	
	div.content_area-slides .caption {
		padding: 6px 0px 6px 0px;
		font-style: italic;
	}
	div.content_area-slides .caption p {
		font-size: 11px;
		font-style: italic;
		color: #767676;
	}
	div.content_area-slides .thumbnails {
		
	}
	div.content_area-slides .thumbnails div {
		position: relative;
		margin-right: 2px;	/* with the added borders on child links, this will appear as 5px */
		float: left;
	}
	div.content_area-slides .thumbnails div a {
		position: relative;
		border: 2px solid #ffffff;
		padding: none;
		margin: none;
		display: block;
	}
	div.content_area-slides .thumbnails div a:hover {
		border: 2px solid #2250ae;
		background: #2250ae;
	}
	div.content_area-slides .thumbnails div a.on {
		border: 2px solid #d63b26;
		background: #d63b26;
	}
	
	div.content_area-sidebar p {
		font-size: 11px;
		line-height: 16px;
	}
	
	div.page_column-output a,		/* ADDED 10-13 */
	div.content_area-output a, 
	div.content_area-sidebar a {
		color: #000000;
		text-decoration: none;
		border-bottom: 1px solid #d9d9d9;
	}
	div.page_column-output a:hover,	/* ADDED 10-13 */
	div.content_area-output a:hover,
	div.content_area-sidebar a:hover {
		color: #000000;
		text-decoration: none;
		border-bottom: 1px solid #2250ae;
	}
	
/* ABOUT PAGE REVISIONS - October, 2011 ----------------------------------------------- */
div.content_area-output.PAGE.STACK {
	padding: 0px 0px 0px 0px;
	margin-bottom: 20px;
}
b.sub-head {
	font-size: 11px;
	text-transform: uppercase;
}
	
div.page_column-navigation {	/* left side navigation */
	width: 180px;
	padding-top: 11px;
	margin-right: 20px;
	float: left;
}
div.page_column-output {		/* right side - 2 columns and/or content stacks */
	width: 780px;
	padding-top: 0px;
	float: left;
}

div.page_column-navigation a {
	padding: 2px 15px 2px 25px;
	max-height: 40px;
	margin: none;
	margin-bottom: 15px;
	background: transparent;
	color: #616b6c;
	border: none;
	display: block;
	overflow: hidden;
}
div.page_column-navigation a.selected,
div.page_column-navigation a:hover {
	background: #EC0F0F;
	color: #ffffff;
}

div.page_column-output-left {
	width: 375px;
	margin-right: 20px;
	padding: 16px 0px 0px 0px;
	float: left;
}
div.page_column-output-left .photo {
	text-align: left;
}
div.page_column-output-left .photo.logo img {
	margin-left: 85px;
}
div.page_column-output-right {
	width: 380px;
	margin-right: 0px;
	padding: 16px 0px 0px 0px;
	float: left;
}


/* ---------------------------------------------------------- */
/* content - content relations area */
div.content_relations {
	margin-top: 45px;
}
div.content_relations-980 {
	width: 980px;
	margin-left: 0px;
	float: left;
}
div.content_relations-780 {
	width: 780px;
	margin-left: 0px;
	float: left;
}
div.content_relations-380 {
	width: 380px;
	margin-left: 20px;
	float: left;
}
div.content_relations-180 {
	width: 180px;
	margin-left: 20px;
	float: left;
}
div.content_area-output.PAGE div.content_relations {
	width: 180px;
	margin-left: 20px;
	float: left;
}
div.content_area-output.PAGE div:first-child,
div.content_relations div:first-child {
	margin-left: 0px;
}

div.content_relations div.header,
div.content_relations * div.header {
	border-bottom: 1px solid #d9d9d9;
	padding-bottom: 3px;
	margin-bottom: 8px;
}
div.content_area-output.PAGE div.links p a {
	color: #2250ae;	
	border-bottom: none;
}
div.content_area-output.PAGE div.links p a:hover {
	color: #2250ae;
	border-bottom: 1px solid #2250ae;
}

div.content_listing {
	margin-bottom: 25px !important;
	display: block;
}
	div.content_listing .thumbnails,											/* LISTING */
	div.content_relations .thumbnails {
		margin-left: -2px;
		width: 382px;
	}
	div.content_listing .thumbnails div,										/* LISTING */
	div.content_relations .thumbnails div {
		margin-left: 12px;	/* with the added borders on child links, this will appear as 5px */
		width: 119px;
		font-size: 11px;
		line-height: 18px;
		display: block;
		float: left;
	}
	
	div.content_relations-980 .thumbnails div,
	div.content_relations-980 .thumbnails div {
		margin-left: 25px !important;
	}
	
	
	div.content_listing .thumbnails div a,										/* LISTING */
	div.content_relations .thumbnails div a {
		border: 2px solid #ffffff;
		display: block;
	}
	div.content_listing .thumbnails div a:hover,								/* LISTING */
	div.content_relations .thumbnails div a:hover,
	div.content_relations .thumbnails div a.on {
		border: 2px solid #2250ae;
		background: #2250ae;
	}
	div.content_listing .thumbnails div:first-child,							/* LISTING */
	div.content_relations .thumbnails div:first-child {
		margin-left: 0px !important;
	}
	
	div.content_listing .thumbnails div a.text {
		border: none;
		background: transparent;
		color: #2250ae;
		display: inline;
	}
	div.content_listing .thumbnails div a.text:hover {
		border-bottom: 1px solid #2250ae;
	}
	
	div.related_projects {
	
	}
	div.related_projects .links p {
		font-size: 11px;
		margin-bottom: 7px !important;
		display: block;
	}
	
	div.content_listing .thumbnails,											/* LISTING */
	div.content_relations-980 .thumbnails {
		width: 984px;
	}
	div.content_relations-780 .thumbnails {
		width: 782px;
	}
	
	
	div.content_listing .thumbnails {											/* LISTING */
		margin-top: 20px;
	}
	div.content_listing .thumbnails div {										/* LISTING */
		margin-left: 25px;
	}
	div.content_listing .thumbnails div:first-child {							/* LISTING */
		margin-left: 0px;
	}
	div.content_header.listing {												/* LISTING */
		margin-top: 5px;
	}
	div.content_header.listing:first-child {									/* LISTING */
		margin-top: 0px;
	}
	
	
/* output */
div.listing_row {
	margin-top: 10px;
}
div.listing_row div {
	margin-left: 20px;
	padding-top: 10px;
}
div.listing_row div:first-child {
	margin-left: 0px;
	padding-top: 0px;
}

div.listing_row-project_image {
	width: 160px;
}
div.listing_row-project_image a {
	position: relative;
	width: auto;
	border: 2px solid #ffffff;
	padding: none;
	margin: none;
	float: left;
	display: block;
}
div.listing_row-project_image a:hover {
	border: 2px solid #2250ae;
	background: #2250ae;
}
div.listing_row-project_title {
	width: 180px;
}
div.listing_row-project_type {
	width: 155px;
}
div.listing_row-project_location {
	width: 110px;
}
div.listing_row-project_description {
	width: 275px;
	padding: 5px 10px;
	background: #f6f8f9;
}
div.listing_row * p {
	/*
	font-size: 11px;
	line-height: 14px;
	*/
}

	
	
	
/* HOMEPAGE */
div.content_area.HOMEPAGE {
	margin: 50px 90px 30px 110px;
}
div.content_area-slides.HOMEPAGE {
	width: 380px;
	text-align: center;
}
div.content_area-slides.HOMEPAGE .photo {
	width: 380px;
	background: #a8b6b9;
	text-align: center;
}
div.content_area-sidebar.HOMEPAGE {
	width: 320px;
	height: 100%;
	color: #ffffff !important;
	background: #2250ae;
	padding: 30px 30px;
	float: left;
}
	div.content_area-sidebar.HOMEPAGE h1 { /* same as h1.px_28.white */
		font-size: 28px !important;
		padding-bottom: 10px;
		font-weight: normal;
		color: #ffffff !important;
	}
	div.content_area-sidebar.HOMEPAGE h2 {
		font-size: 18px !important;
		line-height: 22px;
		text-transform: none;
		font-weight: normal;
	}
	div.content_area-sidebar.HOMEPAGE p {
		font-size: 12px !important;
		line-height: 18px !important;
		text-transform: none;
	}
	div.content_area-sidebar.HOMEPAGE a {
		margin: -2px 0px;
		padding: 1px 1px;
		color: #ffffff;
		text-transform: uppercase;
		white-space: nowrap;
	}
	div.content_area-sidebar.HOMEPAGE a:hover {
		background: #616b6d;
	}
	
div.content_relations.HOMEPAGE {
	position: relative;
	width: 778px;
	padding-left: 2px;
	/*margin-top: 45px;*/
	margin-top: 25px;
	margin-bottom: 45px;
	border-top: 1px solid #2250ae;
}
div.content_relations.HOMEPAGE .arrow-prev {
	position: absolute;
	left: -40px;
}
div.content_relations.HOMEPAGE .arrow-next {
	position: absolute;
	top: 0px;
	right: -40px;
}
	div.content_relations.HOMEPAGE .thumbnails {
		width: 780px;
	}
	div.content_relations.HOMEPAGE .thumbnails div {
		margin-left: 12px;	/* with the added borders on child links, this will appear as 5px */
		width: 120px;
		display: block;
		float: left;
	}
	div.content_relations.HOMEPAGE .thumbnails div:first-child {
		margin-left: 0px;
	}
	div.content_relations.HOMEPAGE .thumbnails div a,
	div.content_relations.HOMEPAGE .thumbnails div a:hover {
		border-top: none;
		position: relative;
		width: 115px;
	}
	
div.logos.HOMEPAGE {
	margin-bottom: -35px;
}
div.logos.HOMEPAGE a {
	margin-left: 30px;
	border: none;
	background: none;
	float: left;
	display: block;
}
div.logos.HOMEPAGE a:first-child {
	margin-left: 0px;
}
	
/* OBJECTS */
div.object_slide {
	width: 780px;
	text-align: center;
}
div.object_slide .photo {
	width: 780px;
	background: #a8b6b9;
	text-align: center;
}

div.object_slide .thumbnails .prev {
	margin-right: 13px;
}
div.object_slide .thumbnails .next {
	margin-left: 13px;
}
div.object_slide .thumbnails a.prev,
div.object_slide .thumbnails a.prev:hover,
div.object_slide .thumbnails a.next,
div.object_slide .thumbnails a.next:hover {
	border: none !important;
	background: transparent !important;
}


/* SEARCH */
div.search_column-filters {
	width: 180px;
	padding-top: 11px;
	margin-right: 20px;
	float: left;
}
div.search_column-output {
	width: 780px;
	float: left;
}

/* filters */
div.search_filter {
	margin-bottom: 5px;
}
div.search_filter div.header a {
	padding: 4px 25px;
	margin: none;
	background: #f3f3f3 url('../img/search-filter-arrow-down.gif') no-repeat 5px center;
	color: #616b6c;
	border: none;
	display: block;
}
div.search_filter div.header a.collapsed {
	background: #f3f3f3 url('../img/search-filter-arrow-collapsed.gif') no-repeat 5px center;
}
div.search_filter div.filter {
	padding: 5px 0px;
}
div.search_filter div.filter.checkbox a {
	padding: 2px 0px 2px 25px;
	max-height: 40px;
	margin: none;
	margin-bottom: 5px;
	background: transparent url('../img/search-filter-icon-checkbox.gif') no-repeat 5px 4px;
	color: #616b6c;
	border: none;
	display: block;
	overflow: hidden;
}
div.search_filter div.filter.checkbox a.selected,
div.search_filter div.filter.checkbox a:hover {
	background: transparent url('../img/search-filter-icon-checkbox.gif') no-repeat 5px -36px;
}
div.search_filter div.filter.checkbox a span.meta {
	float: right;
	margin-top: -2px;
	color: #92a4a8;
}
div.search_filter div.filter.checkbox a span.meta:hover {
	color: #ffffff;
}

/* output */
div.search_row {
	margin-top: 10px;
}
div.search_row div {
	margin-left: 20px;
	padding-top: 10px;
}
div.search_row div:first-child {
	margin-left: 0px;
	padding-top: 0px;
}

div.search_row div.search_row-grid {
	margin-left: 23px;
	padding-top: 0px;
}
div.search_row div.search_row-grid:first-child {
	margin-left: 0px;
	padding-top: 0px;
}

div.search_row-object_image {
	width: 110px;
}
div.search_row-object_image a {
	position: relative;
	width: 110px;
	border: 2px solid #ffffff;
	padding: none;
	margin: none;
	display: block;
}
div.search_row-object_image a:hover {
	border: 2px solid #2250ae;
	background: #2250ae;
}
div.search_row-object_title {
	width: 205px;
}
div.search_row-object_type {
	width: 115px;
}
div.search_row-project_title {
	width: 135px;
}
div.search_row-project_date {
	width: 135px;
}


/* ADVANCED SEARCH */
div.search_column-advanced_L {																/* ADDED 09-29 */
	width: 345px;
	padding-top: 11px;
	float: left;
	display: block;
}
div.search_column-advanced_R {																/* ADDED 09-29 */
	width: 579px;
	padding-left: 55px;
	float: left;
	border-left: 1px solid #d8d9da;
	display: block;
}
div.search_row-advanced {
	margin-bottom: 20px;
}
div.search_input-label {
	margin-right: 20px;
	padding-top: 7px;
	width: 95px;
	font-size: 12px;
	color: #767676;
	float: left;
}
div.search_input-wrap {
	margin-right: 20px;
	font-size: 12px;
	color: #767676;
	float: left;
}
div.search_select-wrap {
	margin-right: 0px;
	font-size: 12px;
	color: #666666;
	float: left;
}
div.search_select-wrap select {
	width: 90px;
	font-size: 12px;
	color: #666666;
}
div.search_column-advanced_R div.search_input-wrap,
div.search_column-advanced_R div.search_select-wrap select {
	width: 180px;
}
div.search_column-advanced_R input.input-submit {
	font-size: 12px;
	padding: 6px 10px 4px 10px;
	color: #ffffff;
	background: #767676;
	border: 1px solid #767676;
}
div.search_column-advanced_R input.input-submit:hover {
	background-color: #2250ae;
	border: 1px solid #2250ae;
}
div.search_column-advanced_R input.input-sm {
	width: 33px;
}

/* ------------------------------------------------------------------------------------------------------- */
/* footer */
#body_footer {
	position: absolute;
	z-index: 4;
    bottom: 0;
}
#body_footer-inner {
	padding: 10px 0px 0px 0px !important;
	border-top: 1px solid #d8d9da;
	height: 50px;
	color: #566063 !important;
}
p.copyright {
	color: #767676;
}

span.icon.facebook {
	background-image: url('../img/icon-facebook.gif');
	background-position: 0px 2px;
	background-repeat: no-repeat;
}
span.icon.twitter {
	background-image: url('../img/icon-twitter.gif');
	background-position: 0px 2px;
	background-repeat: no-repeat;
}



/* FILTERS & SORT OPTIONS */
div.dropdown {
	margin-right: 10px;
}
div.dropdown span {
	color: #767676;
	padding: 3px 0px;
	margin-right: 10px;
	display: block;
	float: left;
}
div.dropdown a, a.dropdown { /* check below for modified version */
	min-width: 80px;
	padding: 3px 5px;
	color: #566063;
	background: #ffcc66 url('../img/icon-arrow-down-white.png') no-repeat right center;
	border: none;
	display: block;
	float: left;
}
div.dropdown a:hover, a.dropdown:hover {
	color: #ffffff;
}

div.display {
	margin-right: 10px;
	white-space: nowrap;
	min-width: 65px;
}
div.display span {
	color: #767676;
	padding: 3px 5px;
	margin-right: 5px;
	display: block;
	float: left;
}
div.display a {
	padding: 3px 5px;
	max-height: 13px;
	min-width: 13px;
	color: #566063;
	background-repeat: no-repeat;
	background-position: 0px 3px;
	border: none;
	float: left;
	display: block;
	overflow: hidden;
}
div.display a.selected,
div.display a:hover {
	background-repeat: no-repeat;
	background-position: 0px -23px;
}
div.display a.display_grid {
	background-image: url('../img/icon-display-grid.gif');
}
div.display a.display_list {
	background-image: url('../img/icon-display-list.gif');
}


span.meta {
	display: inline-block;
	color: #2250ae;
	padding: 2px 5px;
	background: #fbfbfb;
	cursor: pointer;
}
span.meta:hover {
	display: inline-block;
	color: #ffffff;
	padding: 2px 5px;
	background: #2250ae;
	cursor: pointer;
}
	
/* ---------------------------------------------------------- */
/* dropdown selects */
dl.dropdown					{ display: inline-block; }
dl.dropdown dd				{ position: relative; }
dl.dropdown dt a			{ display: block;}
dl.dropdown dt a span		{ cursor: pointer; display: block; }
dl.dropdown dd ul			{ display: none; left: 0px; position: absolute; top: 2px; width: auto; list-style: none; }
dl.dropdown span.value		{ display: none; }
dl.dropdown dd ul li a		{ display: block; background-image: none; }


/* HELPFUL OVERRIDES */
.px_11			{ font-size: 11px !important; }												/* ADDED 10-11 */
.px_12			{ font-size: 12px !important; margin-right:5px; }
.px_13			{ font-size: 13px !important; line-height: 16px; }
.px_14			{ font-size: 14px !important; line-height: 18px; }
.px_18			{ font-size: 18px !important; line-height: 22px; }
h1.px_28		{ font-size: 28px !important; padding-bottom: 10px; font-weight: normal; }
.float, .left	{ float: left; }
.float-r, .right{ float: right; }
.block			{ display: block; }
.hidden			{ display: none; }
.clear			{ clear: both; }
.relative		{ position: relative; }
.nomargins		{ margin: 0px !important; }
.nopadding		{ padding: 0px !important; }
.noborder		{ border: none !important; }
.nobackground	{ background: transparent !important; }
.nohover		{ text-decoration: none !important; background: transparent !important; border: none !important; }

.white, a.white	{ color: #ffffff; }
.blue, a.blue	{ color: #2250ae; }
.red, a.red 	{ color: #d63b26; }
.grey, a.grey	{ color: #767676; }
.dark, a.dark	{ color: #566063; }


.photo a {
	border: none !important;
}

/* for debugging */
.border 		{ border: 1px solid black; }