/*
Theme Name: EisenmanCorporate
Theme URI: http://www.eisenman.com/corporate
Description: 
Version: 1.0
Author: EisenmanAssociates
Author URI: http://www.eisenman.com
Tags: two columns, fixed width, blue, gray, white, valid XHTML, valid CSS, widgets, image styling, clean
*/



/* ----------------------------------------------------------------------------- 
PRIMARY STRUCTURE
----------------------------------------------------------------------------- */
div#banner {
	border: none;
	margin: 0 20px;
	border: 1px solid #eee;
	border-top: none;}

#banner.random {
	border: 1px solid #eee;}



/* ----------------------------------------------------------------------------- 
SECONDARY STRUCTURE
----------------------------------------------------------------------------- */
#page .column {
	width: 260px;
	float: left;
	margin-right: 20px;}

#page .column.two {
	margin-right: 0;}



/* ----------------------------------------------------------------------------- 
FEATURES/ELEMENTS
----------------------------------------------------------------------------- */
#features .item.one, #features .item.two, #features .item.three {
	text-align:left;}

#features .item.one, #features .item.two {
	background:#eee;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border:solid 1px #ddd !important;
	margin-bottom:18px;
	padding-top:4px;}

#features .item.one {
	width: 190px;}

#features .item.two {
	width: 240px;
	margin-left:15px;}

#features .item.three {
	width: 320px;
	border-left: none;
	padding-left: 19px;}

#features .item.group {
	width:auto;
	margin:0px;
	padding:0px;
	border:0px;
	text-align:center;}

#features .item.group .item.one, #features .item.group .item.two {
	min-height:215px;}

#elements {
	text-align:center;
	padding:20px 20px 20px 120px;}

#elements .item {
	width: 189px;}

#elements .item.two {
	background: #fbfbfb;}

#elements .item.three {
	width: 400px;}

#page #elements .item.one ul li span.date, 
#page #features .item.one ul li span.date {
	color: #999;
	font-size:0.9em;
	display: block;}

#page #elements .item.one ul, 
#page #features .item.one ul {
	margin:0.5em 0 1.5em 0;
	padding-left:0;}

#page #elements .item.three ul {
	padding-left: 0;}
 
#page #features .item.one ul li, 
#page #elements .item.one ul li {
	list-style-type: none;
	margin-left: 0;
	margin-bottom: 0;}

#page #elements .item.one ul.rss, 
#page #features .item.one ul.rss {
	margin-left: 20px;}
	


/* ----------------------------------------------------------------------------- 
TYPOGRAPHY
----------------------------------------------------------------------------- */
a, 
#banner h4 a:hover {
	color:#000;
	text-decoration:underline;}

#banner h4 a, 
#banner h4, 
a.accent {
	color:#E5883D;}


a:hover {
	color: #E5883D;}

span.head h1 strong,  
span.head h1, 
#header h1 strong, 
#header h1 {
	display: inline;
	float: left;
	margin-bottom: 0;
	font-weight: normal;}

#header h1 a {
	color:#2D3D53;
	float:left;
	text-decoration: none;}

h1 span {
	color: #999;
	font-size: 0.7em;
	margin-left: 10px;
	font-style: italic;}

