/**
 * http://960.cs
 * ---------------------------------------------------------------------- */

/* reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}

/* text */
body{font:13px/1.5 Helvetica,Arial,'Liberation Sans',FreeSans,sans-serif}a:focus{outline:1px dotted invert}hr{border:0 #ccc solid;border-top-width:1px;clear:both;height:0}h1{font-size:25px}h2{font-size:23px}h3{font-size:21px}h4{font-size:19px}h5{font-size:17px}h6{font-size:15px}ol{list-style:decimal}ul{list-style:square}li{margin-left:30px}p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset{margin-bottom:20px}

/* grid */
.container_12,.container_16{margin-left:auto;margin-right:auto;width:960px}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16{display:inline;float:left;margin-left:10px;margin-right:10px}.container_12 .grid_3,.container_16 .grid_4{width:220px}.container_12 .grid_6,.container_16 .grid_8{width:460px}.container_12 .grid_9,.container_16 .grid_12{width:700px}.container_12 .grid_12,.container_16 .grid_16{width:940px}.alpha{margin-left:0}.omega{margin-right:0}.container_12 .grid_1{width:60px}.container_12 .grid_2{width:140px}.container_12 .grid_4{width:300px}.container_12 .grid_5{width:380px}.container_12 .grid_7{width:540px}.container_12 .grid_8{width:620px}.container_12 .grid_10{width:780px}.container_12 .grid_11{width:860px}.container_16 .grid_1{width:40px}.container_16 .grid_2{width:100px}.container_16 .grid_3{width:160px}.container_16 .grid_5{width:280px}.container_16 .grid_6{width:340px}.container_16 .grid_7{width:400px}.container_16 .grid_9{width:520px}.container_16 .grid_10{width:580px}.container_16 .grid_11{width:640px}.container_16 .grid_13{width:760px}.container_16 .grid_14{width:820px}.container_16 .grid_15{width:880px}.container_12 .prefix_3,.container_16 .prefix_4{padding-left:240px}.container_12 .prefix_6,.container_16 .prefix_8{padding-left:480px}.container_12 .prefix_9,.container_16 .prefix_12{padding-left:720px}.container_12 .prefix_1{padding-left:80px}.container_12 .prefix_2{padding-left:160px}.container_12 .prefix_4{padding-left:320px}.container_12 .prefix_5{padding-left:400px}.container_12 .prefix_7{padding-left:560px}.container_12 .prefix_8{padding-left:640px}.container_12 .prefix_10{padding-left:800px}.container_12 .prefix_11{padding-left:880px}.container_16 .prefix_1{padding-left:60px}.container_16 .prefix_2{padding-left:120px}.container_16 .prefix_3{padding-left:180px}.container_16 .prefix_5{padding-left:300px}.container_16 .prefix_6{padding-left:360px}.container_16 .prefix_7{padding-left:420px}.container_16 .prefix_9{padding-left:540px}.container_16 .prefix_10{padding-left:600px}.container_16 .prefix_11{padding-left:660px}.container_16 .prefix_13{padding-left:780px}.container_16 .prefix_14{padding-left:840px}.container_16 .prefix_15{padding-left:900px}.container_12 .suffix_3,.container_16 .suffix_4{padding-right:240px}.container_12 .suffix_6,.container_16 .suffix_8{padding-right:480px}.container_12 .suffix_9,.container_16 .suffix_12{padding-right:720px}.container_12 .suffix_1{padding-right:80px}.container_12 .suffix_2{padding-right:160px}.container_12 .suffix_4{padding-right:320px}.container_12 .suffix_5{padding-right:400px}.container_12 .suffix_7{padding-right:560px}.container_12 .suffix_8{padding-right:640px}.container_12 .suffix_10{padding-right:800px}.container_12 .suffix_11{padding-right:880px}.container_16 .suffix_1{padding-right:60px}.container_16 .suffix_2{padding-right:120px}.container_16 .suffix_3{padding-right:180px}.container_16 .suffix_5{padding-right:300px}.container_16 .suffix_6{padding-right:360px}.container_16 .suffix_7{padding-right:420px}.container_16 .suffix_9{padding-right:540px}.container_16 .suffix_10{padding-right:600px}.container_16 .suffix_11{padding-right:660px}.container_16 .suffix_13{padding-right:780px}.container_16 .suffix_14{padding-right:840px}.container_16 .suffix_15{padding-right:900px}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:after{clear:both;content:'.';display:block;visibility:hidden;height:0}.clearfix{display:inline-block}* html .clearfix{height:1%}.clearfix{display:block}


/**
 * COLORS
 * main green: #a3a219
 * main brown: #5b3e0d
 * gray:       #808285
 */

/**
 * TEXT
 * ---------------------------------------------------------------------- */
body {
	font-size: 11px;
}
a, a:visited {
	color: #5b3e0d;
}
a:hover {
	color: #a3a219;
}
#content-container {
	line-height: 1.5em;
}
#content-container.one-col h1 {
	color: #808285;
	font-size: 10px;
	text-transform: uppercase;
	padding: 9px 0px 12px 60px;
	margin: 0px 0px 20px 0px;
	background: url('../img/template/main-heading-bar.png') no-repeat;
}
#content-container.one-col h1.current {
	color: #5b3e0d;
}
#content-container.one-col h1 a, #content-container.one-col h1 a:visited {
	font-size: 10px;
	color: #808285;
	text-decoration: none;
}
#content-container.one-col h1 a:hover {
	color: #5b3e0d;
}
#content-container.who-we-are h1 {
	margin: 0px 0px 70px 0px;
}
#content-container.one-col {
	font-size: 11px;
	color: #808285;
	margin-bottom: 20px;
}
#content-container.who-we-are {
	margin-bottom: 70px;
}
#content-container.one-col ul.subnav {
	margin: 9px 17px 0px 0px;
	float: right;
	list-style: none;
}
#content-container.one-col ul.subnav li {
	display: inline;
	margin-left: 15px;
}
#content-container.one-col ul.subnav li a,
#content-container.one-col ul.subnav li a:visited {
	color: #808285;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
}
#content-container.one-col ul.subnav li a:hover {
	color: #5b3e0d;
	text-decoration: none;
}
#content-container.one-col ul.subnav li a.current,
#content-container.one-col ul.subnav li a.current:visited {
	color: #5b3e0d;
}
#content-container.one-col ul.subnav li a.current:hover {
	color: #5b3e0d;
	text-decoration: underline;
}
#content-container.who-we-are div.content div.container {
	padding-left: 30px;
}
#content-container ul, #content-container ul li {
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 10px;
	text-transform: uppercase;
	line-height: 20px;
}
#content-container ul ul li {
	font-size: 9px;
	margin-left: 15px;
	text-transform: none;
}
#content-container ul li a, #content-container ul li a:visited {
	color: #808285;
	text-decoration: none;
}
#content-container ul li a:hover {
	text-decoration: underline;
}
#content-container.our-work div.type-list h4 {
	font-size: 10px;
	margin: 0;
	text-transform: uppercase;
}
#content-container.our-work div.type-list li {
	line-height: 14px;
}
#content-container.our-work div.type-list a,
#content-container.our-work div.type-list a:visited {
	font-size: 9px;
	color: #808285;
	font-weight: normal;
	text-transform: none;
	text-decoration: none;
}
#content-container.our-work div.type-list a:hover {
	color: #a3a219;
}
#content-container.our-work div.type-list a.current {
	color: #5b3e0d;
	font-weight: bold;
}
#content-container.our-work div.type-list-container {
	margin: 0px 0px 15px 28px;
	padding-bottom: 15px;
	border-bottom: 1px solid #808285;
}
#content-container.our-work div.type-list-container.no-bottom-rule {
	border-bottom: none;
}

