@charset "UTF-8";
/* CSS Document */
html {font-size:62.5%; font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color:#333;}
body {background-color:#6d804a;font-size:1.2em;}
#bodywrapper{background:#a3bd73 url(/image/page_bg.jpg);background-repeat:repeat-x; background-position:top; float:left; position:relative; width:100%; border-bottom:1px solid #FFF;}
#innerbodywrapper {width:960px; margin-left:auto; margin-right:auto;}
#stage {width:960px; float:left; background-color:#FFFFFF; padding-bottom:10px; }
#content {width:920px; float:left; clear:both; margin-left:20px; display:inline; position:relative}
a {color:#0093d0; text-decoration:none;}

h1 {color:#999; font-size:1.6em; text-transform:uppercase; font-weight:normal; margin-bottom:20px;}
h1 strong {font-weight:normal; color:#000;}
h2 {font-size:1.2em; text-transform:uppercase;}

p{line-height:1.6em; margin-bottom:20px;}
h4 {font-size:.8em; font-weight:normal; color:#666; text-transform:uppercase; margin-bottom:5px;}

h3{background-color:#333; color:#fff; text-transform:uppercase; font-weight:normal; padding:3px 10px;}

sup {
	height: 0;
	line-height: 1;
	position: relative;
	top: -0.6em;
	vertical-align: baseline !important;
	vertical-align: bottom;
}

/* Header */
#header {width:940px; float:left; padding-bottom:10px; padding-top:10px;}
#logo {padding:0 0 0 20px; float:left; width:100px;}
#nav {float:right; width:800px;}
#nav li {display:inline;}
#nav li a {display:block; padding:10px; float:left; text-decoration:none; color:#333; text-transform:uppercase;}
#nav li a:hover {color:#ccc;}
#nav li.on a {color:#666;}
#nav a.green, .altlink {color:#adca79;}

#leftnav {float:left; display:inline; width:220px;}
#leftnav li a{display:block; padding:5px 10px; text-transform:uppercase; width:200px;}
#leftnav li a:hover {color:#ccc;}
#leftnav li.on a {color:#ccc;}
#leftnav p{padding:10px; margin-bottom:0;}


#leftnav .subnav {margin-left:10px; width:210px;}
#leftnav .subnav li a{display:block; padding:5px 10px; text-transform:uppercase; width:190px; color:#adca79;}
#leftnav .subnav li.on a{color:#ccc;}

#innercontent {float:right; width:700px; position:relative;}



#footerwrapper {float:left; width:100%; clear:both; padding-top:10px;}
#footer { width:960px; text-align:right; color:#fff; margin-left:auto; margin-right:auto;}

#thinpagebanner {background-color:#333; color:#fff; text-transform:uppercase; font-size:1.0em; padding:5px 10px; width:900px; float:left; display:inline;}
#innerpagebanner {background-color:#f5f5f5; color:#666; text-transform:uppercase; font-size:1.2em; padding:30px 10px 5px 10px; width:900px; float:left; display:inline; margin-bottom:15px;}
.featurebanner {position:absolute; top:0; right:0; background-image:url(/image/banner_green.png); width:70px; height:70px; z-index:100;}


/* Home */
#homepagefeature {margin-top:5px; float:left; position:relative; width:920px;}
#homepagefeature #featurefooter {width:880px; padding:10px 20px; float:left; margin-bottom:20px; display:inline;}
#homepagefeature #featurelinks {float:right; width:150px; text-align:right;}
#homepagefeature #featurelinks a{display:block; text-transform:uppercase; font-size:.8em;}
#homepagefeature #featuretitle {float:left; width:700px;}
#homepagefeature #featuretitle span {color:#666; font-size:.8em; display:block; text-transform:uppercase; padding-bottom:2px;}
#homepagefeature #featuretitle a {text-transform:uppercase; font-size:1.0em;}

#homecolumns {float:left; width:920px;}
#homecolumns .right{float:right; width:300px;}
#homecolumns .left .alpha {float:left; width:300px;}
#homecolumns .left .beta {float:right; width:300px;}
#homecolumns .left {width:610px; float:left;}

.bloglist {float:left; width:300px; }
.bloglist .post {width:249px; float:left; background:url(/image/bloghive.gif); background-repeat:none; background-position:top left; padding-left:50px; background-repeat:no-repeat; padding-top:20px; border-bottom:1px dotted #ccc; border-left:1px dotted #ccc; clear:}
.bloglist .post span {color:#ccc; text-transform:uppercase;}

.newslist {float:left; width:300px;}
.newslist .newsitem {width:299px; float:left; padding-top:15px; clear:both; border-bottom:1px dotted #ccc; border-left:1px dotted #ccc;}
.newslist .date {float:left; width:50px; text-align:center; font-size:1.4em; text-transform:uppercase; color:#ccc;}
.newslist .date span {display:block; font-size:1.4em;}
.newslist .newstext {float:right; width:249px;}
.newslist .newstext a{text-transform:uppercase;}

.featurefooter {text-align:right; float:left; width:300px; padding-top:5px;}


/* Project lists */
.projectthumb {width:230px; float:left; position:relative; overflow:none;display:inline; margin:0 2px 20px 0; background-color:#f5f5f5; padding-bottom:5px; color:#333;}
.projectthumb img {float:left; margin-bottom:5px;}
.projectthumb .projecttext {padding:0 5px;}
.projectthumb .projecttext .text a {color:#666;}
.featurethumb {width:230px; float:right; position:relative; margin:20px; background-color:#f5f5f5; padding:10px; border:1px solid #ccc; color:#333; display:inline;}
.featurethumb .smalltext {display:block; font-size:.8em; text-transform:uppercase;}

.projectthumb span.text {display:block; text-transform:uppercase; width:220px; float:left; height:50px;overflow:hidden;}
.projectthumb span.tags {display:block; float:left; clear:left; width:220px;}
.projectthumb span.tags a{color:#adca79; font-style:italic;}
.projectthumb:hover {background-color:#333; color:#fff;}
.projectthumb:hover .projecttext .text a {color:#fff;}

/*Project Profile*/
#profile {width:700px; float:left; display:block;}
#profile .profilefeatureimage {padding:9px; border:1px solid #ccc; position:relative;}
#profile #featuretitle {width:680px; padding:20px 10px; border-bottom:5px solid black; margin-bottom:20px;}
#profile  #featuretitle span {color:#666; font-size:.6em; display:block; text-transform:uppercase; padding-bottom:2px;}
#profile  #featuretitle {text-transform:uppercase; font-size:1.4em;}
#profile #left {width:360px; float:left; margin-left:10px; display:inline;}
#profile #right {width:300px; float:right;}
.stats {width:100%; float:left; clear:both; padding:3px 0;}
.stats .title {float:left; margin-left:5px; display:inline; font-weight:bold; font-size:.6em; letter-spacing:2px; text-transform:uppercase;}
.stats .data {float:right; margin-right:5px; display:inline; text-align:right;}
.gallery .gallerythumbouterimage {border:1px solid #ccc; float:left; padding:5px; margin:0 5px 5px 0; width:80px; height:80px; overflow:hidden; text-align:center;}
.gallery .gallerythumbinnerimage {float:left; width:80px; height:80px; overflow:hidden; text-align:center;}
#profile .projectcasestudy {width:300px; float:left; clear:both; margin-bottom:20px; display:inline;}

/* about us page */
.aboutuspage .introtext {float:left; width:400px;}
.aboutuspage .introtext h1 {font-size:3em;}
.aboutuspage .introwrapper {width:700px; margin-bottom:20px; display:block;}
.aboutuspage .introtext p {font-size:1.5em;}




/* leadership */
.bio {margin-bottom:30px; float:left; width:700px; clear:both; } 
.bio h1 {font-size:2em; color:#fff; padding:10px; background-color:#333; width:680px;}
.bio h2 {color:#666;}
.bio ul {margin-bottom:20px; list-style:outside; margin-left:40px;}
.bio li {margin-bottom:10px;}
.bio .leadershipphoto {float:right; padding:10px; border:1px solid #ccc; margin:0 20px 20px 20px;}

/* services */
.service {margin-bottom:30px;}
.service h1 {font-size:2em; color:#fff; padding:10px; background-color:#333; width:680px;}
.service h2 {color:#666;}
.service ul {margin-bottom:20px; list-style:outside; margin-left:40px;}

/*Clients*/
.clients h1 {font-size:2em; color:#fff; padding:10px; background-color:#333; width:680px;}
.clients ul {width:700px; float:left;}
.clients ul li {width:230px; float:left; padding:5px 0}

/*News*/
.newspost {float:left; width:700px; clear:both; padding:20px 0; border-bottom:1px dotted #ccc;}
.newspost .newsdate {float:left; width:50px; text-align:center; font-size:1.4em; text-transform:uppercase; color:#ccc;}
.newspost .newsdate span {display:block; font-size:1.4em;}
.newstext {float:right; width:640px; padding-top:10px;}
.news h1 {font-weight:normal; color:#333; font-size:2em;}

/*Careers*/
.careers {width:700px; float:left;}
.careers h1 {font-size:2em; color:#fff; padding:10px; background-color:#333; width:680px;}
.careers ul {display:outside; margin-left:50px; list-style:disc; clear:both;}
.careers li {margin-bottom:5px;}
.careers h2 {padding:20px 0; border-top:1px dotted #ccc; float:left; width:700px; clear:both;}
.careers h2 a {float:right; width:150px; font-weight:normal; font-size:.8em;}

/* Quotes */
.quotelist .quote {padding:20px 0 20px 75px;; width:625px; float:left; clear:left; border-top:1px dotted #ccc; background-image:url(/image/bigquote.gif); background-position:top left; background-repeat:no-repeat;}

/* BidRoom */

.bidroom, .bidroom .bid {float:left; width:700px; clear:both;}
.bidroom .bid {margin-bottom:30px;}
.bidroom h1 {font-size:2em; color:#fff; padding:10px; background-color:#333; width:680px;}
.bidroom li {padding:3px 10px;}
.bidroom ul {margin-bottom:10px;}
.bidroom h2 {padding:20px 0; border-top:1px dotted #ccc; float:left; width:700px; clear:both; color:#666;}
.bidroom h2 a {float:right; width:150px; font-weight:normal; font-size:.8em; color:#666;}
.bidroom h3 {background-color:#efefef; color:#333;}

.bidroomleft{float:left; width:340px;}
.bidroomright{float:right; width:340px;}
.bidroom p {margin-bottom:10px;}

/*Green Page*/
.greenpage {width:700px; float:left; position:relative;}
.greenpage #profile #featurefooter {background-color:#adca79;}
.greenpage .profilefeatureimage {padding:9px; border:1px solid #ccc; position:relative;}
.greenpage #profile #featuretitle span {color:#fff;}
.greenpage #profile #featuretitle a {color:#6d804a;}
.greenpage h1 {color:#adca79; font-size:3.5em; text-transform:none;}
.greenpage h2 {color:#666;}

/* Blog Pages */
.blogsummary {background-image:url(/image/bloghive.gif); background-repeat:no-repeat; background-position:top left; padding-left:50px;}
.blogsummary .blogauthor {color:#ccc; text-transform:uppercase; margin-bottom:10px; padding-top:20px;}
.blogpage .newstext {padding-top:0!important;}
#leftnav h3 {background:none; color:#333;}


/* quoteblock */
.quoteblockfeature {background-image:url(/image/bigquote.gif); background-position:top left; background-repeat:no-repeat; padding-left:75px;margin:20px; width:180px;display:inline; clear:both; padding-top:20px; float:right;}
.quoteblockfeature em {display:block; margin-top:10px; color:#666;}
.rightfloat {float:right};
.leftfloat{float:left;}


/* Forms */
.stylized{
border:solid 2px #b7ddf2;
background:#ebf4fb;
float:left;
width:696px;
padding-bottom:10px;
margin-bottom:20px;
}

.stylized h1 {
font-size:1em;
font-weight:bold;
margin:0;
color:#333;
padding:10px 0 0 10px;
}
.stylized p{
font-size:11px;
color:#666666;
margin-top:0;
margin-bottom:20px;
border-bottom:solid 1px #b7ddf2;
padding:0 10px 10px 10px;
float:left;
clear:both;
width:630px;
}

.stylized div {float:left; width:100%; clear:both; margin-bottom:0; padding:0 0 0 0; display:inline; margin-bottom:20px;}

.stylized label{
display:block;
font-weight:bold;
text-align:right;
width:175px;
float:left;
margin-left:10px;
}
.stylized .small{
color:#666666;
display:block;
font-size:11px;
font-weight:normal;
text-align:right;
width:175px;
}

.stylized label .sub{
width:75px;
margin-left:0;
}

.stylized .sub {width:75px;}
.stylized input{
float:left;
font-size:12px;
padding:4px 2px;
border:solid 1px #aacfe4;
width:200px;
margin:2px 0 0 10px;
}

.stylized select{
float:left;
font-size:12px;
padding:4px 2px;
border:solid 1px #aacfe4;
width:200px;
margin:2px 0 0 10px;
}

.stylized .textinput{
float:left;
font-size:12px;
padding:4px 2px;
border:solid 1px #aacfe4;
width:400px;
height:200x;
margin:2px 0 0 10px;
}


#accordion {
 width:680px;
 position:relative;
 list-style-type:none;
 padding-left:0;
}
.ui-accordion-header {
 text-decoration:none;
 font-weight:bold;
 color:#000000;
 display:block;
 width:100%;
 border-bottom:1px dotted #ccc;
 background:none!important;
}
.ui-accordion div div {

}

.accordioncontent {padding:20px; border-bottom:1px dotted #ccc; }

.ui-accordion a {
 display:block; margin:10px 0;
 color:#0093d0;
  background:url(../img/accordion/header-sprite.gif) repeat-x 0px 0px;
}
.ui-accordion a.selected {
 background:url(../img/accordion/header-sprite.gif)
 repeat-x 0px -22px;
}
.ui-accordion a:hover {
 background:url(../img/accordion/header-sprite.gif)
 repeat-x 0px -44px;
}



.privatelogin {position:absolute;width:200px;background:#fff;display:none;border:1px solid #ccc;height:270px;margin-top:36px;margin-left:10px;padding:10px;}
a.private {cursor:pointer;}

.pritext {float:left;width:200px;font-weight:bold;padding-bottom:10px;}
.prilabel {float:left;width:60px;padding-bottom:2px;font-weight:bold;padding-top:5px;}
.prifield {float:left;width:130px;padding-bottom:2px;padding-left:5px;}
.prialert {float:left;width:190px;color:red;padding-top:4px;padding-bottom:2px;text-align:center;}
.pributton {float:left;width:200px;text-align:center;}

.errormessage {float:left;width:200px;height:14px;display:inline;margin-bottom:5px;}
.error {float:left;width:190px;color:red;}