/*Reset START*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1.2;
}
ol, ul {
	list-style: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/*Reset END*/


/***************************************************/


/*Layout START*/
body {
	background: #f0f1ef;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
}

h1 {
	font-size: 30px;
}

p {
	margin: 18px 0;
}

a:link, a:visited, a:active {
	text-decoration: underline;
	color: #000;
}

a:hover {
	text-decoration: none;
}

.italic {
	font-style:italic;
}

.tiny {
	font-size: 10px;
}

.highlight {
	padding: 3px;
	background-color:#d7f3fb;		
}

#mainWrap {
	width: 960px;
	margin: 0 auto;
	overflow:hidden;
}

#header {
	margin-top: 20px;
	width: 100%;
	height: 80px;	
}

#logo {
	float: left;	
}

#topNavigation {
	float: right;
	padding: 8px 0 0 0px;
	width: 459px;
	height:38px;
	color: #FFF;
	font-size: 18px;
}

.defaultBG {background: url(../../images/topNavigationBG.png) no-repeat;}
.featuresBG {background: url(../../images/topNavigationBG-features.png) no-repeat;}
.screenshotsBG {background: url(../../images/topNavigationBG-screenshots.png) no-repeat;}
.pricingBG {background: url(../../images/topNavigationBG-pricing.png) no-repeat;}
.faqBG {background: url(../../images/topNavigationBG-faq.png) no-repeat;}
.supportBG {background: url(../../images/topNavigationBG-support.png) no-repeat;}

#topNavigation ul {
	margin-left: 15px;
	
}

#topNavigation li {
	display: inline;
	padding-right: 7px;
}

#topNavigation .seperator {
	background: url(../../images/topNavigationSep.gif) no-repeat 0 2px;
	padding-left: 14px;
}

#topNavigation a:link, #topNavigation a:visited, #topNavigation a:active {
	color: #fff;
	text-decoration: none;
}

#topNavigation a:hover {
	color: #fff;
	text-decoration: underline;
}

#subPageHeaderWrap h1 {
	font-size: 30px;
	font-weight:lighter;
	color: #515756;
}

#subPageContentWrap {
	padding: 1px 20px;
	background: #FFF;
	overflow: hidden;
	border-width:  0 1px;
	border-style: solid;
	border-color: #dedfdc;
	color: #454b4a;
}

#subPageHeaderBar {
	padding: 10px 20px;
	background: url(../../images/subPageBar.gif) no-repeat;
	color: #FFF;
}

.standardList{
	margin: 10px 0 0 30px;
}

.standardList li{
	list-style: disc inside;
}

#footerWrap {
	margin-top: -5px;
}

#grindEffect {
	height: 5px;
	background: url(../../images/footerGrindBG.png) repeat-x;
}

#footerColorWrap {
	background: #d0f680;
}

#footerBoxWrap {
	width: 960px;
	height: 180px;
	margin: 0 auto;	
	padding: 20px 0;
}

#footerBoxWrap h3 {
	color: #454b4a;
	font-size: 14px;
	font-weight: lighter;
	text-shadow: #e9f7cb 1px 1px 1px;
}

#footerBox1, #footerBox2, #footerBox3, #footerBox4 {
	float: left;
}

#footerBox2, #footerBox3, #footerBox4 {
	width: 180px;
	margin-left: 59px;
}

#footerBox1{
	width: 241px;
}

#footerBox1 li {
	width: 100%;
	margin: 5px 0;
	padding: 5px 0 5px 10px;
	font-size: 12px;
	background: #dff9a7;
	color: #454b4a;
}

#testimonial{
	width: 180px;
	height: 98px;
	margin: 5px 0 0 0;
	padding: 10px;
	font-size: 12px;
	color: #454b4a;
	background:url(../../images/speechBalloon.png) no-repeat;
}

#testimonialUser {
	margin-top: -10px;
	font-size: 12px;
	color: #454b4a;
}

#testimonialUser img {
	float: left;
	border: 2px solid #FFF;
	margin-right: 5px;
	margin-right: 5px;
}

#testimonialUser small {
	display: block;
	margin-top: 5px;
	font-size: 10px;
}

#testimonialUser small a {
	color: #454b4a;
}

#footerBox3 ul {
	margin: 5px 0 0 0;
	list-style:disc inside;
}

#footerBox3 li {
	font-size: 12px;
	color: #7d8608;	
}

#footerBox3 li a {
	font-size: 12px;
	color: #7d8608;	
}

#footerBox4 p {
	margin: 5px 0;
	padding: 5px 5px 5px 10px;
	font-size: 12px;
	background: #dff9a7;
	color: #454b4a;
}
/*Layout END*/


/***************************************************/


/*Homepage START*/
#splashWrap {
	background: url(../../images/splashBG.gif) no-repeat;
	height: 300px;
}

#splashWrap h1 {
	font-size: 30px;
	font-weight:lighter;
	color: #515756;
	text-shadow: #fff 1px 1px 1px;
}

#splashWrap h2 {
	margin: 30px 0 0 20px;
	font-size: 24px;
	font-weight:lighter;
	color: #7bb501;
}

#splashWrap h3 {
	margin: 15px 0 0 20px;
	width: 400px;
	font-size: 18px;
	font-weight:lighter;
	color: #454b4a;
}

