@charset "utf-8";
/* CSS Document */
body{ margin:0px auto; padding:0px; background:url(../images/bg_repeat.gif) repeat; font:12px Arial, Helvetica, sans-serif; color:#272727;}
.clear{
	clear:both;
	}
a:focus{
	outline:none;
	}
#wrapper{
	margin:0px auto;
	padding:25px 0 0 0;
	width:100%;
	background:url(../images/header_top.jpg) repeat-x left top;
	}
#page{
	margin:0px auto;
	padding:0px 9px 0 9px;
	width:982px;
	background:url(../images/page.jpg) repeat-y center top  ;
	}
.page_top{
	margin:0px auto;
	padding:0px;
	width:1000px;
	height:11px;
	font-size:1px;
	background:url(../images/header_top1.jpg) no-repeat;
}
.page_bottom{
	margin:0px auto;
	padding:0px;
	width:1000px;
	height:11px;
	font-size:1px;
	background:url(../images/page_bottom.jpg) no-repeat;
}
#header{
	float:left;
	margin:0px;
	padding:0px;
	width:982px;
	}
.header{
	margin:0px auto;
	padding:0px;
	width:982px;
	}
.logo{
	float:left;
	width:265px;
	height:120px;
	padding:5px 0 3px 19px ;
	}
.toplink{
	float:right;
	width:440px;
	}
.topnav{
	font:12px Arial, Helvetica, sans-serif;
	color:#000000;
	float:right;
	width:150px;
	height:15px;
	padding:9px 25px  30px 0px;
	}
.topnav ul{
	margin:0PX;
	padding:0PX;
	}
.topnav ul li{
	display:inline;
	list-style:none;
	padding:0 5px;
	}
.topnav ul li a{
	text-decoration:none;
	color:#000000;
	}
.topnav ul li a:hover{
	text-decoration:underline;
	}
.search{
	float:left;
	width:355px;
	height:23px;
	background:url(../images/search.jpg) no-repeat;
	margin-right:1px;
	padding:8px 5px;
	border:none;
	}
.go{
	width:35px;
	float:left;
	height:39px;
	}
.nav{
	font:14px Arial, Helvetica, sans-serif;
	color:#ffffff;
	float:left;
	width:982px;
	height:60px;
	background:url(../images/n8.jpg) repeat-x;
	margin-bottom:12px;
	}
.nav ul{
	margin:0PX;
	padding:0PX;
	}
.nav ul li{
	float:left;
	list-style:none;
	line-height:60px;
	text-transform:uppercase;
	display:block;
	}
.nav ul li.db{
	background:url(../images/1.jpg) repeat-x;
	}
.nav ul li.n2{
	background:url(../images/n2.jpg) repeat-x;
	}
.nav ul li.n3{
	background:url(../images/n3.jpg) repeat-x;
	}
.nav ul li.n4{
	background:url(../images/n4.jpg) repeat-x;
	}
.nav ul li.n5{
	background:url(../images/n5.jpg) repeat-x;
	}
.nav ul li.n6{
	background:url(../images/n6.jpg) repeat-x;
	}
.nav ul li.n7{
	background:url(../images/n7.jpg) repeat-x;
	}
.nav ul li.n8{
	background:url(../images/n8.jpg) repeat-x;
	}
.nav ul li a{
	text-decoration:none;
	color:#ffffff;
	display:block;
	padding:0 28px;
	line-height:60px;
	float:left;
	}
.nav ul li a:hover{
	background:url(../images/bullet3.png) no-repeat center bottom;
	}
.nav ul li a.selected{
	background:url(../images/bullet3.png) no-repeat center bottom;
	}
#banner{
	width:936px;
	height:394px;
	margin:0px auto;
	border:10px solid #ffffff;
	}
.content{
	float:left;
	width:956px;
	padding:9px 13px 0 13px;
	}
.contentleft{
	float:left;
	width:199px;
	padding:0 10px 0 2px;
	}
.contentright{
	float:left;
	width:743px;
	}
.services{
	font:12px Arial, Helvetica, sans-serif;
	color:#ffffff;
	float:left;
	width:199px;
	margin-bottom:12px;
	}
