@charset "UTF-8";
/* CSS Document */

@import url("navigation.css");
@import url("thickbox.css");


body  {
	font: 100% Arial, Helvetica, sans-serif;
	background: #fff;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #fff;
}
.EnS3Col #container {
	background: #fff;
	border: 0px solid #000000;
	text-align: left;
	margin: 0 auto;
	width: 860px;
} 
.EnS3Col #header {
	border-bottom: 1px solid #abadb0;
	margin: 0;
	padding: 0;
	width: 860px;
}
* html .EnS3Col #sidebar1 { width: 150px; padding: 10px 0 15px 0; margin: 10px 0 0 5px; } /* ie hack */
.EnS3Col #sidebar1 {
	float: left;
	width: 150px;
	padding: 15px 0;
	margin: 10px 0 0 20px;
	height: 470px;
	border-right: 1px solid #abadb0;
}
* html .EnS3Col #sidebar2 { width: 170px; padding: 10px 15px 15px 10px; margin: 10px 10px 0 0; } /* ie hack */
.EnS3Col #sidebar2 {
	float: left;
	width: 170px;
	background: url(../images/ens_background-yellow.jpg) top right no-repeat;
	margin: 10px 0px 0 0;
	padding: 15px 10px;
	height: 470px;
}
* html .EnS3Col #sidebar2-orange { width: 170px; padding: 10px 15px 15px 10px; margin: 10px 10px 0 0; } /* ie hack */
.EnS3Col #sidebar2-orange {
	float: left;
	width: 170px;
	background: url(../images/ens_background-orange.jpg) top right no-repeat;
	margin: 10px 0px 0 0;
	padding: 15px 10px;
	height: 470px;
}
* html .EnS3Col #sidebar2-blue { width: 170px; padding: 10px 15px 15px 10px; margin: 10px 10px 0 0; } /* ie hack */
.EnS3Col #sidebar2-blue {
	float: right;
	width: 170px;
	background: url(../images/ens_background-blue.jpg) top right no-repeat;
	margin: 10px 10px 0 0;
	padding: 15px 10px;
	height: 470px;
}
* html #mainContent { zoom: 1; } /* ie hack */
.EnS3Col #mainContent {
	margin: 10px 200px 0 180px;
	padding: 0;
}
* html #mainContent2 { zoom: 1; } /* ie hack */
.EnS3Col #mainContent2 {
	float: left;
	padding: 0;
	margin: 10px 0 0 10px;
	width: 479px;
} 
* html #mainContent3 { zoom: 1; } /* ie hack */
.EnS3Col #mainContent3 {
	float: left;
	padding: 0;
	margin: 10px 0 0 10px;
	width: 679px;
} 
.EnS3Col #footer {
	background-color: #fff;
	border-top: 1px solid #abadb0;
	text-align:center;
	color:#CCCCCC;
	margin: 10px 0 0 0;
	padding-top: 0 10px 0 20px;
} 
.EnS3Col #footer p {
	margin: 0;
	padding: 10px 0;
}
.fltrt {
	float: right;
	margin-left: 8px;
}
.fltlft {
	float: left;
	margin-right: 8px;
}
.clearfloat {
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
* html #row { width: 444px; margin: 10px 0 0 10px; padding: 0 5px; } /* ie hack */
#row {
	float: left;
	width: 440px;
	padding: 0 10px;
	margin: 10px 10px 0 10px;
}
* html #row3 { width: 634px; margin: 10px 0 0 10px; padding: 0 5px; } /* ie hack */
#row3 {
	float: left;
	width: 630px;
	padding: 0 10px;
	margin: 10px 10px 0 10px;
}
#scroll-row {
	padding-left: 10px;
	overflow: scroll;
	overflow-x: hidden;
	margin: 5px 10px 0 10px;
	float: left;
	width: 450px;
}
* html #gallery-row { width: 460px; margin: 10px 0 0 -10px; padding: 0 5px; } /* ie hack */
#gallery-row {
	float: left;
	width: 460px;
	margin: 10px 0 0 8px;
	padding: 0;
}
#gallery-row img {
	border: 0;
	padding: 0;
	margin-right: -4px;
	margin-bottom: -4px;
}
#gallery-row a:hover {
	background-color:#fff;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

