/* @override 
	http://www.spring-associates.com/new/wp-content/themes/spring/style.css
*/

/*
THEME NAME: Spring Associates
*/

/* BEGIN MIME link icons */
#page .post a[href$=".doc"],
#page .page a[href$=".doc"],
#page .post a[href$=".docx"],
#page .page a[href$=".docx"] {
background: transparent url(images/icons/icon_doc.gif) no-repeat scroll right center;
padding: 5px 20px 5px 0;
}
#page .post a[href$=".pdf"],
#page .page a[href$=".pdf"] {
background: transparent url(images/icons/icon_pdf.gif) no-repeat scroll right center;
padding: 5px 20px 5px 0;
}
/* END MIME link icons

/* BEGIN horizontal & vertical centered div */
* {
margin: 0;
padding: 0;
}
html, body {
height: 100%;
}
body {
/* horizontal centering for IE Win quirks */
text-align: center;
}
#distance {
width: 1px;
height: 50%;
background-color: transparent;
/* half of container's height */
margin-bottom: -384px; 
float:left;
}
#container {
margin: 0 auto;
position: relative;
text-align:left;
height: 768px;
width: 1024px;
clear: left;
border: 1px solid #b2b2b2;
overflow: hidden;
}
/* END horizontal & vertical centered div */
/* BEGIN team gallery misc */
div.details_wrap {
	width: 1024px;
	height: 480px;
	overflow: hidden;	
}

div.details_wrap div.bio {
	padding: 20px;
	background: transparent url(images/translucent-bg-black.png) repeat left top;
	position: absolute;
	z-index: 100;
	top: 65px;
	width: 340px;
}

div.details_wrap div.bio.right { right: 65px; }

div.details_wrap div.bio.left {	left: 65px; }

#img span.caption {	display: none; }

div.scrollable li.item div.bio { display: none; }


.scrollable {
	/* required settings */
	position:relative;
	overflow:hidden;
	width: 940px;
	margin-left: 42px;
	height:126px;
}
/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
}

/* single scrollable item */
.scrollable li.item {	
	list-style: none;
	float:left;
	cursor:pointer;
	width:120px;
	height:80px;
	margin-top: 20px;
	margin-right: 15px;
}

.scrollable li.item a {
	outline: none;
}

.scrollable li.item img {
	border: 2px solid #fff;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-webkit-box-shadow: 1px 1px 2px black;
	-moz-box-shadow: 1px 1px 2px black;
}

.scrollable li.active {
}

.nextPage {
	cursor: pointer;
	height: 30px;
	width: 30px;
	top: 50%;
	margin-top: -15px;
	right: 0;
	position: absolute;
    background: transparent url(images/team_arrow_right_out.gif) no-repeat 0 0;
}

.prevPage {
	cursor: pointer;
	height: 30px;
	width: 30px;
	top: 50%;
	margin-top: -15px;
	left: 0;
	position: absolute;
    background: transparent url(images/team_arrow_left_out.gif) no-repeat 0 0;
	
}

div.prevPage.disabled,
div.nextPage.disabled {
	visibility: hidden;
}

div.scrollwrapper {
	position: absolute;
	background: #fff;
	width: 1024px;
	height: 126px;
	bottom: 0;
	left: 0;
}

.scrollable li span.name {
	z-index: 100;
	position: absolute;
	height: 20px;
	padding: 0 4px 0 4px;
	line-height: 20px;
	top: 62px;
	background: transparent url(images/translucent-bg-black.png) repeat left top;
	color: #fff;
	display: none;
}
/* END team gallery misc */


/* BEGIN dropdown menu */
#dropdown {
	padding-left: 38px;
}
#dropdown,
#dropdown ul {
	list-style-type: none;
	list-style-position: outside;
	position: relative;
	font-family: Arial, sans-serif;
	font-weight: normal;
	font-size: 14px;
	background: #4c721d url(images/whitepixel.png) repeat-x left bottom;
	z-index: 500;
	text-transform: lowercase;
	line-height: 25px;
	height: 25px;
}

#dropdown a {
	display: block;
	padding: 0 30px;
	color: #fff;
	border-right: 1px solid #fff;
	text-decoration: none;
}

ul#dropdown li:first-child a {
	border-left: 1px solid #fff;
}

