* {
	margin: 0px;
	padding: 0px;	
}

body{
	margin: 0px;
	padding: 0px;
	height: 100%;
	font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
	font-size: .8em;
	color: #fff;
	background-image: url(../images/bg-pattern.jpg);
	overflow: -moz-scrollbars-vertical;
}


.clear{
	clear: both;
	}

.hidden{
	display: none;
	}
	


/*** Layout ***/


#content {
	margin: 0;
	padding: 0;
	width: 100%;
	}
	
#bgShell {
		width: 950px;
		height: auto;
		margin: 0 auto;
		background-color: #494949;
		background-image: url(../images/bgShell.gif);
	}

#nav{
	width: 100%;
	margin: 0;
	padding: 0;
	color: #000;
	}
	
	#nav-content{
		width: 950px;
		height: 81px;
		margin: 0 auto;
		padding: 0px;
		font-size: 1.2em;
		text-align: center;
		background-color: #ffffff;
		border-bottom: 5px solid #bd1f34;
		}
	
		#nav-content a {
			color: #fff;
			text-decoration: none;
			}
		
		#nav-content a:hover {
			position: relative;
			font-weight: bolder;
			}

#top{	
	width: 100%;
	text-align: center;
	margin: 0px;
	padding: 0px;
	color: #fff;
	}

	#top-content {
			width: 950px;
			height: 45px;
			margin: 0 auto;
			padding: 0px;
			font-size: .9em;
			background-color: #000000;
		}
		
	ul.nav {
		margin: 0px;
		padding: 10px;
		font-weight: bolder;
	}
		
		ul.nav li {
			margin: 0px;
			padding: 10px;
			display: inline;
			background-image: url(../images/tri-btn.gif);
			background-position: top center;
			background-repeat: no-repeat;
			}
			
			ul.nav li a {
				text-decoration: none;
				color: #fff;
			}
			
				ul.nav li a:hover {
					color: #e7db20;
				}
			
			ul.nav li a#home {
			}

#header {	
	position: relative;
	width: 100%;
		height: 310px;
		/* top: -100px; */
	margin: 0px;
	padding: 0px;
	}

#header-2 {	
	position: relative;
	width: 100%;
		height: 414px;
		/* top: -100px; */
	margin: 0px;
	padding: 0px;
	}

	#header-content {
		position: relative;
		width: 950px;
		height: 320px;
		margin: 0px auto;
		padding: 0px;
		background-image: url(../images/mid-bg.gif);
		background-repeat: repeat-x;
		background-color: #5d5d5d;
		}

	#header-content-2 {
		position: relative;
		width: 950px;
		height: 414px;
		margin: 0px auto;
		padding: 0px;
		background-image: url(../images/mid-bg.gif);
		background-repeat: repeat-x;
		background-color: #5d5d5d;
		}

	#header-content-3 {
		position: relative;
		width: 950px;
		height: 514px;
		margin: 0px auto;
		padding: 0px;
		background-image: url(../images/mid-bg.gif);
		background-repeat: repeat-x;
		background-color: #5d5d5d;
		}

/* ======== page img's 
================================================= */

	#header-home {
		position: absolute;
		left: 0px;
			/* top: -100px; */
		width: 895px;
		height: 460px;
		margin: 0px;
		padding: 0px;
		background-image: url(../images/headers/home/images/Header-2009_1.jpg);
		}

	#header-duplication {
		position: absolute;
		left: 30px;
			/* top: -100px; */
		width: 893px;
		height: 381px;
		margin: 0px;
		padding: 0px;
		background-image: url(../images/headers/9.10.08/header-4f.jpg);
		}

	#header-duplicationEquip {
		position: absolute;
		left: 30px;
			/* top: -100px; */
		width: 893px;
		height: 381px;
		margin: 0px;
		padding: 0px;
		background-image: url(../images/headers/9.10.08/Dup-Equip.jpg);
		}


	#header-packaging {
		position: absolute;
		left: 30px;
			/* top: -100px; */
		width: 893px;
		height: 381px;
		margin: 0px;
		padding: 0px;
		background-image: url(../images/headers/packaging-header.jpg);
		}

	#header-video {
		position: absolute;
		left: 30px;
			/* top: -100px; */
		width: 893px;
		height: 381px;
		margin: 0px;
		padding: 0px;
		background-image: url(../images/headers/video-services.jpg);
		}
		
	#header-media {
		position: absolute;
		left: 30px;
			/* top: -100px; */
		width: 893px;
		height: 381px;
		margin: 0px;
		padding: 0px;
		background-image: url(../images/headers/9.10.08/header-6c.jpg);
		}
		
	#header-services {
		position: absolute;
		left: 30px;
			/* top: -100px; */
		width: 893px;
		height: 381px;
		margin: 0px;
		padding: 0px;
		background-image: url(../images/headers/other-services.jpg);
		}

	#header-templates {
		position: absolute;
		left: 30px;
			/* top: -100px; */
		width: 893px;
		height: 381px;
		margin: 0px;
		padding: 0px;
		background-image: url(../images/headers/9.10.08/header-1.jpg);
		}

	#header-about {
		position: absolute;
		left: 30px;
			/* top: -100px; */
		width: 893px;
		height: 381px;
		margin: 0px;
		padding: 0px;
		background-image: url(../images/headers/9.10.08/header-5b.jpg);
		}

	#header-contact {
		position: absolute;
		left: 30px;
			/* top: -100px; */
		width: 893px;
		height: 414px;
		margin: 0px;
		padding: 0px;
		background-image: url(../images/headers/contact-header.jpg);
		}


	#header-music {
		position: absolute;
		left: 30px;
			/* top: -100px; */
		width: 893px;
		height: 381px;
		margin: 0px;
		padding: 0px;
		background-image: url(../images/headers/music-header.jpg);
		}
		