h3, h3 a {
	color: #E5883D;}

blockquote {
	font-style:italic;
	margin-left:15px;}



/* ----------------------------------------------------------------------------- 
CRAZY BUTTONS
----------------------------------------------------------------------------- */
span.action {
	padding-bottom:5px;}

.action a {
	color:#fff;
	padding:5px;
	background:#E5883D;
	border:solid 1px #999;
	text-decoration:none;
	font-weight:bold;
	font-size:12px;}

ul.financial li.highlight a {
	color:#E5883D;}

.item.group span.action {
	margin-top:5px;}

body.corporate #page .sidebar p.projectplanner {margin-top:1.5em;}

body.corporate #page .sidebar p.projectplanner a.btn {color:#e5883d;background:#eee;}

body.corporate #page .sidebar p.projectplanner a.btn:hover {color:#000;}


/* ----------------------------------------------------------------------------- 
TOP BAR CLIENT LOGIN
----------------------------------------------------------------------------- */
div#sustainability div {
	background: #E5883D;}

#sustainability p a:hover {
	color: #F2C49E;}

#sustainability form input {
	border: 1px solid #EFB88B;}



/* ----------------------------------------------------------------------------- 
SUSTAINABILITY
----------------------------------------------------------------------------- */
.ceres-box {
	background: #DFE8CB;
	padding: 20px 20px 10px;
	margin-bottom: 2.0em;
	border-radius: 5px;
	-moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
    border: 1px dashed #7EA52E;}

.ceres-box h2 {
	color:#7EA52E;
	font-size:1.6em;
	text-transform:uppercase;}

a.ceres {
	text-decoration: none;
	border-bottom: none;}

a.ceres .ceres-box {
	background: #DFE8CB;}

a.ceres:hover .ceres-box {
	background: #eee;}


/* ----------------------------------------------------------------------------- 
PORTFOLIO ARCHIVE/CLIENT LIST
----------------------------------------------------------------------------- */
ul.clientlist, 
ul.portfolio {
	float: left;
	width: 240px;}

ul.portfolio li.none {
	list-style-type: none;
	color: #666;
	margin-left: -20px;}

h3.underline {
	border-bottom: 1px solid #ddd;
	padding-bottom: 0.5em;}



/* ----------------------------------------------------------------------------- 
BY CLIENT/BY SERVICE
----------------------------------------------------------------------------- */
#container-1 {
	/*background:#eee;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border:solid 1px #ddd !important;
	padding:4px 6px;
	margin-right:6px;*/}

#demos li.head {
	font-weight:bold;
	font-size:12px;}
	
#page .sidebar .anchors li.tabOnc1, 
#page .sidebar .anchors li.tabc1, 
#page .sidebar .anchors li.tabOnc2, 
#page .sidebar .anchors li.tabc2 { 
	width: 90px;}

#page .sidebar ul.client, 
#page .sidebar ul.service {
	padding-left:0;
	width:115px;
	float:left;}

#page .sidebar ul.client {
	margin-right:10px;}

#page .sidebar ul.client li, 
#page .sidebar ul.service li {
	list-style: none;
	margin-bottom: 0;
	padding-top: 5px;
	border-bottom: 1px dashed #ddd;
	padding-left: 10px;}

#page .sidebar ul.client li.current-cat, 
#page .sidebar ul.service li.current-cat {
	background: #EFB88B;}

#page .sidebar ul.client li.current-cat:hover, 
#page .sidebar ul.service li.current-cat:hover {
	background: #E5883D;}

#page .sidebar ul.client li:hover, 
#page .sidebar ul.service li:hover {
	background: #eee;}

#page .sidebar ul.client li a, 
#page .sidebar ul.service li a {
	text-decoration: none;
	display: block;
	color: #666;}

#page .sidebar ul.client li a:hover, 
#page .sidebar ul.service li a:hover, 
#page .sidebar ul.client li.current-cat a, 
#page .sidebar ul.service li.current-cat a {
	color: #000;}

.sidebar .anchors .tabc1 a:link, .anchors .tabc1 a:visited, 
.sidebar .anchors .tabc2 a:link, .anchors .tabc2 a:visited { 
	background: #fbfbfb;
	border-bottom: none;
	color: #999;}

.anchors .tabOnc1, 
.anchors .tabOnc2, 
.anchors .tabOnc1 a, 
.anchors .tabOnc2 a { 
	background:#fff;
	border-bottom: 1px solid #ddd;
	color: #333;}

#sectionc-1 {
	clear:both;;}



/* ----------------------------------------------------------------------------- 
TAB SWITCHER
----------------------------------------------------------------------------- */
#page ul.anchors {
	width: 818px;
	margin: 0;
	padding-left: 0;
	border-left: 1px solid #eee;
	border-right: 1px solid #eee;}

.anchors {
	list-style: none;
	margin: 0;
	padding: 0;
	height: 30px;
	background: #fff url(/assets/corporate/img/bkg/btn-off-bg.png) top left;}

#page .anchors li {
	margin: 0;
	padding: 0;
	display: inline;
	float: left;
	list-style: none;
	margin-bottom: 0;
	border-right: 1px solid #eee;}

.anchors a {
	display: block;
	height: 20px;
	padding: 10px 0 0 20px;
	color: #888;
	text-decoration: none;}

#page .anchors li.tabOn1, 
#page .anchors li.tab1, 
#wrap #page .home li.tabOn2, 
#wrap #page .home li.tab2, 
#page .anchors li.tabOnb1, 
#page .anchors li.tabb1 { 
	width: 80px;}

#page .anchors li.tabOn2, 
#page .anchors li.tab2, 
#wrap #page .home li.tabOn3, 
#wrap #page .home li.tab3, 
#page .anchors li.tabOnb5, 
#page .anchors li.tabb5 { 
	width: 110px;}