.services_heading{
	float:left;
	width:195px;
	height:31px;
	padding:5px 0 0 0;
	background:url(../images/services_heading.jpg) no-repeat left top;
	}
.services ul{
	margin:0px;
	padding:5px 0 0 5px;
	}
.services ul li{
	float:left;
	list-style:none;
	width:183px;
	color:#2c2c2c;
	line-height:12px;
	}
.services ul li a{
	text-decoration:none;
	color:#2c2c2c;
	display:block;
	padding:5px 0 5px 25px;
	height:13px;
	background:url(../images/bullet_37.gif) no-repeat 15px 10px;
	}
.services ul li a:hover{
	text-decoration:none;
	color:#fff;
	background:url(../images/hover.jpg) no-repeat;
	}
.banner2{
	float:left;
	width:199px;
	height:132px;
	padding-bottom:16px;
	display:block;
	text-indent:-9999px;
	}
.banner2 a{
	float:left;
	background:url(../images/banner21.jpg) no-repeat;
	width:199px;
	height:132px;
	padding-bottom:16px;
	display:block;
	text-indent:-9999px;
	}
.banner2 a:hover{
	float:left;
	background:url(../images/banner2_hover.jpg) no-repeat;
	width:199px;
	height:132px;
	padding-bottom:16px;
	}
.text{
	float:left;
	width:733px;
	padding:5px;
	text-align:justify;
	line-height:20px;
	}
.text img{
	float:left;
	margin: 0 10px 10px 0px;
	}
.text p{
	margin:0px;
	padding-top:5px;
	padding-bottom:5px;
	}
.text a{
	font-weight:bold;
	text-decoration:none;
	color:#8a041c;
}
.text a:hover{
	font-weight:bold;
	text-decoration:none;
	color:#272727;
}

.heading{
	font:22px Trebuchet MS Arial, Helvetica, sans-serif;
	color:#272727;
	text-transform:uppercase;
	}
.digital_printing{
	float:left;
	width:248px;
	height:256px;
	background:url(../images/digital_printing.jpg) no-repeat left top;
	padding:10px 0 0 0px;
	border-right:1px solid #FFFFFF;
	}
.printing_heading{
	font:22px "Trebuchet MS", Arial;
	line-height:22px;
	color:#ffffff;
	text-transform:uppercase;
	text-shadow: 1px 1px #1d4360;
	padding-left:20px;
	padding-bottom:5px;
	}

.printing_heading p{
	font:18px "Trebuchet MS", Arial;
	text-shadow: 1px 1px #1d4360;
	text-indent:54px;
	line-height:18px;
	margin:0px;
	padding:0px;
	}
.printing-list{
	float:left;
	font:12px Arial, Helvetica, sans-serif;
	line-height:20px;
	color:#ffffff;
	width:245px;
	height:184px;
	}
.printing-list ul{
	margin:0PX;
	padding:0PX;
	}
.printing-list ul li{
	float:left;
	list-style:none;
	width:200px;
	color:#ffffff;
	font-weight:bold;
	padding:0px 0 0px 28px;
	background:url(../images/bullet_2.jpg) no-repeat 11px 6px;
	line-height:20px;
	}
.printing-list ul li a{
	text-decoration:none;
	
	color:#ffffff;
	}
.printing-list ul li a:hover{
	text-decoration:none;
	font-weight:bold;
	color:#e0e5e9;
	}
.readmore{
	float:left;
	width:96px;
	height:35px;
	text-indent:-9999px;
	display:block;
	padding-left:65px;
}
.readmore a{
	float:left;
	width:96px;
	height:35px;
	font:14px "Trebuchet MS", Arial;
	text-indent:-9999px;
	display:block;
	background:url(../images/readmore.png) no-repeat left top;
	padding-left:65px;
}
.readmore a:hover{
	display:block;
	background:url(../images/readmore_hover.png) no-repeat left top

}
.postcard_printing{
	float:left;
	background:url(../images/postcard_printing.jpg) no-repeat;
	width:245px;
	height:256px;
	padding:10px 0 0 0px;
	border-right:1px solid #FFFFFF;
	}
