/* @override http://www.swiftydi.com/swiftystyles.css */

/* CSS Document */

/*___________ GENERAL ____________ */

body
	{
	margin: 0px;
	padding: 0;
	font: small/1.6em;
	font-family: 'Chivo', sans-serif;
	color: #606062;
	width: 780px;
	background-image: url(swdiwebpagesetuppathmedia/browserbackgroundcolor.gif);
	z-index: 1;
	background-repeat: repeat;
	float: 0;
}
	
p,h1,h2,h3,h4,h5,h6,li,address,dt
	{ font-size: 88%; }
	
dt { font-weight: bold; margin-bottom: 0.3em; }
dd { margin: 0; padding: 0; }
	
p
	{
	padding: 0;
	font-family: 'Chivo', sans-serif;
	margin-top: 0.3em;
	margin-right: 0em;
	margin-bottom: 0px;
	margin-left: 0em;
	font-size: 14px;
	line-height: 18px;
}

dd p { margin-bottom: 0.3em; }
	
a
	{
	color: #586e88;
	text-decoration: none;
	border-bottom: 1px dotted #ccc;
	outline: none;
	}
	
a:hover
	{
	}
	
h1
	{
	display: block;
	position: relative;
	left: 20px;
	top: 10px;
	width: 300px;
	height: 88px;
	margin: 0;
	padding: 0;
	text-indent: -10000px;
	}
	
h1 a
	{
	display: block;
	width: 300px;
	height: 88px;
	background: url(images/logo.jpg) no-repeat;
	border: none;
	}

t1 {
	display: block;
	position: absolute;
	left: 490px;
	top: 30px;
	width: 275px;
	height: 60px;
	margin: 0;
	padding: 0;
	background: url(images/phone.jpg) no-repeat;
	text-indent: -10000px;
	}

h2
	{
	display: block;
	margin: 0;
	padding: 0;
	font-size: 48px;
	color: #FFF;
	font-style: normal;
	font-weight: normal;
	line-height: 95%;
	font-family: 'Francois One', sans-serif;
	font-variant: normal;
	text-transform: uppercase;
}
	
h3
	{
	font-family: 'Cardo', serif;
	color: #FFF;
	font-size: large;
	font-weight: normal;
	font-style: italic;
	font-variant: normal;
	line-height: 100%;
	margin: 1.2em 0 0.3em;
	padding: 0;
	text-transform: lowercase;
	letter-spacing: 1px;
}
	
ul
	{
	list-style: none;
	margin-left: 0;
	margin-right: 0;
	padding-top: 75px;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 125px;
	margin-top: 0px;
	}
	
li
	{
	list-style-position: outside;
	list-style-image: none;
	list-style-type: none;
	line-height: 160%;
	padding-left: 150px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	}
	
address
	{
	font-style: normal;
	margin: 0 0 0.8em 0;
	}
	
	
/*___________ DIVISIONS ____________ */


#site
	{
	background: url(images/bg-top.gif) repeat-x;
	width: 100%;
	}
	
#wrap
	{
	width: 780px;
    background-color: white;
	}

#top
	{
	width: 780px;
	height: 100px;
background-color: white;
text-align: justify; }
	
#content
	{
	margin: 0px;
}
	
.footer
	{
	clear: both;
	font-size: 90%;
	display: inline-block;
	background-image: url(swdiwebpagesetuppathmedia/barpanel.gif);
	margin: 0px;
	padding: 10px;
	background-repeat: repeat;
	width: 920px;
}
	
.right-col
	{
	float: right;
	display: inline;
	width: 175px;
	margin-right: 20px;
	}

.left-col
	{
	float: left;
	display: inline;
	width: 410px;
	margin-left: 40px;
	padding-bottom: 40px;
	}
	
/*___________ TYPES & SPEC ____________ */

	
.footer p
	{
	margin: 0;
	color: #586e88;
	width: 740px;
	outline-color: #586e88;
}
	
.submenu a,
.submenu a:hover
	{
	border: none;
	color: #586e88;
}
	
.footer p.submenu
	{
	margin: 0.5em 0 1.3em 0;
	padding: 0.3em 0;
	border-top: 1px dotted #aaa;
	border-bottom: 1px dotted #aaa;
	}
	
.bottom
	{
	margin: 0 4px 0 50px;
	border-bottom: 1px solid #666;
	}
	
.image-right images
	{
	float: right;
	margin: 0.5em 0 1em 2em;
	}
	
.image-left images
	{
	float: left;
	margin: 0.5em 2em 1em 0;
	}
	
