@charset"utf-8";

@media all
{
/* reset css rules */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dd,dl,dt,li,ol,ul,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,hr{margin:0;padding:0;border:0;line-height:1.5em;font-weight:inherit;font-style:inherit;font-family:inherit}
a img,:link img,:visited img{border:0}
table{border-collapse:collapse;border-spacing:0;font-size:1em}
ol,ul{list-style:none}
q:before,q:after,blockquote:before,blockquote:after{content:""}
}

@font-face{
	font-family:ss-display;
	src:url('/fonts/myriadpro.eot?#iefix') format('embedded-opentype'),
		url('/fonts/myriadpro.woff') format('woff'),
		url('/fonts/myriadpro.ttf')  format('truetype'),
		url('/fonts/myriadpro.svg#myriadpro') format('svg');
	font-weight:normal;
	font-style:normal
}
@font-face{
	font-family:ss-display;
	src:url('/fonts/myriadpro-it.eot?#iefix') format('embedded-opentype'),
		url('/fonts/myriadpro-it.woff') format('woff'),
		url('/fonts/myriadpro-it.ttf')  format('truetype'),
		url('/fonts/myriadpro-it.svg#myriadpro-it') format('svg');
	font-weight:normal;
	font-style:italic
}
@font-face{
	font-family:ss-display;
	src:url('/fonts/myriadpro-bd.eot?#iefix') format('embedded-opentype'),
		url('/fonts/myriadpro-bd.woff') format('woff'),
		url('/fonts/myriadpro-bd.ttf')  format('truetype'),
		url('/fonts/myriadpro-bd.svg#myriadpro-bd') format('svg');
	font-weight:bold;
	font-style:normal
}
@font-face{
	font-family:ss-display;
	src:url('/fonts/myriadpro-bdit.eot?#iefix') format('embedded-opentype'),
		url('/fonts/myriadpro-bdit.woff') format('woff'),
		url('/fonts/myriadpro-bdit.ttf')  format('truetype'),
		url('/fonts/myriadpro-bdit.svg#myriadpro-bdit') format('svg');
	font-weight:bold;
	font-style:italic
}