/* get quote
--------------------*/
#quote-left {
	position: relative;
	height: 43px;
}

#quote-left a {
	position: absolute;
	left: 100px;
	top: 210px;
	width: 124px;
	height: 43px;
	background: url(../images/get-quote.gif) no-repeat 0 0;
	text-indent: -99999px;
	overflow: hidden;
}

	#quote-left a:hover {
		background: url(../images/get-quote.gif) no-repeat 0 -39px;
	}
	
#quote-right {
	position: relative;
	height: 43px;
}

#quote-right a {
	position: absolute;
	right: 100px;
	top: 200px;
	width: 124px;
	height: 43px;
	background: url(../images/get-quote.gif) no-repeat 0 0;
	text-indent: -99999px;
	overflow: hidden;
}

	#quote-right a:hover {
		background: url(../images/get-quote.gif) no-repeat 0 -39px;
	}

#quote-right-HOME {
	position: relative;
	height: 43px;
	z-index: 1;
}

#quote-right-HOME a {
	position: absolute;
	z-index: 1;
	right: 100px;
	top: -70px;
	width: 124px;
	height: 43px;
	background: url(../images/get-quote.gif) no-repeat 0 0;
	text-indent: -99999px;
	overflow: hidden;
}

	#quote-right-HOME a:hover {
		background: url(../images/get-quote.gif) no-repeat 0 -39px;
	}
	
/* =============================== */
/* =============================== */
	
	
#contact-left {
	position: relative;
	height: 43px;
}

#contact-left a {
	position: absolute;
	left: 100px;
	top: 200px;
	width: 124px;
	height: 43px;
	background: url(../images/contact-us.gif) no-repeat 0 0;
	text-indent: -99999px;
	overflow: hidden;
}

	#contact-left a:hover {
		background: url(../images/contact-us.gif) no-repeat 0 -39px;
	}
		
/* ================================================= 
======== page img's */


	#image-txt-left {
		position: absolute;
		left: 25px;
		top: 80px;
		width: 450px;
		height: 100px;
		font-size: 1.2em;
		font-weight: bolder;
		margin: 0px;
		padding: 5px;
	}

	#image-txt-right {
		position: absolute;
		right: 5px;
		top: 80px;
		width: 450px;
		height: 100px;
		font-size: 1.2em;
		font-weight: bolder;
		margin: 0px;
		padding: 5px;
	}
		
	#info-bar {
		position: relative;
		width: 950px;
		margin: 0 auto;
		padding: 0px;
	}
		#info-bar-content {
			position: relative;
				top: 220px; 
			left: 30px;
			width: 893px;
			height: 120px;
			margin: 0px;
			padding: 0px;
			color: #343434;		
		}
		
	#info-bar-HOME {
		position: absolute;
		z-index: 1;
		width: 950px;
		margin: 0 auto;
		padding: 0px;
	}
		#info-bar-content-HOME {
			position: absolute;
				top: -40px; 
			left: 35px;
			width: 893px;
			height: 120px;
			margin: 0px;
			padding: 0px;
			color: #343434;

		}
		
		
		
			#contact-btn {
				font-size: 1.2em;
				color: #000;
				padding: 0 0 0 10px;
			}
			
			.white {
				color: #fff;
			}
			
			.btn-title {
				width: 100%;
				display: block;
				font-size: 1.2em;
				color: #000;
				text-align: center;
				padding: 0px;
				margin: 0px;
				cursor: pointer;
			}
			
				.btn-title a:hover {
						color: #990014;
				}
	
			#dup-btn {
				position: relative;
				float: left;
				width: 265px;
				height: 100px;
				padding: 10px;
				margin: 0px;
				color: #343434;
				text-align: left;
			}
			
				#dup-btn a {
					text-decoration: none;
					color: #343434;
					}
			
				#dup-btn:hover, #dup-btn a:hover {
					cursor: pointer;
					color: #990014;
				}
			
					#dup-btn:hover .btn-title a {
						color: #990014;
					}
	
			#pri-btn {
				position: relative;
				float: left;
				width: 285px;
				height: 100px;
				padding: 10px;
				margin: 0px;
				color: #343434;
				text-align: left;
			}
			
				#pri-btn a {
					text-decoration: none;
					color: #343434;
					}
			
				#pri-btn:hover, #pri-btn a:hover {
					cursor: pointer;
					color: #990014;
				}
			
					#pri-btn:hover .btn-title a {
						color: #990014;
					}
	
			#med-btn {
				position: relative;
				float: left;
				width: 280px;
				height: 100px;
				padding: 10px;
				margin: 0px;
				color: #343434;
				text-align: left;
			}
			
				#med-btn a {
					text-decoration: none;
					color: #343434;
					}
			
				#med-btn:hover, #med-btn a:hover {
					cursor: pointer;
					color: #990014;
				}
			
					#med-btn:hover .btn-title a {
						color: #990014;
					}