#wrap #page .home li.tabOn3, 
#wrap #page .home li.tab3 { 
	width: 120px;}

#wrap #page .home li.tabOn4, 
#wrap #page .home li.tab4 { 
	width: 150px;}

#page .anchors li.tabOnb4, 
#page .anchors li.tabb4 { 
	width: 140px;}

#page .anchors li.tabOn4, 
#page .anchors li.tab4, 
#wrap #page .home li.tabOn5, 
#wrap #page .home li.tab5 { 
	width: 170px;}

#page .anchors li.tabOn5, 
#page .anchors li.tab5, 
#wrap #page .home li.tabOn6, 
#wrap #page .home li.tab6, 
#page .anchors li.tabOn6, 
#page .anchors li.tab6 { 
	width: 130px;}

#page .anchors li.tabOnb2, 
#page .anchors li.tabb2 { 
	width: 120px;}

#page .anchors li.tabOnb3, 
#page .anchors li.tabb3, 
#page .anchors li.tabOnb6, 
#page .anchors li.tabb6 { 
	width: 120px;}

.anchors .tab1 a,
.anchors .tab2 a, 
.anchors .tab3 a, 
.anchors .tab4 a,  
.anchors .tab5 a, 
.anchors .tab6 a, 
.anchors .tabb1 a, 
.anchors .tabb2 a, 
.anchors .tabb3 a, 
.anchors .tabb4 a, 
.anchors .tabb5 a, 
.anchors .tabc1 a { 
	background: #fff url(/assets/corporate/img/bkg/btn-off-bg.png) top left;
	border-bottom: 1px solid #eee;}

.anchors .tab1 a:hover, 
.anchors .tab2 a:hover, 
.anchors .tab3 a:hover, 
.anchors .tab4 a:hover, 
.anchors .tab5 a:hover, 
.anchors .tab6 a:hover, 
.anchors .tabb1 a:hover, 
.anchors .tabb2 a:hover, 
.anchors .tabb3 a:hover, 
.anchors .tabb4 a:hover, 
.anchors .tabb5 a:hover, 
.anchors .tabb6 a:hover { 
	background:#fff;
	color: #333;}

.anchors .tabOn1 a, 
.anchors .tabOn2 a, 
.anchors .tabOn3 a, 
.anchors .tabOn5 a, 
.anchors .tabOn6 a,   
.anchors .tabOnb1 a, 
.anchors .tabOnb2 a, 
.anchors .tabOnb3 a, 
.anchors .tabOnb4 a, 
.anchors .tabOnb5 a, 
.anchors .tabOnb6 a { 
	color: #333;}

.anchors .tabOn4 a, 
.anchors .tab4 a:hover { 
	color: #7EA52E;}

.anchors .tabOn1, 
.anchors .tabOn2, 
.anchors .tabOn3, 
.anchors .tabOn4, 
.anchors .tabOn5, 
.anchors .tabOn6, 
.anchors .tabOnb1, 
.anchors .tabOnb2, 
.anchors .tabOnb3, 
.anchors .tabOnb4, 
.anchors .tabOnb5, 
.anchors .tabOnb6 { 
	background:#fff top left no-repeat; 
	border-right: solid 1px #C0C6CB;}



/* ----------------------------------------------------------------------------- 
BANNER CONTENT
----------------------------------------------------------------------------- */
#banner-item {
	margin: 0;
	width: 818px;
	height: 30px;
	border: 1px solid #eee;}

#banner h4 {
	font-size: 1.6em;}

#banner-item p {
	color: #666;
	font-size: 1.1em;}

#wrap #banner ul {
	list-style-type: none;
	padding-left: 0}

#banner img {
	float:right; 
	margin: 0; 
	width:628px;
	height: 238px;
	position: absolute;
	right: 0;}

#page .random img {
	float: none; 
	margin: 0; 
	width: 818px;
	height: 138px;
	position: relative;
	right: 0;}

