/* -------------------------------------------------------------------------------------------------------------------------------------  
	GLOBAL
------------------------------------------------------------------------------------------------------------------------------------- */

html {
	height: 100%;
	margin-bottom: 1px;
}
	
body {
	height: 100%;
	margin: 0;
	padding: 0;
	font: .7em/1.6em "Lucida Grande", Verdana, sans-serif;
	color: #4e4d4b;
	text-align: center;
	background: transparent url(../graphics/background_main.gif) repeat;
}

p, h1, h2, h3, h4, h5, h6 {margin: 0; padding: 0;}

h2 { margin: 0; padding: 0; font-size: 1.2em; }

a { text-decoration: none; color: #4e4d4b; }
a:visited { color: #6c6b68; }
a:focus { outline: none; }

img { border: 0; }

ul, li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

fieldset { margin: 0; padding: 0; border: 0; }

embed, object { outline: none; }

/* -------------------------------------------------------------------------------------------------------------------------------------  
	STRUCTURE
------------------------------------------------------------------------------------------------------------------------------------- */

#page-wrap {
	width: 952px;
	min-height: 100%;
	margin-top: 0;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: -100px;
	padding: 0;
	position: relative;
	text-align: left;
	background: transparent url(../graphics/content_bg.gif) repeat-y;
}

#page-wrap-home {
	width: 952px;
	min-height: 100%;
	margin-top: 0;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: -100px;
	padding: 0;
	position: relative;
	text-align: left;
	background: #fff;
}

/* -------------------------------------------------------------------------------------------------------------------------------------  
	MASTHEAD
------------------------------------------------------------------------------------------------------------------------------------- */

#masthead {
	width: 952px;
	height: 123px;
	margin: 0;
	padding: 0;
}

#masthead .wrap {
	width: 952px;
	margin: 0 auto;
	border-top: 2px solid #69a1ec;
	background-color: #edeef3;
}

#masthead .content {
	width: 904px;
	margin: 25px 24px 0 24px;
}

#masthead .logo a {
	width: 151px;
	height: 54px;
	display: block;
	text-indent: -999em;
	float: left;
	background: transparent url(../graphics/masthead_logo.gif) 0 0 no-repeat;
}

#masthead .search {
	width: 214px;
	margin: 0;
	padding: 0;
	float: right;
}

/* -------------------------------------------------------------------------------------------------------------------------------------  
	NAVIGATION
------------------------------------------------------------------------------------------------------------------------------------- */

#main-nav {
	width: 744px;
	height: 32px;
	margin-left: 160px;
	padding-top: 10px;
	clear: both;
	z-index: 100;
}

#nav, #nav * { margin: 0; padding: 0; list-style:none; }
#nav ul { position: absolute; top: -999em; width: 200px; }
#nav a { width: 100%; display: block; }
#nav li { float: left; text-indent: -999em; }
#nav li a { line-height: 32px; }
#nav li:hover ul, ul#nav li.sfHover ul { left: 1px; top: 32px; }

#nav li:hover ul.meet_spiezle, ul#nav li.sfHover ul.meet_spiezle { margin: 91px 0 0 184px; }
#nav li:hover ul.client_solutions, ul#nav li.sfHover ul.client_solutions { margin: 91px 0 0 284px; }
#nav li:hover ul.portfolio, ul#nav li.sfHover ul.portfolio { margin: 91px 0 0 413px; }
#nav li:hover ul.sustainable_design, ul#nav li.sfHover ul.sustainable_design { margin: 91px 0 0 501px; }
#nav li:hover ul.news_events, ul#nav li.sfHover ul.news_events { margin: 91px 0 0 645px; }
#nav li:hover ul.join_us, ul#nav li.sfHover ul.join_us { margin: 91px 0 0 615px; }
#nav li:hover ul.contact_us, ul#nav li.sfHover ul.contact_us { margin: 91px 0 0 712px; }

.superfish li:hover ul { position: static; top: -999em; }

li#meet_spiezle { width: 100px; height: 32px; background: transparent url(../graphics/main_nav.png) 0px 0px; }
li#meet_spiezle a:link, li#meet_spiezle a:visited { background-position: 0px 0px; }
li#meet_spiezle:hover, li#meet_spiezle.sfHover { background-position: 0px -32px; }
body#meet_spiezle_page ul#nav li#meet_spiezle { background-position: 0px -64px; }
body#meet_spiezle_page ul#nav li#meet_spiezle:hover, body#meet_spiezle_page ul#nav li#meet_spiezle.sfHover { background-position: 0px -32px; }

li#client_solutions { width: 129px; height: 32px; background: transparent url(../graphics/main_nav.png) -100px 0px; }
li#client_solutions a:link, li#client_solutions a:visited { background-position: -100px 0px; }
li#client_solutions:hover, li#client_solutions.sfHover { background-position: -100px -32px; }
body#client_solutions_page ul#nav li#client_solutions { background-position: -100px -64px; }
body#client_solutions_page ul#nav li#client_solutions:hover, body#client_solutions_page ul#nav li#client_solutions.sfHover { background-position: -100px -32px; }

