/*******************
Color Palette

Dark Gray - #464647
Light Gray - #707071
Orange - #e09339
New Orange -#f68b1f

********************/


body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.525em;
	color: #707071;
	letter-spacing: 0.0125em;
}

h1 {
	color:#464647;
	font-family:Arial,Helvetica,sans-serif;
	font-size:14px;
	letter-spacing:0.0125em;
	line-height:1.525em;
	font-weight: normal;
	margin-bottom: 20px;
}

h2 {
	color:#f68b1f;
	font-family:Georgia,"Times New Roman",Times,serif;
	font-size:35px;
	line-height:35px;
	font-weight: normal;
	margin-bottom: 10px; 
}

h3 {
	font-weight: normal;
	color:#464647;
	margin-bottom: 0px;	
}

h4 {
	font-weight: bold;
	color: #464647;
	padding-bottom: 15px;
	
}

h5 {
 	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 15px;
	color: #f68b1f;	
	
}

p { margin-bottom: 20px; }

#container {
	text-align: left;
	margin: 0px auto;
	width: 960px;
	position: relative;
	top: 0px;
	left: 0px;
	display: block;
	clear: both;
	overflow: hidden;
}

#littleContainer{
	padding: 0px 0px 0px 150px;
}

/* Header
----------------------------------------------- */

#logo {
	margin-left: 15px;
	margin-top: 20px;
	margin: 10px 0 0px 15px;
	width: 135px;
	height: 64px;

}

#logoName {
	position: absolute; 
	top: -10000px;
}

/* Main Navigation
----------------------------------------------- */

#navcontainer {
	margin: -65px 0px 20px 0px;
	clear: both;
	overflow: hidden;	
}

#navcontainer h4 {
	padding: 0 0 0 15px;	
}

.menu-thinking, .menu-industry, .menu-capabilities, .menu-connect {
	height: auto;
	margin-left: 15px;
}

.menu-thinking {
/* 	width: 185px; */
		width: 177px;
}

.menu-industry {
	width: 149px;
}

.menu-capabilities {
	width: 133px;
}

.menu-connect {
	width: 125px;
}

#navcontainer ul li a, #aside ul li a { 
	padding-left: 15px;
}

#aside ul li a { display: block; }

#navcontainer ul, #aside ul
{
  	list-style:none;
}

#navcontainer ul li, #aside ul li {
	color: #464647;
	line-height:1.5em;
}
	#aside ul li { margin-bottom: 10px; }

#navcontainer ul li a, #aside a {
	text-decoration:none;
	color: #464647;
}
	
#navcontainer li.selected a, #aside li.selected a {
	color: #f68b1f;
	background:  url(../img/arrow.gif) no-repeat left center;
	font-weight: bold;
}

	#aside li.selected a {
		background-position: left 6px;
	}
				
#navcontainer a:hover, #aside a:hover {
	color: #f68b1f;
	background: url(../img/arrow.gif) no-repeat left center;
	font-weight: bold;

}

	#aside a:hover {
		background-position: left 6px;
	}
	
.social ul {
	margin-left: 15px;
}

.social ul li {
	float: left;
	padding: 5px 6px 0px 0px;
}   
		
#navcontainer .social ul li a, #navcontainer .social ul li {
	padding-left: 0px;
}

/* Footer
----------------------------------------------- */
#footer {
	position: relative;
	font-size: 11px;
	margin-top: 70px;
	margin-left: 15px;
	color: #707071;
}

/* Content
----------------------------------------------- */
#article {
	width: 580px;
	margin-left: 30px;
	margin-right: 15px;
	position: relative;
}

	#article.home { width: 640px; }
	
	#article.news, #article.staff { width: 620px; }
	

	#article a, #article a:visited {
		color: #f68b1f;
		text-decoration: none;
	}
/*a.prevPage { position: absolute; top: 3px; right: 50px; }*/
.nav { position: absolute; top: 3px; right: 5px; }
	
	a.nextPage {
	margin-left: 7px;
	background: url(../img/arrow.gif) no-repeat right center;
	padding-right: 15px;
	font-weight: bold;
}
	
	a.prevPage {
	margin-right: 7px;
	background: url(../img/backArrow.png) no-repeat left center;
	padding-left: 15px;
	font-weight: bold;	
}

	
	#article a:hover { text-decoration: underline; font-weight: bold;}

	
#recent-work { width: 400px; height: 288px; border-right: 1px dashed #707071; }

	#recent-work h2 { float: left; width: 170px; }

	#recent-work h3 { float: left; margin-top: 20px; }
	
	#recent-work h3 p { margin-bottom: 1px;  }