#middle {
	width: 100%;
	margin: 0;
	padding: 0;
		/* background-color: green; */
	}
	
	h2 {
		color: #e7db20;
		padding-top: 15px;
		padding-left: 15px;
		padding-bottom: 5px;
		margin: 0px;
	}

#middle-content {
	position: relative;
	width: 950px;
	margin: 0 auto;
	padding: 0px;
	color: #ffffff;
	background-color: #5d5d5d;
	}
			
		#middle-content ul {
			padding-left: 30px;
		}
		
		#middle-content a {
			color: #6fc7ff;
			text-decoration: none;
		}
			#middle-content a:hover {
				border-bottom: 2px solid #6fc7ff;
			}
	
	.left-middle {
		width: 570px;
		/* height: 540px; */
		margin: 0px;
		padding-left: 20px;
		padding-top: 10px;
		padding-right: 20px;
		float: left;
		background-color: #494949;
		border-right: 20px solid #5d5d5d;
		}
		
		.left-middle img {
			/* border: 8px solid #954c3b; */
			}
	
	.left-middle_sml {
		width: 570px;
		/* height: 200px; */
		margin: 0px;
		padding-left: 20px;
		padding-top: 10px;
		padding-right: 20px;
		float: left;
		background-color: #494949;
		border-right: 20px solid #5d5d5d;
		}
		
		.left-middle_sml a {
			color: #fff;
			text-decoration: none;
			}
			
			.left-middle_sml a:hover {
				color: #000;
			}
	
	.left-middle_duplication {
		width: 570px;
		/* height: 1880px; */
		margin: 0px;
		padding-left: 20px;
		padding-top: 10px;
		padding-right: 20px;
		float: left;
		background-color: #494949;
		border-right: 20px solid #5d5d5d;
		}
	
		.left-middle_other {
			width: 570px;
			/* height: 600px; */
			margin: 0px;
			padding-left: 20px;
			padding-top: 10px;
			padding-right: 20px;
			float: left;
			background-color: #494949;
			border-right: 20px solid #5d5d5d;
			}
	
		.left-middle_services {
			width: 570px;
			/* height: 600px; */
			margin: 0px;
			padding-left: 20px;
			padding-top: 10px;
			padding-right: 20px;
			float: left;
			background-color: #494949;
			border-right: 20px solid #5d5d5d;
			}
			
		.left-middle_duplication #deSubNav {
			position: absolute;
			left: 0px;
			height: 20px;
			margin-top: -10px;
			padding: 5px;
			width: 600px;
			background-color: #000000;
		}
		
			.left-middle_duplication #deSubNav ul li {
				display: inline;
				padding-right: 15px;
				font-weight: bolder;
			}
	
	.right-middle {
		position: relative;
		top: 0px;
		width: 280px;
		/* height: 540px; */
		float: right;
		padding-left: 20px;
		padding-top: 10px;
		padding-right: 20px;
		margin: 0px;
		background-color: #494949;
		}
		
		.right-middle span.testis {
			font-size: 1.4em;
			color: #e7db20;
		}
	
	.right-middle_sml {
		position: relative;
		top: 0px;
		width: 280px;
		/* height: 200px; */
		float: right;
		padding-left: 20px;
		padding-top: 10px;
		padding-right: 20px;
		margin: 0px;
		background-color: #494949;
		}
		
		.right-middle_sml span.testis {
			font-size: 1.4em;
			color: #e7db20;
		}
	
	.right-middle_duplication {
		position: relative;
		top: 0px;
		width: 280px;
		/* height: 1880px; */
		float: right;
		padding-left: 20px;
		padding-top: 10px;
		padding-right: 20px;
		margin: 0px;
		background-color: #494949;
		}
		
		.right-middle_other {
			position: relative;
			top: 0px;
			width: 280px;
			/* height: 600px; */
			float: right;
			padding-left: 20px;
			padding-top: 10px;
			padding-right: 20px;
			margin: 0px;
			background-color: #494949;
			}
	
		.right-middle_services {
			position: relative;
			top: 0px;
			width: 280px;
			/* height: 600px; */
			float: right;
			padding-left: 20px;
			padding-top: 10px;
			padding-right: 20px;
			margin: 0px;
			background-color: #494949;
			}
		
		.right-middle_other span.testis {
			font-size: 1.4em;
			color: #e7db20;
		}
		
		.right-middle_duplication span.testis {
			font-size: 1.4em;
			color: #e7db20;
		}
		
		.right-middle p#tech {	
			padding: 5px;
			}
		
		.tech-staff {
			height: 180px;
			width: 100%;
			border-bottom: 5px double #954c3b;
			}
		
		.select-images {
			border: 8px solid #954c3b;
			opacity: .80;
		}
		
			.select-images:hover {
				opacity: 1;
			}
			