#industry-type-list, #project-type-list {
	float: left;
	width: 118px;
}
#project-type-list {
	margin-left: 16px;
}
#content-container.our-work #project-description h3 {
	font-size: 12px;
	color: #5b3e0d;
	padding-left: 28px;
}
#content-container.our-work #project-description p {
	margin-left: 28px;
}
#content-container.our-work #project-description ul {
	margin-left: 28px;
}
#content-container.our-work #project-description ul li a,
#content-container.our-work #project-description ul li a:visited {
	color: #808285;
	text-decoration: none;
}
#content-container.our-work #project-description ul li a:hover {
	color: #5b3e0d;
}


/**
 * LAYOUT
 * ---------------------------------------------------------------------- */

/* header */
#header {
	position: relative;
	width: 960px;
	height: 160px;
	margin: 0px auto;
	background: url('../img/template/header-main-nav.png') no-repeat;
}
#logo {
	position: relative;
	margin: 0;
	padding: 0;
	line-height: normal;
}
#logo a, #logo a:visited {
	position: absolute;
	top: 29px;
	left: 130px;
	display: block;
	width: 146px;
	height: 59px;
	text-indent: -1000px;
}

/* extra links */
#extra-links {
	position: absolute;
	top: 87px;
	left: 644px;
	width: 185px;
	height: 8px;
	display: block;
}
#extra-links, #extra-links li {
	padding: 0;
	margin: 0;
	list-style: none;
}
#extra-links li {
	float: left;
}
#extra-links li a, #extra-links li a:visited {
	display: block;
	float: left;
	height: 8px;
	text-indent: -10000px;
	background: url('../img/template/header-main-nav.png') no-repeat;
}
#extra-links li.home a, #extra-links.home li a:visited {
	width: 39px;
	background-position:  -644px -87px;
}
#extra-links li.contact a, #extra-links li.contact a:visited {
	width: 67px;
	background-position:  -683px -87px;
}
#extra-links li.client-login a, #extra-links li.client-login a:visited {
	width: 79px;
	background-position:  -750px -87px;
}
#extra-links li.home a:hover {
	background-position:  -644px -160px;
}
#extra-links li.contact a:hover {
	background-position:  -683px -160px;
}
#extra-links li.client-login a:hover {
	background-position:  -750px -160px;
}