#splashWrap ul {
	margin: 10px 0 0 30px;
}

#splashWrap li {
	list-style: disc inside;
	font-size: 14px;
	color: #454b4a;
}

#buyNow, #buyNowDiscount {
	width: 157px;
	height: 47px;
	margin: -5px 0 0 302px;
}

#buyNow a {
	display:block;
	width: 157px;
	height: 47px;
	background: url(../../images/buy-now.gif) 0 -47px no-repeat;
}

#buyNowDiscount a {
	display:block;
	width: 157px;
	height: 47px;
	background: url(../../images/buy-now-discount.gif) 0 -47px no-repeat;
}

#buyNow a:hover, #buyNowDiscount a:hover { 
	background-position: 0 0;
}

#demo {
	float: left;
	width: 184px;
	height: 27px;
}

#demo a {
	display:block;
	width: 184px;
	height: 27px;
	margin: 15px 0 0 30px;
	background: url(../../images/screenshot-button.gif) 0 0 no-repeat;
}

#demo a:hover { 
	background-position: 0 -27px;
}

#featureBoxWrap {
	margin-top: 30px;
	height: 180px;
}

#featureBoxWrap h2 {
	margin-bottom: 5px;
	font-size: 18px;
	font-weight:lighter;
	text-align: center;
	color: #515756;
	text-shadow: #fff 1px 1px 1px;
}

#featureBox1, #featureBox2, #featureBox3, #featureBox4 {
	float: left;
}

#featureBox2, #featureBox3 {
	margin-left: 59px;
}

#featureBox4 {
	margin-left: 58px;
}
/*Homepage END*/


/***************************************************/


/*Subpages-Common START*/
#faq h2, #support h2, #screenshots h2, #pricing h2 {
	font-size: 1.2em;
	color: #515756;
	text-shadow: #fff 1px 1px 1px;
	margin: 20px 0 5px 0;
	padding: 3px 0 3px 10px;
	background-color:#d7f3fb;
}
/*Subpages-Common END*/


/***************************************************/


/*Features START*/
.featureList {
	float: left;
	margin-bottom: 50px;
	text-shadow: #fff 1px 1px 1px;
	font-size: 0.9em;
}

.featureList h2 {
	font-size: 1.2em;
	margin-bottom: 10px;
	padding: 3px 0 3px 10px;
	background-color:#d7f3fb;
}

.featureList ul {
	margin: 10px 0 0 20px;
	list-style:disc inside;
}

.featureList li {
	margin: 0 0 5px 0;
}

.featureListLeft {
	float: left;
}

.featureListRight {
	width: 530px;
	float: left;
	margin-left: 20px;
}
/*Features END*/


/***************************************************/


/*FAQ START*/
#faq {
	padding-bottom: 20px;	
}
/*FAQ END*/


/***************************************************/


/*Screenshots START*/
.screenshotsList li {
	float: left;
	display: inline;
	margin-bottom: 40px;
	list-style:none;
}

.screenshotsList li.marginLeft {
	margin-left: 50px;
}

.screenshotsList li img {
	border: 1px solid #999;
}

#screenshots h3 {
	font-size: 1em;
	margin-bottom: 10px;
	padding: 3px 0 3px 10px;
	background-color:#d7f3fb;
}
/*Screenshots END*/


/***************************************************/


/*Pricing START*/
#payWrap {
	
}
#payButtons {
	float: left;
	margin-top: 10px;
}

#discountForm {
	float: left;	
}

#discounts {
	float: left;
	margin: 10px 0 0 60px;
	text-shadow: #fff 1px 1px 1px;
}

#discounts form {
	padding: 10px;
	background: #d0f680;
}

#discounts #discountCode {
	padding: 5px;
	border: #a7f405 2px solid;
}

#discounts .errorMessage {
	float: left;
	margin: 10px 0 0 10px;
	padding: 5px;
	background:#ffb9b9;
	
}

/*Pricing END*/


/***************************************************/


/*****Custom Classes*****/
.clearing { clear: both; }
.clearfix { overflow: hidden; }
.last { margin-bottom: 0; }
.screenReader { left: -9999px; position: absolute; top: -9999px; }

/*****Accordion Styles*****/
ul.accordion, ul.accordion ul { list-style: none; margin: 0; }
ul.accordion { border-bottom: 1px solid #000E2E; }
ul.accordion li { border: 1px solid #000E2E; border-bottom: none; }
ul.accordion a.heading { 
	background: #cecfcd;
	color: #999;
	display: block;
	font-size: 18px;
	line-height: 18px;
	padding: 10px 5px;
	text-decoration: none;
}
ul.accordion a.heading:hover { background: #00a6d2; color: #fff; }
ul.accordion li.ui-accordion-selected a.heading, ul.accordion li.current a.heading { background: #00a6d2; color: #fff; }
ul.accordion li ul a { border-bottom: 1px solid #00B9D2; color: #025185; text-decoration: none; }
ul.accordion li ul a:hover { border-bottom: none; }
ul.accordion li ul .date { padding-right: 10px; }
ul.accordion li ul .count { padding-left: 10px; }

/*****Additional Custom Accordion Styles*****/
ul.accordion li ul { display: none; }
ul.accordion li.current ul { display: block; }
