/* @group COMMON EXPRESSIONS & STRUCTURE */

@font-face {
	font-family: 'Avenir';
	src: url('/media/typekit-av/avenirltstd-heavy-avenir.eot');
	src: local('☺'), url('/media/typekit-av/avenirltstd-heavy-avenir.woff') format('woff'), url('/media/typekit-av/avenirltstd-heavy-avenir.svg#webfontKMPU6OaJ') format('svg');
	font-weight: normal;
	font-style: normal;
}


html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, a, em, font, img, small, b, u, i, strong, center, ol, ul, li, fieldset, form, label, legend, caption {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}


body {
	background-color: #d6d6d6;
	background-image: url(../woho-img/bg.gif);
	height: 100%;
}

.logo {
	z-index: 500;
	position: fixed;
	left: 30px;
	top: 0;
}

.drop {

	-moz-box-shadow: 3px 3px 3px #ababab;
	-webkit-box-shadow: 3px 3px 3px #ababab;
	box-shadow: 3px 3px 3px #ababab;
}

img {
	border: none;
}

.clear {
	clear: both;
}

div.wrapper {
	width: 1000px;
	background-color: #fff;
	padding-left: 247px;
	border-right: 1px solid #dddddd;
	height: 100%;
}

div#content {
	border-left: 1px solid #dddddd;
	padding-top: 40px;
	min-height: 800px;
}

div#sidebar {
	width: 245px;
	float: left;
	margin-left: 35px;
}

div#page-content {
	width: 460px;
	float: left;
	margin-left: 65px;
	padding-bottom: 100px;
	position: relative;
}

body.overview div#page-content {
	width: 700px;
	float: left;
	margin-left: 65px;
	padding-bottom: 60px;
}

/* @end */

/* @group HOME */

div#page-content.home {
	width: 800px;
	margin-left: 40px;
}

.feature {
	float: left;
	margin: 0 40px 40px 0;
}

.size1 {
	width: 290px;
		min-height: 390px;
}

.size2 {
	width: 400px;
	min-height: 390px;
}

.size3 {
	
}

.feature div.title {
	padding: 3px 30px 3px 5px;
	background-color: #3e3e35;
	font: normal 11px/18px Verdana, "Lucida Grande", Lucida, sans-serif;
	color: #fff;
	display: inline-block;
}

.feature h2 {
	font: 16px/20px Avenir, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	margin: 0px 0 5px 0;
	text-transform: uppercase;
	letter-spacing: 0.05em;
}

.size2 .homeslide img {
    height: 160px;
    width: auto!important;   
}


/* @end */



/* @group PAGE CONTENT */

h1 {
	font: 32px/40px Avenir, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	margin: 0 0 50px 0;
	text-transform: uppercase;
	letter-spacing: 0.05em;
}

h1.dg-page-h1 {
	margin-top: 45px;
}

div#sidebar div.intro p {
	font: 17px/25px Georgia, "Times New Roman", Times, serif;
	margin: 0 0 15px 0;
	width: 250px;
}

h3.submenu {
	font: 14px/23px Avenir, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	padding: 0 0 2px 0;
	margin: 0 0 8px 0;
	text-transform: uppercase;
	letter-spacing: 0.05em;
}


div#secondary h3 {
	font: 14px/23px Avenir, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	border-bottom: 1px dotted #000;
	padding: 0 0 2px 0;
	margin: 25px 0 8px 0;
	text-transform: uppercase;
	letter-spacing: 0.05em;
}

div#secondary h4 {
	font: bold 11px/17px Verdana, "Lucida Grande", Lucida, sans-serif;
	margin-bottom: 0;
	margin-top: 10px;
}

div#secondary h4 a {
	text-decoration: none;
}

div#secondary {
	font: 11px/17px Verdana, "Lucida Grande", Lucida, sans-serif;
	margin-top: 60px;
}

div#page-content p, div.precedents-intro p {
	font: 11px/17px Verdana, "Lucida Grande", Lucida, sans-serif;
	margin: 0 0 12px 0;
}

div#page-content ol, div#page-content ul {
	font: 11px/17px Verdana, "Lucida Grande", Lucida, sans-serif;
	margin: 0 0 12px 0;
	list-style-position: inside;
}