.ir-right
	{
	float: right;
	width: 300px;
	margin: 0 0 1em 2em;
	font-size: 90%;
	font-style: italic;
	line-height: 1.6em;
	}
.clear { clear: both; }
.left { float: left; }
.right { float: right; }

	
	
	
.no { display: none; }
.red { color: #922; }
	
	
/*___________ FORM ____________ */


form
	{
	margin: 1em 0;
	padding: 0;
	}
	
th,
td
	{
	font-size: 88%;
	text-align: left;
	font-weight: normal;
	background: #f5f5f4;
	border-bottom: 4px double #fff;
	padding-left: 15px;
	}
	
th
	{
	width: 1%;
	padding-right: 15px;
	}
	
td
	{
	padding-left: 0;
	padding-right: 15px;
	}
	
input.inp
	{
	margin: 8px 0;
	width: 100%;
	border: 1px solid #ccc;
	padding: 3px;
	background: #fff;
	font: x-small monaco, verdana, sans-serif;
	color: #554;
	outline: none;
	}
	
textarea
	{
	margin: 8px 0;
	width: 100%;
	border: 1px solid #ccc;
	padding: 3px;
	background: #fff;
	font: x-small monaco, verdana, sans-serif;
	color: #554;
	outline: none;
	}
	
input.btn
	{
	padding: 0 5px 3px 5px;
	font: x-small verdana, sans-serif;
	color: #554;
	margin: 8px 0;
	}

	

/* MENU
/* ----------------------------------- */

#menu {
	background: url(images/menu.jpg) 0 0 no-repeat;
	width: 780px;		/* Width of entire image */ 
	height: 54px;
	}

#menu span {
	display: none;
}
#menu li, #menu a {
	height: 54px;		/* Each button must have the same height, define it here */ 
	display: block;
}
#menu li {
	float: left;
	list-style: none;		
}
* html #menu li { display: inline; } /* fixes IE/Win double margin float bug (safe) */

/* margin-left - you will need to adjust this value to "center" your nav, if needed */ 
/* width - width of each button, they will each most likely be unique */ 
#menu-home 		{ width: 95px;
	margin-left: 21px;
}
#menu-order { width: 105px;
margin-left: 14px; }
#menu-services 	{ width: 110px;
margin-left: 19px; }
#menu-quote { width: 65px;
margin-left: 14px; }
#menu-contact 	{ width: 100px;
margin-left: 24px; }
#menu-upload 	{ width: 114px;
margin-left: 16px; }
#menu-faq 	{ width: 44px;
margin-left: 18px; }


/* Changed values should match sum of "width" numbers specified above */ 
#menu-home a:hover, #home #menu-home a:visited 					{ background: transparent url(images/menu.jpg) -21px -54px no-repeat; }
#menu-order a:hover, #order #menu-order a:visited 	{ background: transparent url(images/menu.jpg) -132px -54px no-repeat; }
#menu-services a:hover, #services #menu-services a:visited 		{ background: transparent url(images/menu.jpg) -254px -54px no-repeat; }
#menu-quote a:hover, #quote #menu-quote a:visited  	{ background: transparent url(images/menu.jpg) -379px -54px no-repeat; }
#menu-contact a:hover, #contact #menu-contact a:visited  				{ background: transparent url(images/menu.jpg) -467px -54px no-repeat; }
#menu-upload a:hover, #upload #menu-upload a:visited 		{ background: transparent url(images/menu.jpg) -583px -54px no-repeat; }
#menu-faq a:hover, #faq #menu-faq a:visited 		{ background: transparent url(images/menu.jpg) -715px -54px no-repeat; }

	
/* products */
	
body#products ul.menu li#m1 a { background-position: 0 -62px; }
body#products ul.menu li#m1 a:hover { cursor: default; background-position: 0 -93px; }

/* method */

body#method ul.menu li#m2 a { background-position: 0 -62px; }
body#method ul.menu li#m2 a:hover { cursor: default; background-position: 0 -93px; }

/* upload */

body#upload ul.menu li#m3 a { background-position: 0 -62px; }
body#upload ul.menu li#m3 a:hover { cursor: default; background-position: 0 -93px; }

/* contact */

body#contact ul.menu li#m4 a { background-position: 0 -62px; }
body#contact ul.menu li#m4 a:hover { cursor: default; background-position: 0 -93px; }

/* ir */

body#ir ul.menu li#m5 a, { background-position: 0 -62px; }
body#ir ul.menu li#m5 a:hover { cursor: default; background-position: 0 -62px; }