li#portfolio { width: 88px; height: 32px; background: transparent url(../graphics/main_nav.png) -229px 0px; }
li#portfolio a:link, li#portfolio a:visited { background-position: -229px 0px; }
li#portfolio:hover, li#portfolio.sfHover { background-position: -229px -32px; }
body#portfolio_page ul#nav li#portfolio { background-position: -229px -64px; }
body#portfolio_page ul#nav li#portfolio:hover, body#portfolio_page ul#nav li#portfolio.sfHover { background-position: -229px -32px; }

li#sustainable_design { width: 144px; height: 32px; background: transparent url(../graphics/main_nav.png) -317px 0px; }
li#sustainable_design a:link, li#sustainable_design a:visited { background-position: -317px 0px; }
li#sustainable_design:hover, li#sustainable_design.sfHover { background-position: -317px -32px; }
body#sustainable_design_page ul#nav li#sustainable_design { background-position: -317px -64px; }
body#sustainable_design_page ul#nav li#sustainable_design:hover, body#sustainable_design_page ul#nav li#sustainable_design.sfHover { background-position: -317px -32px; }

li#news_events { width: 112px; height: 32px; background: transparent url(../graphics/main_nav.png) -461px 0px; }
li#news_events a:link, li#news_events a:visited { background-position: -461px 0px; }
li#news_events:hover, li#news_events.sfHover { background-position: -461px -32px; }
body#news_events_page ul#nav li#news_events { background-position: -461px -64px; }
body#news_events_page ul#nav li#news_events:hover, body#news_events_page ul#nav li#news_events.sfHover { background-position: -461px -32px; }

li#join_us { width: 73px; height: 32px; background: transparent url(../graphics/main_nav.png) -573px 0px; }
li#join_us a:link, li#join_us a:visited { background-position: -573px 0px; }
li#join_us:hover, li#join_us.sfHover { background-position: -573px -32px; }
body#join_us_page ul#nav li#join_us { background-position: -573px -64px; }
body#join_us_page ul#nav li#join_us:hover, body#join_us_page ul#nav li#join_us.sfHover { background-position: -573px -32px; }

li#contact_us { width: 98px; height: 32px; background: transparent url(../graphics/main_nav.png) -646px 0px; }
li#contact_us a:link, li#contact_us a:visited { background-position: -646px 0px; }
li#contact_us:hover, li#contact_us.sfHover { background-position: -646px -32px; }
body#contact_us_page ul#nav li#contact_us { background-position: -646px -64px; }
body#contact_us_page ul#nav li#contact_us:hover, body#contact_us_page ul#nav li#contact_us.sfHover { background-position: -646px -32px; }


#nav ul {
	width: 200px;
	padding: 6px;
	border-left: 1px solid #d0dbee;
	border-bottom: 1px solid #d0dbee;
	border-right: 1px solid #d0dbee;
	background-color: #e7f1ff;
	z-index: 102;
}

#nav ul.sustainable_design { 
	border-left: 1px solid #c6e3a8;
	border-bottom: 1px solid #c6e3a8;
	border-right: 1px solid #c6e3a8;
	background-color: #def6c5;
}

#nav li li { width:100%; display: block; clear: both; border-bottom: 1px solid #f4f9ff; }

#nav li li a {
	width: 100%;
	margin: 1px 0 1px 0;
	font-size: .9em;
	font-weight: bold;
	line-height: 22px;
	text-indent: 8px;
	color: #575f6c;
	cursor: pointer;
	z-index: 103;
}

#nav li li a:hover { color: #69a1ec; background-color: #f5f9ff; }

#nav ul.sustainable_design li { border-bottom: 1px solid #f8fff1; }
#nav ul.sustainable_design li a:hover { color: #73b33b; background-color: #f8fff1; }

#featured { width: 100%; }

#featured .colOne, #featured .colTwo, #featured .colThree { width: 281px; height: 134px; display: block; float: left; border: 1px solid #efefef; }

/* -------------------------------------------------------------------------------------------------------------------------------------  
	HOME
------------------------------------------------------------------------------------------------------------------------------------- */

#home-wrap { width: 904px; margin: 24px 24px 0 24px; }

#home-showcase { width: 904px; height: 276px; }

#home-featured-wrap { width: 904px; height: 134px; margin: 24px 0; }

#home-featured-wrap .feat01 { width: 281px; height: 134px; float: left; background: transparent url(../graphics/home_featured_blue_bg.gif) 0 0 repeat-x; }
#home-featured-wrap .feat02 { width: 282px; height: 134px; margin-left: 30px; float: left; background: transparent url(../graphics/home_featured_green_bg.gif) 0 0 repeat-x; }
#home-featured-wrap .feat03 { width: 281px; height: 134px; float: right; background: transparent url(../graphics/home_featured_blue_bg.gif) 0 0 repeat-x; }

#home-featured-wrap .container { padding: 8px; }
#home-featured-wrap img { margin-right: 8px; float: left; border: 1px solid #fff; background-color: #fff; }
#home-features-wrap p { margin: 0; padding: 0; }
#home-featured-wrap a { padding-left: 17px; background: transparent url(../graphics/bullet_home_link.gif) 0 2px no-repeat; }
#home-featured-wrap a:hover { text-decoration: underline; }

