/*
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 {
	width: 190px;}

#features .item.two {
	width: 260px;}

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

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

/* ----------------------------------------------------------------------------- 
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
----------------------------------------------------------------------------- */
#page .sidebar ul.anchors {
	width: auto;
	border-right: none;
	background: none;
	font-weight: bold;}
	
#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;}

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

#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;
	font-style: italic;
	padding-left: 10px;}

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

#section-c2 {
	display:none;}



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