@import url("reset-min.css");
@import url("base.css");

body {
	font-family:"Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans-serif;
	font-size: 15px;
	background-color: #000000;
	color:#fff;
	line-height:1.4em;
}


#wrapper { 
	margin: 0 auto;
	width: 900px;
	position:relative;
}

#header {
	position:relative;
	height:180px;
	overflow:visible;
	z-index:1;
}

#content {
	position:relative;
	padding:0 0px 20px 0;
	z-index:0;
}

#footer {
	font-size:89%;
}

#industry-links {
	margin:0;
	padding:0;
}

#industry-links li {
	list-style-type:none;
	margin:0;
	padding:0;
}

#industry-links li img {
	display:none;
}

#industry-links li a {
	display:block;
	height:102px;
	width:215px;
	text-indent:-6000px;
	outline:none;
}

#industry-links li#sustainable a {
	background-image:url(/images/industry-screen-off-sustainable.png);
}

#industry-links li#sustainable a:hover {
	background-image:url(/images/industry-screen-on-sustainable.png);	
}

#industry-links li#aia a {
	background-image:url(/images/industry-screen-off-aia.png);
}

#industry-links li#aia a:hover {
	background-image:url(/images/industry-screen-on-aia.png);
}

#site-title {
	display:none;
}

#logo {
	position:absolute;
	top:10px;
	right:-40px;
}

#print-logo {
	display:none;
}

#thumbs {
	margin:0;
	width:100%;
}

#thumbs li {
	float:left;
	list-style-type:none;
}

#thumbs li a {
	display:block;
	background:#fff;
	padding:5px;
	margin:5px;
	outline:none;
	text-align:center;
	width:130px;
	height:130px;
}

#full-size {
	display:none;
}

p.error {
	border:2px solid #b40c00;
	padding:5px;
}

#categories {
	margin:0;
}

#categories li {
	display:block;
	list-style-type:none;
	width:133px;
	padding:3px 12px 5px 30px;
	background:url(/images/dot.gif) #222 no-repeat;
	background-position:8px 5px;
	color:#fff;
	margin: 5px 0 0 5px;
	text-transform:capitalize;
	float:left;
	-moz-border-radius:14px;
	-webkit-border-radius:14px;
	border-radius:14px;
}

#categories li.off {
	background-position:8px -25px;
}

#project-lists a, #project-lists a:visited {
	color:#fff;
}

#project-lists a:hover {
	color: #669933;
} 

#project-lists ul {
	margin:0;
	height:auto !important;
}

#project-lists ul li {
	list-style-type:none;
	width:175px;
	margin:0 10px 5px 0;
	height:auto !important;
}

#project-lists ul li ol {
	margin:0;
	height:auto !important;
}

#project-lists ul li ol li{
	margin:0;
	padding:0 0 9px 0;
	line-height:1.1em;
	float:none !important;
	height:auto !important;
	
}
 #controls {
 	position:relative;
}

#next {
	bottom:-48px;
	right:-40px;
}

#prev {
	bottom:-48px;
	left:-40px;
}

.controls {
	cursor:pointer;
	position:absolute;
}

.controls.disabled {
	visibility:hidden;
}

#admin-bar {
	background:#fff895;
	color:#000;
	padding:10px;
}
a, a:visited {
	color: #666666;
	text-decoration: none;
}
a:hover {
	color: #669933;
	text-decoration: none;
}

#featured-projects img.feature {
	background:#fff;
	padding:5px;
}

#featured-projects {
	margin-top:60px;
}
#featured-projects div.col {
	width:215px;
	margin-right:10px;
	float:left;
	font-size:95%;
}

#footer div.col {
	width:215px;
	margin-right:10px;
	float:left;
	padding:5px 0;
	border-top:4px solid #669933;
}

#footer div.col.wide {
	width:440px;
}

#footer img.logo {
	margin:25px 0 0 50px;
}