#home-featured-wrap .blurb { width: 158px; margin-top: 10px; padding: 0; float: right; font-size: .9em; line-height: 1.6em; }

#home-featured-wrap .feat01 a, #home-featured-wrap .feat01 a:visited { color: #8cca4d; }

#home-featured-wrap .feat02 a, #home-featured-wrap .feat02 a:visited ,
#home-featured-wrap .feat03 a, #home-featured-wrap .feat03 a:visited { color: #69a1ec; }

/* -------------------------------------------------------------------------------------------------------------------------------------  
	CONTENT
------------------------------------------------------------------------------------------------------------------------------------- */

#content-left {
	width: 620px;
	padding: 34px 0 44px 24px;
	float: left;
}

#content-left .colOne, #content-left .colThree {
	width: 192px;
	height: 180px;
	float: left;
}

#content-left .colTwo {
	width: 192px;
	height: 180px;
	padding: 0 21px 0 21px;
	float: left;
}

.sub-title {
	width: 100%;
	margin-bottom: 10px;
	padding-top: 7px;
	border-top: 1px solid #d4d8db;
	border-bottom: 1px solid #d4d8db;
}

#content-right {
	width: 254px;
	padding-top: 40px;
	background-color: #f6f6f9;
	float: right;
}

#content-right .saying { padding: 0 24px 24px 24px; min-height: 300px; font: .85em/1.7em Georgia, Times New Roman, serif; float: left; background: transparent url(../graphics/quote_top.gif) 7px 24px no-repeat; }
#content-right .saying p { margin-top: 1.5em; }
#content-right img { display: block; clear: both; }
#content-right .titleindent { margin-left: 1em; }
#content-right .bottomquote { width: 18px; height: 14px; display: inline-block; background: transparent url(../graphics/quote_bottom.gif) 0 3px no-repeat; }


.sidebar-sketch-01, .sidebar-sketch-02, .sidebar-sketch-03, .sidebar-sketch-04, .sidebar-sketch-05, .sidebar-sketch-06, .sidebar-sketch-07 {
	min-height: 600px;
	overflow: visible;
}

.sidebar-sketch-01 { background: transparent url(../graphics/sidebar_bg_sketch_01.jpg) 0 200px no-repeat; }
.sidebar-sketch-02 { background: transparent url(../graphics/sidebar_bg_sketch_02.jpg) 0 70px no-repeat; }
.sidebar-sketch-03 { background: transparent url(../graphics/sidebar_bg_sketch_03.jpg) 0 70px no-repeat; }
.sidebar-sketch-04 { background: transparent url(../graphics/sidebar_bg_sketch_04.jpg) 0 70px no-repeat; }
.sidebar-sketch-05 { background: transparent url(../graphics/sidebar_bg_sketch_05.jpg) 0 70px no-repeat; }
.sidebar-sketch-06 { background: transparent url(../graphics/sidebar_bg_sketch_06.jpg) 0 70px no-repeat; }
.sidebar-sketch-07 { background: transparent url(../graphics/sidebar_bg_sketch_07.jpg) 0 70px no-repeat; }

#body-sustainable { margin: 0; }
#body-sustainable p { margin: 0; padding-bottom: 1em; }
#body-sustainable img { padding: 3px; border: 1px solid #d4d8db; }

#body-sustainable .toggle { margin-bottom: .5em; float: right; }

#body-sustainable .sustainable-entry { margin-bottom: 2em; clear: both; display: block; }

#body-sustainable .colone { width: 165px; padding-right: 22px; float: left;  }
#body-sustainable .coltwo { width: 420px; min-height: 117px; float: left; border-bottom: 1px solid #d4d8db; }

#body-leadership { width: 100%; margin: 0; }
#body-leadership img { padding: 3px; border: 1px solid #d4d8db; }
#body-leadership .title { font-family: Georgia, Times New Roman, serif; font-style: italic; }
#body-leadership .imagecontainer { width: 133px; display: block; float: left; margin: 0 1.25em 0 0; } 
#body-leadership .copycontainer { width: 460px; display: block; float: left; }
#body-leadership .copycontainer p { margin-bottom: .85em; }

#body-leadership .title-exec { font-size: 1.3em; font-weight: bold; }
#body-leadership .title-nonexec {font-size: 1.2em; font-weight: bold; }

#body-leadership .container { min-height: 1px; margin: 0; padding-bottom: 2em; clear: both; }
#body-leadership .containerexec { min-height: 1px; margin: 0; padding: 0; clear: both; }

#body-leadership .executive { min-height: 125px; padding: 1.25em 0 1.25em 0; border-bottom: 1px solid #e5e5e5; clear: both; }

#body-leadership .non-executive-one { width: 296px; min-height: 200px; padding: 1em 0 1em 0; display: block; float: left; clear: left; border-bottom: 1px solid #d4d8db; }
#body-leadership .non-executive-two { width: 296px; min-height: 200px; padding: 1em 0 1em 0; display: block; float: right; clear: right; border-bottom: 1px solid #d4d8db; }

