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

		/* ZERO OUT DATA TO HELP IE*/
* {
  margin: 0px;
  padding: 0px;
  border: 0px;
}
body {
	background-color:#FFFFFF;
}	
		/****BEGIN LAYOUT CONTAINERS****/
		
		/* Wrapper for all DIVs */
	#wrapper {
	width:878px;/*Orig. 740 w/out endcap*/
	height:700px;
	margin-top: 2px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	overflow:hidden;
	display: block;
		}		
	#topnav {
	float: right;
	text-align: right;
	height: 28px;
	width: 255px;
	margin-top: 0px;
	margin-right: 88px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 0px;
	display: block;
		}		
.contentbag {
	height: 540px;
	overflow: hidden;
	width: 460px;
	float: left;
	margin-left: 1px;
}
#contentbagforpopup {
	height: 630px;
	overflow: hidden;
	width: 300px;
	float: left;
	margin-left: 12px;
}
		
		/* EPS Logo Container */
		#logo_container {
	height:570px;
	width:133px;
	float: left;
	background-image: url(../images/eps.png);
	background-repeat: no-repeat;
	margin-top: 19px;
	background-position: center;
	bottom: 0px;
		}
		/* Accordion Container*/
		#horizontal_container {
	width: 728px; /*Orig. 598 w/out endcap*/
	height: 570px;
	float:left;
	margin-top: -4px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	overflow:hidden;
		}
		/* Footer Container */
		.footer {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	color: #c3b600;
	text-align: center;
	float:left;
	height:15px;
	width:798px;
	margin-left: 60px;
		}	
		
		/****END LAYOUT CONTAINERS****/
		
		/****Horizontal Accordion CSS****/
		.horizontal_accordion_toggle {
	/* REQUIRED */
			float: left;	/* This make sure it stays horizontal */
	/* REQUIRED */
			display: block;
	height: 570px;
	width: 34px;
	color: #ffffff;
	text-decoration: none;
	outline: none;
	cursor: pointer;
	margin: 0 0 0 0;
	text-align:center;
	overflow:hidden;
		}
		.horizontal_accordion_toggle_active {
			background-position: -34px 0;
			overflow:hidden;
		}	
		.horizontal_accordion_content {
	/* REQUIRED */
			height: 570px;	/* We need to define a height for the accordion as it stretches the width */
	width: 360px;
	float: left;	/* This make sure it stays horizontal */
	/* REQUIRED */
			
			overflow: hidden;
	color: #444444;
	background: url(../images/backdrop.png) no-repeat top;
	padding-top:20px;
		}
		
		
		/****BARNDOOR TOGGLE CSS****/
		
		.horizontal_accordion_toggle:hover {
			background-position: -34px 0;
		}
		.horizontal_accordion_toggle#hello {
			background-image: url(../images/hello.png);
			background-repeat: no-repeat;			
		}
		.horizontal_accordion_toggle_active#hello{
			background-position: -34px 0;
		}
		.horizontal_accordion_toggle#phil {
			background-image: url(../images/phil.png);
			background-repeat: no-repeat;			
		}
		.horizontal_accordion_toggle_active#phil{
			background-position: -34px 0;
		}
.horizontal_accordion_toggle#createserv {
	background-image: url(../images/creativeserv.png);
	background-repeat: no-repeat;
}
.horizontal_accordion_toggle_active#createserv {
	background-position: -34px 0;
}
.horizontal_accordion_toggle#interactive {
	background-image: url(../images/interactive.png);
	background-repeat: no-repeat;
}
.horizontal_accordion_toggle_active#interactive {
	background-position: -34px 0;
}
.horizontal_accordion_toggle#custompub {
	background-image: url(../images/custompub.png);
	background-repeat: no-repeat;
}
.horizontal_accordion_toggle_active#custompub {
	background-position: -34px 0;
}
.horizontal_accordion_toggle#branddev {
	background-image: url(../images/branddev.png);
	background-repeat: no-repeat;
}
.horizontal_accordion_toggle_active#branddev {
	background-position: -34px 0;
}
.horizontal_accordion_toggle#media {
	background-image: url(../images/media.png);
	background-repeat: no-repeat;
}
.horizontal_accordion_toggle_active#media {
	background-position: -34px 0;
}
.horizontal_accordion_toggle#prepress {
	background-image: url(../images/prepress.png);
	background-repeat: no-repeat;
}
.horizontal_accordion_toggle_active#prepress {
	background-position: -34px 0;
}
		.horizontal_accordion_toggle#capa {
			background-image: url(../images/capa.png);
			background-repeat: no-repeat;			
		}
		.horizontal_accordion_toggle_active#capa{
			background-position: -34px 0;
		}
		.horizontal_accordion_toggle#clients {
			background-image: url(../images/clients.png);
			background-repeat: no-repeat;			
		}
		.horizontal_accordion_toggle_active#clients{
			background-position: -34px 0;
		}
		.horizontal_accordion_toggle#work {
			background-image: url(../images/work.png);
			background-repeat: no-repeat;			
		}
		.horizontal_accordion_toggle_active#work{
			background-position: -34px 0;
		}
		.horizontal_accordion_toggle#people {
			background-image: url(../images/people.png);
			background-repeat: no-repeat;			
		}
		.horizontal_accordion_toggle_active#people{
			background-position: -34px 0;
		}
		.horizontal_accordion_toggle#contact {
			background-image: url(../images/contact.png);
			background-repeat: no-repeat;			
		}
		.horizontal_accordion_toggle_active#contact{
			background-position: -34px 0;
		}
		.horizontal_accordion_toggle#endcap {
			background-image: url(../images/end.png);
			background-repeat: no-repeat;		
		}
		.horizontal_accordion_toggle_active#endcap{
			background-position: -34px 0;
		}
		#empty IS NECESSARY TO KEEP THE ACCORDION WORKING
		#empty {
	/* REQUIRED */
			height: 570px;	/* We need to define a height for the accordion as it stretches the width */
	width:2px;
	float: left;	/* This make sure it stays horizontal */
	/* REQUIRED */
			
			overflow: hidden;
	background-color: #FFFFFF;
	color: #444444;
	padding-top:2px;
		}					
	
		/****LIGHTWINDOW GALLERY CSS****/

		a {
			text-decoration:none;
		}
		img {
			border:0;
		}
		#thumbarea {
			width:350px;
			height:300px; 
			float:left;
			margin-top:50px;
			margin-left:5px;
			}
				#thumbarea ul {
				display:block;
				list-style-type: none;
				/* font-size:0; */
				padding:5px;
				}
				#thumbarea li{
				display:inline;
				float:left;
				list-style-type: none;
				text-decoration:none;
				width:74px;
				height:74px;
				padding:5px;
				}