body.select-bibliography div#page-content p {
	margin-bottom: 10px;
}

div#page-content h3 {
	font: bold 13px/20px Arial, "Helvetica Neue", Helvetica;
	margin: 25px 0 15px 0;
}

div#page-content h3:first-child {
	margin-top: 0!important;
}

div#page-content h4 {
	font: bold 13px/20px Arial, "Helvetica Neue", Helvetica;
	margin: 25px 0 15px 0!important;
}

body.service div#page-content h3 {
	border-bottom: 1px dotted #363636;
	font-family: Avenir, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-weight: normal;
	font-style: normal;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	margin: 25px 0 20px 0;
}

div.intro p {
	font: 16px/23px Georgia, "Times New Roman", Times, serif!important;
	width: 500px;
	margin-bottom: 40px;
}


/* @end */

/* @group PRECEDENTS BROWSER */

div#precedents-browser {
	padding-left: 35px;
	width: 910px;
	padding-bottom: 80px;
}

div.precedents-intro {
	margin-bottom: 40px;
}

div.precedents-intro p {
	width: 430px;
}

div#precedent-filters {
	width: 910px;
	margin-bottom: 10px;
}

div#precedent-filters div.filterby {
	float: left;
	width: 109px;
	font: 10px Verdana, "Lucida Grande", Lucida, sans-serif;
	padding-top: 23px;
}

div#precedent-filters div.filter {
	float: left;
	margin-right: 30px;
}

div.filter select {
	width: 180px;
	border: 1px solid silver;
	padding: 2px;
	background: url(../woho-img/filter-bg-2.gif) no-repeat;
}

div.filter span.filter {
	display: block;
	font: 10px Verdana, "Lucida Grande", Lucida, sans-serif;
	color: gray;
	margin-top: 8px;
}
div.filter span.filter a {
	color: red;
}

div.filter label {
	display: block;
	font: 10px Verdana, "Lucida Grande", Lucida, sans-serif;
	color: gray;
	margin-bottom: 5px;
}


table.precedents td  {
	border-bottom: 1px dotted black!important;
	padding: 6px;
	vertical-align: top;
}

table.precedents td.image {
	padding-left: 0;
}

table.precedents td.filter-h {
	border-top: 1px #000 dotted;
}

table.precedents h4 {
	margin-top: 0;
}

table.precedents a {
	color: #546d89;
}

th.sort {
	text-align: left;
	font-weight: normal;
	font-style: normal;
}

th.name, th.date, th.location, th.architect {
	background-color: #dadada;
	font: bold 10px Verdana, "Lucida Grande", Lucida, sans-serif;
	color: #8a8a8a;
	text-align: left;
	padding: 6px 0 6px 5px;
	border-left: 1px solid #fff;
}

th.name {
	width: 360px;
}

th.date {
	width: 80px;
}

th.architect {
	width: 170px;
}

th.location {
	width: 170px;
}

table#precedents_list {
	font: normal 10px Verdana, "Lucida Grande", Lucida, sans-serif;
}

p.return {
	font: normal 10px Verdana, "Lucida Grande", Lucida, sans-serif;
	border-bottom: 1px dotted black;
	padding-bottom: 8px;
	margin-bottom: 25px;
}

p.return a {
	color: #546d89;
	text-decoration: none;
}

.preced {
	border-bottom: 1px dotted black;
	padding-bottom: 5px;
}

div#page-nav {
	font: 11px Verdana, "Lucida Grande", Lucida, sans-serif;
	padding-bottom: 60px;
	margin-top: 10px;
}

div#page-nav a {
	color: gray;
	text-decoration: none;
	margin-right: 5px;
}



/* @end */

/* @group FOOTER */


div.logos {
	margin-right: 10px;
}

div.credits {
	padding-top: 20px;
	margin-left: 10px;
}

div#footer {
	font: 11px Verdana, "Lucida Grande", Lucida, sans-serif;
	color: silver;
	margin-left: 25px;
	padding-bottom: 40px;
}

div#footer a {
	color: silver;
}

.ci {
	margin-left: 9px;
}