#body-leadership .team-one { width: 296px; min-height: 1px; padding: 1em 0 1em 0; display: block; float: left; clear: left; border-bottom: 1px solid #d4d8db; }
#body-leadership .team-two { width: 296px; min-height: 1px; padding: 1em 0 1em 0; display: block; float: right; clear: right; border-bottom: 1px solid #d4d8db; }

#body-leadership .nonex-imagecontainer { width: 70px; display: block; float: left; margin: 0 1em 0 0; } 
#body-leadership .nonex-copycontainer { width: 210px; display: block; float: left; }
#body-leadership .nonex-copycontainer p { margin-bottom: .5em; }

#body-clientsolutions { width: 620px; margin-bottom: 5em; }
#body-clientsolutions img { padding: 3px; border: 1px solid #d4d8db; }
#body-clientsolutions .copy { margin-top: 1.5em; }

#body-questions { margin-bottom: 1.5em; padding-bottom: 1em; border-bottom: 1px solid #d4d8db; }
#body-questions ul { margin: 0; }
#body-questions li a { font-weight: bold; }
#body-questions li a:hover { background-color: #e7f1ff; text-decoration: underline; }

#body-answers { margin: 0; }
#body-answers h2 { font-size: 1.2em; }
#body-answers p { width: 520px; }
#body-answers .container { margin-bottom: 1em; 	border-bottom: 1px solid #e5e5e5; }

#sustainable-reveal-one, #sustainable-reveal-two, #sustainable-reveal-three, #sustainable-reveal-four, #sustainable-reveal-five, #sustainable-reveal-six,  #sustainable-reveal-seven,  #sustainable-reveal-eight,  #sustainable-reveal-nine,  #sustainable-reveal-ten,
#executive-reveal-one, #executive-reveal-two, #executive-reveal-three, #executive-reveal-four, #executive-reveal-five, #executive-reveal-six, #executive-reveal-seven, #executive-reveal-eight,  #executive-reveal-nine,  #executive-reveal-ten
{ width: 430px; margin: 0; display: none; background-color: #ffffff; }

#leadership-reveal-one, #leadership-reveal-two, #leadership-reveal-three, #leadership-reveal-four, #leadership-reveal-five, #leadership-reveal-six, #leadership-reveal-seven, #leadership-reveal-eight, #leadership-reveal-nine, #leadership-reveal-ten,
#director-reveal-one, #director-reveal-two, #director-reveal-three, #director-reveal-four, #director-reveal-five, #director-reveal-six, #director-reveal-seven, #director-reveal-eight, #director-reveal-nine, #director-reveal-ten
{ width: 100%; margin: 0; padding-bottom: 1em; display: none; background-color: #ffffff; }

#breadcrumb-drop { margin: 0; display: none; background-color: #ffffff; }
#breadcrumb-drop ul { width: 200px; margin: .5em 0 0 58px; border-top: 1px solid #e5e5e5; }
#breadcrumb-drop li { line-height: 1.85em; }
#breadcrumb-drop li a { display: block; border-bottom: 1px solid #e5e5e5; }
#breadcrumb-drop li a:hover { color: #69a1ec; border-bottom: 1px solid #e5e5e5; }

/* -------------------------------------------------------------------------------------------------------------------------------------  
	FOOTER
------------------------------------------------------------------------------------------------------------------------------------- */

#footer {
	width: 952px;
	height: 100px;
	margin: 0 auto;
	position: relative;
	text-align: left;
}

#footer .brand {
	height: 58px;
	padding: 0 24px 0 24px;
	clear: both;
}

#footer .info {
	height: 42px;
	padding: 0;
	background-color: #edeef3;
}

#footer .legal { padding-left: 18px; line-height: 40px; display: inline; float: left; font-size: .8em; color: #9f9d99; }
#footer .legal a, #footer .legal a:visited { color: #9f9d99; }
#footer .legal a:hover { text-decoration: underline; }

.employee_owned {
	width: 53px;
	height: 33px;
	padding-right: 26px;
	display: block;
	float: left;
	text-indent: -999em;
	background: transparent url(../graphics/icon_employee_owned.gif) 0 0 no-repeat;
}


.usgbc {
	width: 243px;
	height: 37px;
	padding-right: 26px;
	display: block;
	float: right;
	text-indent: -999em;
	background: transparent url(../graphics/icon_usgbc.gif) 0 0 no-repeat;
}

/*
.aia2030 {
	width: 364px;
	height: 42px;
	display: block;
	float: right;
	text-indent: -999em;
	background: transparent url(../graphics/AIA_2030.gif) 0 0 no-repeat;
}

.mseia {
	width: 100px;
	height: 39px;
	display: block;
	float: right;
	text-indent: -999em;
	background: transparent url(../graphics/MSEIA-LOGO.gif) 0 0 no-repeat;
}
*/

.clearfooter {
	height: 100px;
	clear: both;
}

.clearboth { clear: both; height: 1px; width: 100%; }

h2.what_people { width: 204px; height: 11px; display: block; text-indent: -999em; background: transparent url(../graphics/header_people_saying.gif) 0 0 no-repeat; }

/* -------------------------------------------------------------------------------------------------------------------------------------  
	SEARCH
------------------------------------------------------------------------------------------------------------------------------------- */