#footer a.social {
	margin-right:10px;
}
#footer a.social img {
	vertical-align:middle;
}


/***************************************************************
 * Menu
 **************************************************************/

#menu {
	position:absolute;
	padding:0 10px 0 500px;
	border-right:5px solid #669933;
	background:#fff;
	top:105px;
	left:-510px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	margin:0;
	z-index:5;
}

#menu li {
	list-style-type:none;
	float:left;
	overflow:hidden;
}

#menu li a {
	display:block;
	text-indent:-6000px;
	height:40px;
	width:90px;
	background:url(/images/main-menu.png) no-repeat;
}

#menu li.menu-item-home a {
	width:60px;
	background-position:0 0;
}

#menu li.menu-item-projects a {
	background-position:-220px 0;
}

#menu li.menu-item-practice a {
	background-position:-110px 0;
}

#menu li.menu-item-contact a {
	background-position: -330px 0;
}

#menu li.menu-item-home a:hover {
	width:60px;
	background-position:0 -40px;
}

#menu li.menu-item-projects a:hover {
	background-position:-220px -40px;
}

#menu li.menu-item-practice a:hover {
	background-position: -110px -40px ;
}

#menu li.menu-item-contact a:hover {
	background-position: -330px -40px ;
}

#menu li.hover ul {
	display:block;
	top:40px;
}

#menu ul {
	position:absolute;
	padding:0;
	margin:0;
	background:#fff;
	display:none;
	z-index:10;
	width:110px;
}

#menu ul li {
	float:none;
	display:block;
	background-image:none;
	width:120px;
	height:40px;
}

#menu ul li a {
	display:block;
	background:url(/images/main-menu.png) no-repeat;
	width:120px;
	padding:0;
	height:40px;
}

#menu ul li.menu-item-capabilities a {
	background-position:-440px 0;
}

#menu ul li.menu-item-directors a {
	background-position:-550px 0;
}

#menu ul li.menu-item-media-coverage a {
	background-position:-660px 0;
}

#menu ul li.menu-item-testimonials a {
	background-position:-770px 0;
}

#menu ul li.menu-item-staff a {
	background-position:-550px 0;
}



#menu ul li.menu-item-capabilities a:hover {
	background-position:-440px -40px;
}

#menu ul li.menu-item-directors a:hover {
	background-position:-550px -40px;
}

#menu ul li.menu-item-media-coverage a:hover {
	background-position:-660px -40px;
}

#menu ul li.menu-item-testimonials a:hover {
	background-position:-770px -40px;
}

#menu ul li.menu-item-staff a:hover {
	background-position:-550px -40px;
}



/***************************************************************
 * Clear some floats!
 **************************************************************/
 
/* float clearing for IE6 */
* html .clearfix{
  height: 1%;
  overflow: visible;
}

/* float clearing for IE7 */
*+html .clearfix{
  min-height: 1%;
}

/* float clearing for everyone else */
.clearfix:after{
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}

/***************************************************************
 * Contact form
 **************************************************************/
fieldset ol {
	margin:0;
	padding:0;
	float:left;
	clear:both;
	width:100%;
}

fieldset ol li {
	list-style-type:none;
	float:left;
	display:block;
	clear:both;
	padding:5px 0;
	width:100%;
}

fieldset ol li label {
	float:left;
	display:block; 
	width:10em;
}

fieldset.submit {
	clear:both;
	text-align:right;
}

fieldset.submit input {
	background:#669933;
	color:#fff;
	font-size:140%;
	padding:3px 8px 5px;
	border:none;
}

.form-error {
	background:#ffc3ac;
	padding:10px;
	margin-bottom:5px;
	color:#000;
}

.form-success {
	color:#fff;
	background:#29AAE2;
	padding:10px;
	margin-bottom:5px;
}

.reqtxt, .emailreqtxt {
	margin-left:5px;
}

fieldset textarea.area {
	display:block;
	clear:both;
	width:100%;
}