div#wrap div#banner div.photo img {
	border: none;}



/* ----------------------------------------------------------------------------- 
CYCLE SLIDESHOW
----------------------------------------------------------------------------- */
#main {
	width: 818px; 
	background: #fff url(/assets/corporate/img/bkg/banner.gif) 0 0 repeat-x;}
	
div.ace, 
div.ace2, 
div.ace3, 
div.ace4, 
div.ace5, 
div.ace6, 
div.ace7, 
div.ace8, 
div.ace9, 
div.ace10, 
div.ace11, 
div.ace12 {
	float: left; 
	margin: 0 0 10px 20px;
	font-size: 1.1em;}

div.ace a {
	color: #333;}

#ace, 
#ace2, 
#ace3, 
#ace4, 
#ace5, 
#ace6, 
#ace7, 
#ace8, 
#ace9, 
#ace10, 
#ace11, 
#ace12 {
	float: left;
	clear: left;
	width: 150px;
	margin-left: 18px;}
	
#ace a, 
#ace2 a, 
#ace3 a, 
#ace4 a, 
#ace5 a, 
#ace6 a, 
#ace7 a, 
#ace8 a, 
#ace9 a, 
#ace10 a, 
#ace11 a, 
#ace12 a {
	margin: 0 2px; 
	padding: 0 3px; 
	border: 1px solid #ccc; 
	background: #eee; 
	text-decoration: none; 
	color: #eee;
	font-size: 0.9em;
	width: 100px;}

#ace a.activeSlide, 
#ace2 a.activeSlide, 
#ace3 a.activeSlide, 
#ace4 a.activeSlide, 
#ace5 a.activeSlide, 
#ace6 a.activeSlide, 
#ace7 a.activeSlide, 
#ace8 a.activeSlide, 
#ace9 a.activeSlide, 
#ace10 a.activeSlide, 
#ace11 a.activeSlide, 
#ace12 a.activeSlide {
	background: #E5883D;}

#ace2 a:focus, 
.ace a:focus {
	outline: none;}

#banners, 
#banners2, 
#banners3, 
#banners4, 
#banners5, 
#banners6, 
#banners7, 
#banners8, 
#banners9, 
#banners10, 
#banners11, 
#banners12 {
	width:818px; 
	height:196px;}

.txt {
	width: 168px; 
	padding: 20px 0 20px 20px;}

#banners .txt, 
#banners2 .txt, 
#banners3 .txt, 
#banners4 .txt, 
#banners5 .txt, 
#banners6 .txt, 
#banners7 .txt, 
#banners8 .txt, 
#banners9 .txt, 
#banners10 .txt, 
#banners11 .txt, 
#banners12 .txt {
	float: left;
	display: inline;}

#b1, 
#b2, 
#b3, 
#b4, 
#b5, 
#b6, 
#b7, 
#b8, 
#b9 {
	width: 818px;
	background: #fff url(/assets/corporate/img/bkg/banner.gif) 0 0 repeat-x;}



/* ----------------------------------------------------------------------------- 
CODA SLIDER
----------------------------------------------------------------------------- */
p#cross-links {
	padding-top: 60px;
	width: 220px;
	float: left;}

a.capa {
	padding: 2px 0 1px 20px;
	background: url(/assets/global/img/icn/arrow_left.png) no-repeat 0 1px;
	color: #999;
	text-decoration: none;}

