@charset "utf-8";
/* CSS Document */
body {
	background: url(images/bg_01.png) repeat-x scroll 0 0;
	background-color: ##b7becf;
	text-algin: center;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #525252;
	margin: 0px;
	padding: 0px;
}
a img {
	border:0px;
}
h1 {
	font-size: 24px;
	font-weight:bold;
	color: #24475e;
	margin: 0px 0px 3px 0px;
	padding: 0px;
	line-height: 18px;
}
.h1info {
	font-size: 14px;
	font-weight:bold;
	color: #24475e;
	margin: 0px 0px 5px 0px;
	padding: 0px;
	line-height: 14px;
}
h2 {
	font-size: 24px;
	font-weight: normal;
	color: #000000;
	margin: 10px 0px 3px 10px;
	padding: 0px;
	line-height: 24px;
}
.h2info {
	font-size: 12px;
	font-weight:normal;
	color: #24475e;
	margin: 0px 0px 5px 0px;
	padding: 0px;
	line-height: 14px;
}
.headerinfo {
	font-size: 12px;
	font-weight:normal;
	color: #235d83;
	margin: 0px 0px 5px 0px;
	padding: 0px;
	line-height: 14px;
}
h3 {
	font-size: 18px;
	font-weight: normal;
	color: #24475d;
	margin: 10px 0px 3px 10px;
	padding: 0px;
	line-height: 24px;
}
.h2info {
	font-size: 12px;
	font-weight:normal;
	color: #24475e;
	margin: 0px 0px 5px 0px;
	padding: 0px;
	line-height: 14px;
}
blockquote {
	float: left;
	display: inline;
	font-size: 12px;
	width: 330px;
	font-style:italic;
	background: url(images/homepage_21.png) no-repeat top left;
	margin: 0px 10px 0px 14px;
}
.bqwrap {
	display: inline;
	float: left;
	width: 330px;
	padding: 0px 25px 0px 30px;
	height: auto;
	background: url(images/homepage_25.png) no-repeat right bottom;
}
#screen_testimonialmod blockquote {
	float: left;
	display: inline;
	font-size: 12px;
	width: 250px;
	font-style:italic;
	background: url(images/homepage_21.png) no-repeat top left;
	margin: 0px 10px 0px 5px;
}
.screen_bqwrap {
	display: inline;
	float: left;
	width: 250px;
	padding: 0px 30px 0px 30px;
	height: auto;
	background: url(images/homepage_25.png) no-repeat right bottom;
}
.style3 {
	color: #000;
	padding-right: 10px;
}
.style5 {
	font-size: 16px;
	font-weight: bold;
	color: #000;
}
.style6 {
	font-size: 10px;
	font-weight: normal;
	color: #000;
}
.style7 {
	font-weight: normal;
	color: #4b728c;
}
.style8 {
	color: #416073;
}
.style9 {
	font-size: 18px;
	color: #416073;
	font-weight: bold;
}
.divider {
	float: left;
	display: inline;
	width: 353px;
	height: 1px;
	margin: 15px 0px 15px 30px;
	background:url(images/homepage_28.png) no-repeat scroll 0px 0px;
}	
.screen_divider {
	float: left;
	display: inline;
	width: 311px;
	height: 1px;
	margin: 15px 5px 15px 5px;
	background: url(images/screendivider_03.png) no-repeat scroll 0px 0px;
}	
.featurestxt {
	float: left;
	display: inline;
	width: 95%;
	margin-top: 5px;
	margin-left: 5px;
}
#pagewrapper {
	position: relative;
	width: 957px;
	height: auto;
	margin: 0px auto;
	z-index: 1;
}
#header {
	float: left;
	background:url(images/header_03.png) no-repeat scroll 0px 0px;
	width: 957px;
	height: 120px;
	z-index: 2;
}
#navigation {
	float: right;
	display: inline;
	width: 560px;
	height: 38px;
	margin: 82px 20px 0px 0px;
}
#topcontent {
	float: left; 
	background: url(images/headermid_05.png) no-repeat scroll 0px 0px;
	width: 957px;
	height: 36px;
	z-index: 2;
}
#content {
	float: left;
	width: 913px;
	height: 100%;
	background:url(images/contentbg_07.png) repeat-y scroll 0px 0px;
	padding: 0px 22px 10px 22px;
	z-index: 2;
}
#contwrapper {
	float: left;
	width: 913px;
	height: auto;
	margin-top: -14px;
	z-index: 2;
}
#contentbot {
	float: left;
	width: 957px;
	height: 24px;
	margin-top: 0px;
	background: url(images/contentbot_09.png) no-repeat scroll 0px 0px;
	z-index: 2;
}
#footer {
	float: left;
	width: 957px;
	height: 86px;
	margin-top: 0px;
	background: url(images/footer_09.png) no-repeat scroll 0px 0px;
	z-index: 2;
}

