/* ---------------------------
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 */

@import url(https://fonts.googleapis.com/css?family=Paprika);

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

p {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; margin:15px 0;}
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;}

#promoheader {height: 30px; background: url(images/header-bg-bottom-2.png); position: relative;}
#promoheader .lside {position: absolute; left: 0; top: 0; background: url(images/header-left-2.png); width: 22px; height: 30px;}
#promoheader .rside {position: absolute; top: 0; background: url(images/header-right-2.png); width: 22px; height: 30px; z-index: 0; right: 0; _right: -1px;}

.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;}
#ccol2 {margin: 0 20px 0 20px;}
#ccol3 {margin: 0 65px 0 65px;}
#ccolart {margin: 0 40px 0 236px;}
#ccolinfo {margin: 0 0 0 350px;}

.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;}


body#home {
	padding:25px 0 0 0;
}
body#home #header,
body#home #content,
body#home #cclose,
body#home #header .lside, 
body#home #header .rside {background:none;}
body#home #header {
	background:url(images/header-home.gif) 0 100% repeat-x; 
}

body#home #wrap {
	background:#fff;
	border-radius:25px;
	padding:0;
	box-shadow:1px 1px 20px #202020; 
	position: relative;
	behavior: url(pie.htc);
}
body#home #ccol {
	margin:0;
}
body#home #content {
	padding:0;
}
body#home #ccol .promo {
	height:345px;
	background:url(images/promo.jpg) no-repeat;
}
body#home #ccol .promo .box {
	width:530px;
	float:right;
	background:none;
	text-align:left;
	padding:35px 0 0 0;
}
body#home #ccol .promo .box h1 {
	text-align:left;
	font-weight:bold;
	color:#05466f;
	font-size:18px;
	text-shadow:0 1px 0px #58cfe7;
	margin:0 0 8px 0;
}
	body#home #ccol .promo .box h1 img {
		margin:8px 0 0 0;
	}
	
	body#home #ccol .promo .box h2 {
		font-weight:bold;
		color:#f0d65c;
		font-size:16px;
		margin:0 0 20px 0;
		text-shadow:0 -1px 0px #055f93;
	}
	
	body#home #ccol .promo .box  ul {
		margin:0 0 25px 0;
	}
	body#home #ccol .promo .box  ul li {
		font-size:18px;
		color:#fff;
		line-height:26px;
		padding:0 0 0 25px;
		text-shadow:0 -1px 0px #055f93;
		background:url(images/marker-1.png) 0 7px no-repeat;
	}
	
		body  #ccol h3 {
		font: 18px arial;
		color: #000;
		margin: 0 0 14px 0;
		padding: 0;
	}

body#home .slogan {
	font-size:18px;
	color:#151515;
	height:112px;
	padding:20px 35px 0 35px;
	border-top:5px solid #c3c3c3;
	margin:0 0 30px 0;
	background:url(images/shadow.png) no-repeat center 100%;
}

	body#home .slogan p {
		line-height:24px;
		text-align:center;
	}
	body#home #ccol .box {
		padding-right:30px;
		margin:0 0 25px 30px;
		padding-bottom:10px;
		background:url(images/shadow.png) no-repeat 330px 100%;
	}
	body#home #ccol .box-last {
		background:none;
	}
	body#home  h3 {
		font-size:19px;
		font-weight:bold;
		color:#004687;
		margin:0 0 20px 0;
	}
	
	body#home .box p {
		font-size:14px;
		color:#121212;
		text-align:justify;
		text-indent:0;
		line-height:18px;
	}
	body#home .box .alignleft {
		float:left;
		margin:0 10px 0 0;
	}
	.clr {
		clear:both;
	}
	body#home .button-box {
		text-align:center;
		height:140px;
		padding:34px 0 0 0;
		background:url(images/shadow2.png) no-repeat center top;
	}
		body#home .line {
			font-size:20px;
			font-weight:bold;
			color:#111111;
			margin:0 0 20px 0;
		}
	body#home .button-box p {
		margin:0 0 10px 0;
	}
	body#home a.bw {
		display:inline-block;
		vertical-align:middle;
		width:215px;
		height:71px;
		background:url(images/dl.png) no-repeat 0 0;
	}
	body#home a.bw2 {
		display:inline-block;
		vertical-align:middle;
		width:432px;
		height:78px;
		background:url(images/s1.png) no-repeat 0 0;
	}
	body#home a.button-p {
		background:url(images/order.png) no-repeat 0 0;
	}
	body#home a.bw2:hover {
		background-position:0 -78px;
	}
	body#home a.bw:hover {
		background-position:0 -71px;
	}

	.info {
		width:275px;
	}
/* For Promo page ---start--- */