/*___________ VARIANTS ____________ */
body#home #content
	{
	background: url(images/sign.jpg) no-repeat;
	margin-left: 20px;
	padding-left: 250px;
	width: 500px;
	overflow: auto;
	height: 300px;
}
	
body#services #content
	{
	margin-left: 20px;
padding-left: 20px;
width: 780px;
overflow: visible;
height: 300px;
background: no-repeat;
	}
	
body#home #content p
	{
	margin-right: 30px;
	}

body#bindery #content
	{
	margin-left: 0px;
	padding-left: 35px;
	width: 905px;
	overflow: auto;
	height: 470px;
	background-image: url(images/webimagesnew/bindery.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 20px;
}
	
body#bindery #content p
	{
	margin-right: 20px;
	width: 500px;
	padding-top: 75px;
	padding-left: 269px;
	}
	
body#bindery #content p:first-line
	{
	font-family: 'Chivo', sans-serif;
	font-weight: 900;
}


body#copies #content
	{
	margin-left: 0px;
	padding-left: 35px;
	width: 905px;
	overflow: auto;
	height: 470px;
	background-image: url(images/webimagesnew/copies.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 20px;
	}
	
body#copies #content p
	{
	margin-right: 20px;
	width: 500px;
	padding-left: 269px;
	padding-top: 75px;
	}
	
body#copies #content p:first-line
	{
	font-family: 'Chivo', sans-serif;
	font-weight: 900;
	margin-top: 3px;
}

body#di #content
	{
	margin-left: 0px;
	padding-left: 35px;
	width: 905px;
	overflow: visible;
	height: 470px;
	background-image: url(images/webimagesnew/digitalprint.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 20px;
	}
	
body#di #content p
	{
	margin-right: 20px;
	width: 500px;
	padding-left: 269px;
	padding-top: 75px;
	}
	
body#di #content p:first-line
	{
	font-family: 'Chivo', sans-serif;
	font-weight: 900;
}

body#display #content
	{
	background: url(images/display.jpg) no-repeat;
margin-left: 20px;
padding-left: 320px;
width: 430px;
overflow: auto;
height: 320px;	}
	
body#display #content p
	{
	margin-right: 20px;
	}
	
body#herk #content
	{
	margin-left: 20px;
padding-left: 320px;
width: 430px;
overflow: auto;
height: 300px;
background: url(images/herk.jpg) no-repeat;
	}
	
body#herk #content p
	{
	margin-right: 20px;
	}
	
body#mail #content
	{
	margin-left: 0px;
	padding-left: 35px;
	width: 905px;
	overflow: visible;
	height: 470px;
	background-image: url(images/webimagesnew/mail.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 20px;
	}
	
body#mail #content p
	{
	margin-right: 20px;
	overflow: visible;
	width: 500px;
	padding-top: 75px;
	padding-left: 269px;
	}
	
body#mail #content p:first-line
	{
	font-family: 'Chivo', sans-serif;
	font-weight: 900;
}


body#scan #content
	{
	margin-left: 0px;
	padding-left: 35px;
	width: 905px;
	overflow: auto;
	height: 470px;
	background-image: url(images/webimagesnew/drum_scanning.jpg);
	background-repeat: no-repeat;
	padding-top: 20px;
	background-position: left top;
	}
	
body#scan #content p
	{
	margin-right: 20px;
	width: 500px;
	padding-top: 25px;
	padding-left: 269px;
	}
	
body#scan #content p:first-line
	{
	font-family: 'Chivo', sans-serif;
	font-weight: 900;
	margin-top: 3px;
	}

body#iris #content
	{
	margin-left: 20px;
padding-left: 320px;
width: 430px;
overflow: auto;
height: 300px;
background: url(images/iris.jpg) no-repeat ;
	}
	
body#iris #content p
	{
	margin-right: 20px;
	}
	
body#vutek #content
	
	{
	margin-left: 20px;
padding-left: 320px;
width: 430px;
overflow: auto;
height: 300px;
	background: url(images/vutek.jpg) no-repeat;
	}
	
body#vutek #content p
	{
	margin-right: 20px;
	}
	
body#icut #content
	{
	margin-left: 0px;
	padding-left: 35px;
	width: 905px;
	overflow: auto;
	height: 470px;
	background-image: url(images/webimagesnew/digitalcut.jpg);
	background-repeat: no-repeat;
	padding-top: 20px;
	background-position: left top;
	}
	
body#icut #content p
	{
	margin-right: 20px;
	width: 500px;
	padding-left: 269px;
	padding-top: 75px;
	}

body#icut #content p:first-line
	{
	font-family: 'Chivo', sans-serif;
	font-weight: 900;
}

body#lgformat #content
	{
	margin-left: 0px;
	padding-left: 35px;
	width: 905px;
	overflow: auto;
	height: 470px;
	background-image: url(images/webimagesnew/largeformat.jpg);
	background-repeat: no-repeat;
	padding-top: 20px;
	background-position: left top;
	}
	
body#lgformat #content p
	{
	margin-right: 20px;
	width: 500px;
	padding-left: 269px;
	padding-top: 25px;
	background-image: none;
	background-repeat: no-repeat;
	background-position: left top;
	}

body#lgformat #content p:first-line
	{
	font-family: 'Chivo', sans-serif;
	font-weight: 900;
}

body#dvd #content
	{
	margin-left: 0px;
	padding-left: 35px;
	width: 905px;
	overflow: auto;
	height: 470px;
	background-image: url(images/webimagesnew/cd.jpg);
	background-repeat: no-repeat;
	padding-top: 20px;
	}
	
body#dvd #content p
	{
	margin-right: 20px;
	width: 500px;
	padding-left: 269px;
	padding-top: 25px;
	}

body#dvd #content p:first-line
	{
	font-family: 'Chivo', sans-serif;
	font-weight: 900;
}

body#dvd #content h2
	{
	letter-spacing: 0px;
	}


body#magnus #content
	{
	margin-left: 20px;
padding-left: 320px;
width: 430px;
overflow: auto;
height: 300px;
	background: url(images/magnus.jpg) no-repeat;
	}
	
body#magnus #content p
	{
	margin-right: 20px;
	}
	
body#signs #content
	{
	margin-left: 0px;
	padding-left: 35px;
	width: 905px;
	overflow: visible;
	height: 470px;
	background-image: url(images/webimagesnew/tradeshow.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 20px;
	}
	
body#signs #content p
	{
	margin-right: 20px;
	width: 500px;
	padding-top: 25px;
	padding-left: 269px;
	}
	
body#signs #content p:first-line
	{
	font-family: 'Chivo', sans-serif;
	font-weight: 900;
}

body#plastic #content
	{
	margin-left: 0px;
	padding-left: 35px;
	width: 905px;
	overflow: visible;
	height: 470px;
	background-image: url(images/webimagesnew/plasticcard.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 20px;
	}
	
body#plastic #content p
	{
	margin-right: 20px;
	width: 500px;
	padding-top: 75px;
	padding-left: 269px;
	}
	
body#plastic #content p:first-line
	{
	font-family: 'Chivo', sans-serif;
	font-weight: 900;
}

body#contact #content
	{
	margin-left: 25px;
	padding-left: 0px;
	width: 900px;
	overflow: visible;
	height: auto;
	background-repeat: no-repeat;
	background-position: left center;
	}
	
body#contact #content p
	{
	margin-right: 20px;
	}
	
body#contact #content h2
	{
	color: #C60;
	}

body#contact #content h3
	{
	color: #000;
	}


body#faq #content
	{
	margin-left: 25px;
	padding-left: 0px;
	width: 900px;
	overflow: visible;
	height: auto;
	background-repeat: no-repeat;
	background-position: left center;
	}
	
body#faq #content p
	{
	margin-right: 20px;
	font-size: 14px;
	line-height: 16px;
	}
	
body#faq #content h2
	{
	color: #C60;
	text-transform: none;
	font-size: 24px;
	}

body#faq #content h3
	{
	color: #000;
	text-transform: none;
	}


body#upload #content
	{
	margin-left: 25px;
	padding-left: 0px;
	width: 900px;
	overflow: visible;
	height: 300px;
	background-repeat: no-repeat;
	background-position: left center;
	}
	
body#upload #content p
	{
	margin-right: 20px;
	}

body#upload #content h2
	{
	color: #C60;
	}

body#upload #content h3
	{
	color: #000;
	}

body#quote #content
	{
	margin-left: 25px;
	padding-left: 0px;
	width: 900px;
	overflow: visible;
	height: auto;
	background-repeat: no-repeat;
	background-position: left center;
	}
	
body#quote #content h2
	{
	color: #C60;
	}

body#quote #content h3
	{
	color: #000;
	}
body#upload #content p
	{
	margin-right: 20px;
	}

/*___________ IR2 ____________ */

body#ir2 form
	{
	background: #f6f6f6;
	padding: 15px;
	border: 1px dotted #ccc;
	}
	
body#ir2 form .hr
	{
	height: 10px;
	border-bottom: 1px dotted #ccc;
	margin-bottom: 10px;
	line-height: 1px;
	font-size: 1px;
	}

body#ir2 select
	{
	border: 1px solid #ccb;
	background: #fff;
	font: x-small monaco, verdana, sans-serif;
	color: #554;
	outline: none;
	}
	
body#ir2 input.inp,
body#ir2 textarea
	{
	width: 370px;
	}


body#ir2 th,
body#ir2 td
	{
	background: #f6f6f6;
	border-bottom: none;
	padding: 0.3em 0;
	}
	
body#ir2 form th
	{ width: 40%; }
	
body#ir2 form td
	{ padding-left: 1em; }


body#ir2 form p
	{
	margin: 0;
	}
	
body#ir2 input.inp,
body#ir2 textarea
	{ margin-bottom: 1em; }
	
body#ir2 p.selp
	{ margin-bottom: 0.8em; }
body#ir2 .footer
	{
	margin-left: 40px;
	width: 410px;
	}
	
body#ir2 .ingress p
	{
	color: #303032;
	}
	
body#ir2 h3 a
	{
	border: none;
	}
	
p.file
	{
	border: none;
	font-size: x-small;
	color: #909092;
	}
	
p.file a
	{ border: none; }
	
p.date,
p.time
	{
	font-size: x-small;
	color: #909092;
	}
	
p.all
	{
	border-bottom: 1px dotted #aaa;
	padding-bottom: 0.3em;
	}
	
p.all a
	{
	color: #909092;
	font-size: x-small;
	border: none;
	}
	
p.all a:hover
	{
	color: #606062;
	}
	
p.sign
	{
	font-size: x-small;
	color: #909092;
	border-top: 1px dotted #aaa;
	padding-top: 0.3em;
	}
	
p.breadcrumb
	{
	color: #909092;
	font-size: 9px;
	text-transform: uppercase;
	letter-spacing: 1px;
	}
	
p.breadcrumb a
	{
	border: none;
	}
	
p.breadcrumb span a
	{
	color: #909092;
	}
	
p.breadcrumb span a:hover
	{
	color: #606062;
	}
	
body#ir2 .bottom
	{ clear: both; }

.right-col h4
	{
	margin: 0;
	}
	
.right-col ul
	{
	margin: 0.3em 0;
	}
	
.right-col ul li
	{
	font-size: x-small;
	padding: 0;
	background: none;
	}
	
.right-col ul li a
	{
	border: none;
	padding-left: 13px;
	background: transparent url(images/arrow.gif) no-repeat 0 50%;
	}
	
.right-col ul li a:hover
	{
	background-position: -500px 50%;
	}
	
.right-col ul li a span
	{
	color: #909092;
	}
	
.right-col ul li a span
	{
	color: #909092;
	}
	
.right-col ul li a:hover span
	{
	color: #606062;
	}


* html a#copies {height:162px; he\ight:0;}
a#copies:hover {background-position: 0 0; overflow:visible;}

div.float {
  float: left;
margin-right: 1em;
margin-left: 1em;
display: inline-block;
background-position: center;
visibility: visible;
text-align: center; }
  
div.float p {
   text-align: center;
   }

.expand-down {
	font-family:Arial, Helvetica, sans-serif;
	line-height:normal;
	margin-top:20px;
	height:150px;
	width:600px;
	margin-bottom:30px;
}
/* reset margins and paddings */
.expand-down * {
  margin: 0;
  padding: 0;
}
.expand-down ul {
  padding-top:10px;
  margin-left:10px;
}
.expand-down ul li {
  float:left;
  list-style-type:none;
}
.expand-down ul li a {
  text-decoration:none;
}
.expand-down ul li a img {
  width:50px;  /* initial width of images, 50% of width */
  height:50px; /* initial height of images, 50% of height */
  border:none;
}
/* initially, don't show the label inside <span> tag */
.expand-down ul li a span {
  display:none;
}
.expand-down ul li:hover a span {
	/* show label on mouse hover */
  display:block;
	font-size:14px;
	text-align:center;
	color:#000;
}
/* expand the image to 100% on mouse hover.
** an image becomes active when mouse hovers it
** ideally, the image should have same width and height as below 
*/
.expand-down ul li:hover a img {
  width:100px;
  height:100px;
}
/* expand the image next to the right of the active image to 60% using + selector */
.expand-down ul li:hover + li a img {
  width:60px;
  height:60px;
}
/* expand the image second to the right of the active image to 55% using + selectors */
.expand-down ul li:hover + li + li a img {
  width:55px;
  height:55px;
}

/*___________ END OF PAGE ____________ */