@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:10px 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:135px;
	padding:3px 12px 5px 28px;
	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 a, #categories li a:hover {
	color: #ffffff;
}

#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:-500px;
	-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:99px;
	background:url(/images/main-menu.png) no-repeat;
}

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

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

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

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

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

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

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

#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;
}

#menu ul li {
	float:none;
	display:block;
	background-image:none;
	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 li.menu-item-contact a:hover {
	background-position: -330px -40px ;
}



#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;
}

#menu ul li.menu-item-employment a {
	background-position: -1027px 0px;
}
#menu ul li.menu-item-employment a:hover {
	background-position: -1027px -40px ;
}



#menu ul li.menu-item-beforeafter a {
	background-position:-1135px 0;
}
#menu ul li.menu-item-beforeafter a:hover {
	background-position: -1135px -40px ;
}

#menu ul li.menu-item-newsletters a {
	background: transparent url(/images/newsletters-off.gif) no-repeat 0 0;
	display: block;
	width: 120px;
}
#menu ul li.menu-item-newsletters a:hover {
	background: transparent url(/images/newsletters-on.gif) no-repeat 0 0;
	display: block;
	width: 120px;
}

#menu ul li.menu-item-gallery a {
	background: transparent url(/images/gallery-off.gif) no-repeat 0 0;
	display: block;
	width: 120px;
}
#menu ul li.menu-item-gallery a:hover {
	background: transparent url(/images/gallery-on.gif) no-repeat 0 0;
	display: block;
	width: 120px;
}

/***************************************************************
 * 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:180px;
}

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%;
}

a#enquire-button {
	display: block;
	width: 33px;
	height: 225px;
	position: fixed;
	top: 262px;
	right: 10px;
	z-index: 999;
	background: transparent url(/images/btn-enquirenow.png) no-repeat 0 0;
}

#enquire-form {
	display: block;
	width: 339px;
	padding: 20px;
	position: fixed;
	top: 262px;
	right: 48px;
	z-index: 999;
	display: none;
	background-color: #000000;
}
#enquire-form table, #enquire-form table td {
	border: 0;
	padding: 0;
	margin: 0;
}
#enquire-form table td {
	padding: 0 0 5px 10px;
}
#enquire-form .btn{
    background: none repeat scroll 0 0 #669933;
    border: medium none;
    color: #FFFFFF;
    font-size: 12px;
	font-family: "Trebuchet MS";
    padding: 3px;
	cursor: pointer;
	margin-top: 5px;
}
#enquire-form input.inp {
	padding: 3px;
	border: 1px solid #669933;
	font: normal 12px/12px "Trebuchet MS";
	color: #000000;
	background-color: #ffffff;
	width: 270px;
}
#enquire-form input.inp2 {
	padding: 3px;
	border: 1px solid #669933;
	font: normal 12px/12px "Trebuchet MS";
	color: #000000;
	background-color: #ffffff;
	width: 333px;
	margin: 3px 0;
}
#enquire-form .message {
	padding: 3px;
	border: 1px solid #669933;
	font: normal 12px/12px "Trebuchet MS";
	color: #000000;
	background-color: #ffffff;
	width: 333px;
	height: 44px;
	margin: 3px 0;
}