#body-search { margin: 0; }
#body-search h1 { margin: 0; padding-bottom: .25em; font-size: 1.2em; }

#body-search ul { margin: 1em 0; padding: 0; border-top: 1px solid #e5e5e5; }
#body-search li { width: auto; margin: 0; padding: 0; line-height: 34px; border-bottom: 1px solid #e5e5e5;  }
#body-search li a { padding-left: 17px; display: block; font-weight: bold; background: transparent url(../graphics/bullet_home_link.gif) 0 12px no-repeat; }
#body-search li a:hover { color: #69a1ec; background-color: #f5f9ff; }

#body-search li.one { background: none; }
#body-search li.two { background: none; }

/* -------------------------------------------------------------------------------------------------------------------------------------  
	SITEMAP
------------------------------------------------------------------------------------------------------------------------------------- */

#sitemap { width: 100%; margin: 0; padding: 0; }
#sitemap .col1 { width: 48%; float: left; }
#sitemap .col2 { width: 48%; float: right; }

#sitemap h2 { font-size: 1.3em; line-height: 1.1em; color: #69a1ec; }

#sitemap ul { margin: 0; padding: 0; list-style-type: none; border-top: 1px solid #d5d5d5;  }
#sitemap ul ul { border: none; }
#sitemap li { margin: 1.5em 0; padding: 0 0 1.5em 0; background: none; border-bottom: 1px solid #d5d5d5; }
#sitemap li li { margin: 0; padding: 0; line-height: 2em; border: none; }
#sitemap li li a { font-size: 1em; }

/* -------------------------------------------------------------------------------------------------------------------------------------  
	Header Classes
------------------------------------------------------------------------------------------------------------------------------------- */
 
.header-meet-spiezle, .header-client-solutions, .header-portfolio, .header-sustainable-design, .header-news-events, .header-join-us, .header-contact-us {
	width: 218px;
	height: 18px;
	display: block;
	text-indent: -999em;
}

.header-meet-spiezle { background: transparent url(../graphics/header_meet_spiezle.gif) 0 0 no-repeat; }
.header-client-solutions { background: transparent url(../graphics/header_client_solutions.gif) 0 0 no-repeat; }
.header-portfolio { background: transparent url(../graphics/header_portfolio.gif) 0 0 no-repeat; }

