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

/* eric meyer clear */
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,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	font-size:62.5%;
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}



/*end of eric meyer clear */
h2{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:16px;
	
}

#container{
	width:990px;
	margin:0 auto;
	}


#branding {
	width: 615px;
	height: 130px;
	position: relative;
}

#branding span {
	background:url(../images/logo.jpg) no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
}


#nav{
	width:990px;
	margin:15px 0 15px 0;
	padding:7px 0 5px 0;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #000;
	border-bottom-color: #000;
}

#nav ul{
	
	margin:0 0 0 112px;
	
	
}

#nav li{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:1.4em;
	display:inline;
	text-transform: uppercase;
	color: #000;
	margin:0 10px 0 8px;
}


#nav li a:link {
color:#000;
text-decoration:none;

}

#nav li a:visited {
color:#000;
text-decoration:none;
}

#nav li a:hover {
color:#FFF;
background-color:#000;

text-decoration:none;

}

#nav li a:active {
color:#000;
text-decoration:none;
}


#stage{
	width:990px;
	height:650px;
	background-image:url(../images/stage-bg.jpg);
	background-repeat:no-repeat;
	
	
	
}



#leftcol{
	width:485px;
	float:left;
	
}



#rightcol{
	
	width:485px;
	float:left;
	
}



#footer{
	clear:both;
	width:990px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:1.2em;
	text-align:center;
	padding:10px 0 0 0;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #000;	
}




#footer a:link {
color:#000;
text-decoration:none;
margin:0 4px 0 4px;

}

#footer a:visited {
color:#000;
text-decoration:none;
}

#footer a:hover {
color:#FFF;
background-color:#000;

text-decoration:none;

}

#footer a:active {
color:#000;
text-decoration:none;
}



/*----------nav behaviours------------*/

.color {

	position: relative;
	background: url(../images/color-copies-over.png) no-repeat;
	display: block;
	width: 485px;
	height: 200px;
	margin: 0px;
	padding: 0px;

}

.color a {

	display: block;
	width: 485px;
	height: 200px;
	float: left;
	padding-left: 0px;

}

.color img {

	width: 485px;
	height: 200px;
	border: 0;

}


.color a:hover img {

visibility:hidden;

}



.signs{

	position: relative;
	background: url(../images/signs-over.png) no-repeat;
	display: block;
	width: 485px;
	height: 200px;
	margin: 0px;
	padding: 0px;

}

.signs a {

	display: block;
	width: 485px;
	height: 200px;
	float: left;
	padding-left: 0px;

}

.signs img {

	width: 485px;
	height: 200px;
	border: 0;

}


.signs a:hover img {

visibility:hidden;

}

.duplication{

	position: relative;
	background: url(../images/duplication-over.png) no-repeat;
	display: block;
	width: 485px;
	height: 166px;
	margin: 0px;
	padding: 0px;

}

.duplication a {

	display: block;
	width: 485px;
	height: 166px;
	float: left;
	padding-left: 0px;

}

.duplication img {

	width: 485px;
	height: 166px;
	border: 0;

}


.duplication a:hover img {

visibility:hidden;

}




.mail{

	position: relative;
	background: url(../images/mail-over.png) no-repeat;
	display: block;
	width: 485px;
	height: 166px;
	margin: 0px;
	padding: 0px;

}

.mail a {

	display: block;
	width: 485px;
	height: 166px;
	float: left;
	padding-left: 0px;

}

.mail img {

	width: 485px;
	height: 166px;
	border: 0;

}


.mail a:hover img {

visibility:hidden;

}




.printing{

	position: relative;
	background: url(../images/printing-over.png) no-repeat;
	display: block;
	width: 485px;
	height: 234px;
	margin: 0px;
	padding: 0px;

}

.printing a {

	display: block;
	width: 485px;
	height: 234px;
	float: left;
	padding-left: 0px;

}