/*----------------------------Start Homepage CSS----------------------------------*/
#product_home {
	float: left;
	width: 479px;
	display: inline;
	background: url(images/home_productbg_03.png) no-repeat scroll 0px 0px;
	height: 237px;
	margin-left: 5px;
	z-index: 3;
}
#productbox {
	float: left;
	display: inline;
	width: auto;
	height: auto;
	margin-left: 8px;
}
#review {
	float: left;
	display: inline;
	width: auto;
	height: auto;
	margin-left: 3px;
	margin-top: 25px;
}
#downloadbtn, #buybtn {
	float: left;
	display: inline;
	width: auto; 
	height: auto;
	margin-left: 35px;
}
#downloadbtn {
	margin-top: 15px;
}
#buybtn {
	margin-top: 5px;
}
#features {
	float: left;
	display: inline;
	width: 478px;
	height: 100%;
	background: url(images/homepage_12.png) repeat-y scroll 0px 0px;
	margin-top: 10px;
	margin-left: 5px;
}
#features_top {
	float: left;
	width: 478px;
	height: 14px;
	background:url(images/homepage_09.png) no-repeat scroll 0px 0px;
}
#features_bot {
	float: left;
	width: 478px;
	height: 13px;
	background:url(images/homepage_30.png) no-repeat scroll 0px 0px;
}
#features_mid {
	float: left;
	width: 460px;
	height: auto;
	padding: 0px 9px 0px 9px;
}
#featuresheader {
	float: left;
	width: 460px;
	margin-bottom: 10px;
	height: auto;
}
.featurelist {
	float: left;
	display: inline;
	width: 450px;
	margin-left: 10px;
	margin-top: 10px;
	height: auto;
}
#home_rightside {
	float: left;
	display: inline;
	width: 416px;
	height: auto;
	margin-left: 13px;
}
#home_leftside {
	float: left;
	width: 480px;
	height: auto;
}
#quickscreeny,#testimonials {
	float: left;
	width: 416px;
	height: auto;
}
#testimonials {
	margin-top: 10px;
}
.modright_top {
	float: left;
	width: 416px;
	height: 14px;
	background:url(images/homepage_03.png) no-repeat scroll 0px 0px;
}
.modright_mid {
	float: left;
	width: 416px;
	height: auto;
	background:url(images/homepage_06.png) repeat-y scroll 0px 0px;
}
.modright_bot {
	float: left;
	width: 416px;
	height: 13px;
	background:url(images/homepage_17.png) no-repeat scroll 0px 0px;
}
#screenytxt {
	float: left;
	width: 400px;
	padding: 10px 8px 10px 8px;
}
#footernav {
	float: left;
	display: inline;
	margin: 7px 5px 0px 250px;
	width: 125px;
	height: 68px;
	color: #000000;
	background: url(images/footernavdivider_11.png) no-repeat scroll 0px 0px;
}
#footernav ul {
	margin: 0px 0px 0px 10px;
	padding: 0px;
	list-style: none;
}
#footernav a {
	color: #64839b;
	text-decoration:none;
}
#footernav a:hover {
	color: #64839b;
	text-decoration:none;
	font-weight: bold;
}
#credits {
	float: left;
	width: 575px;
	height: 68px;
	margin-top: 10px;
}
/*----------------------------End Homepage CSS----------------------------------*/