#view-work { width: 187px; margin-left: 20px; margin-top: -7px; border-bottom: 1px dashed #707071; padding-left: 12px; }
	
	#view-work h2 { color:#464647;  margin-bottom: 5px; letter-spacing: .0125em; }
	
	#view-work p.selected { color: #f68b1f; font-weight: bold; }
	
	#view-work span {  color:#464647;  }

#blog { margin-left: 20px; width: 200px; margin-top: 15px; padding-left: 12px; }

	#blog p.selected { font-weight:bold; color:#f68b1f; margin-bottom: 10px;  }
	
	#blog p.read   { font-weight:bold; text-align: right;  margin-top: 30px; background: url(../img/arrow.gif) no-repeat right center; padding-right: 15px; } 
	
	#blog h2 { color:#464647;  margin-bottom: -3px; letter-spacing: .0125em;}

	#blog ul {  margin-left: 0px; padding-left: 1em; text-indent: -1em; }

	#blog ul li {  margin-bottom: 10px; color: #464647; list-style: disc inside;  }
		
	#blog ul li a:link { color: #464647; text-decoration: none; }
	
	#blog ul li a:visited { color: #464647; text-decoration: none; }
	
	#blog ul li a:hover { color: #f68b1f; text-decoration: none; }
		
	#blog ul li a:active { color: #464647; text-decoration: none; }
	
	#loco-letters { margin-top: 10px; padding-left: 4px; }

.home h2, .staff h2 { font-size: 20px; }

.staff h2 { color: #707071; font-family:Arial,Helvetica,sans-serif; margin-bottom: 10px; }

.staff h3 { line-height: 22px; color: #464647; font-family:Georgia,"Times New Roman",Times,serif; font-size: 17px; font-weight: normal; letter-spacing:0.0125em; }

	.staff h3 abbr { font-style: italic; color: #f68b1f; padding-left: 5px; font-size: 16px; }
	
	#article.staff a, #article .staff a:visited { color: #707071; line-height: 20px; font-size: 13px; }
	
	#article.staff a:hover { color: #464647; text-decoration: none; }
	
	.staff .tel { font-size: 13px; }
	
	.staff .contact { border-bottom: 1px dashed #ccc; padding-bottom: 20px; margin-bottom: 20px;}
	
	#a-l { width: 300px; margin-right: 20px; }
	#m-z { width: 300px; }
	
	#staff li { margin-bottom: 30px; }
	
.summary p { 
	color:#464647;
	font-family:Arial,Helvetica,sans-serif;
	font-size:18px;
	letter-spacing:0.0125em;
	line-height:1.525em;	
}

	.summary .major p, .home #mantra { 
		color:#464647;
		font-family:Georgia,"Times New Roman",Times,serif;
		font-size:23px;
		letter-spacing:0.0125em;
		line-height:1.525em;	
	}
	
	.orange-italic  { color: #f68b1f; font-style: italic;}
	
	.home #mantra { width: 620px; padding-bottom: 15px;}
	
	.home p span { color: #f68b1f; font-style: italic;}

	.summary p.featured, p.more {
		font-size: 12px;
		font-weight: bold;
		line-height: 18px;
		letter-spacing: 0.0125em;
		text-align: right;
	}
	
			.summary p.featured a, p.more a { background: url(../img/arrow.gif) no-repeat right center; padding-right: 15px; }
			
p.tel { font-size:12px; line-height:20px;  }

p.address { text-transform: uppercase; font-size: 14px; }
			
.news .item { 
	border-bottom: 1px dashed #ccc;
	margin-bottom: 30px;
}

.news .item h1, .news h1.page_title {
	margin-bottom: 7px;
	font-size: 20px;	
	line-height: 24px;
}

.news .item h1 span, .news h1.page_title span { padding-left: 15px; font-size: 14px; }

.news h1.page_title { margin-bottom: 20px; }

#aside {
	width: 180px;
	margin-top: 40px;
}

.scrollable {
	position:relative;
	overflow:hidden;
	width: 580px;
	height:495px;
	background: url(../img/loading.gif) no-repeat center 100px;
}

	.scrollable .item img { margin-top: 23px; margin-bottom: 10px; }
	.scrollable .item p { margin-bottom: 0; }
	.scrollable .video div { margin-top: 20px;}

.slideshow { width: 393px;  }
.slideshow .slideshow-content { display: none; }