.printing img {

	width: 485px;
	height: 234px;
	border: 0;

}


.printing a:hover img {

visibility:hidden;

}






.promo{

	position: relative;
	background: url(../images/promo-over.png) no-repeat;
	display: block;
	width: 485px;
	height: 234px;
	margin: 0px;
	padding: 0px;

}

.promo a {

	display: block;
	width: 485px;
	height: 234px;
	float: left;
	padding-left: 0px;

}

.promo img {

	width: 485px;
	height: 234px;
	border: 0;

}


.promo a:hover img {

visibility:hidden;

}



/*------------sections-----------------*/

#sections-stage{
	width:962px;
	margin:0 auto;


}


#top-color {
height:94px;
background-image:url(../images/color-top.gif);
background-repeat:no-repeat;
}

#middle-color {

background-image:url(../images/color-rep.gif);
background-repeat:repeat-y;
}


#bottom-color {
height:36px;
background-image:url(../images/color-bottom.gif);
background-repeat:no-repeat;
}



#top-dup {
height:94px;
background-image:url(../images/dup-top.gif);
background-repeat:no-repeat;
}

#middle-dup {

background-image:url(../images/dup-rep.gif);
background-repeat:repeat-y;
}


#bottom-dup {
height:36px;
background-image:url(../images/dup-bottom.gif);
background-repeat:no-repeat;
}



#top-sign {
height:94px;
background-image:url(../images/sign-top.gif);
background-repeat:no-repeat;
}

#middle-sign {

background-image:url(../images/sign-rep.gif);
background-repeat:repeat-y;
}


#bottom-sign {
height:36px;
background-image:url(../images/sign-bottom.gif);
background-repeat:no-repeat;
}



#top-mail {
height:94px;
background-image:url(../images/mail-top.gif);
background-repeat:no-repeat;
}

#middle-mail {

background-image:url(../images/mail-rep.gif);
background-repeat:repeat-y;

}


#bottom-mail {
height:36px;
background-image:url(../images/mail-bottom.gif);
background-repeat:no-repeat;
}



#top-print {
height:94px;
background-image:url(../images/print-top.gif);
background-repeat:no-repeat;
}

#middle-print {

background-image:url(../images/print-rep.gif);
background-repeat:repeat-y;
}


#bottom-print {
height:36px;
background-image:url(../images/print-bottom.gif);
background-repeat:no-repeat;
}



#top-promo {
height:94px;
background-image:url(../images/promo-top.gif);
background-repeat:no-repeat;
}

#middle-promo {

background-image:url(../images/promo-rep.gif);
background-repeat:repeat-y;
}


#bottom-promo {
height:36px;
background-image:url(../images/promo-bottom.gif);
background-repeat:no-repeat;
}


#top-terms {
height:94px;
background-image:url(../images/terms-top.gif);
background-repeat:no-repeat;
}

#middle-terms {

background-image:url(../images/terms-rep.gif);
background-repeat:repeat-y;
}


#bottom-terms {
height:36px;
background-image:url(../images/terms-bottom.gif);
background-repeat:no-repeat;
}


#top-about {
height:94px;
background-image:url(../images/about-top.gif);
background-repeat:no-repeat;
}

#middle-about {

background-image:url(../images/about-rep.gif);
background-repeat:repeat-y;
}


#bottom-about {
height:36px;
background-image:url(../images/about-bottom.gif);
background-repeat:no-repeat;
}



.innerdiv {
padding:10px 50px 10px 50px;


}


.innerdiv p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.2em;
	margin:0 0 10px 0;
	line-height:1.4em;
	
	
}


.ordernow {
padding:20px 0px 0px 0px;


}




#bubble-left-col{
	width:425px;
	float:left;	
}

#bubble-left-col h2{
	
	margin:0 0 10px 0;
}


#bubble-right-col{
	width:375px;
	margin:0 0 0 40px;
	float:left;	
}

.clear{
	clear:both;
	
	
}