@media screen
{
/* page area */
html{
	overflow-y:scroll;
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust:100%
}
body{
	font:12px/1.5em "Lucida Grande","Lucida Sans Unicode","Bitstream Vera Sans",Verdana,Geneva,Helvetica,Arial,sans-serif;
	color:#000;
	background:#f2f2f2 url(/images/background.png) no-repeat fixed
}
#container{
	text-align:left;
	width:800px;
	margin:0 auto
}
/* header area */
#header{
	position:absolute;
	top:0;
	background:url(/images/curves.png) no-repeat top;
	width:760px;
	height:61px;
	padding:102px 20px 0
}
#telephone a{
	display:none
}
#flash{
	position:absolute;
	top:163px;
	width:800px;
	height:84px
}
/* navigation area */
#navigation{
	position:absolute;
	top:247px;
	background:url(/images/menu-colour1.png) repeat-x 0 1px;
	width:760px;
	height:2.5em;
	padding:0 20px
}
.sf-menu,.sf-menu *{
	margin:0;
	padding:0;
	list-style:none
}
.sf-menu{
	line-height:1.0
}
.sf-menu ul{
	position:absolute;
	top:-999em;
	width:16em
}
.sf-menu ul li{
	width:16em;
}
.sf-menu li:hover{
	visibility:inherit
}
.sf-menu li{
	float:left;
	position:relative
}
.sf-menu a{
	font-weight:bold;
	display:block;
	position:relative;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	padding:.5em 1em;
	text-decoration:none;
	outline:0;
	cursor:pointer
}
.sf-menu li li a{
	font-weight:normal
}
.sf-menu a,.sf-menu a:visited{
	color:#000
}
.sf-menu a:hover,.sf-menu a:active{
	text-decoration:none
}
.sf-menu li:hover ul,.sf-menu li.sfHover ul{
	left:0;
	top:2.5em;
	z-index:99
}
.sf-menu li:hover li ul,ul.sf-menu li.sfHover li ul{
	top:-999em
}
.sf-menu li li:hover ul,ul.sf-menu li li.sfHover ul{
	left:10em;
	top:0
}
.sf-menu li{
	background:url(/images/menu-colour1.png) repeat-x
}
.sf-menu li li{
	background:#fff;
}
.sf-menu li:hover,.sf-menu li.sfHover{
	background:url(/images/menu-colour2.png) repeat-x
}
.sf-menu li li a:focus,.sf-menu li li a:hover,.sf-menu li li a:active{
	background:#e6f2ff
}
/* navigation arrows */
.sf-menu a.sf-with-ul{
	padding-right:2em;
	min-width:1px
}
.sf-sub-indicator{
	position:absolute;
	display:block;
	right:.75em;
	top:1.05em; /* IE6 only */
	width:10px;
	height:10px;
	text-indent:-999em;
	overflow:hidden;
	background:url(/images/menu-arrows.gif) no-repeat -10px -100px
}
a > .sf-sub-indicator{
	top:.8em;
	background-position: 0 -100px
}
a:focus > .sf-sub-indicator,a:hover > .sf-sub-indicator,a:active > .sf-sub-indicator,li:hover > a > .sf-sub-indicator,li.sfHover > a > .sf-sub-indicator{
	background-position:-10px -100px
}
/* navigation shadows for all but IE6 */
.sf-shadow ul{
	-webkit-box-shadow:2px 2px 5px rgba(51,51,51,.5);
	box-shadow:2px 2px 5px rgba(51,51,51,.5);
}
/* content area */
#content{
	margin-top:276px;
	color:#000;
	background-color:#fff;
	width:760px;
	padding:2em 20px .25em
}
.homepage{
	background:url(/images/home-montage.jpg) no-repeat right bottom
}
.technical{
	background:url(/images/app-logos.jpg) no-repeat right bottom
}
.digiprint{
	background:url(/images/swatch.jpg) no-repeat right bottom
}
#column-left{
	width:480px;
	float:left
}
#column-right{
	width:255px;
	float:right;
	text-align:right
}
/* footer area */
#footer{
	color:#9cf;
	font-size:9px;
	background:url(/images/curves.png) no-repeat bottom;
	width:760px;
	height:22px;
	clear:both;
	padding:8px 20px 0;
	margin-bottom:10px
}
#footer li{
	list-style:none;
	display:inline;
	float:left
}
#footer li.sep{
	margin:0 .5em 0 0;
	padding:0 .5em 0 0;
	border-right:#9c0 solid 1px
}
/* float clearers */
.hr{
	clear:both
}
.hr hr{
	display:none
}
.clear{
	clear:both
}
/* display switchers */
.switch1{
	display:none !important
}
/* other page specific */
iframe.gallery{
	margin:276px 0 0;
	border:0;
	padding:0;
	width:800px;
	height:648px;
	display:block
}
img.products{
	border:solid 4px #e6f2ff
}
table.products{
	color:#000;
	background-color:#e6f2ff;
	margin:0 0 1em
}
table.products th,table.products td{
	padding:.5em 1em
}
.padbottom{
	padding-bottom:1em
}
/* typography */
a{
	color:#039;
	text-decoration:none;
	outline:0
}
a:hover{
	text-decoration:underline
}
a:active{
	color:#9c0;
	text-decoration:underline
}
#footer a{
	color:#fff
}

