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

/* Create a custom font 
@font-face {
    font-family: myFirstFont;
    src: url(thefontiwant.tff);
}
then use the following
a {
	font-family: myFirstFont;
}
*/

/* Default style, feel free to remove if not needed. */

@font-face {
    font-family: HelvPro;
    src: url(HelveticaNeueLTPro-Bd.otf);
}
@font-face {
    font-family: HelvPro;
    src: url(HelveticaNeueLTPro-Bd.otf);
		font-weight: bold;
}


body, body * {
	border: 0 none;
	outline: 0;
	padding: 0;
	margin: 0;
	vertical-align: baseline;
}

/* Div layer for the entire banner. */
#container_dc {
	/*border:1px solid #000000;*/
	height: 600px;
	left: 0px;
	margin: auto;
	/*position: relative;
	top: 10px;*/
	position: absolute;
	top: 0px;
	width: 160px;
}

#content_dc {
	background-image: url('background.jpg');
	background-color: #005283;
	height: 100%;
	left: 0px;
	overflow: hidden;
	position: absolute;
	top: 0px;
	width: 100%;
	z-index: 100;
	
}

#keyline {
	border:1px solid #000000;
	left: 0px;
	height: 598px;
	position: absolute;
	top: 0px;
	width: 158px;
	z-index: 300;
}

/* Invisible button for background clickthrough. */
#background_exit_dc {
	cursor: pointer;
	height: 100%;
	left: 0px;
	opacity: 0;
	position: absolute;
	top: 0px;
	width: 100%;
	z-index: 400;
}

:focus {outline:none;}
::-moz-focus-inner {border:0;}




#footer {
	display: block;
	background: url(EpsonLogo.png) no-repeat;
	height: 84px;
	position: absolute;
	text-indent: -1000em;
	top: 516px;
	width: 160px;
}

#cta {
	background-color: #fe481a;
	background-image:url(ctaBG.png);
	color:#ffffff;
	font-family: HelvPro, Helvetica, Arial, sans-serif;
	font-size: 0.75em;
	height: 25px;
	left: 23px;
	text-transform: uppercase;
	position: absolute;
	top: 446px;
	width: 114px;
}
#cta span {
	position: absolute;
	top: 4px;
	left: 11px;
}

#title {
	color: #ffffff;
	font-family: HelvPro, Helvetica, Arial, sans-serif;
	font-size: 1.125em;
	font-weight: bold;
	left: 10px;
	line-height: 1.125em;
	position:absolute;
	text-align: left;
	text-transform: uppercase;
	top: 15px;
	width: 145px;
}

#printer {
	height: 129px;
	left: -165px;
	position: absolute;
	top: 180px;
	width: 336px;
}

#ping {
	background: url(ping.png) no-repeat;
	height: 99px;
	left: 58px;
	position: absolute;
	top: 108px;
	width: 99px
}
#ping span {
	color: #3B3B3A;
	font-family: HelvPro, Helvetica, Arial, sans-serif;
	font-size: 0.6875em;
	font-weight: bold;
	left: 10px;
	line-height: 1.125em;
	position: absolute;
	text-align: center;
	text-transform: uppercase;
	top: 17px;
	width: 80px;
}
#ping span strong {
	font-size: 1.875em;
	line-height: 1em;
}

#subtitle {
	color: #ffffff;
	font-family: HelvPro, Helvetica, Arial, sans-serif;
	font-size: 0.875em;
	font-weight: bold;
	left: 10px;
	line-height: 1.25em;
	position:absolute;
	text-align: left;
	top: 360px;
	width: 145px;
}

#cyan {
	height: 77px;
	left: 7px;
	position: absolute;
	top: 272px;
	width: 32px
}

#magenta {
	height: 77px;
	left: 39px;
	position: absolute;
	top: 272px;
	width: 28px
}

#yellow {
	height: 77px;
	left: 66px;
	position: absolute;
	top: 272px;
	width: 27px
}

#black {
	height: 77px;
	left: 93px;
	position: absolute;
	top: 272px;
	width: 26px
}