/* ---------------------------
copyright (c) artkmv.com
icq: 997-01-21
email: box@artkmv.com
---------------------------*/

/* reset */

* {padding:0; margin:0;}
img {border: 0;}
table {border-collapse: collapse; border: none;}
table th, table td {font-weight: normal;}

/* typo */

a:focus {outline: none;}
a, a:hover {text-decoration: underline; font: 12px arial; color: #b21212;}
a:hover {text-decoration: none;}

p {text-indent: 10px; padding: 0 0 13px 0;}

ul li {list-style: none;}
ol li {list-style: decimal inside;}


h1 {font: 20px arial; color: #000; margin: 0 0 14px 0; padding: 0;}
h1 a, h1 a:hover {font-size: 20px; color: #000;}

h2 {font: bold 14px arial; color: #fff; margin-bottom: 4px;}
h3 {font-size: 14px;}
h4 {font-size: 12px;}
h5 {font-size: 10px;}

/* body */

html {height: 100%;}
body {height: auto !important; height:100%; min-height:100%; font: 12px arial; color: #000; line-height: 16px; background: #0971b3;}
#wrap {width: 963px; margin: 0 auto; padding: 23px 0 0 0;}

#header {height: 85px; background: url(images/header-bg-bottom.gif); position: relative;}
#header .lside {position: absolute; left: 0; top: 0; background: url(images/header-left.png); width: 22px; height: 78px;}
#header .rside {position: absolute; top: 0; background: url(images/header-right.png); width: 22px; height: 78px; z-index: 0; right: 0; _right: -1px;}
#header .logo {position: absolute; left: 15px; top: 13px;}
#header #menu {position: absolute; left: 387px; top: 10px; z-index: 1;}

.menu {height: 69px;}
.menu li {height: 69px; float: left;}
.menu li a, .menu li a:hover {height: 38px; display: block; float: left; background: url(images/menu-bg.png) left no-repeat; padding: 31px 17px 0 17px; font: bold 12px arial; color: #000;}
.menu li a:hover {color: #fff; background: url(images/menu-bg-hover.png);}
.menu li a:active {color: #fff; background: url(images/menu-bg-hover.png);}
.menu li a:selected {color: #fff; background: url(images/menu-bg-hover.png);}
.menu li a:focus {color: #fff; background: url(images/menu-bg-hover.png);}

#current {color: #fff; background: url(images/menu-bg-hover.png); text-decoration: none;}

#process {background: url(images/process-bg.png); height: 101px; position: relative;}

#process .canon {left: 12px; width: 110px; background: url(images/canon-1.jpg); height: 99px; position: absolute; top: 0;}
#process .arrow1 {left: 141px; background: url(images/arrow-0.jpg); width: 21px; height: 99px; position: absolute; top: 0;}
#process .photo {left: 183px; background: url(images/photo-2.jpg); width: 115px; height: 99px; position: absolute; top: 0;}
#process .arrow2 {left: 331px; background: url(images/arrow-0.jpg); width: 21px; height: 99px; position: absolute; top: 0;}
#process .display {left: 393px; background: url(images/display-3.jpg); width: 127px; height: 99px; position: absolute; top: 0;}
#process .arrow3 {left: 562px; background: url(images/arrow-0.jpg); width: 21px; height: 99px; position: absolute; top: 0;}
#process .frame {left: 603px; background: url(images/frame-4.jpg); width: 150px; height: 99px; position: absolute; top: 0;}
#process .arrow4 {left: 790px; background: url(images/arrow-0.jpg); width: 21px; height: 99px; position: absolute; top: 0;}
#process .printer {right: 20px; background: url(images/printer-5.jpg); width: 101px; height: 99px; position: absolute; top: 0;}

#process .lborder {background: url(images/process-left.png); width: 12px; height: 101px; position: absolute; left: 0; top: 0;}
#process .rborder {background: url(images/process-right.png); width: 20px; height: 101px; position: absolute; right: 0; top: 0;}

#content {overflow: hidden; _zoom: 1; background: url(images/content-bg.png) #fff; padding: 19px 20px 23px 27px;}
#lcol {float: left; width: 211px;}
#ccol {margin: 0 0 0 236px;}

.download, .download:hover {margin-bottom: 2px; text-align: center; display: block;}
.checkout, .checkout:hover {margin-bottom: 9px; text-align: center; display: block;}

.about {background: url(images/about-c.png) #1383cb; width: 211px; margin-bottom: 11px;}
.about-t {background: url(images/about-top.png) no-repeat top;}
.about-b {background: url(images/about-bottom.png) no-repeat bottom; padding: 13px 12px 14px 12px; color: #fff; text-align: center;}

.buysoft, .buysoft:hover {color: #fffc19; margin-top: 3px; display: block;}
.linksafter, .linksafter:hover {font-size: 14px; margin-bottom: 7px; text-align: center; display: block;}

#cclose {background: url(images/footer-bg.gif) #fff; height: 26px; position: relative; margin-top: -2px;}
#cclose .limg {background: url(images/footer-left.png); width: 27px; height: 26px; position: absolute; left: 0; top: 0;}
#cclose .rimg {background: url(images/footer-right.png); width: 23px; height: 26px; position: absolute; right: 0; _right: -1px; top: 0;}

#footer {height: 48px; text-align: center; padding-top: 15px;}
/*
.fmenu {color: #1484cc; margin-bottom: 3px;}
.fmenu a, .fmenu a:hover {color: #fff; text-decoration: none;}
.fmenu a:hover {text-decoration: underline;}
*/

.fmenu li {display: inline;}
.fmenu {color: #1484cc; margin-bottom: 3px;}
.fmenu a, .fmenu a:hover {color: #fff; text-decoration: none;}
.fmenu a:hover {text-decoration: underline;}

.copy, .copy a, .copy a:hover {color: #fffc19; text-decoration: none;}
.copy a:hover {text-decoration: underline;}