/*----------------------------Start Menu CSS----------------------------------*/
#navigation ul {
border:none;
height:38px;
list-style-type:none;
margin:0pt 0pt 0pt 0px;
padding:0pt;
}
#navigation ul li {
border:medium none;
display:block;
float:left;
margin:0px 0px 0px 5px;
padding:0pt;
}
#navigation ul li a {
display:block;
height:38px;
padding:0px;
}
#navigation ul li#home a {
width:134px;
}
#navigation ul li#screenshots a {
width:134px;
}
#navigation ul li#purchase a {
width:134px;
}
#navigation ul li#contact a {
width:134px;
}
li#home a {
background:transparent url(images/nav_home.png) no-repeat scroll 0px 0px;
}
li#home.active a {
background:transparent url(images/nav_home.png) no-repeat scroll 0px -38px;
}
li#home a:hover {
background:transparent url(images/nav_home.png) no-repeat scroll 0px -38px;
text-decoration:none;
}
li#home a:active {
background:transparent url(images/nav_home.png) no-repeat scroll 0px -38px;
text-decoration:none;
}
li#screenshots a {
background:transparent url(images/nav_screen.png) no-repeat scroll 0px 0px;
}
li#screenshots.active a {
background:transparent url(images/nav_screen.png) no-repeat scroll 0px -38px;
text-decoration:none;
}
li#screenshots a:hover {
background:transparent url(images/nav_screen.png) no-repeat scroll 0px -38px;
text-decoration:none;
}
li#screenshots a:active {
background:transparent url(images/nav_screen.png) no-repeat scroll 0px -38px;
text-decoration:none;
}
li#purchase a {
background:transparent url(images/nav_purchase.png) no-repeat scroll 0px 0px;
}
li#purchase.active a {
background:transparent url(images/nav_purchase.png) no-repeat scroll 0px -38px;
text-decoration:none;
}
li#purchase a:hover {
background:transparent url(images/nav_purchase.png) no-repeat scroll 0px -38px;
text-decoration:none;
}
li#purchase a:active {
background:transparent url(images/nav_purchase.png) no-repeat scroll 0px -38px;
text-decoration:none;
}
li#contact a {
background:transparent url(images/nav_contact.png) no-repeat scroll 0px 0px;
}
li#contact a:hover {
background:transparent url(images/nav_contact.png) no-repeat scroll 0px -38px;
text-decoration:none;
}
li#contact.active a {
background:transparent url(images/nav_contact.png) no-repeat scroll 0px -38px;
text-decoration:none;
}
li#contact a:active {
background:transparent url(images/nav_contact.png) no-repeat scroll 0px -38px;
text-decoration:none;
}
/*----------------------------End Menu CSS----------------------------------*/


/*----------------------------Screenshot Page CSS----------------------------------*/

#screenshots_leftside {
	float: left;
	display: inline;
	margin-left: 5px;
	width: 549px;
	height: auto;
}
#screenshot_module, #contactform_module{
	float: left;
	width: 549px;
	height: 100%;
	background: url(images/screenshots_08.png) repeat-y scroll 0px 0px;
}
#screenmod_top,#contactform_top{
	float: left;
	width: 549px;
	height: 15px;
	background:url(images/screenshots_03.png) no-repeat scroll 0px 0px;
}
#screenmod_mid,#contactform_mid {
	float: left;
	width: 509px;
	height: auto;
	padding: 0px 20px 0px 20px;
}
#screenmod_bot,#contactform_bot {
	float: left;
	width: 549px;
	height: 15px;
	background: url(images/screenshots_23.png) no-repeat scroll 0px 0px;
}
#screenshots_rightside {
	float: left;
	display: inline;
	margin-left: 12px;
	width: 341px;
	height: auto;
}
#screen_product {
	float: left;
	width: 341px;
	height: 308px;
	background: url(images/screenshots_05.png) no-repeat scroll 0px 0px;
}
#screen_testimonialmod {
	float: left;
	width: 341px;
	height: 100%;
	margin-top: 12px;
	background:url(images/screenshotsbg_20.png) repeat-y scroll 0px 0px;
}
#contactinfo_module {
	float: left;
	display: inline;
	width: 341px;
	height: 100%;
	margin-left: 12px;
	background:url(images/screenshotsbg_20.png) repeat-y scroll 0px 0px;
}
#screen_testmodtop,#contactinfo_top {
	float: left;
	width: 341px;
	height: 14px;
	background:url(images/screenshots_18.png) no-repeat scroll 0px 0px;
}
#screen_testmodmid,#contactinfo_mid {
	float: left;
	width: 321px;
	height: auto;
	padding: 0px 10px 0px 10px;
}
#screen_testmodbot, #contactinfo_bot {
	float: left;
	width: 341px;
	height: 14px;
	background: url(images/screenshots_21.png) no-repeat scroll 0px 0px;
}