.body-copy { min-height: 300px; margin-top: 30px; }
.body-copy p { margin: 0; padding-bottom: 1.2em; }
.body-copy a { border-bottom: 1px solid #d4d8db; font-weight: bold; }
.body-copy a:hover { color: #69a1ec; background-color: #f5f9ff; }
/* -- body-copy h1 in sIFR stylesheet --*/
.body-copy h2 { margin: 0; padding-bottom: .35em; }
.body-copy ul { margin-bottom: .8em; padding: 0; }
.body-copy li { margin: 0; padding: 0 0 .5em 12px; background: transparent url(../graphics/bullet_body.gif) 0 6px no-repeat; }
.body-copy img { padding: 3px; border: 1px solid #d4d8db; }
.body-copy img.right { margin: 0 0 8px 12px; }
.body-copy img.left { margin: 0 12px 8px 0; }
.body-copy img.firmnews { margin-top: 2em; }
.body-copy hr { width: 100%; height: 1px; margin: 0; padding-top: 6px; border: none; border-bottom: 1px solid #d4d8db; }

.body-copy .colone { width: 200px; margin-right: 12px; float: left; }
.body-copy .coltwo { width: 400px; float: left; }

.body-copy .colone-alt { width: 380px; margin-right: 12px; float: left; }
.body-copy .coltwo-alt { width: 180px; padding: 20px; float: right; background-color: #f6f5fa; }
.body-copy .coltwo-alt ul { margin-top: -1em; padding: 0; border-top: 1px dotted #d5d5d5; }
.body-copy .coltwo-alt li { display: block; margin: 0; padding: 0 0 0 12px; line-height: 30px; border-bottom: 1px dotted #d5d5d5; background: transparent url(../graphics/bullet_body.gif) 0 12px no-repeat; }
.body-copy .coltwo-alt li a { padding: 0; display: block; border: none; }
.body-copy .coltwo-alt li a:hover { background-color: #f5f9ff; }
.body-copy .current-job { width: 180px; height: 14px; display: block; text-indent: -999em; background: transparent url(../graphics/header_current_opportunities.gif) 0 0 no-repeat; }

.body-copy .form-colone { width: 190px; margin-right: 10px; padding-top: 4px; float: left; text-align: right; font-size: .85em; line-height: 1.4em; font-weight: bold; }
.body-copy .form-coltwo { width: 260px; float: left; }

.body-copy-sustainable { margin: 30px 0 0 0; min-height: 70px; }

#body-reveal-one { display: none; }

ul.contactform { margin: 0; }
ul.contactform li { margin: 0; background: none; }
ul.contactform li.single { height: 30px; }
ul.contactform li.auto { height: 1.1em; }
ul.contactform li.formsubmit { height: 20px; padding-top: 16px; }

.left { float: left; }
.right { float: right; }

.leftcallout { margin: 0 24px 1px 0; float: left; }
.joincaption { margin-bottom: 1em; padding: .5em 0 1em 0; display: block; clear: both; font-size: .8em; font-weight: bold; border-bottom: 1px solid #d4d8db; }

/* -------------------------------------------------------------------------------------------------------------------------------------  
	CURRENT BIDDING
------------------------------------------------------------------------------------------------------------------------------------- */

.current_bidding { margin: 0; padding: 1em 0; border-bottom: 1px solid #d4d8db; }

.current_bidding p, h1, h2 { margin: 0; padding: 0; }

.current_bidding ul { margin-bottom: 1.5em; padding: 0; }
.current_bidding li { margin: 0; padding-top: .4em; background: none; clear: both; }

.current_bidding .title { width: 150px; margin-right: 16px; float: left; text-align: right; font-size: .7em; font-weight: bold; text-transform: uppercase; }
.current_bidding .info { width: 440px; padding-bottom: .4em; float: left; border-bottom: 1px dotted #e5e5e5; }

/* -------------------------------------------------------------------------------------------------------------------------------------  
	NEWS & EVENTS
------------------------------------------------------------------------------------------------------------------------------------- */

.news_events { margin-bottom: 2em; padding-bottom: 1em; border-bottom: 1px solid #d4d8db; }
.news_events p { margin: 0; padding-bottom: .5em; }
.news_events h2, .news_events h2 a { font-size: 1.1em; line-height: 1.6em; }
.news_events h2 a { margin-bottom: 1em; border: none; }
.news_events .callout { width: 250px; font: 1.1em/1.5em Georgia, Times New Roman, Serif; font-weight: bold; }
.news_events .date { font: 1em/2em Georgia, Times New Roman, serif; font-weight: bold; display: block; color: #949494; }
.news_events .continue { padding-left: 17px; line-height: 3em; border: none; text-decoration: underline; background: transparent url(../graphics/bullet_home_link.gif) 0 3px no-repeat; }

/* -------------------------------------------------------------------------------------------------------------------------------------  
	SEARCH / INFO BUTTONS
------------------------------------------------------------------------------------------------------------------------------------- */

.searchtitle { width: 58px; margin: 0; padding: 0; height: 17px; display: block; float: left; text-indent: -999em;
	background: transparent url(../graphics/search_title.gif) 0 1px no-repeat;
}

.searchbox { width: 120px; height: 15px; margin: 0; padding: 0; display: block; float: left; border: 1px solid #d9dadf; }

.searchbutton { width: 32px; height: 17px; margin: 0; padding: 0; display: block; float: left; overflow: hidden; text-indent: -999em; cursor: pointer; border: 0;
	background: transparent url(../graphics/button_go.gif) 0 0 no-repeat;
}

.searchbutton:hover { background: transparent url(../graphics/button_go.gif) 0 -17px no-repeat; }

.info_sitemap a { width: 87px; height: 42px; display: block; float: left; overflow: hidden; text-indent: -999em; border-right: 1px dotted #c1c2c9; background: transparent url(../graphics/info_sitemap.gif) 0 0 no-repeat; }
.info_sitemap a:hover { background-position: 0px -42px; }

.info_contact a { width: 103px; height: 42px; display: block; float: left; overflow: hidden; text-indent: -999em; border-right: 1px dotted #c1c2c9; background: transparent url(../graphics/info_contact.gif) 0 0 no-repeat; }
.info_contact a:hover { background-position: 0px -42px; }

.info_current_bidding a { width: 137px; height: 42px; display: block; float: left; overflow: hidden; text-indent: -999em; border-right: 1px dotted #c1c2c9; background: transparent url(../graphics/info_current_bidding.gif) 0 0 no-repeat; }
.info_current_bidding a:hover { background-position: 0px -42px; }

.info_client_login a { width: 127px; height: 42px; display: block; float: right; overflow: hidden; text-indent: -999em; border-left: 1px dotted #c1c2c9; background: transparent url(../graphics/info_client_login.gif) 0 0 no-repeat; }
.info_client_login a:hover { background-position: 0px -42px; }

.extend a { padding-left: 16px; font-size: .9em; font-weight: bold; border-bottom: 1px solid #ffffff; background: transparent url(../graphics/bullet_arrow.gif) 0 2px no-repeat; }
.extend a:hover { border-bottom: 1px solid #d4d8db; background-color: #e7f1ff; }

.external { border-bottom: 1px solid #d4d8db; }
.external:hover { background-color: #def6c5; }

.nextproject a { width: 90px; height: 15px; display: block; float: left; overflow: hidden; text-indent: -999em; background: transparent url(../graphics/button_next_project.gif) 0 0 no-repeat; }
.nextproject a:hover { background-position: 0 -15px; }

.prevproject a { width: 90px; margin-right: 6px; height: 15px; display: block; float: left; overflow: hidden; text-indent: -999em; background: transparent url(../graphics/button_prev_project.gif) 0 0 no-repeat; }
.prevproject a:hover { background-position: 0 -15px; }

.submit { width: 58px; height: 18px; display: block; overflow: hidden; text-indent: -999em; border: 0; cursor: pointer; background: transparent url(../graphics/button_submit.gif) 0 0 no-repeat; }
.submit:hover { background-position: 0 -18px; }

#rotating { width: 246px; height: 266px; float: right; background: #fff; position: relative; z-index: 0; }
#rotating img { margin: 0 0 8px 12px; padding: 3px; border: 1px solid #d4d8db; background-color: #fff; }

/* -------------------------------------------------------------------------------------------------------------------------------------  
	ICONS, ETC.
------------------------------------------------------------------------------------------------------------------------------------- */

.pdf { height: 24px; padding-left: 22px; display: block; font-weight: bold; background: transparent url(../graphics/icon_pdf.png) 0 0 no-repeat; }
.pdf a { border-bottom: 1px solid #d4d8db; }
.pdf a:hover { color: #69a1ec; background-color: #f5f9ff; }

/* -------------------------------------------------------------------------------------------------------------------------------------  
	PORTFOLIO / GALLERIA
------------------------------------------------------------------------------------------------------------------------------------- */

#portfolio-wrap { margin: 0; padding: 18px 0 18px 0; clear: both; }

#portfolio-wrap .top { height: 28px; }

#portfolio-wrap .thumbs { width: 149px; float: right; }
#portfolio-wrap .thumbs img { margin: -1px 0 0 0; padding: 0; border: 1px solid #d4d8db; }

#main_image { width: 464px; height: 372px; padding-top: 12px; text-align: center; float: left; display: block; border: 0; background-color: #edeef3; }
#main_image img { padding: 3px; background-color: #fff; border: 0; }

#project-notes { width: 464px; margin: 0; padding-top: 8px; clear: both; }

#project-notes .details-button a { padding-left: 17px; background: transparent url(../graphics/bullet_arrow.gif) 0 2px no-repeat; }
#project-notes .details-button a:hover, #project-notes .details-button a:focus { color: #69a1ec; }

#project-notes-reveal {
	width: 464px;
	margin: 0;
	padding-top: .8em;
	border-bottom: 1px solid #d4d8db;
	font-size: .9em;
	background-color: #fff;
	display: none;
}

#project-notes-reveal p { padding-bottom: .75em; }
#project-notes-reveal .close a { width: 40px; height: 14px; margin-top: .5em; display: block; text-indent: -999em; background: transparent url(../graphics/button_close.gif) }


.galleria { height: 42px; list-style: none; }
.galleria li{ margin: 0 6px 6px 0; display: block; width:40px;height:40px;overflow:hidden; float: left; border: 1px solid #d4d8db;  }
.galleria li a{display:none}
.galleria li div{position:absolute;display:none;top:0;left:180px}
.galleria li div img{cursor:pointer}
.galleria li.active div img,.galleria li.active div{display:block;}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
.galleria li .caption { display:none; padding: 0; }

* html .galleria li div span{width:400px;} /* MSIE bug */

/* -- Category Listing Page --*/

#project-preview { margin-top: 30px; clear: both; }
#project-preview .title { background: transparent url(../graphics/bullet_project.gif) 0 3px no-repeat; }
#project-preview img { border: 1px solid #d9dadf; padding: 3px; }
#project-preview img:hover { background: #e7f1ff; }

h1.project { margin: 10px 0 0 18px; line-height: 1.2em; font-size: 1em; }
h1.project a:hover { color: #69a1ec; text-decoration: underline; }

/* -------------------------------------------------------------------------------------------------------------------------------------  
	PORTFOLIO PAGINATION
------------------------------------------------------------------------------------------------------------------------------------- */

#portfoliolinks { min-height: 1px; margin: 5em 0 2em 0; display: block; clear: both; }

#portfoliolinks .prev a, #portfoliolinks .next a { width: 96px; height: 15px; display: block; overflow: hidden; text-indent: -999em; }

#portfoliolinks .prev a:link { background: transparent url(../graphics/button_portfolio_prev.gif) 0 0 no-repeat; }

/* -------------------------------------------------------------------------------------------------------------------------------------  
	BREADCRUMB
------------------------------------------------------------------------------------------------------------------------------------- */

#breadcrumb { margin-top: 5em; display: block; clear: both; padding-left: 10px; line-height: 18px; border-top: 1px solid #d4d8db; }
#breadcrumb p { margin: 0; }
#breadcrumb a:hover { border-bottom: 1px solid #69a1ec; background-color: #e7f1ff; }
#breadcrumb .current { color: #69a1ec; }
#breadcrumb .divider { width: 26px; height: 18px; display: inline-block; text-indent: -999em; background: transparent url(../graphics/breadcrumb_divider.gif) 0 0 no-repeat; }

/* -------------------------------------------------------------------------------------------------------------------------------------  
	PAGINATION LINKS
------------------------------------------------------------------------------------------------------------------------------------- */

#pagination-links { padding-top: 40px; clear: both; }
#pagination-links ul { margin-left: 0; padding-left: 0; float: left; }
#pagination-links li { margin-right: 3px; padding: 0; line-height: 15px; text-align: center; display: block; float: left; background: none; }
#pagination-links li#li-open {}
#pagination-links li#li-close {}
#pagination-links ul a { padding: 0 3px 0 3px; border: 1px solid #e2e6e7;  }
#pagination-links b { padding: 0 3px 0 3px; border: 1px solid #e2e6e7;  }
#pagination-links li#end-pagination b {}
#pagination-links li#end-pagination a {}
#pagination-links .next a { width: 48px; height: 15px; display: block; border: 0; text-indent: -999em; background: transparent url(../graphics/button_next.gif); }
#pagination-links .prev a { width: 48px; height: 15px; display: block; border: 0; text-indent: -999em; background: transparent url(../graphics/button_prev.gif); }
#pagination-links a:hover { background-color: #edeef3; }
#pagination-links .current { color: #fff; background-color: #d4d8db; }

/* -------------------------------------------------------------------------------------------------------------------------------------  
	History Vertical Slider
------------------------------------------------------------------------------------------------------------------------------------- */


#calendar {
	height: 540px;
	overflow: hidden;
	color: #333;
}

#calendar dd.month_holder { margin: 0; overflow: hidden; background: #fff; height: 380px;}

.history_wrap {margin: 20px auto 0 auto; width: 620px;}

.a2000s, .a1990s, .a1980s, .a1970s, .a1960s, .a1950s {width: 620px; height: 22px; background: #edeef3; display: block; margin-top: 1px; margin-bottom: 1px;}

.a2000s:hover, .a1990s:hover, .a1980s:hover, .a1970s:hover, .a1960s:hover, .a1950s:hover {background: #f2f3f7;}

.a2000s img, .a1990s img, .a1980s img, .a1970s img, .a1960s img, .a1950s img {border: 0; margin-top: 2px;}

.a2000s {background: #edeef3 url(http://spiezle.d4staging.com/graphics/2000s.gif) 3px 5px no-repeat;}
.a2000s:hover {background: #f2f3f7 url(http://spiezle.d4staging.com/graphics/2000s_hover.gif) 3px 5px no-repeat;}

.a1990s {background: #edeef3 url(http://spiezle.d4staging.com/graphics/1990s.gif) 3px 5px no-repeat;}
.a1990s:hover {background: #f2f3f7 url(http://spiezle.d4staging.com/graphics/1990s_hover.gif) 3px 5px no-repeat;}

.a1980s {background: #edeef3 url(http://spiezle.d4staging.com/graphics/1980s.gif) 3px 5px no-repeat;}
.a1980s:hover {background: #f2f3f7 url(http://spiezle.d4staging.com/graphics/1980s_hover.gif) 3px 5px no-repeat;}

.a1970s {background: #edeef3 url(http://spiezle.d4staging.com/graphics/1970s.gif) 3px 5px no-repeat;}
.a1970s:hover {background: #f2f3f7 url(http://spiezle.d4staging.com/graphics/1970s_hover.gif) 3px 5px no-repeat;}

.a1960s {background: #edeef3 url(http://spiezle.d4staging.com/graphics/1960s.gif) 3px 5px no-repeat;}
.a1960s:hover {background: #f2f3f7 url(http://spiezle.d4staging.com/graphics/1960s_hover.gif) 3px 5px no-repeat;}

.a1950s {background: #edeef3 url(http://spiezle.d4staging.com/graphics/1950s.gif) 3px 5px no-repeat;}
.a1950s:hover {background: #f2f3f7 url(http://spiezle.d4staging.com/graphics/1950s_hover.gif) 3px 5px no-repeat;}

#calendar  .active #a2000_wrap{
background: transparent url(http://spiezle.d4staging.com/graphics/2000s_active.gif) 3px 5px no-repeat; width: 60px; height: 22px;}

#calendar  .active #a1990_wrap{
background: transparent url(http://spiezle.d4staging.com/graphics/1990s_active.gif) 3px 5px no-repeat; width: 60px; height: 22px;}

#calendar  .active #a1980_wrap{
background: transparent url(http://spiezle.d4staging.com/graphics/1980s_active.gif) 3px 5px no-repeat; width: 60px; height: 22px;}

#calendar  .active #a1970_wrap{
background: transparent url(http://spiezle.d4staging.com/graphics/1970s_active.gif) 3px 5px no-repeat; width: 60px; height: 22px;}

#calendar  .active #a1960_wrap{
background: transparent url(http://spiezle.d4staging.com/graphics/1960s_active.gif) 3px 5px no-repeat; width: 60px; height: 22px;}

#calendar  .active #a1950_wrap{
background: transparent url(http://spiezle.d4staging.com/graphics/1950s_active.gif) 3px 5px no-repeat; width: 60px; height: 22px;}

#calendar td{
	cursor:pointer;
}

.history_info_div {width: 300px; height: 105px; margin-left: 5px; background: #fff; float: left;margin-top: 20px;}

.history_info_div .spiezle_history_image_div {float: left; width: 84px; height: 84px; border-right: 1px solid #ccc;}

.history_info_div .spiezle_history_image_div a img {padding: 0; border: 1px solid #ccc;}

.history_info_div .spiezle_history_date_div {float: left; width: 200px; height: 17px; margin-left: 8px;}

.history_info_div .spiezle_history_date_div img {border: 0;}

.history_info_div .spiezle_history_copy_div {float: left; margin-left: 12px; width: 200px;}

.colLeft {
	margin-left: 20px;
}