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



a,
a:visited {
	color:#d77d12;
}

a:hover {
	text-decoration:none;
}

a img {
	border:none;
}

img {
	margin:0;
	padding:0;
	padding-top:2px;
	border-top:2px solid #fa961e;
}

.clear {
	clear:both;
}

body {
	text-align:center;
}

#container {
	width:1010px;
	margin:0;
	padding:0;
	text-align:center;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#505f64;
	line-height:17px;
}

.header {
	width:1010px;
	height:158px;
	margin:0;
	margin-bottom:0px;
	margin-top:20px;
	padding:0;
	text-align:left;
}

.header .logo {
	float:left;
	margin-left:50px;
}

.header .menu {
	float:right;
	margin:0;
	margin-top:86px;
	margin-right:36px;
	padding:0;
}

.header .menu ul {
	position:relative;
	margin:0;
	padding:0;
	list-style:none;
}

.header .menu ul li {
	float:left;
	display:block;
	margin:0;
	padding:0;
	padding-left:30px;
}

.header .menu ul li ul {
	display:none;
}

.header .menu ul li:hover ul {
	display:block;
}

.header .menu ul li ul {
	position:absolute;
	width:550px;
	margin:0;
	right:0;
	padding:0;
}

.header .menu ul li ul li {
	margin:0;
	padding:0;
}

.title {
	margin:0;
	margin-bottom:25px;
	text-align:right;
	padding:0;
	padding-bottom:20px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:40px;
	color:#dde0e1;
	line-height:17px;
	border-bottom:1px dotted #dde0e1;
}
#imagemenu{
	margin-top:20px;
	margin-left: 15px ;
	margin-right: 15px ;
	padding: 0;
	width:980px;
	height:420px;
	text-decoration:none;
/*	border: solid 1px #000;
*/}
#imagemenu li{
	text-decoration:none;
	list-style:none;
}
#imagemenu li a {  
 display:block;  
 position:relative;  
} 
/* 	
	set the hovered img 
	stack position
*/
#imagemenu li a img {  
 	position:absolute;  
 	z-index:1; 
 	display:block;
	margin: 0;
	padding-top:2px;
	border-top:2px solid #fa961e; 
}  
/* 	
	set the default img 
	size and stack position
	this stacks higher than the 
	hovered image and is visible by default
*/  
#imagemenu li span {  
	display:block;  
	position:absolute; 
	height: 280px;  
	width: 240px;   
	z-index:2;  
} 
/* 	
	the following four classes set the 
    horizontal spacing of each menu item
*/
.packagingitem {
	margin: 0 1px 0 7px;
	width: 240px;
	height:280px;
	float:left;
}
.brandingingitem {
	margin: 0 1px 0 1px;
	width: 240px;
	height:280px;
	float:left;
}
.designitem {
	margin: 0 1px 0 1px;
	width: 240px;
	height:280px;
	float:left;
}
.printitem {
	margin: 0 7px 0 1px;
	width: 240px;
	height:280px;
	float:left;
}
.menutext {
	width:240px;
	position:relative; 
	top: 300px;
	margin:0;
	padding:0;
	display:none  ;
 
}
.menutext img  {
	margin:0 !important;
	padding:0 !important;
	border:none !important;

}
.footer {
	width:900px;
	margin:0;
	margin-top:10px;
	margin-bottom:10px;
	margin-left:55px;
	padding:0;
	text-align:left;
	border-top:1px dotted #CCC;
	font-size:10px;
	color:#aab8bd;
}

table .thumbs img {
	border:none;
}

p.image_title {
	width:180px;
	font-size:10px;
	text-align:center;
	line-height:12px;
}
/*
Mobile device menus
*/

#mobileimagemenu{
	margin-top:20px;
	margin-left: 15px ;
	margin-right: 15px ;
	padding: 0;
	width:980px;
	height:420px;
	text-decoration:none;
/*	border: solid 1px #000;
*/}
#mobileimagemenu li{
	text-decoration:none;
	list-style:none;
}
#mobileimagemenu li a {  
 display:block;  
 position:relative;  
} 
/* 	
	set the hovered img 
	stack position
*/
#mobileimagemenu li a img {  
 	position:absolute;  
 	z-index:1; 
 	display:block;
	margin: 0;
	padding-top:2px;
	border-top:2px solid #fa961e; 
}  
/* 	
	set the default img 
	size and stack position
	this stacks higher than the 
	hovered image and is visible by default
*/  
#mobileimagemenu li span {  
	display:block;  
	position:absolute; 
	height: 280px;  
	width: 240px;   
	z-index:2;  
} 

.mobilemenutext {
	width:240px;
	position:relative; 
	top: 300px;
	margin:0;
	padding:0;
	display:none ;
 
}
.mobilemenutext img  {
	margin:0 !important;
	padding:0 !important;
	border:none !important;

}
/*.mobilehover {
-webkit-user-select: none;
-webkit-touch-callout: none;        
}*/