/* @end */






/* @group MENU */

div#search-form {
	position: fixed;
	left: 16px;
	top: 590px;
	z-index: 1;
}

div#search-form input {
	float: left;
}

input.lookup {
	margin-top: 2px;
	margin-left: 4px;
}

div.heurtebise {
	width: 560px;
	height: 610px;
	position: fixed;
	left: 0px;
	top: 0;
	z-index: 100;
	display: none;
}

ul#menu {
	position: fixed;
	z-index: 1000;
	left: 16px;
	top: 210px;
	padding-top: 50px;
	width: 247px;
}

ul#menu a {
	text-decoration: none;
	color: #2b2b2b;
}

ul#menu li.parent {
	text-transform: uppercase;
	font: 13px Avenir, Geneva, Tahoma, Arial;
	letter-spacing: 0.06em;
	list-style-type: none;
	position: relative;
	width: 230px;
}

ul#menu li.parent a {
	color: #303030;
	display: block;
	height: 30px;
}

ul#menu li.parent a:hover, ul#menu li a.over {
	color: #fff;
}


ul#menu li ol {
	display: none;
	position: absolute;
	width: 300px;
	left: 190px;
	top: -95px;
	font: 15px/25px Georgia, "Times New Roman", Times, serif;
	text-transform: lowercase;
	list-style-type: none;
	letter-spacing: normal;
	padding: 30px 20px 30px 40px;
}

ul#menu li ol li {
	border-bottom: 1px dotted #fff;
}

ul#menu li ol li a {
	display: inline;
	color: #fff!important;
}

ul#menu li ol li a:hover {
	text-decoration: underline;
}

ol#submenu {
	list-style-type: none;
	font: 11px Verdana, "Lucida Grande", Lucida, sans-serif;
	margin-bottom: 40px;
}

ol#submenu a {
	text-decoration: none;
	color: #3c3c3c;
	display: block;
	padding: 4px 0;
	border-bottom: 1px dotted #3c3c3c;
}

.h-subscribe {
	font: 13px Avenir, Geneva, Tahoma, Arial;
	padding-top: 10px;
	text-transform: uppercase;
	letter-spacing: 0.05em;
}

.h-subscribe a {
	text-decoration: none;
	color: #aab0a1;
}


/* @end */

/* @group MULTIMEDIA ELEMENTS */

p.slide_caption {
	font-size: 10px;
	color: #6c6c6c;
	width: 400px;
}

div.imgbox {
	margin-bottom: 15px;
}

div.slide-nav {
	font: 10px Verdana, "Lucida Grande", Lucida, sans-serif;
	margin-bottom: 15px;
}

div.slide-nav a {
	color: #6c6c6c!important;
	text-decoration: none;
}

div.slide-nav .paginator {
	margin-left: 10px;
}

div.slide-nav .paginator a {
	margin-right: 5px;
}

/* @end */

/* @group PATTERN BOOK */


.woho_type_group{
    display: block;
    clear: both;
}


.woho_type_group div.title{
    display: inline-block;
    width: 200px;
    height: 95px;
    float: left;
}

.woho_type_group div.icons{
    display: inline-block;
    margin-bottom: 30px;
}



.woho_type{
    display: inline-block;
    float: left;
    margin: 5px 10px 4px 0;
    height: 60px;
    width: 80px;
    position: relative;
    
}

.woho_type.highlighted {cursor: crosshair;}

.woho_type_zoom {
    position: absolute;
    display: none;
    float: left; 
    top: -125px;
    left: -100px;
    min-height: 200px;
    width: 200px;
    z-index: 2000;
    cursor: default;
	font: 11px/15px Verdana, "Lucida Grande", Lucida, sans-serif;
	color: #fff!important;
	padding-bottom: 10px;
}

.woho_type_zoom h3 {
	text-transform: uppercase;
	padding-left: 10px;
	margin: 10px 0 5px 0!important;	
}

.woho_type_zoom h4 {
	font-weight: normal;
	font-style: normal;
	margin: 3px 0 5px 0;
	border-bottom: 1px dotted #fff;
	padding: 0 0 0 10px;
	color: #fff!important;
}