/* main nav */
#main-nav {
	position: absolute;
	top: 127px;
	left: 130px;
	width: 400px;
	height: 8px;
	display: block;
}
#main-nav, #main-nav li {
	padding: 0;
	margin: 0;
	list-style: none;
}
#main-nav li {
	float: left;
}
#main-nav li a, #main-nav li a:visited {
	display: block;
	float: left;
	height: 8px;
	text-indent: -10000px;
	background: url('../img/template/header-main-nav.png') no-repeat;
}
#main-nav li.who-we-are a, #main-nav.who-we-are li a:visited {
	width: 77px;
	background-position:  -130px -127px;
}
#main-nav li.what-we-do a, #main-nav li.what-we-do a:visited {
	width: 84px;
	background-position:  -207px -127px;
}
#main-nav li.our-work a, #main-nav li.our-work a:visited {
	width: 74px;
	background-position:  -291px -127px;
}
#main-nav li.testimonials a, #main-nav li.testimonials a:visited {
	width: 92px;
	background-position:  -365px -127px;
}
#main-nav li.resources a, #main-nav li.resources a:visited {
	width: 73px;
	background-position:  -457px -127px;
}
#main-nav li.who-we-are a:hover {
	background-position:  -130px -168px;
}
#main-nav li.what-we-do a:hover {
	background-position:  -207px -168px;
}
#main-nav li.our-work a:hover {
	background-position:  -291px -168px;
}
#main-nav li.testimonials a:hover {
	background-position:  -365px -168px;
}
#main-nav li.resources a:hover {
	background-position:  -457px -168px;
}

/* home page */
#home-page-quote {
	padding: 36px 231px 46px 262px;
}

/* footer */
#footer a, #footer a:visited {
	color: #808285;
	text-decoration: none;
}
#footer a:hover {
	text-decoration: underline;
}

#footer div.quote-promo-container {
	clear: both;
	background: url('../img/template/quote-promo-container-mid-bg.png') repeat-y;
	line-height: 1.25em;
}
#footer div.quote-promo-container div.top {
	height: 22px;
	background: url('../img/template/quote-promo-container-top-bg.png') no-repeat;
}
#footer div.quote-promo-container div.btm {
	clear: both;
	height: 3px;
	background: url('../img/template/quote-promo-container-btm-bg.png') no-repeat;
}
#footer div.quote-promo-container div.mid {
	padding-bottom: 4px;
}
#footer div.quote-promo-container div.quote strong {
	font-size: 12px;
	text-transform: uppercase;
	color: #a3a219;
}
#footer div.quote-promo-container div.quote {
	font-size: 10px;
	color: #808285;
}
#footer div.quote-promo-container div.quote a.more,
#footer div.quote-promo-container div.quote a.more:visited {
	color: #808285;
	text-transform: uppercase;
	text-decoration: none;
	padding-right: 12px;
	background: url('../img/template/more-arrow.png') right 0px no-repeat;
}
#footer div.quote-promo-container div.quote a.more:hover {
	text-decoration: underline;
}
#footer-quote-1, #footer-quote-2 {
	float: left;
	width: 188px;
}
#footer-quote-1 {
	padding-right: 12px;
}
#footer-quote-2 {
	padding-left: 12px;
}
#footer div.office-address {
	font-size: 9px;
	line-height: 1.5em;
	text-transform: uppercase;
	color: #808285;
	background: url('../img/template/office-address-bg.png') repeat-y;
	text-align: right;
	padding: 18px 0 18px 0;
	margin: 6px 0 0 0;
}
#footer div.office-address a, #footer div.office-address a:visited {
	text-transform: lowercase;
}
#footer div.copyright {
	text-align: right;
	font-size: 8px;
	color: #808285;
	margin-top: 12px;
}
#footer div.copyright span.div {
	color: #cbcf7e;
}