#dropdown a:hover {
	background: #b2b2b2 url(images/whitepixel.png) repeat-x left bottom;
	color: #fff;
}

#dropdown li {
	float: left;
	position: relative;
}

#dropdown ul {
	position: absolute;
	display: none;
	width: 170px;
	top: 24px;
	left: -1px;
}

#dropdown ul a {
	border-left: 1px solid #fff;
}

#dropdown li ul {
	border-top: 1px solid #fff;
	width: 170px;
}

#dropdown li ul a {
	width: 170px;
	height: auto;
	float: left;
	background: #4c721d url(images/whitepixel.png) repeat-x left bottom;
	font-size: 12px;
	display: block;
}

#dropdown ul ul {
	top: -1px;
}

#dropdown li ul ul {
	left: 170px;
	margin: 0 0 0 10px;
}

#dropdown li.current_page_ancestor,
#dropdown li.current_page_item,
body.category-spring-in-the-news-media #dropdown li.page-item-376,
body.category-insights #dropdown li.page-item-375,
body.category-blog #dropdown li.page-item-377,
body.category-weekly-update #dropdown li.page-item-376,
body.s-category-spring-in-the-news-media #dropdown li.page-item-376,
body.s-category-insights #dropdown li.page-item-375,
body.s-category-blog #dropdown li.page-item-377,
body.s-category-weekly-update #dropdown li.page-item-376 {
	background: #b2b2b2 url(images/whitepixel.png) repeat-x left bottom;
}

#dropdown li:hover ul ul,
#dropdown li:hover ul ul ul,
#dropdown li:hover ul ul ul ul {
	display: none;
}

#dropdown li:hover ul,
#dropdown li li:hover ul,
#dropdown li li li:hover ul,
#dropdown li li li li:hover ul {
	display: block;
}
/* END dropdown menu */

body {
	background: #fff;
	color: #000;
	font-family: Arial, sans-serif;
	font-size: .75em;
}
hr {
	border: 0;
	height: 1px;
	background: #5b5b5b;
	margin-bottom: .5em;
}

div#page {
	position: relative;
	height: 606px;
	overflow: hidden;
	background-color: #000;
	color: #fff;
}
div#loading {
	width: 100%;
	height: 100%;
	background: #000 url(images/ajax-loader-large.gif) no-repeat 50% 50%;
}
div#page-title {
	position: absolute;
	z-index: 2;
	left: 38px;
	top: 38px;
	width: 496px;
	height: 38px;
	line-height: 38px;
	padding: 0 20px 0 20px;
	overflow: hidden;
}
div#page-title h2 {
	float: left;
}
div#page-title select {
	float: right;
}
div#content {
	position: absolute;
	z-index: 2;
	left: 38px;
	top: 86px;
	width: 496px;
	padding: 20px;
	height: 391px;
	overflow: auto;
}
/* approach, career development path, insights position right */
body.pageid-6 div#content,
body.pageid-22 div#content,
body.category-insights div#content,
body.pageid-6 div#page-title,
body.pageid-22 div#page-title,
body.category-insights div#page-title {
	left: 450px;
}
body.pageid-6 div#breadcrumbs,
body.pageid-22 div#breadcrumbs,
body.category-insights div#breadcrumbs {
	left: 0;
	text-align: right;
}

body.category-blog div#content,
body.category-blog div#page-title,
body.category-weekly-update div#content,
body.category-weekly-update div#page-title,
body.s-category-blog div#content,
body.s-category-weekly-update div#content {
	width: 908px;
}

body.category div#content div.post.category-blog,
body.category div#content div.post.category-spring-in-the-news-media,
body.category div#content div.post.category-weekly-update,
body.category div#content div.post.category-insights,
body.archive div#content div.post {		
	margin: 0 0 2em;
	padding: 0 0 1em;
	border-bottom: 1px solid #5b5b5b;
}
/* on category archive pages: two column layout */
body.s-category-blog div#content div.post.category-blog,
body.s-category-weekly-update div#content div.post.category-weekly-update,
body.category div#content div.post.category-blog,
body.category div#content div.post.category-weekly-update,
body.category-blog div.navigation,
body.category-weekly-update div.navigation {	
	width: 75%;
	float: right;
}