.woho_type_zoom p.categories span {
	color: #ffaf78;
}

.woho_type_zoom p {
	padding-left: 10px;
}

.woho_type_zoom a {
	font: 15px Avenir, Geneva, Tahoma, Arial;
	text-decoration: none;
	text-transform: uppercase;
	margin-left: 10px;
	padding: 3px 0 3px 6px;
	background-color: #fff;
	width: 170px;
	display: block;
	letter-spacing: 0.05em;
}

.woho_type_zoom a:hover {
	background-color: #ff4800;
	color: #fff!important;
}


#woho_types{
    display: inline-block;
    width: 100%;
}

#woho_types h2 {
	font: 15px Avenir, Geneva, Tahoma, Arial;
	border-bottom: 1px dotted #000;
	text-transform: uppercase;
	padding-bottom: 8px;
	margin-bottom: 15px;
}

a.selected_filter{
    background-color: #dedede;
}

div.h-precedents, div.block-plan {
	margin-top: 30px;
	margin-bottom: 30px;
	font: 11px/18px Verdana, "Lucida Grande", Lucida, sans-serif;
}

div.h-precedents ol {
	color: gray;
	margin-top: 10px;
	list-style-image: url(../woho-img/bullet.gif);
}

div.h-precedents ul {
	color: gray;
	margin-top: 10px;
	list-style-type: none;
}

div.h-precedents a {
	color: gray;
	text-decoration: none;
}

div.back {
	border-bottom: 1px dotted #000;
	padding-bottom: 6px;
	font: 11px/18px Verdana, "Lucida Grande", Lucida, sans-serif;
	margin-bottom: 30px;
}

div.back a {
	color: gray!important;
	text-decoration: none;
}

div.sketchup {
	font: 11px/18px Verdana, "Lucida Grande", Lucida, sans-serif;
}

div.sketchup a {
	color: #000;
}

div.sketchup h3 {
	border-bottom: 1px dotted #000;
	padding-bottom: 6px;	
}

body.patternbook div#page-content h4 {
	color: gray;
	margin: 0!important;
	font-weight: normal;
	font-style: normal;
	font: 11px/18px Verdana, "Lucida Grande", Lucida, sans-serif;
}

p.cats {
	margin-top: 0;
}


div#cat-filters {
	width: 100%;
	margin-bottom: 30px;
}

div#cat-filters div h3 {
	margin: 0;
	color: gray;
	font: 10px/18px Verdana, "Lucida Grande", Lucida, sans-serif;
}

div#cat-filters div {
	float: left;
	font: 10px/18px Verdana, "Lucida Grande", Lucida, sans-serif;
	margin-right: 17px;
}

div#cat-filters a {
	display: block;
	text-decoration: none;
}

body.overview div#page-content {
	width: 860px;
}

div.filter-by {
	border-bottom: 1px dotted #000;
	padding-bottom: 4px;
	margin-bottom: 5px;
	font: 10px/18px Verdana, "Lucida Grande", Lucida, sans-serif;
	color: #000;
}

/* TABLE */


table#woho_types thead {
	background-color: silver;
	font: bold 11px/18px Arial, "Helvetica Neue", Helvetica;
}

table#woho_types thead th {
	padding: 2px 10px 2px 10px;
	color: gray;
	border-bottom: 1px dotted #000;
	margin-bottom: 5px;
}

th.pattern {
	width: 506px;
	text-align: right;
}

th.group {
	text-align: left;
	border-right: 1px solid #fff;
}

td.pattern-name {
	width: 250px;
	font: normal 14px/18px Avenir, Arial, "Helvetica Neue", Helvetica;
	text-transform: uppercase;
	letter-spacing: 0.05em;
}

td.pattern-name span {
	padding: 10px 10px 0 0;
}

td.pattern-icons {
	padding-left: 10px;
}

table#woho_types tbody {
	padding-top: 20px;
}


.spacer {
	height: 10px;
}


.pattern-intro {
	width: 500px;
	margin-bottom: 40px;
}

div#flash-window {
	position: absolute;
	left: 30%;
	top: 30%;
	z-index: 20;
	width: 700px;
	height: 500px;
	background-color: #fff;
	background-image: url(../woho-img/bg.gif);
	display: none;
}