/*************
NEW CONTENT BOXES
************/

#upperbox {
	float: left;
	width: 350px;
	height: 390px;
}




#lowerbox {
	float:left;
	width:280px;
	height:115px;
	display: block;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 55px;
}
#lowerbox ul {
	display:block;
	list-style-type: none;
	/* font-size:0; */
	padding:5px;
	margin: 0px;
}
#lowerbox li {
	display:inline;
	float:left;
	list-style-type: none;
	text-decoration:none;
	width:74px;
	height:74px;
	padding:5px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}




/**
#thumbareapre {
	width:280px;
	height:120px;
	margin-left:60px;
	margin-right: 0px;
	display: block;
	margin-top: 0px;
	left: 0%;
	top: 0px;
	right: 0px;
	background-color: green;
}
#thumbareapre ul {
	display:block;
	list-style-type: none;
	/* font-size:0; */
	padding:5px;
}
#thumbareapre li {
	display:inline;
	float:left;
	list-style-type: none;
	text-decoration:none;
	width:74px;
	height:74px;
	padding:5px;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 0px;
}
**/
		
		/****PEOPLE SECTION****/
			
		#peoplethumbs {
		width:340px;
		float:left;
		margin-top:20px;
		margin-left:5px;
		}
				#peoplethumbs ul {
				display:block;
				list-style-type: none;
				/* font-size:0; */
				padding:5px;
				}
				#peoplethumbs li{
	display:inline;
	float:left;
	list-style-type: none;
	text-decoration:none;
	width:72px;
	height:72px;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
				}		
		
		/****TEXT AND LAYOUT CSS****/
				
		.text {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
		line-height: 17px;
		color: #555555;
		margin-top:0px;
		margin-right:10px;
		margin-bottom:6px;
		margin-left:10px;	
		}
		
		h1 {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 15px;
		color: #C3B600;
		margin-bottom: 7px;
		margin-right: 10px;
		margin-left:10px;
		}
		
		/****CLIENTS SECTIONS CSS****/
		.clientscolumn {
	float: left;
	width: 155px;
	margin-left: 15px;
	height: 550px;
		}
		.text-clients {
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 0.8em;
			line-height: .95em;
			color: #555555;
			margin-top: 0px;
			margin-right: 0px;
			margin-bottom: 5px;
			margin-left: 5px;
		}
		.text-clients-head {
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 0.8em;
			line-height: 1em;
			color: #555555;
			margin-top: 0px;
			margin-right: 0px;
			margin-bottom: 7px;
			margin-left: 5px;
			border-bottom-width: 1px;
			border-top-style: none;
			border-right-style: none;
			border-bottom-style: solid;
			border-left-style: none;
			border-bottom-color: #D4C93C;
			font-weight: bold;
			width: 130px;
			padding-bottom: 3px;
		}
		.text-12-bullets {
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 12px;
			line-height: 17px;
			color: #555555;
			margin-top: 0px;
			margin-right: 10px;
			margin-bottom: 0px;
			margin-left: 30px;
		}
		.text-12-indent {
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 12px;
			line-height: 17px;
			color: #555555;
			margin-top: 10px;
			margin-right: 10px;
			margin-bottom: 6px;
			margin-left: 10px;
		}
.text-12-casestudies {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	color: #999999;
	margin-top: 10px;
	margin-right: 20px;
	margin-bottom: 6px;
	margin-left: 5px;
	border-bottom-style: solid;
	border-bottom-color: #c3b600;
	border-bottom-width: 2px;
}
		
		/****PEOPLE DIVS****/
		
		#biobox {
	float: left;
	width: 365px;
	height: 85px;
	margin-right: 0px;
	margin-left: 10px;
	margin-top:10px;
	background-color:#FFFFFF;
		}
		.bioboxtext {
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 12px;
			line-height: 14px;
			margin-top: 0px;
			margin-right: 0px;
			margin-bottom: 2px;
			margin-left: 0px;
			color: #555555;
		}