/* BEGIN styling capability areas */
body.page-template-template-capability-areas-php div#page ul#subnav,
body.page-template-template-services-client-cases-php div#page ul#subnav {
	position: absolute;
	z-index: 2;
	left: 584px;
	top: 86px;
}
body.page-template-template-capability-areas-php div#page ul#subnav li,
body.page-template-template-services-client-cases-php div#page ul#subnav li {
	list-style: none;	
}
body.page-template-template-capability-areas-php div#page ul#subnav li a,
body.page-template-template-services-client-cases-php div#page ul#subnav li a {
	display: block;
	margin-bottom: .5em;
	background-color: #4c721d;
	padding: 4px 10px 4px 36px;
	font-size: 14px;
	text-decoration: none;
	color: #fff;
	text-transform: lowercase;
	text-align: right;
}
body.page-template-template-capability-areas-php div#page ul#subnav li a:hover,
body.page-template-template-services-client-cases-php div#page ul#subnav a:hover {
	background: #b2b2b2;
}
body.page-template-template-capability-areas-php div#page ul#subnav li.current_page_item a,
body.page-template-template-services-client-cases-php div#page ul#subnav li.current_page_item a {
	background: #b2b2b2 url(images/arrow_white_left.png) no-repeat 5% 52%;	
}
/*
body.page-template-template-capability-areas-php div#page div#content {
	top: 38px;
	height: 429px;
}
*/
/* END styling capability areas */

#breadcrumbs {
	position: absolute;
	z-index: 2;
	left: 38px;
	width: 946px;
	height: 38px;
	line-height: 38px;
	padding: 0 20px 0 20px;
	bottom: 38px;
	overflow: hidden;
	text-transform: lowercase;
}
/* BEGIN Hellingproof link */
#hellingproof {
	position: absolute;
	right: 6px;
	bottom: 6px;
	z-index: 2;
}
#hellingproof a {
	padding: 2px;
	display: block;
	color: #b2b2b2;
	font-size: 10px;
	text-decoration: none;
}
/* END Hellingproof link */

/* BEGIN copyright notice */
#copyright {
	z-index: 2;
	display: block;
	position: absolute;
	left: 6px;
	bottom: 6px;
	font-size: 10px;
}

div#content .page,
div#content .post {
	
}

div#content .entry-title {
	margin-bottom: 10px;	
}

div#content .entry-content {
	
}

div#content .entry-meta, div#content .entry-tags {
	margin: 0 0 .5em;
}

div#content .page p,
div#content .post p {
	margin: 0 0 1em;
	line-height: 160%
}

div#content .post ul,
div#content .post ol,
div#content .post li,
div#content .page ul,
div#content .page li {
	margin: 0 0 1em 15px;
}

div#content .post a,
div#content .page a,
div#breadcrumbs a,
div#content .sidebar a {
	color: #fff;
	text-decoration: underline;
}

div#content .post a:hover,
div#content .page a:hover,
div#breadcrumbs a:hover,
div#content .sidebar a:hover {
	text-decoration: none;
}

div#content .post a:visited,
div#content .page a:visited,
div#content .sidebar a:visited {
	color: #ccc;
}

div#content .page h4 a,
div#content .page h4 a:hover,
div#content .page h4 a:visited {
	color: #fff;
}  
h1, h2, h3, h4, strong {

}

#content h1, #content h2, #content h3, #content h4 {
	margin: 12px 0 2px 0;
}

#content h1:first-child,
#content h2:first-child,
#content h3:first-child,
#content h4:first-child {
	margin-top: 0px;
}

h1 {
	font-size: 20px;	
}
h2 {
	font-size: 18px;
}
h3 {
	font-size: 16px;
}
h4 {
	font-size: 14px;
}

table td, table th {
	padding: 0 .2em .2em 0;
}

div#content .page h2.entry-title a,
div#content .post h2.entry-title a {
	color: #fff;
	text-decoration: none;
}

.entry-title,.entry-meta {
	clear: both;
}

.alignright,img.alignright {
	float: right;
	margin: 1em 0 0 1em;
}

.alignleft,img.alignleft {
	float: left;
	margin: 1em 1em 0 0;
}

.aligncenter,img.aligncenter {
	display: block;
	margin: 1em auto;
	text-align: center;
}

a img {
	border: 0;
}