/*----------------------------End Screenshot Page CSS----------------------------------*/

/*----------------------------Start Order Page CSS----------------------------------*/
#order_leftside {
	float: left;
	display: inline;
	margin-left: 7px;
	width: 471px;
	height: auto;
}
#order_rightside {
	float: left;
	display: inline;
	width: 416px;
	height: auto;
	margin-left: 12px;
}
#thankyou_rightside {
	float: left;
	display: inline;
	width: 416px;
	height: auto;
	margin-left: 150px;
	margin-right: 50px;
}
#orderform_module {
	float: left;
	width: 471px;
	height: 100%;
	background:url(images/orderpage_06.png) repeat-y scroll 0px 0px;
}
#orderform_buybtn {
	float: left;
	width: 431px;
	text-align: center;
	height: auto;
	margin-top: 30px;
}
#orderform_top {
	float: left; 
	width: 471px;
	height: 18px;
	background:url(images/orderpage_03.png) no-repeat scroll 0px 0px;
}
#orderform_mid {
	float: left; 
	width: 431px;
	height: auto;
	padding: 0px 20px 20px 20px;
}
#orderform_bot {
	float: left; 
	width: 471px;
	height: 20px;
	background: url(images/orderpage_37.png) no-repeat scroll 0px 0px;
}
#ordersum_module,#payment_module {
	float: left;
	width: 416px;
	height: 100%;
	background: url(images/orderrightbg_03.png) repeat-y scroll 0px 0px;
}
#thankyou_module {
	float: left;
	width: 416px;
	height: 100%;
	background: url(images/orderrightbg_03.png) repeat-y scroll 0px 0px;
}
#ordersumright {
	float: left;
	width: 143px;
	height: auto;
	padding: 35px 0px 0px 0px;
}
#ordersumleft {
	float: left;
	width: 251px;
	height: auto;
	color: #000;
}
#ordersumleft td {
	height: 18px;
}
#thankyou_module {
	margin-top: 12px;
}
#ordersum_top,#payment_top, #thankyou_top {
	float: left;
	width: 416px;
	height: 14px;
	background: url(images/orderpage_27.png) no-repeat scroll 0px 0px;
}
#ordersum_bot,#payment_bot, #thankyou_bot {
	float: left;
	width: 416px;
	height: 13px;
	background: url(images/orderpage_38.png) no-repeat scroll 0px 0px;
}
#ordersum_mid, #payment_mid, #thankyou_mid {
	float: left;
	width: 394px;
	height: auto;
	padding: 0px 10px 0px 10px;
}

#thankyou_mid li {
	color: #000000;
	font-size: 14px;
	margin-bottom:8px;
	list-style-image: url(images/starbullet.png)
}


#orderform_module td {
	height: 30px;
	color: #000;
}
.orderform {
	width: 284px;
	height: 22px;
}
select.orderform {
	width: 290px;
}
.expdate {
	width: 50px;
	height: 22px;
}
.ccscode {
	width: 105px;
	height: 22px;
}
.orderbutton {
	float: right;
	display: inline;
	margin: 10px 25px 0px 0px;
	width: 287px;
	height: 33px;
	border: 0px;
	background:url(images/orderpage_34.png) no-repeat scroll 0px 0px;
}
#importantinfoaboutorder {
	float: left; 
	display: inline;
	clear: both; 
	width: 425px; 
	height: auto; 
	margin: 20px 0px 8px 0px;
	text-align: center;
}
#contactform_module td {
	height: 30px;
}
#contactform_module table {
	margin-top: 25px;
	color: #000;
}
.contactbutton {
	width: 121px;
	height: 33px;
	border: 0px;
	margin: 10px 5px 6px 0px;
	background: url(images/contactpage_07.png) no-repeat scroll 0px 0px;
}
.resetbutton {
	width: 121px;
	height: 33px;
	border: 0px;
	margin: 10px 5px 6px 0px;
	background: url(images/contactpage_09.png) no-repeat scroll 0px 0px;
}
.contacttxtarea {
	width: 460px;
	height: 210px;
	border: 1px solid #82c1ff;
}
.contactform {
	width: 284px;
	height: 22px;
	border: 1px solid #82c1ff;
}
/*----------------------------End Order Page CSS----------------------------------*/