div#flash-window h3 {
	color: #fff;
	font: normal 14px/18px Avenir, Arial, "Helvetica Neue", Helvetica;
	background-color: #f86601;
	padding: 4px 0 4px 7px;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	
}

div#flash-window div.close {
	position: absolute;
	right: 10px;
	top: 7px;
	font: 10px Verdana, "Lucida Grande", Lucida, sans-serif;
}

div#flash-window div.close a {
	color: #fff;
	text-decoration: none;
}

div#flash-window div.close a:hover {
	text-decoration: underline;
}

/* @end */

/* @group DESIGN GUIDE BROWSER */

div.dg-browser {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 30;
}

div.dg-browser ul {
	position: absolute;
	left: 0;
	top:28px;
	display: none;
	list-style-type: none;
	margin: 15px 0 0 0;
	border-top: 1px solid #c575c0;
}

div.dg-browser ul a {
	color: #fff!important;
	display: block;
	padding: 5px 0 5px 10px;
	border-bottom: 1px solid #c575c0;
	text-decoration: none;
	width: 400px;
	background-color: #9b3995
}

div.dg-browser ul a:hover {
	background-color: #c575c0;
}

div.dg-browser a.dg-trigger {
	display: block;
	width: 400px;
	color: #fff!important;
	text-decoration: none;
	padding: 5px 0 5px 10px;
	font: normal 10px/18px Verdana, "Lucida Grande", Lucida, sans-serif;
	margin: 0!important;
	background: #9b3995 url(../woho-img/drop-arrow.gif) no-repeat 380px 8px;
}

div#dg-links a {
	float: left;
	width: 120px;
	padding: 5px 0 5px 10px;
	margin-right: 10px;
	font: 13px/18px Avenir, Verdana, "Lucida Grande", Lucida, sans-serif;
	background-color: #9b3995;
	color: #fff!important;
	text-transform: uppercase;
	text-decoration: none;
	letter-spacing: 0.06em;
}

ul.dg-sidebar {
	list-style-type: none;
	margin: 0;
}

ul.dg-sidebar a {
	color: #6c6c6c;
	text-decoration: none;
}

ul.dg-sidebar a:hover {
	color: #9b3995;
}


/* @end */







/* @group COLOR CHANGES */

