/*--------------------------------------------------
GENERAL ELEMENT STYLES
--------------------------------------------------*/

body {
	margin: 0;
	padding: 0;
	text-align: center;
	background-color: #E10000;
	background-image: url(../images/body_bg.gif);
	background-repeat: repeat-y;
	background-position: center top;
	color: #000000;
	font-family: Verdana, Geneva, Arial, sans-serif;
	font-size: 11px;
	line-height: 18px;
	}

div {
	margin: 0 auto;
	padding: 0;
	}

img, a img {
	border: 0 none;
	}

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

a:hover, a:focus {
	color: #000000;
	text-decoration: underline;
	}

/*--------------------------------------------------
TEMPLATE LAYOUT STYLES
--------------------------------------------------*/

#container {
	position: relative;
	background-color: #ffffff;
	color: #000000;
	width: 868px;
	padding-bottom: 32px;
	}
	
	#containerPad {
		padding: 0 4px;
		}

/* top navigation */

#topNavContainer {
	padding-top: 9px;
	padding-bottom: 12px;
	position: relative;
	}
	
	#topNav {
		height: 80px;
		background-image: url(../images/top_bg.gif);
		background-repeat: no-repeat;
		padding-right: 70px;
		}
	
	#topNavPad {
		padding-top: 18px;
		}
		
		#topNav p.topnav-home {
			display: block;
			width: 180px;
			text-align: left;
			float: left;
			margin: 0;
			padding: 0;
			}
			
			#topNav p.topnav-home span {
				display: block;
				margin: 0;
				padding: 0 0 0 68px;
				}
		
		#topNav ul {
			display: block;
			list-style-type: none;
			margin: 0 0 0 auto;
			padding: 0;
			width: 540px;
			}
			
			#topNav li {
				display: block;
				list-style-type: none;
				width: 90px;
				text-align: center;
				float: left;
				}
				
				#topNav li a, #topNav li a:link, #topNav li a:visited, #topNav li a:hover, #topNav li a:focus {
					display: block;
					width: 86px;
					padding: 5px 0;
					font-size: 11px;
					line-height: 11px;
					color: #000000;
					}
				
				#topNav .topnav-services a, #topNav .topnav-services a:link, #topNav .topnav-services a:visited {
					background-color: #fde544;
					}
				#topNav .topnav-samples a, #topNav .topnav-samples a:link, #topNav .topnav-samples a:visited {
					background-color: #f9a74c;
					}
				#topNav .topnav-people a, #topNav .topnav-people a:link, #topNav .topnav-people a:visited {
					background-color: #ef3d32;
					}
				#topNav .topnav-videos a, #topNav .topnav-videos a:link, #topNav .topnav-videos a:visited {
					background-color: #00bff3;
					}
				#topNav .topnav-contact a, #topNav .topnav-contact a:link, #topNav .topnav-contact a:visited {
					background-color: #dae13b;
					}
				#topNav .topnav-pricing a, #topNav .topnav-pricing a:link, #topNav .topnav-pricing a:visited {
					background-color: #cccccc;
					}
				
				#topNav .topnav-services a:hover, #topNav .topnav-services a:focus, 
				#topNav .topnav-samples a:hover, #topNav .topnav-samples a:focus, 
				#topNav .topnav-people a:hover, #topNav .topnav-people a:focus, 
				#topNav .topnav-videos a:hover, #topNav .topnav-videos a:focus, 
				#topNav .topnav-contact a:hover, #topNav .topnav-contact a:focus, 
				#topNav .topnav-pricing a:hover, #topNav .topnav-pricing a:focus {
					color: #ffffff;
					background-color: #222222;
					text-decoration: none;
					}

/* content dividers */
/*
.content-divider {
	height: 80px;
	background-image: url(../images/divider_bg.gif);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	}
	
	p.divider-links {
		display: block;
		text-align: left;
		padding-top: 52px;
		padding-left: 104px;
		margin: 0;
		}
	
		.divider-links a, .divider-links a:link, .divider-links a:visited {
			color: #999999;
			text-decoration: none;
			}
		
		.divider-links a:hover, .divider-links a:focus {
			color: #000000;
			text-decoration: underline;
			}
*/
/* shared content styles */

