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

/* CSS Document */

/*___________ GENERAL ____________ */

body
	{
	margin: 0;
	padding: 0;
	font: small/1.6em verdana, sans-serif;
	color: #606062;
	background: white none;
width: 780px; }
	
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
	{
	margin: 0 0 0.8em 0;
	padding: 0;
font-family: Verdana, Arial, Helvetica, sans-serif; }

dd p { margin-bottom: 0.3em; }
	
a
	{
	color: #586e88;
	text-decoration: none;
	border-bottom: 1px dotted #ccc;
	outline: none;
	}
	
a:hover
	{
	color: #303032;
	}
	
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: x-large;
	color: #000000;
	font-style: normal;
	font-weight: 900;
	line-height: 150%;
font-family: Georgia, "Times New Roman", Times, serif;
}
	
h3
	{ color: #f9a350; font-size: x-small; font-weight: 600; font-style: normal; font-variant: normal; line-height: 125%; margin: 1.2em 0 0.3em; padding: 0; text-transform: uppercase; letter-spacing: 7px; }
	
ul
	{
	padding: 0;
	list-style: none;
	margin-left: 0;
	margin-right: 0;
	}
	
li
	{
	list-style: none;
	}
	
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: 20px; }
	
.footer
	{
	clear: both;
	font-size: 90%;
	padding-bottom: 2em;
margin-top: 10px;
margin-left: 20px;
margin-right: 20px;
margin-bottom: 10px; }
	
.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
	{
	background: url(images/bindery.jpg) no-repeat;
	margin-left: 20px;
padding-left: 320px;
width: 430px;
overflow: auto;
height: 300px; }
	
body#bindery #content p
	{
	margin-right: 250px;
	}
	
body#copies #content
	{
	margin-left: 20px;
padding-left: 320px;
width: 430px;
overflow: auto;
height: 300px;
	background: url(images/xerox.jpg) no-repeat;
	}
	
body#copies #content p
	{
	margin-right: 20px;
	}
	
body#di #content
	{
	margin-left: 20px;
padding-left: 320px;
width: 430px;
overflow: auto;
height: 300px;
	background: url(images/di.jpg) no-repeat;
	}
	
body#di #content p
	{
	margin-right: 20px;
	}
	
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: 20px;
padding-left: 320px;
width: 430px;
overflow: auto;
height: 300px; 
background: url(images/mailroom.jpg) no-repeat;
	}
	
body#mail #content p
	{
	margin-right: 20px;
	}
	
body#scan #content
	{
	margin-left: 20px;
padding-left: 320px;
width: 430px;
overflow: auto;
height: 300px;
background: url(images/scan.jpg) no-repeat;
	}
	
body#scan #content p
	{
	margin-right: 20px;
	}
	
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: 20px;
padding-left: 320px;
width: 430px;
overflow: auto;
height: 300px;
background: url(images/icut.jpg) no-repeat;
	}
	
body#icut #content p
	{
	margin-right: 20px;
	}

body#dvd #content
	{
	margin-left: 20px;
padding-left: 320px;
width: 430px;
overflow: auto;
height: 300px;
background: url(images/cd.jpg) no-repeat ;
	}
	
body#dvd #content p
	{
	margin-right: 20px;
	}

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: 20px;
	padding-left: 320px;
	width: 430px;
	overflow: visible;
	height: 300px;
	background: url(images/signs.jpg) no-repeat;
	}
	
body#signs #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;
   }

/*___________ END OF PAGE ____________ */