div.gallery {
	clear: both;
	height: 180px;
	margin: 1em 0;
	width: 100%;
}

p.wp-caption-text {
	font-style: italic;
}

div.gallery dl {
	margin: 1em auto;
	overflow: hidden;
	text-align: center;
}

div.gallery dl.gallery-columns-1 {
	width: 100%;
}

div.gallery dl.gallery-columns-2 {
	width: 49%;
}

div.gallery dl.gallery-columns-3 {
	width: 33%;
}

div.gallery dl.gallery-columns-4 {
	width: 24%;
}

div.gallery dl.gallery-columns-5 {
	width: 19%;
}

div#nav-images {
	height: 150px;
	margin: 1em 0;
}

div.navigation {
	padding-bottom: 18px;
}

body.category-insights div.navigation,
body.category-spring-in-the-news-media div.navigation {
	width: 100%;
}
div.navigation div.nav-next {
	float: right;
	text-align: right;
}
div.navigation div.nav-previous {
	float: left;
	text-align: left;
}

div.navigation a {
	display: block;
	text-transform: lowercase;
	padding: 6px;
	background: #b2b2b2;
	text-decoration: none;
	color: #fff;
}

div#content div.sidebar span.archive-link a,
div#content div.sidebar span.archive-link a:hover,
div#content span.archive-link a,
div#content span.archive-link a:hover {
	text-transform: lowercase;
	color: #fff;
	padding: 6px;
	float: left;
	margin: 6px 0 6px 0;
	background: #b2b2b2;
	text-decoration: none;
}
div#content span.archive-link a,
div#content span.archive-link a:hover {
	clear: both;
}

.category-spring-in-the-news-media div#content span.archive-link a {
	float: right;
	margin-bottom: 10px;	
}

/* BEGIN sidebar */
div.sidebar {
	float: left;
	width: 22%;
	background: transparent;
}
div.sidebar li {
	list-style: none;
}
div.sidebar ul.xoxo li h3 {
	font-size: 16px;
	font-weight: normal;
	text-transform: lowercase;
	padding: 0 0 6px;
	border-bottom: 1px solid #5b5b5b;
}
div.sidebar ul.xoxo ul {
	margin: 6px 0 12px 0;
}
div.sidebar ul.xoxo ul li a {
	font-size: 12px;
	display: block;
	margin-bottom: 6px;
}
div.sidebar ul.children li {
	margin-left: 10px;
	font-size: 11px;
}
div.sidebar ul.children li:last-child {
	margin-bottom: 18px;
}
/* BEGIN sidebar search form */
div.sidebar input#s {
	width: 8em;
}
div.sidebar input.button {
	border: none;
	color: #fff;
	background-color: #000;
	text-transform: lowercase;
	font-size: 1em;
	padding: 1px;
}
div.sidebar li form {
	margin: 0.2em 0 0;
	padding: 0;
}
/* END sidebar search form */
/* END sidebar */

div.gallery dl,div.navigation {
	float: left;
}

input#author,input#email,input#url {
	width: 50%;
}

div.gallery * {
	margin: 0;
	padding: 0;
}

div#content .page ul.development-path {	
	margin: 10px 0 30px 0;
}

div#content .page ul.development-path li {
	margin-bottom: 12px;
	margin-left: 0;
	list-style: none;
	line-height: 30px;
	font-size: 16px;
	height: 30px;
	padding-left: 20px;
	background: transparent url(images/bg-arrow-grey.png) no-repeat top right;	
}
div#content .page ul.development-path li a,
div#content .page ul.development-path li a:hover,
div#content .page ul.development-path li a:visited {
	display: block;
	text-decoration: none;
	color: #fff;
}
div#content .page ul.development-path li.consultant {
	width: 140px;
}
div#content .page ul.development-path li.associate {
	width: 160px;
}
div#content .page ul.development-path li.manager {
	width: 180px;
}
div#content .page ul.development-path li.partner {
	width: 200px;
}


/* BEGIN header */
div#header h1 {
	margin: 0;
}
div#header h1 a {
	height: 137px;
	position: relative;
	width: 100%;
	background: #fff url(images/spring-associates-logo.png) no-repeat 38px 52px;
	text-indent: -9999px;
	overflow: hidden;
	display: block;
}
/* END header */