#two-col { float:left; width: 220px; }

	
h1 {font-family:Geneva, Arial, Helvetica, sans-serif; font-weight:100; letter-spacing: -0.5px; font-size:24px; color:#6d6e71;}
h2 {font-family:Geneva, Arial, Helvetica, sans-serif; font-weight: lighter; letter-spacing: -0.5px; font-size:16px; color:#6db3d6;}
h3 {font-family:Geneva, Arial, Helvetica, sans-serif; font-weight: lighter; letter-spacing: -0.5px; font-size:14px; color:#6d6e71;}

p {font-family: Helvetica, Arial, sans-serif; letter-spacing: 0px; font-size:12px; line-height:18px; color:#333;}
ul {font-family:Arial, Helvetica, sans-serif; font-size:12px; list-style: none;	margin-left: 0;	padding-left: 10px;}
p, ul, h1, h2, h3, h4 {margin:0; padding:8px 0 0 0;}

#footer p {font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:18px; color:#999999;}
#footer a {color:#999999; text-decoration:underline;}
#footer a:hover {color:#fff; text-decoration:none; display:inline; background-color:#999999;}

a {color:#e76e34; text-decoration:underline;}
a:hover {color:#fff; text-decoration:none; display:inline; background-color:#e76e34;}

.dropcap {
	float: left;
	color: #e76e34;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 40px;
	line-height:80%;
	font-weight: light;
}


#small-list {
	color:#333;
	line-height:16px;
	font-size:12px;
	margin: -5px 0 0 5px;
}
	

#sidebar2 a, #sidebar2-orange a, #sidebar2-blue a, #lr_section a, #tr_section a, #lower_mainsection a {font-size:12px; line-height:18px; color:#fff;}
#sidebar2 a:hover, #sidebar2-orange a:hover, #sidebar2-blue a:hover, #lr_section a:hover, #tr_section a:hover, #lower_mainsection a:hover {font-size:12px; color:#fff;}
#sidebar2 img, #sidebar2-orange img, #sidebar2-blue img {
	border: 0px;
	float: right;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0px;
}
#sidebar2 img a:hover {border: 1px; color:#e76e34;}
#sidebar2 p, #sidebar2-orange p, #sidebar2-blue p, #lr_section p, #tr_section p, #lower_mainsection p {font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:18px; color:#fff;}
#sidebar2 h3, #sidebar2-orange h3, #sidebar2-blue h3, #lr_section h3, #tr_section h3 {font-family:Geneva, Arial, Helvetica, sans-serif; font-size:16px; color:#fff;}


/******************************************************************
			   		homepage layout code
******************************************************************/

* html .ens_hp_flash { height: 450px; margin-bottom: -20px }

.EnS3Col #homepage {
	padding: 0 0 0 10px;
	background: #fff;
	height: 510px;
}

.EnS3Col #mainsection {
	float: left;
	height: 450px;
	width: 620px;
	background: url(../images/ens_background-grey.jpg) top left no-repeat;
	margin: 10px 10px 0 0;
	padding: 0;
	overflow: hidden;
}

.EnS3Col #lower_mainsection {
	float: left;
	width: 600px;
	height: 20px;
	background: url(../images/ens_background-blue.jpg) bottom left no-repeat;
	margin: 10px 10px 0 0;
	padding: 10px 0 10px 20px;
}

.EnS3Col #tr_section {
	float: right;
	height: 320px;
	width: 190px;
	margin: 10px 10px 0 0;
	padding: 10px;
	background: url(../images/ens_background-orange.jpg) top right no-repeat;
}

.EnS3Col #lr_section {
	float: right;
	height: 130px;
	width: 170px;
	background: url(../images/ens_background-yellow.jpg) bottom right no-repeat;
	margin: 10px 10px 0 0;
	padding: 10px 20px;
}

#mainsection p {margin: -20px 0 10px 25px; width:260px; line-height: 12px;}
#lower_mainsection p {margin: 0px; padding: 0px; line-height: 12px;}
#lr_section ul { color:#fff; line-height: 16px; }

#lr_section ul {
	margin: 0;
	padding: 5px 0 0 20px;
	list-style-image: url(../images/list_bullet.gif);
}
#tr_section p { text-align: center; }
#tr_section a { font-size: 11px; line-height: 13px; }
#tr_section a:hover { font-size: 11px; line-height: 13px; }

#sub {
	font-size: 11px;
	margin: 0px;
	float: none;
	line-height: 12px;
	padding-left: 7px;
}



/******************************************************************
			         image replacement headers
******************************************************************/

#ens_logoswap {
	background: url(../images/ens_logo_09.gif) top left no-repeat;
	margin: 160px 0 20px 20px;
	padding: 0px;
	width: 255px;
	height: 75px;
}
#ens_logoswap span {display: none;}