/* ======== templates page
================================================= */


#middle_temp-content {
	position: relative;
	width: 950px;
	height: 850px;
	margin: 0 auto;
	padding: 0px;
	color: #ffffff;
	background-color: #5d5d5d;
	}
	
	#temp_dl-icons a img {
		width: 43px;
		height: 41px;
		border: 4px solid #5d5d5d;
	}
	
		#temp_dl-icons a img:hover {
			border: 4px solid #494949;
		}
	
	#middle_temp-content .temp-section-right a img {
		border: 5px solid #fff;
	}
	
		#middle_temp-content .temp-section-right a img:hover {
			border: 5px solid #ededed;
		}
	
	#middle_temp-content .temp-section-end a img {
		border: 5px solid #fff;
	}
	
		#middle_temp-content .temp-section-end a img:hover {
			border: 5px solid #ededed;
		}
	
	.temp-section {
		height: 185px;
		padding: 10px 0 0 40px;
		border-bottom: 20px solid #5d5d5d;
	}
	
	.temp-section-right {
		padding: 10px 0 0 40px;
		height: 185px;
		border-bottom: 20px solid #ededed;
	}
	
	.temp-section-end {
		padding: 10px 0 0 40px;
	}
	
	dd {
		padding-left: 25px;
	}
	
	.left_mid-temp {
		position: relative;
		width: 210px;
		height: 750px;
		margin: 0px;
		float: left;
		background-color: #494949;
		}
		
		.left-middle img {
			/* border: 8px solid #954c3b; */
			}

	
	.right_mid-temp {
		position: relative;
		width: 720px;
		height: 750px;
		margin: 0px;
		padding: 0px;
		float: right;
		color: #000;
		background-color: #5d5d5d;
		}
		
		.right_mid-temp a img:hover {
			border: 2px solid red;
		}
	
	h1#file-pdf {
		position: absolute;
		top: 25px;
		right: 25px;
		color: #8b0401;
	}
	
	h1#file-psd {
		position: absolute;
		top: 25px;
		right: 25px;
		color: #1b4e87;
	}
	
	h1#file-ai {
		position: absolute;
		top: 25px;
		right: 25px;
		color: #f6a112;
	}
	
/* ================================================= 
======== end templates page */



/* ======== contact page
================================================= */

.slideshow {
	position: absolute;
	top: 33px;
	left: 325px;
	width: 240px;
	height: 180px;
}
	
	.slideshow ul li {
		display: none;
		}


/* ================================================= 
======== end contact page */


/* ======== home page
================================================= */

.slideshowHome {
	position: relative;
	left: 30px;
}
	
	.slideshowHome ul li {
		display: none;
		}


/* ================================================= 
======== end home page */



#footer{
	width: 100%;
	text-align: center;
	margin: 0px;
	padding: 0px;
	color: #fff;
	font-size: .7em;
	}
	
	#footer-content{
		width: 950px;
		height: 35px;
		margin: 0 auto;
		padding: 10px 0 10px 0;
		font-size: 1.2em;
		text-align: center;
		background-color: #5d5d5d;
		}

		#footer p{
			padding: 10px 0 0 0;
			margin: 0px;
			}
		
		#footer a {
			color: #fff;
			text-decoration: none;
			}
			
			#footer a:hover {
				color: #000;
			}