body.home .heurtebise { background-color: #4aab5d; }
.h-subscribe a:hover { color: #4aab5d; }

body.publications .heurtebise { background-color: #000; }
body.publications h1, body.publications h3.submenu, body.publications div#secondary h3,
body.publications div#secondary p a, div#secondary h4 a,  body.publications div#page-content a
{ color: #000; }

body.research .heurtebise { background-color: #4c3f47; }
body.research h1, body.research h3.submenu, body.research div#secondary h3,
body.research div#secondary p a, div#secondary h4 a,  body.research div#page-content a
{ color: #4c3f47; }

body.explore .heurtebise { background-color: #4c3f47; }
body.explore h1, body.explore h3.submenu, body.explore div#secondary h3,
body.explore div#secondary p a, div#secondary h4 a,  body.explore div#page-content a
{ color: #4c3f47; }

body.patternbook .heurtebise, .woho_type_zoom  { background-color: #f86601; }
body.patternbook h1, body.patternbook h3.submenu, body.patternbook div#secondary h3,
body.patternbook div#secondary p a, div#secondary h4 a, body.patternbook div#page-content a,
#woho_types h2, div.cat-filters div a, td.pattern-name
{ color: #f86601; }

body.history .heurtebise { background-color: #3e596d; }
body.history h1, body.history h3.submenu, body.history div#secondary h3,
body.history div#secondary p a, div#secondary h4 a, body.history div#page-content a,
div#page-nav a:hover
{ color: #3e596d; }

body.policy .heurtebise { background-color: #7a4343; }
body.policy h1, body.policy h3.submenu, body.policy div#secondary h3,
body.policy div#secondary p a, div#secondary h4 a, body.policy div#page-content a
{ color: #7a4343; }

body.design-guide .heurtebise { background-color: #9b3995; }
body.design-guide h1, body.design-guide h3.submenu, body.design-guide div#secondary h3,
body.design-guide div#secondary p a, div#secondary h4 a, body.design-guide div#page-content a
{ color: #9b3995; }

body.service .wrapper { background-color: #dadcce; }
body.service .heurtebise { background-color: #9ea381; }
body.service h1, body.service h3.submenu, body.service div#secondary h3,
body.service div#secondary p a, div#secondary h4 a, body.service div#page-content a
{ color: #363636; }

body.research .heurtebise { background-color: #3b8a9e; }
body.research h1, body.research h3.submenu, body.research div#secondary h3,
body.research div#secondary p a, div#secondary h4 a, body.research div#page-content a
{ color: #3b8a9e; }

body.blog .heurtebise { background-color: #9b3995; }
body.blog h1, body.blog h3.submenu, body.blog div#secondary h3,
body.blog div#secondary p a, body.blog div#secondary h4 a, body.blog div#page-content a
{ color: #9b3995; }

/* @end */


/* @group GOOGLE SEARCH API */

div#cse {
	font-family: Arial, "Helvetica Neue", Helvetica;
}

div.gsc-tabsArea {
	display: none;
}

div.gsc-resultsRoot {
	margin-top: 10px;
	border: none!important;
}

td.gsc-input {
	background-image: none;
}

.gsc-input input {
	height: 21px;
	width: 300px;
	font-size: 14px;
	padding-top: 4px;
	padding-left: 4px;
	border: 1px solid silver;
	background-image: none;
	margin-top: 1px;
}

.gsc-branding-text, .gsc-branding-img {
	display: none;
}

table.gsc-search-box {
	margin-bottom: 30px;
}

table.gsc-resultsHeader {
	display: none;
}

div.gsc-tabsAreaInvisible {
	display: none;
} 

.gsc-adBlockInvisible {
	display: none;
}


.gs-visibleUrl-short {
	display: none;
}

.gs-visibleUrl {
	color: gray;
}

div.gsc-cursor {
	font-size: 12px;
}

div.gsc-cursor-page {
	float: left;
	margin-right: 7px;
	text-decoration: underline;
	cursor: pointer;
	color: gray;
}

a.gsc-trailing-more-results {
	display: none;
}

div.gsc-cursor-current-page {
	font-weight: bold;
	color: blue;
	text-decoration: none;
}


.gs-watermark {
	display: none;
}

.gs-result {
	margin-bottom: 20px!important;
}

a.gs-title {
	color: blue!important;
}

#cse .gs-visibleUrl .gs-visibleUrl-short {
	color: gray;
}

div.gs-webResult {
	font-size: 12px;
	line-height: 16px;
}

a.gs-title b {
	color: blue!important;
}

input.gsc-search-button {
	font-size:15px;height:28px;margin: 2px 0 0 4px;
	-webkit-appearance:button;font-size:15px;height:28px;margin: 2px 0 0 4px;
}
/* @end */

/* @group SUBSCRIPTION */

form#subForm {
	border-top: 1px dotted #000;
	padding-top: 20px;
}

form#subForm fieldset {
	border: none;
	padding: 0 0 10px 0;
	margin: 0;
}

form#subForm fieldset input {
	width: 180px;
	padding: 5px 0 5px 5px;
	font: 12px "Courier New", Courier, mono;
}

form#subForm label {
	padding: 4px 0 0 15px;
}

form#subForm input.submit {
	margin-top: 5px;
}

p.formIntro {
	color: #b33b3b;
	font-size: 12px;
	margin-top: 20px;
	margin-bottom: 10px;
}


/* @end */

/* @group BLOG */

#blog {
	margin-left: 30px;
}

.blog-item {
	width: 500px;
	font: 11px/17px Verdana, "Lucida Grande", Lucida, sans-serif;
	margin-bottom: 40px;
}

.blog-item h2 {
 	font: 16px/27px Avenir, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
 	text-transform: uppercase;
}

.blog-item h2 a {
	text-decoration: none;
}

.blog-item .text p {
	margin-top: 15px;
}

.blog-item .date {
	margin-bottom: 20px;
	color: gray;
}

/* @end */