.book_printing{
	float:left;
	float:left;
	background:url(../images/book_printing.jpg) no-repeat;
	width:248px;
	height:256px;
	padding:10px 0 0 0px;
}
#footer{
	width:982px;
	margin:0px auto;
	padding:0px;
	background:url(../images/footer_bg.jpg) no-repeat center 7px;
	}
.footer_link{
	float:left;
	font:12px Arial, Helvetica, sans-serif;
	color:#ffffff;
	width:615px;
	height:42px;
	padding:7px 0px  13px 22px;
	}
.footer_link ul{
	margin:0PX;
	padding:0PX;
	}
.footer_link ul li{
	display:inline;
	list-style:none;
	line-height:42px;
	padding:0 5px;
	}
.footer_link ul li a{
	text-decoration:none;
	color:#ffffff;
	}
.footer_link ul li a:hover{
	color:#f4eded;
	}
.copyright{
	font:12px Arial, Helvetica, sans-serif;
	line-height:42px;
	color:#ffffff;
	float:right;
	padding:7px 22px  13px 0px;
	}
.copyright a{
	text-decoration:none;
	color:#ffffff;
	}
.copyright a:hover{
	color:#d2eafa;
	}


#apDiv1 {
	position:fixed;
	width:137px;
	height:52px;
	z-index:1;
	right:0px;
	top:336px;
}
#apDiv1 a {
	position:fixed;
	width:137px;
	height:52px;
	z-index:1;
	right:0px;
	background:url(../images/face_book_normal.png) no-repeat;
	top:336px;
	display:block;
	text-indent:-9999px;
}
#apDiv1 a:hover {
	background:url(../images/face_book_hover.png) no-repeat;
}
#apDiv2 {
	position:fixed;
	width:137px;
	height:69px;
	z-index:1;
	right:0px;
	top:388px;
}
#apDiv2 a{
	position:fixed;
	width:137px;
	height:69px;
	background:url(../images/twiter_book_normal.png) no-repeat;
	z-index:1;
	right:0px;
	top:388px;
	display:block;
	text-indent:-9999px;
}
#apDiv2 a:hover{
	background:url(../images/twiter_book_hover.png) no-repeat;
}


.zitem {
	width:150px;
	height:150px;	
	margin:0 10px;
	border:1px solid #000;
	
	/* required to hide the image after resized */
	overflow:hidden;
	
	/* for child absolute position */
	position:relative;
	
	/* display div in line */
	float:left;
}

.zitem .caption {
	width:150px;
	height:30px;
	background:#000;
	color:#fff;
	text-align:center;
	font-weight:bold;
		
	/* fix it at the bottom */
	position:absolute;
	bottom:-1px; /* fix IE issue */
	left:0;

	/* hide it by default */
	display:none;

	/* opacity setting */
	filter:alpha(opacity=70);    /* ie  */
	-moz-opacity:0.7;    /* old mozilla browser like netscape  */
	-khtml-opacity: 0.7;    /* for really really old safari */  
	opacity: 0.7;    /* css standard, currently it works in most modern browsers like firefox,  */

}

.zitem .caption a {
	text-decoration:none;
	color:#fff;
	font-size:12px;	
	
	/* add spacing and make the whole row clickable*/
	padding:5px;
	display:block;
}
.sitemap{
	float:left;
	font:12px Arial, Helvetica, sans-serif;
	line-height:20px;
	color:#4b4c4d;
	width:328px;
	padding-top:20px;
	}
.sitemap ul{
	margin:0px;
	padding:0px;
	}
.sitemap ul li{
	float:left;
	list-style:none;
	width:300px;
	color:#4b4c4d;
	padding:0px 0 0px 28px;
	background:url(../images/bullet_4.jpg) no-repeat 11px 9px;
	line-height:20px;
	}
.sitemap ul li a{
	text-decoration:none;
	font-weight:normal;
	color:#4b4c4d;
	}
.sitemap ul li a:hover{
	text-decoration:none;
	font-weight:bold;
	color:#5b5d5f;
	}
	
.contact_img{
	background:url(../images/contact_us.png) no-repeat right bottom;
	height:350px;
	}