#ens_small-logoswap {
	width: 190px;
	height: 56px;
	font-size: 14px;
	padding: 0;
	margin: -60px 10px 0 0;
	float: right;
}
#ens_small-logoswap span {display: none;}
#ens_small-logoswap a {
	background: url(../images/ens_logo_s.gif) top left no-repeat;
	position: absolute;
	width: 190px;
	height: 56px;
}
#goodthinking-swap {
	margin: 10px 0 0 0;
	padding: 0px;
	width: 190px;
	height: 75px;
	position: relative;
}
#goodthinking-swap {
	background: url(../images/good-thinking.gif) top left no-repeat;
	position: absolute;
	width: 190px;
	height: 75px;
}	
#goodthinking-swap span {display: none;}

#spotlight_cl {
	background: url(../images/spotlight_client.gif) top left no-repeat;
	margin: 0px;
	padding: 0px;
	width: 170px;
	height: 80px;
}
#spotlight_cl span {display: none;}

#spotlight_com {
	background: url(../images/spotlight_company.gif) top left no-repeat;
	margin: 0 0 0 -5px;
	padding: 0px;
	width: 170px;
	height: 80px;
}
#spotlight_com span {display: none;}

#spotlight_emp {
	background: url(../images/spotlight_employee.gif) top left no-repeat;
	margin: 0 0 0 -5px;
	padding: 0px;
	width: 170px;
	height: 80px;
}
#spotlight_emp span {display: none;}

#spotlight_emp_blue {
	background: url(../images/spotlight_emp_blue.gif) top left no-repeat;
	margin: 0 0 0 -5px;
	padding: 0px;
	width: 170px;
	height: 80px;
}
#spotlight_emp_blue span {display: none;}

#spotlight_emp_orange {
	background: url(../images/spotlight_emp_orange.gif) top left no-repeat;
	margin: 0 0 0 -5px;
	padding: 0px;
	width: 170px;
	height: 80px;
}
#spotlight_emp_orange span {display: none;}

#spotlight_port {
	background: url(../images/spotlight_portfolio.gif) top left no-repeat;
	margin: 0 0 0 -5px;
	padding: 0px;
	width: 170px;
	height: 80px;
}
#spotlight_port span {display: none;}

#candid_archives {
	background: url(../images/candid_archives.gif) top left no-repeat;
	margin: 0 0 0 -5px;
	padding: 0px;
	width: 170px;
	height: 80px;
}
#candid_archives span {display: none;}

#agency_candids {
	background: url(../images/agency_candids.gif) top left no-repeat;
	margin: 160px 0 0 0;
	padding: 0px;
	width: 170px;
	height: 106px;
}
#agency_candids:hover {
	background: url(../images/agency_candids_hov.gif) top left no-repeat;
	margin: 160px 0 0 0;
	padding: 0px;
	width: 170px;
	height: 106px;
}
#agency_candids span {display: none;}

#submit_button {
	background: url(../images/submit_btn.gif) top left no-repeat;
	margin:0;
	padding:0;
	width: 65px;
	height: 22px;
	border:0px;
}

/******************************************************************
			   top-level landing page headers
******************************************************************/
#people_header {
	background: url(../images/tl_header_people.jpg) top left no-repeat;
	margin: 0;
	padding: 0;
	height: 80px;
}
#people_header span {
	float: left;
	padding: 45px 0 0 10px;
}

#gender_header {
	margin: 0;
	background: url(../images/tl_header_gender.jpg) top left no-repeat;
	padding: 0;
	height: 80px;
}
#gender_header span {
	float: left;
	padding: 45px 0 0 10px;
}

#expertise_header {
	margin: 0;
	background: url(../images/tl_header_expertise.jpg) top left no-repeat;
	padding: 0;
	height: 80px;
}
#expertise_header span {
	float: left;
	padding: 45px 0 0 10px;
}

#portfolio_header {
	margin: 0;
	background: url(../images/tl_header_portfolio.jpg) top left no-repeat;
	padding: 0;
	height: 80px;
}
#portfolio_header span {
	float: left;
	padding: 45px 0 0 10px;
}

#client_header {
	margin: 0;
	background: url(../images/tl_header_client.jpg) top left no-repeat;
	padding: 0;
	height: 80px;
}
#client_header span {
	float: left;
	padding: 45px 0 0 10px;
}

#info_header {
	margin: 0;
	background: url(../images/tl_header_info.jpg) top left no-repeat;
	padding: 0;
	height: 80px;
}
#info_header span {
	float: left;
	padding: 45px 0 0 10px;
}

#plain_header {
	margin: 0;
	background: url(../images/tl_header_plain.jpg) top left no-repeat;
	padding: 0;
	height: 80px;
}
#plain_header span {
	float: left;
	padding: 45px 0 0 10px;
}
