/*--reset--*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; } 
table {  border-collapse:collapse; border-spacing:0; } 
fieldset,img {  border:0; } 
address,caption,cite,code,dfn,th,var { font-style:normal; font-weight:normal; } 
ol,ul { list-style:none; } 
caption,th { text-align:left; } 
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; } 
q:before,q:after { content:''; } 
abbr,acronym { border:0; } 

.clear { clear: both;display: block;overflow: hidden;visibility: hidden;width: 0;height: 0;}
.right { float:right }
.left { float: left }

/*--end--*/


body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #fff;
	background: url(../images/orangeTop.png) top repeat-x #242121
}

h1 { margin-bottom: 15px; font-size: 18px; color: #6e6e6e }
h3 { margin-bottom: 15px; font-size: 18px; color: #000000 }

p { line-height: 18px; margin-bottom:10px }
a:active {outline: none;}
a:focus {-moz-outline-style: none;}
a, a:link, a:active, a:visited { text-decoration: underline }
a:hover {text-decoration: none }

.Container { width: 960px; margin: auto; padding: 0 0 15px 0  }
.topLink { background: url(../images/highlightOrangetop.png) bottom left no-repeat; height: 26px; text-align: right; padding: 3px 10px 0 0; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 14px }
.topLink a:link, .topLink a:active, .topLink a:visited { text-decoration: underline; color: #ffe2af; font-weight: bold; }
.topLink a:hover { text-decoration: none; color: #ffe2af; font-weight: bold; }

.headerLogo { margin: 20px 0 0 10px; float: left }

#mainNav { 
	width: 530px;
	height: 36px;
	float: right;
	margin: 16px 0 0 0;
	background: url(../images/mainNav.png) no-repeat;
	position: relative;
	padding: 0;

}

#mainNav li {
	float: left;
}

#mainNav li a {
	position: absolute;
	top: 0;
	margin: 0;
	padding: 0;
	display: block;
	height: 36px;
	background: url(../images/mainNav.png) no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}

	/*up state*/
	li#mainNav_home a {
		left: 0;
		width: 74px;
		background-position: 0 0;
	}
	
	li#mainNav_pricing a {
		left: 74px;
		width: 151px;
		background-position: -74px 0;
	}
	
	li#mainNav_quickStart a {
	
	left: 225px;
		width: 110px;
		background-position: -225px 0;
	}
	
	li#mainNav_download a {
		left: 335px;
		width: 111px;
		background-position: -335px 0;
	}
	
	li#mainNav_support a {
		left: 446px;
		width: 84px;
		background-position: -444px 0;
	}
	
	/*hover*/
	li#mainNav_home a:hover {
		background-position: 0 -36px;
	}
	
	li#mainNav_pricing a:hover {
		background-position: -74px -36px;
	}
	
	li#mainNav_quickStart a:hover {
		background-position: -225px -36px;
	}
	
	li#mainNav_download a:hover {
		background-position: -335px -36px;
	}
	
	li#mainNav_support a:hover {
		background-position: -444px -36px;
	}
	
	
	/*active*/
	li#mainNav_home a.active {
		background-position: 0 -36px;
	}
	
	li#mainNav_pricing a.active {
		background-position: -74px -36px;
	}
	
	li#mainNav_quickStart  a.active {
		background-position: -225px -36px;
	}
	
	li#mainNav_download  a.active {
		background-position: -335px -36px;
	}

	
	li#mainNav_support  a.active {
		background-position: -444px -36px;
	}