h1{
	font-family:ss-display;
	color:#9c0;
	font-size:36px;
	font-weight:normal;
	padding:0 0 18px
}
h2{
	font-size:14px;
    font-weight:bold;
	padding:0 0 1em
}
#content p{
	padding:0 0 1em
}
strong{
	font-weight:bold
}
em{
	font-style:italic
}
small{
	color:#666;
	font-size:9px
}
td.quarters{
	text-align:center;
	width:25%
}
.textbox{
	background-color:#e6f2ff;
	text-align:left;
	margin-bottom:1em;
	padding:1em 1em 0;
	clear:both
}
/* lists */
.list{
	list-style:square;
	padding:0 0 1em 1.5em
}
.list li{
	list-style:square;
	padding:0
}
.numberlist{
	list-style:decimal;
	margin:0 0 1em 1.5em
}
.numberlist li{
	list-style:decimal;
	padding:0
}
.sitemap{
	list-style:square;
	margin:0 0 0 1.5em
}
.sitemap li{
	list-style:square;
	padding:0
}
.sitemap li.sitemap-end{
	padding:0 0 1em
}
/* forms */
form{
	background-color:#e6f2ff;
	width:758px;
	margin:0 0 1em;
	padding:1em 0;
	border:1px solid #e6f2ff
}
form ul{
	list-style-type:none
}
form li{
	display:block;
	float:left;
	padding:0 20px
}
form li p{
	padding:0;
	margin:0
}
form li.halfwidth{
	width:339px
}
form li.fullwidth{
	width:718px
}
form li div{
	padding:0 0 8px
}
form li div input{
	width:100%
}
form li span{
	float:left;
	padding:0 0 8px
}
form li span.email{
	width:162px
}
form li div.left{
	display:block;
	float:left;
	width:339px
}
form li div.right{
	display:block;
	float:right;
	width:339px
}
form li div.left .medium{
	width:162px
}
form li div.right .medium{
	width:162px
}
form li div label{
	clear:both;
	color:#666;
	display:block;
	font-size:9px;
	margin:0;
	padding:6px 0 0
}
form li span label{
	clear:both;
	color:#666;
	display:block;
	font-size:9px;
	margin:0;
	padding-top:6px
}
form .form_description{
	border-bottom:1px solid #fff;
	clear:both;
	display:inline-block;
	padding:0 20px
}
form .form_description[class]{
	display:block;
}
form .form_description p{
	margin:0;
}
form li.section_break{
	border-top:1px solid #fff;
	padding:0 !important;
	margin:0 !important;
	height:0px;
	width:100%;
	overflow:hidden
}
form label.description{
	border:0;
	display:block;
	font-weight:bold;
	margin:0;
	padding:6px 0
}
form input.text{
	font-size:100%;
	font-family:"Lucida Grande","Lucida Sans Unicode","Bitstream Vera Sans",Verdana,Geneva,Helvetica,Arial,sans-serif;
	background-color:#fff;
	border:1px solid #e6f2ff;
	margin:0;
	padding:2px 3px;
	height:18px
}
form input.file{
	font-size:100%;
	font-family:"Lucida Grande","Lucida Sans Unicode","Bitstream Vera Sans",Verdana,Geneva,Helvetica,Arial,sans-serif;
	background-color:#fff;
	border:1px solid #e6f2ff;
	margin:0;
	padding:2px 3px;
	height:18px
}
form textarea.textarea{
	font-size:100%;
	font-family:"Lucida Grande","Lucida Sans Unicode","Bitstream Vera Sans",Verdana,Geneva,Helvetica,Arial,sans-serif;
	background-color:#fff;
	border:1px solid #e6f2ff;
	margin:0;
	padding:2px 3px;
	width:710px
}
form select.select{
	font-size:100%;
	font-family:"Lucida Grande","Lucida Sans Unicode","Bitstream Vera Sans",Verdana,Geneva,Helvetica,Arial,sans-serif;
	background-color:#fff;
	margin:1px 0;
	padding:1px 0 0;
	border:1px solid #e6f2ff;
	height:24px
}
form select.select[class]{
	margin:0;
	padding:1px 0
}
*:first-child+html select.select[class]{
	margin:1px 0
}
form input.checkbox{
	display:block;
	height:13px;
	margin:0;
	width:13px
}
form input.radio{
	display:block;
	height:13px;
	margin:0;
	width:13px
}
form label.choice{
	display:block;
	font-size:9px;
	margin:-1.5em 0 0 25px;
	padding:0;
	width:95%
}
form input.small{
	width:78px
}
form select.small{
	width:25%
}
form input.medium{
	width:162px
}
form select.medium{
	width:50%
}
form input.large{
	width:331px
}
form select.large{
	width:100%
}
form textarea.small{
	height:5em
}
form textarea.medium{
	height:10em
}
form textarea.large{
	height:20em
}
form .buttons{
	clear:both;
	display:block;
	margin-top:12px;
	margin-bottom:8px
}
input.button_text{
	text-align:center;
	font-weight:bold;
	color:#fff;
	font-size:12px;
	background:#000 url(/images/btn-background.png) no-repeat;
	border-bottom:1px solid #191919;
	border-left:1px solid #575757;
	border-right:1px solid #575757;
	border-top:1px solid #bbb;
	padding:5px 20px;
	margin:0;
	min-width:80px;
	cursor:pointer
}
form #error_message{
	float:right;
	color:#c00
}
form #error_message strong{
	background-color:#ffefef;
	padding:2px 3px
}
form li.error{
	background-color:#ffefef
}
form li.error label{
	color:#c00 !important
}
form li.highlighted{
	background-color:#cfe6ff
}
form .required{
	color:#c00 !important;
	float:none !important;
	font-weight:700
}
form .firstname1{
	width:161px;
	display:block
}
form .lastname1{
	width:162px;
	display:block
}
}

@media print
{
body{color:#000;font:10pt"Lucida Grande","Lucida Sans Unicode",Verdana,Arial,Geneva,SunSans-Regular,sans-serif;background-color:#fff;margin:0;padding:2em}
img{border:0}
#skiplink,#flash,#navigation{display:none}
li,ul{list-style:square}
.switch2{display:none}
}