/**
 * OUR WORK SECTION
 * ---------------------------------------------------------------------- */
#page-previous-next-links {
	margin-left: 28px;
	text-transform: lowercase;
}
#page-previous-next-links a.previous,
#page-previous-next-links a.previous:visited,
#page-previous-next-links span.previous.disabled {
	padding: 0 0 0 12px;
}
#page-previous-next-links a.previous, #page-previous-next-links a.previous:visited {
	background: url('../img/template/previous-arrow.png') 0px -14px no-repeat;
	text-decoration: none;
}
#page-previous-next-links a.previous:hover {
	background: url('../img/template/previous-arrow.png') 0px -38px no-repeat;
}
#page-previous-next-links span.previous.disabled {
	background: url('../img/template/previous-arrow.png') 0px -62px no-repeat;
} 

#page-previous-next-links a.next,
#page-previous-next-links a.next:visited,
#page-previous-next-links span.next.disabled {
	padding: 0 12px 0 0px;
}
#page-previous-next-links a.next, #page-previous-next-links a.next:visited {
	background: url('../img/template/next-arrow.png') 100% -14px no-repeat;
	text-decoration: none;
}
#page-previous-next-links a.next:hover {
	background: url('../img/template/next-arrow.png') 100% -38px no-repeat;
}
#page-previous-next-links span.next.disabled {
	background: url('../img/template/next-arrow.png') 100% -62px no-repeat;
}


/**
 * MISC
 * ---------------------------------------------------------------------- */
#home-page-quote p {
	color: #808285;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
}
#home-page-quote p strong {
	color: #5b3e0d;
}
.flash-replaced div.alt {
	display: none;
}
div.office {
	font-weight: bold;
}
div.office, div.address {
	text-transform: uppercase;
}
div.address {
	margin-bottom: 1em;
}
div.contact {
	margin-bottom: 1em;
}
div.contact div.meta strong {
	font-weight: normal;
	text-transform: uppercase;
}
div.contact div.meta strong:after {
	content: " -";
}
span.pdf-icon-container {
	background: url('../img/icons/pdf-icon.gif') no-repeat;
	padding: 8px 20px 8px 0px;
	line-height: 16px;
}
dl.testimonials dt {
	font-weight: bold;
	margin-bottom: 1em;
}
dl.testimonials dd {
	font-style: italic;
	margin-bottom: 2em;
}


/**
 * jcarousel base styles
 * ---------------------------------------------------------------------- */
.jcarousel-container {
    position: relative;
}
.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 75px;
    height: 75px;
}
/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}


/**
 * jcarousel custom edits styles
 * ---------------------------------------------------------------------- */
#mycarousel li {
	margin: 0 18px 0 0;
}
.jcarousel-prev, .jcarousel-next {
	position: absolute;
	width: 27px;
	height: 75px;
	background: black;
	cursor: pointer;
}
.jcarousel-prev, .jcarousel-prev-disabled {
	left: 0px;
	background: url('../img/template/footer-jcarousel-lft-arrow.png') no-repeat;
}
.jcarousel-prev:hover {
	background-position: 0px -75px;
}
.jcarousel-next, .jcarousel-next-disabled:hover {
	left: 284px;
	background: url('../img/template/footer-jcarousel-rgt-arrow.png') no-repeat;
}
.jcarousel-clip {
	position: absolute;
	left: 27px;
	width: 257px;
}
.jcarousel-next:hover {
	background-position: 0px -75px;
}
.jcarousel-prev-disabled, .jcarousel-prev-disabled:hover {
	background-position: 0px -150px;
}
.jcarousel-next-disabled, .jcarousel-next-disabled:hover {
	background-position: 0px -150px;
}