@charset "utf-8";
/* CSS Document */

body {
	margin: 0;
	padding: 0;
	background-color: #e2e2d6;
	background-image: url(../images/bg.jpg);
	background-position:center top;
	background-repeat: no-repeat;
	font-family: Trebuchet MS, sans-serif;
	font-weight: lighter;
	font-size: 12px;
	line-height: 15px;
	color: #666;
}

img {
	border: none;
}

a:active, a:link, a:visited, a:hover {
	outline: 0;
}

.fltLeft {
	float:left;
}

.fltClear {
	clear: both;
}

.padRightTen {
	padding-right: 10px;
}

a:link, a:visited {
	color:#000;
	text-decoration:none;
}

a:hover, a:active{
	color:#000;
	text-decoration:none;
}

a.textlink:link, a.textlink:visited {
}

a.textlink:hover, a.textlink:active {
	border-bottom: #000 dotted 1px;
}

#container {
	width: 958px;
	margin: 0 auto;
	position: relative;
	left: 0px;
	top: 0px;
}

/* Global styles */
h1 {

}

h2 {
	font-size: 18px;
	font-weight: normal;
	color: #000;
	padding: 0;
	margin: 0 0 4px 0;
}

h3 {

}

h4 {

}

p {
	margin: 0;
	padding: 0 0 8px 0;
}


/* Nav styles */
#leNav {
	width: 278px;
	height: 488px;
}

#leNav UL {
	list-style: none;
	margin: 50px 0 35px 0;
	padding: 0;
}

#leNav UL a {
	color: #737368;
	text-decoration: none;
	display: block;
	border: none;
	width: auto;
	height: 16px;
	padding: 0;
	margin: 0;
}


#leNav UL a:hover {
	color: #000;
	text-decoration: none;
	background-color:#eeeee6;
	border: none;
}

#leNav .selected {
	color: #000;
	text-decoration: none;
	background: url(../images/lenav_sel.jpg) no-repeat;
	border: none;
 	display: block;
	width: auto;
	height: 16px;
	padding: 0;
	margin: 0;
}


/*Content Div info*/	
.leContent {
	z-index: 0;
	position: absolute;
	top: 0px;
	left: 277px; /*dunno wy it is not 278 */
	width: 680px;
	display: none;
}

.leWorkContent {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 450px;
	width: 680px;
	display: block;
}

#whatWeDo {
	font-size: 20px;
	color: #737368;
	width: 278px;
	margin-top: 50px;
	line-height: 22px;
}

/*Image Nav*/
#imageNav {
	width: 250px;
	position: absolute;
	top: 450px; 
	left: 150px;
	height: 50px;
	float: left;
}

#imageNav .bull {
	display: block;
	width: 19px;
	height: 19px;
	background: url(../images/cOff.gif) no-repeat;
}

#imageNav .activeSlide a {
	display: block;
	width: 19px;
	height: 19px;
	background: url(../images/cOnn.gif) no-repeat;
}

.pages, .pages li {
  float: left;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

/* Images */
#contentA {
	background-image:url(../images/full/a.jpg);
}

#contentB {
	background-image:url(../images/full/b.jpg);
}

#contentC {
	background-image:url(../images/full/c.jpg);
}

#contentD {
	background-image:url(../images/full/d.jpg);
}

#contentE {
	background-image:url(../images/full/e.jpg);
}

#contentF {
	background-image:url(../images/full/f.jpg);
}

#contentG {
	background-image:url(../images/full/g.jpg);
}

.contentBlurb {
	margin: 68px 0 0 465px;
}

.contentBlurb h4 {
	font-size: 16px;
	margin: 0;
}

.contentBlurb p {
	margin: 0;
}

.contentBlurb blockquote {
	margin: 5px 0 10px 10px;
	line-height: 16px;
}

.author {
	margin:0;
	padding:0;
	line-height:12px;
}

.authorTitle {
	color: #999;
	margin:0;
	padding:0;
	line-height:12px;
}

/* Directors */
#leDirectors {	
	padding: 90px 0 0 35px;
}

.bio {
	float: left;
	width: 500px;
	margin-left: 18px;
}

/* Case Studies */
#leStudies {
	padding: 90px 0 0 35px;
}

.caseCol {
	width: 320px;
	float: left;
}

#leStudies .caseCol a {
	display: block;
	width: 280px;
	padding: 10px 10px 20px 10px;
	border: dotted 1px #fff;
}

#leStudies .caseCol a:hover {
	border: dotted 1px #666;
}

.caseLabel {
	display:block;
	color: #000;
	font-size: 14px;
	line-height: 18px;
	margin: 6px 0 4px 0px;
	padding: 0px 0 0px 20px;
	background-image: url(../images/pdf.gif);
	background-repeat: no-repeat;
}

/* Resources */
#leResource {
	padding: 90px 0 0 35px;
}

#leResource p a {
	border-bottom: none;
}

.framework {
	clear: both;
	margin: 4px 12px 4px 0;
	float: left;
}


/* Contact */
#leContact {
	padding: 90px 0 0 35px;
}