.content-container {
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-image: url(../images/content_bg_middle.gif);
	background-color: #ffffff;
	color: #000000;
	padding: 0 0 6px 0;
	}
	
	.content-header {
		width: 652px;
		margin: 0 auto;
		height: 40px;
		background-image: url(../images/headers_bg.gif);
		background-repeat: no-repeat;
		text-align: left;
		border-top: 1px solid #ffffff;
		}
		
		.content-header h2 {
			display: block;
			width: 100px;
			color: #000000;
			font-size: 12px;
			font-weight: normal;
			line-height: 12px;
			padding: 5px 0;
			text-align: center;
			margin: 7px auto 0 0;
			}
	
	.content {
		width: 652px;
		margin: 0 auto;
		padding: 0;
		position: relative;
		text-align: left;
		}

/* home section */

#homeContainer {
	position: relative;
	height: 580px;
	background-image: url(../images/home_btm_bg.jpg);
	background-position: center bottom;
	background-repeat: no-repeat;
	/* border-bottom: 1px solid #ffffff; */
	}
	
	#homeContainer h1 {
		display: block;
		margin: 0;
		padding: 0;
		overflow: hidden;
		font-size: 15px;
		}

	#homeContent {
		position: absolute;
		z-index: 500;
		left: 240px;
		top: 120px;
		width: 540px;
		text-align: left;
		}
	
		#homeText {
			display: block;
			width: 390px;
			}

/* services section */

.services-img-container {
	padding-top: 2px;
	padding-bottom: 12px;
	}

.services-img-links {
	background-image: url(../images/hrule.gif);
	background-position: 50% 50%;
	background-repeat: repeat-x;
	}

	.services-img-links table {
		background-color: #ffffff;
		margin: 0 auto;
		}
		
	.services-img-links td {
		padding: 0;
		text-align: center;
		vertical-align: middle;
		}
		
		.services-img-links td a, .services-img-links td a:link, .services-img-links td a:visited {
			display: block;
			padding: 4px 7px;
			font-size: 17px;
			line-height: 19px;
			border: 1px solid #dddddd;
			background-color: #ffffff;
			text-decoration: none;
			}
		
		.services-img-links td a:hover, .services-img-links td a:focus {
			border: 1px solid #000000;
			background-color: #e58d40;
			color: #000000 !important;
			}
		
		.services-img-links a.selected {
			border: 1px solid #000000 !important;
			background-color: #eeeeee !important;
			color: #000000 !important;
			}

.services-img-stage {
	padding: 6px 0;
	}
	
	.services-img-stage p {
		margin: 0;
		text-align: center;
		}
	
	.services-img-stage img {
		margin: 0 auto;
		border: 1px solid #676767;
		}

#servicesContainer .content-header h2 {
	background-color: #fde544;
	}

#servicesContainer .content a,
#servicesContainer .content a:link,
#servicesContainer .content a:visited {
	color: #d6ad3a;
	}
#servicesContainer .content a:hover,
#servicesContainer .content a:focus {
	color: #000000;
	}
	
	#servicesNav div {
		margin: 0;
		padding: 5px 0;
		}
	
		#servicesNav div.services-link a,
		#servicesNav div.services-link a:link,
		#servicesNav div.services-link a:visited {
			color: #000000 !important;
			}
		
		#servicesNav div.services-link a:hover, #servicesNav div.services-link a:focus,
		#servicesNav div.active a, #servicesNav div.active a:link, #servicesNav div.active a:visited {
			color: #d6ad3a !important;
			text-decoration: none;
			}

.services-left-top, .services-left-btm {
	display: block;
	width: 190px;
	float: left;
	position: relative;
	clear: left;
	}
	
	.services-left-top div.services-text, .services-left-top div.services-images {
		position: absolute;
		top: -1000px;
		left: -9000px;
		}

.services-left-btm {
	margin: 0;
	padding: 24px 0 0 0;
	}
	
	.services-left-btm ul {
		display: block;
		margin: 9px 0;
		padding: 0;
		color: #676767;
		}
	
		.services-left-btm li {
			display: block;
			list-style-type: none;
			margin: 0 0 0 6px;
			padding: 0 0 0 12px;
			background-image: url(../images/bullet.gif);
			background-repeat: no-repeat;
			background-position: 0px 5px;
			}

.services-right {
	text-align: left;
	width: 424px;
	float: right;
	padding-top: 12px;
	}
	
	.services-right .services-image {
		margin: 0;
		padding: 4px 0 10px 0;
		}
		
		.services-right .services-image img {
			border: 1px solid #555555;
			}
		
		.services-right .services-image-caption {
			width: 240px;
			background-color: #fde544;
			margin: 0 auto;
			}
		
			.services-right .services-image-caption p {
				font-size: 10px;
				line-height: 12px;
				display: block;
				text-align: center;
				margin: 0 auto;
				padding: 4px 6px;
				}