a.capa:hover {
	padding: 2px 0 1px 20px;
	background: url(/assets/global/img/icn/arrow_left_blue.png) no-repeat 0 1px;
	color: #6995CD;}

a.client {
	padding: 2px 20px 1px 0;
	background: url(/assets/global/img/icn/arrow_right.png) no-repeat 55px 1px;
	color: #999;
	text-decoration: none;}

a.client:hover {
	padding: 2px 20px 1px 0;
	background: url(/assets/global/img/icn/arrow_right_blue.png) no-repeat 55px 1px;
	color: #6995CD;}

a:focus { 
	outline:none }
	
.stripViewer .panelContainer .panel ul {
	text-align: left;
	margin: 0 15px 0 30px;}

.slider-wrap {
	margin: 20px 0;
	position: relative;
	width: 100%;}

/* while slider is loading */
.csw { 
	width: 820px; 
	margin: 0 20px 20px; 
	padding-bottom: 20px; 
	border: 1px solid #eee; 
	background: none; 
	overflow: hidden;}

.csw img { 
	display: none;}

.csw .loading { 
	margin: 200px 0 300px 0; 
	text-align: center;}

.stripViewer {
	position: relative;
	overflow: hidden; 
	margin: auto;
	width: 820px;
	clear: both;
	background: none;}

.stripViewer .panelContainer {
	position: relative;
	left: 0; top: 0;
	width: 100%;
	list-style-type: none;}

.stripViewer .panelContainer .panel {
	float:left;
	height: 100%;
	position: relative;
	width: 820px;}

.stripViewer .panelContainer .panel .wrapper {
	padding: 0;}

.stripNav {
	margin: auto;
	display:none;}

.stripNavL, .stripNavR {
	position: absolute;
	top: 230px;
	text-indent: -9999em;}





/* ----------------------------------------------------------------------------- 
2011 SLIDER STYLES
----------------------------------------------------------------------------- */
/* The Nivo Slider styles */
.nivoSlider {
	position:relative;}

.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;}

/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:6;
	display:none;}

/* The slices and boxes in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:5;
	height:100%;}

.nivo-box {
	display:block;
	position:absolute;
	z-index:5;}

/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:#000;
	color:#fff;
	opacity:0.8; /* Overridden by captionOpacity setting */
	width:100%;
	z-index:8;}

.nivo-caption p {
	padding:5px;
	margin:0;}

.nivo-caption a {
	display:inline !important;}

.nivo-html-caption {
    display:none;}

/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:9;
	cursor:pointer;}

.nivo-prevNav {
	left:0px;}

.nivo-nextNav {
	right:0px;}

/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a {
	position:relative;
	z-index:9;
	cursor:pointer;}

.nivo-controlNav a.active {
	font-weight:bold;}
    
    /*============================*/
/*=== Custom Slider Styles ===*/
/*============================*/
#slider-wrapper {
    width:820px;
    height:280px;
    margin:0 auto;}

.page-template-our_work-php #slider-wrapper {width:525px;}

#slider {
	position:relative;
    width:820px;
    height:250px;}

.page-template-our_work-php #slider {width:525px;}

#slider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;}

#slider a {
	border:0;
	display:block;}

.nivo-controlNav {
	position:absolute;
	left:375px;
	bottom:-30px;}

.page-template-our_work-php .nivo-controlNav {left:225px;}

.nivo-controlNav a {
	display:block;
	width:22px;
	height:22px;
	background:url(images/bullets.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin-right:3px;
	float:left;}

.nivo-controlNav a.active {
	background-position:0 -22px;}

.nivo-directionNav a {
	display:block;
	width:30px;
	height:30px;
	background:url(images/arrows.png) no-repeat;
	text-indent:-9999px;
	border:0;}

a.nivo-nextNav {
	background-position:-30px 0;
	right:15px;}

a.nivo-prevNav {
	left:15px;}

.nivo-caption {
    text-shadow:none;}

.nivo-caption a { 
    color:#efe9d1;
    text-decoration:underline;}