.screenshotContainer { background: url(../images/bodyTop.png) top repeat-x #f3f3f3; padding: 10px 0; border-bottom: 10px solid #d7d7d7;}
.screenshot { width: 960px; margin:auto; overflow: visible }
.screenshotText { width: 345px; float: right; margin: 44px 0 0 0  }
.screenshotText p { color: #4d4747;margin-bottom: 20px }
.screenshotText .headerImage { margin-bottom: 20px } 

.contentContainer  { background: url(../images/bodyTop.png) top repeat-x #f3f3f3; padding: 30px 0; border-bottom: 10px solid #d7d7d7;width: 960px; margin:auto; color: #222; }

.headerContainer { display: block }
.textHeader { font-size: 36px; margin-bottom: 15px;font-weight: bold; line-height: 36px; letter-spacing: -2px }

.textHeaderSplit { font-size: 36px; margin-bottom: 15px;font-weight: bold; line-height: 36px; letter-spacing: -2px; float: left }
.textHeaderSplit h1 { letter-spacing: normal }
.navHeader { margin-top: 10px; float: right }
.navHeader a, .navHeader a:link, .navHeader a:visited, .navHeader a:active { color: #0000ff; text-decoration: underline; font-size: 14px }
.navHeader a:hover { text-decoration: none }

.singleColumn { width: 898px; float:left; padding: 0 30px }
.leftColumn { width: 600px; float:left; padding-left: 30px }
.rightColumn { width: 280px; float:right; padding: 0 30px 0 0 }
.rightColumn ul li { background: url(../images/sampleBullet.png) top left no-repeat; padding-left: 45px; margin-bottom: 10px  }

.leftColumn a, .leftColumn a:link, .leftColumn a:visited, .leftColumn a:active { text-decoration: underline; color: #0000ff }
.leftColumn a:hover { text-decoration: none }

.singleColumn a, .singleColumn a:link, .singleColumn a:active, .singleColumn a:visited { text-decoration: underline; color: #0000ff }
.singleColumn a:hover { text-decoration: none }

.rightColumn div.rightColumnContent { font-size: 14px; color: #000000 }
.rightColumn div.rightColumnContent a, .rightColumn div.rightColumnContent a:link, .rightColumn div.rightColumnContent a:active, .rightColumn div.rightColumnContent a:visited { font-size: 12px; color: #0000ff; text-decoration: underline }
.rightColumn div.rightColumnContent a:hover { text-decoration: none }
.rightColumnTableOutline { border: 2px solid #edb05a; background-color: #ffffff }

.signupHeader { text-align: center; color: #ae5700; font-size: 14pt; padding-bottom: 20px }

.contactFormContainer { width: 600px; background: url(../images/formBg.png) repeat-y #e8e8e8; margin: 0; padding:0 }
.contactForm { background: url(../images/formTop.png) top no-repeat; padding: 20px   }
.textBox { width: 242px; height:26px;padding: 5px 10px 0; font-family: Arial, Helvetica, sans-serif; font-size: 12px; background: url(../images/textBox.png) center no-repeat; border: 1px solid #fff;margin: 5px 0 10px 0;  }
.textBoxSm { width: 50px; height:26px;padding: 5px 10px 0; font-family: Arial, Helvetica, sans-serif; font-size: 12px; background: url(../images/textBox.png) center no-repeat; border: 1px solid #fff;margin: 5px 0 10px 0;  }
.textBoxSelect { width: 60px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; background-color: #ffffff; color: #000000; margin: 5px 0 10px 0; }
.miscText { width: 250px }
.bottomForm {background: url(../images/formBottom.png) top no-repeat; height: 8px; }

.messageInput { width: 238px; border: 4px solid #ededed;height:132px; padding: 10px; font-family: Arial, Helvetica, sans-serif; font-size: 12px }
.messageInputBorder { border: 1px solid #fff; width: 266px;height:160px; margin: 5px 0 15px 0;background: #ededed; padding-bottom: 1px  }


.sendButton { background: url(../images/sendButton.png) top no-repeat; height: 42px; width: 86px; border: none; cursor: pointer}
.sendButton:hover { background: url(../images/sendButtonB.png) top no-repeat; height: 42px; width: 86px; border: none; cursor: pointer}
.cancelButton { background: url(../images/cancelButton.png) top no-repeat; height: 42px; width: 99px; border: none; cursor: pointer }
.cancelButton:hover { background: url(../images/cancelButtonB.png) top no-repeat; height: 42px; width: 99px; border: none; cursor: pointer }

.downloadButton { width: 324px;height: 84px;background: url(../images/downloadButton.png) no-repeat;position: relative;padding: 0;}
.downloadButton  a { position: absolute;top: 0;margin: 0;padding: 0;display: block;height: 84px;background: url(../images/downloadButton.png) no-repeat;text-indent: -9999px;overflow: hidden; }
.dButton a { left: 0;width: 324px; background-position: 0 0; }
.dButton a:hover { background-position:  0 -85px;}

.downloadButton_sm { width: 278px;height: 73px;background: url(../images/downloadButton_sm.png) no-repeat;position: relative;padding: 0;}
.downloadButton_sm  a { position: absolute;top: 0;margin: 0;padding: 0;display: block;height: 73px;background: url(../images/downloadButton_sm.png) no-repeat;text-indent: -9999px;overflow: hidden; }
.dButton_sm a { left: 0;width: 278px; background-position: 0 0; }
.dButton_sm a:hover { background-position: 0 -73px; }

.columnContainer { width: 960px; margin: auto ;background: url(../images/3columnBg.png) top center no-repeat ;height: 214px;}
.column { width: 277px; float:left; padding: 40px 10px 40px 28px;  }
.column h1 { font-size: 17px; color: #939393; margin-bottom: 10px; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif}
.column ul { list-style: none; }
.column li { background: url(../images/arrowBullet.png) top left no-repeat; padding: 2px 0 5px 30px ;  }


.columnButton { margin: 10px 0 0 30px;width: 80px;height: 29px;background: url(../images/learnMore.png) no-repeat;position: relative;padding: 0;}
.columnButton  a { position: absolute;top: 0;margin: 0;padding: 0;display: block;height: 29px;background: url(../images/learnMore.png) no-repeat;text-indent: -9999px;overflow: hidden; }
.learnMore a { left: 0;width: 80px; background-position: 0 0; }
.learnMore a:hover { background-position:  0 -29px;}

.footerContainer { background: url(../images/footerBg.png) top repeat-x #ab5400;height: 118px;}
.footer { background: url(../images/highlightFooter.png) top no-repeat ; padding: 19px 0 10px 0; height: 78px; width: 960px; margin: auto; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif }
.footer ul { list-style: none; font-size: 14px; float:left}
.footer li { float: left; padding: 2px 18px; background: url(../images/footerDivider.png) right no-repeat }
.footer li.last { float: left; padding: 2px 18px; background: none }
.footer li a, .footer li a:link, .footer li a:active, .footer li a:visited { text-decoration: underline; color: #fff }
.footer li a:hover { text-decoration: none; color: #e7ad00  }


.copyright { font-size: 11px; color: #e7ad00; width: 500px; float: left; padding-left: 18px }
.copyright a, .copyright a:link, .copyright a:active, .copyright a:visited { color: #e7ad00; text-decoration: underline; }
.copyright a:hover { text-decoration: none; color: #fff  }
.privacy { padding-left: 20px }

.createdWithAdobeAIR { float: right;  }

div.rule { border-top: 1px solid #ccc; clear: right; padding-bottom: 20px; }

/*Messages*/

.error,
.notice, 
.success,
.receipt                                                   { padding: .8em; margin-bottom: 1em; border: 2px solid #dddddd; }
.error                                                     { background: #fbe3e4; color: #8a1f11; border-color: #ff0000; }
.notice                                                    { background: #fff6bf; color: #514721; border-color: #ffd324; }
.success                                                   { background: #e6efc2; color: #264409; border-color: #c6d880; }
.error a, .error a:link, .error a:active, .error a:visited { text-decoration: underline; color: #8a1f11; }
.error a:hover { text-decoration: none; }
.notice a, .notice a:link, .notice a:active, .notice a:visited { text-decoration: underline; color: #514721; }
.notice a:hover { text-decoration: none; }
.success a, .success a:link, .success a:active, .success a:visited { text-decoration: underline; color: #264409; }
.success a:hover { text-decoration: none; }

#securePaymentBadges { width:242px; height:72px; border:2px solid #999999; background-color:#ffffff; padding: 10px; margin: 17px auto 0 auto }
#trialSelectContainer { width:252px; border:2px solid #999999; background-color:#ffffff; padding: 5px; margin-top: 5px; }

.receipt { background: #ffffff; color: #222222; border-color: #222222; text-align: center }