#pressImagesStage {
	min-height: 300px;
}

#binderyImagesStage {
	min-height: 510px;
}

/* samples section */

#samplesContainer .content-header h2 {
	background-color: #f9a74c;
	}

#samplesContainer .content a,
#samplesContainer .content a:link,
#samplesContainer .content a:visited {
	color: #e58d40;
	}
#servicesContainer .content a:hover,
#servicesContainer .content a:focus {
	color: #000000;
	}

	#samplesNav ul {
		display: block;
		list-style-type: none;
		margin: 0;
		padding: 0;
		}
		
		#samplesNav li {
			display: block;
			list-style-type: none;
			margin: 0;
			padding: 6px 0;
			}
		
			#samplesNav li a, #samplesNav li a:link, #samplesNav li a:visited {
				color: #000000 !important;
				}
			
			#samplesNav li a:hover, #samplesNav li a:focus {
				color: #e58d40 !important;
				text-decoration: none;
				}

#sampleImagesContainer {
	padding-top: 18px;
	padding-bottom: 12px;
	}

#sampleImagesNav {
	background-image: url(../images/hrule.gif);
	background-position: 50% 50%;
	background-repeat: repeat-x;
	}

	#sampleImagesNav table {
		background-color: #ffffff;
		margin: 0 auto;
		}
		
	#sampleImagesNav td {
		padding: 0;
		text-align: center;
		vertical-align: middle;
		}
		
		#sampleImagesNav td a, #sampleImagesNav td a:link, #sampleImagesNav td a:visited {
			display: block;
			padding: 4px 7px;
			font-size: 17px;
			line-height: 19px;
			border: 1px solid #dddddd;
			background-color: #ffffff;
			text-decoration: none;
			}
		
		#sampleImagesNav td a:hover, #sampleImagesNav td a:focus {
			border: 1px solid #000000;
			background-color: #e58d40;
			color: #000000 !important;
			}
		
		#sampleImagesNav a.selected {
			border: 1px solid #000000 !important;
			background-color: #eeeeee !important;
			color: #000000 !important;
			}

#sampleImagesStage {
	padding: 6px 0;
	min-height: 600px;
	}
	
	#sampleImagesStage p {
		margin: 0;
		text-align: center;
		}
	
	#sampleImagesStage img {
		margin: 4px auto;
		border: 1px solid #aaaaaa;
		}
	
	#sampleImagesStage p.caption {
		color: #000000;
		display: block;
		padding-top: 4px;
		padding-bottom: 4px;
		margin: 0 auto;
		}
	
	#sampleImagesStage p.play-pause {
		color: #000000;
		display: block;
		padding-top: 4px;
		padding-bottom: 4px;
		margin: 0 auto;
	}

/* people section */

#peopleContainer .content-header h2 {
	background-color: #ef3d32;
	}

#peopleContainer .content a,
#peopleContainer .content a:link,
#peopleContainer .content a:visited {
	color: #d1342c;
	}
#peopleContainer .content a:hover,
#peopleContainer .content a:focus {
	color: #000000;
	}

.people-info {
	display: block;
	width: 300px;
	margin: 0;
	padding: 12px 0;
	}

#peopleLinks {
	display: block;
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 300px;
	}
	
	#peopleLinks li {
		display: inline-block;
		}
	#peopleLinks li {
		display: block;
		list-style-type: none;
		color: #aaaaaa;
		margin: 5px 0;
		}
	
	#peopleLinks li span {
		display: block;
		padding: 4px;
		}
	
	#peopleLinks li a, #peopleLinks li a:link, #peopleLinks li a:visited {
		color: #000000 !important;
		text-decoration: none;
		display: block;
		padding: 4px;
		}
	
	#peopleLinks li a:hover, #peopleLinks li a:focus,
	#peopleLinks li.active a, #peopleLinks li.active a:link, #peopleLinks li.active a:visited {
		color: #d1342c !important;
		text-decoration: none;
		background-color: #eeeeee;
		}
	
#peoplePhotos td img {
	border: 2px solid #ffffff;
	}
	
	#peoplePhotos td div.active img {
		border: 2px solid #ef3d32;
		}
	