.promocontent {overflow: hidden; background: url(images/content-bg.png) #fff; padding: 0 10px 0 10px;}

.promo-title {
	padding: 0 0 10px 0;
	text-align: center;
	font-size: 24pt;
	line-height: 200%;
	font-family: 'Paprika', cursive, Verdana, sans-serif;
	color: #d71326;
}

.promo-title span {
	font-size: 18pt;
	line-height: 130%;
	color: #3d3d3d;
}

.promo-text {
	text-align: center;
	font-size: 14pt;
	line-height: 150%;
	font-family: 'Paprika', cursive, Verdana, sans-serif;
	color: #3d3d3d;
}

.promo-text span {
	font-size: 10pt;
}

.promo-text a {
	text-decoration: underline;
	font-size: 14pt;
	line-height: 150%;
	font-family: 'Paprika', cursive, Verdana, sans-serif;
	color: #0C5697;
}

.promo-text  a:hover {
	text-decoration: none;
}

.left {
	float: left;
}

.left p {
	padding:0;
}

.clear {
	clear:both;
	text-align:center;
}

.screenshot {
	padding: 0 10px 5px 0px;
}

.plus {
	padding: 129px 24px 128px 24px;
}

.collage {
	padding: 0 25px 5px 10px;
}

.promo-center {
	width: 600px;
	margin: 0 auto;
}

.old-price {
	text-align: center;
	font-size: 20pt;
	line-height: 100%;
	font-family: 'Paprika', cursive, Verdana, sans-serif;
	color: #3d3d3d;
}

.old-price span {
	text-decoration: line-through;
}

.new-price {
	text-align: center;
	font-size: 20pt;
	line-height: 100%;
	font-family: 'Paprika', cursive, Verdana, sans-serif;
	color: #d71326;
}

.button {
	margin: 5px auto 10px;
	width: 178px;
	height: 47px;
	background-image: url('../images/button-get-now.png');
	background-repeat: no-repeat;
}

.button:hover {
	background-position: 0 -47px;
}

.product-list {
	margin: 10px 0 10px 130px;
	font-size: 14pt;
	line-height: 175%;
	font-family: 'Paprika', cursive, Verdana, sans-serif;
	color: #3d3d3d;
}

.checkbox li {
	list-style-image: url(../images/marker.png);
}

.price-list {
	margin: 10px 0 10px 20px;
	font-size: 14pt;
	line-height: 175%;
	font-family: 'Paprika', cursive, Verdana, sans-serif;
	color: #3d3d3d;
}

.separator {
	margin: 0 90px 10px 110px;
	background-color: #3d3d3d;
	height: 1px;
}

.total {
	float: right;
	margin: 0 110px 15px 0;
	font-size: 14pt;
	font-family: 'Paprika', cursive, Verdana, sans-serif;
	color: #3d3d3d;
}

.total span {
	text-decoration: line-through;
}

.button-long {
	margin: 15px auto 25px;
	width: 271px;
	height: 46px;
	background-image: url('../images/button-long-29.png');
	background-repeat: no-repeat;
}

.button-long:hover {
	background-position: 0 -46px;
}

/* For Promo page ---end--- */

.half-price {
	text-align: center;
	font-size: 22px;
	line-height: 1%;
}

.half-price span {
	text-decoration: line-through;
}

#ccol3 .article {
	font-size: 14px;
}

#ccol3 .article a {
	font-size: 14px;
}

#ccol3 .article h1 {
	font-size: 24px;
	margin-bottom: 10px;
}

#ccol3 .article h3 {
	font-size: 16px;
}

.lesson-list {
	width: 400px;
	margin-left: 25px;
}

.lesson-list ul li {
	padding: 3px 0;
	list-style-image: url('images/indent.gif');
}

.shape {
	width: 650px;
	font-size: 14px;
	text-align: center;
	padding: 10px;
	margin: 0 0 20px 50px;
	background:#FFFACD;
	border: 1px #CCCCCC solid;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius:10px;
	border-radius: 10px;
}

a.download-button {
		display:inline-block;
		vertical-align:middle;
		width:173px;
		height:45px;
		background:url(images/download-button.png) no-repeat 0 0;
	}

a.download-button:hover {
		background-position:0 -45px;
	}
	
a.checkout-button {
		display:inline-block;
		vertical-align:middle;
		width:173px;
		height:45px;
		background:url(images/checkout-button.png) no-repeat 0 0;
	}

a.checkout-button:hover {
		background-position:0 -45px;
	}
	
#ccol3 .article .likebox {text-align:center; margin: 30px 0 40px;background:url(images/blue-arrow.png) no-repeat; background-position-y: 28px;}
#ccol3 .article .center_block{margin-left:375px}