#peoplePhotos td {
	position: relative;
	}
	
	#peoplePhotos td div {
		position: relative;
		display: block;
		margin: 0;
		padding: 0;
		}
	
	#peoplePhotos td p.people-email-link {
		display: block;
		width: 60px;
		position: absolute;
		bottom: 0px;
		left: 0px;
		text-align: center;
		margin: 0;
		padding: 0;
		font-size: 11px;
		line-height: 11px;
		}
	
		#peoplePhotos p.people-email-link a,
		#peoplePhotos p.people-email-link a:link,
		#peoplePhotos p.people-email-link a:visited {
			background-color: #ef3d32;
			color: #000000 !important;
			display: block;
			padding: 3px 0;
			}
		
		#peoplePhotos p.people-email-link a:hover,
		#peoplePhotos p.people-email-link a:focus {
			color: #ffffff !important;
			text-decoration: none;
			}

/* videos section */

#videosContainer .content-header h2 {
	background-color: #00bff3;
	}

#videosContainer .content a,
#videosContainer .content a:link,
#videosContainer .content a:visited {
	color: #00a6d4;
	}
#videosContainer .content a:hover,
#videosContainer .content a:focus {
	color: #000000;
	}

.video-container {
	width: 400px;
	text-align: right;
	float: right;
	}
	
	.video-player {
		margin: 0 0 0 auto;
		width: 370px;
		}
	
#videoText {
	width: 240px;
	margin: 0 auto 0 0;
	}

/* contact section */

#contactContainer .content-header h2 {
	background-color: #dae13b;
	}

#contactContainer .content a,
#contactContainer .content a:link,
#contactContainer .content a:visited {
	color: #9cb32e;
	}
#contactContainer .content a:hover,
#contactContainer .content a:focus {
	color: #000000;
	}

#contactContainer {
	padding-bottom: 8px;
	}
	
	.contact-info {
		font-size: 12px;
		padding-bottom: 8px;
		}
	
	.email-link {
		background-color: #dae13b;
		margin-left: 8px;
		color: #000000;
		}
		
		.email-link a, .email-link a:link, .email-link a:visited {
			font-weight: normal;
			color: #000000 !important;
			margin: 2px 5px;
			}
		
		.email-link a:hover, .email-link a:focus {
			text-decoration: none;
			color: #000000 !important;
			font-weight: bold;
			}

#contactContainer img {
	border: 1px solid #676767;
	margin-bottom: 5px;
	}

/* footer */

#footerContainer {
	background-color: #ffffff;
	background-image: url(../images/divider_bg.gif);
	background-repeat: no-repeat;
	background-position: center top;
	height: 122px;
	}
	
	#footerContainer div.bg {
		background-position: 70px 63px; /* top left */
		background-image: url(../images/litho_logo_small.gif);
		background-repeat: no-repeat;
		}
	
	#footerContainer div.pad {
		padding: 61px 0 6px 192px;
		margin: 0;
		}
	
	#footerContainer p.links, #footerContainer p.credits {
		display: block;
		text-align: left;
		margin: 0;
		padding: 2px 0;
		font-size: 11px;
		line-height: 12px;
		}
	
		#footerContainer p.links a, #footerContainer p.links a:link, #footerContainer p.links a:visited {
			color: #999999;
			text-decoration: none;
			}
		
		#footerContainer p.links a:hover, #footerContainer p.links a:focus {
			color: #000000;
			text-decoration: underline;
			}
		
	#footerContainer p.credits {
		color: #333333;
		font-size: 10px;
		}

/* footer overrides for home section */

#home #footerContainer {
	background-image: url('../images/home_divider_bg.gif');
	height: 83px;
	}
	
	#home #footerContainer div.bg {
		background-position: 70px 23px; /* top left */
		}
	
	#home #footerContainer div.pad {
		padding: 21px 0 6px 192px;
		margin: 0;
		}

/*--------------------------------------------------
GENERAL CLASS STYLES
--------------------------------------------------*/

.hiding {
	position: absolute;
	top: -2000px;
	left: -9000px;
	}

.hidden {
	visibility: hidden;
	}

.align-right {
	float: right;
	}
	
	img.align-right {
		clear: right;
		padding: 0 0 6px 12px;
		}

.clear-both {
	clear: both;
	}

	div.clear-both {
		height: 1px;
		overflow: hidden;
		line-height: 1px;
		}