* {margin: 0; padding: 0;}
ul {margin: 0;}
body { margin: 0; padding: 0; background-color: #fff; font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 12px; color: #333;}

.yellow {font-weight: normal; background: #FFFAD5; padding: 2px;}
div.container {display: block; width: 960px; margin: 0 auto; padding: 0;}

/* HEADER ----------------*/

div.header {display: block; text-align: left; background-color: #E6EDEE; height: 55px; padding: 10px 0 10px 0;}

div.header ul {list-style: none; float: right; margin-top: 15px;}
div.header ul li {float: left; display: block;}
div.header ul li a {display: block; margin-right: 20px; font-size: 16px; color: #444; text-decoration: none; font-weight: bold; padding: 5px;}
div.header ul li a.pricing {color: #559120;}
div.header ul li a:hover {background-color: #6699CC; border: 1px solid #3366CC; padding: 4px; color: #FFFFFF;}
div.header ul li a.home {background-color: #6699CC; border: 1px solid #3366CC; padding: 4px; color: #FFFFFF;}

/* TOP INNER PAGE ----------------*/

div.top-page {text-align: left; background: url(images/top-bg-page.jpg) no-repeat top center; height: 135px; padding:0; margin-bottom: 0px;}
div.top-page div.container {position: relative; height: 135px;}

div.top-page div.pitch {width: 600px; padding-top: 30px;}

div.top-page h1 {text-align: left; font-size: 30px; font-family: helvetica, arial, sans-serif; color: #fff; padding:0px 0 5px 0;}
div.top-page h2 {text-align: left; font-size: 16px; font-family: helvetica, arial, sans-serif; margin: 0 0 20px 0; color: #f1f1f1; font-weight: 100;}

div.top-page span {display: block; width: 400px; position: absolute; top: 16px; right: 5px; font-size: 28px; text-align: right; color: #ddd;}
div.top-page span small {display: block; text-transform: uppercase; font-size: 10px; color: #ddd;}

div.top-page img {position: absolute; right: 0px; bottom: 25px; border: none;}

/* TOP LANDING PAGE ----------------*/



div.shallowtop {text-align: left; background: url(images/top-bg.jpg) no-repeat top center; height: 270px; padding:0;position: relative; margin-bottom: 10px;}
div.shallowtop div.container {position: relative; height: 270px;}
div.shallowtop div.pitch {width: 430px; padding-top: 15px; margin-left:0px;}
div.shallowtop h1 {text-align: left; font-size: 40px; font-family: helvetica, arial, sans-serif; color: #fff; padding:5px 0 15px 0;}
div.shallowtop h2 {text-align: left; font-size: 20px; font-family: helvetica, arial, sans-serif; margin: 5px 0 10px 0; color: #f1f1f1; font-weight: 100; line-height: 28px;}
div.shallowtop h2 strong {font-weight: lighter; background: #FFFF99; padding: 3px; color: #333;}
div.shallowtop small {display: block; font-size: 18px; color: #fff; font-weight: lighter; margin-top: 30px; }
div.shallowtop a.link {display: block; font-size: 18px; margin: 30px 0 0 0; color: #FF6; font-weight: bold;}
div.shallowtop a.pitch {display: block; width: 408px; height: 67px; background: url(images/button-green-long.png) no-repeat; text-indent: -99999px; margin-top: 25px;}
div.shallowtop a.pitch:hover {background: url(images/top-pitch-button-3.png) 0px -67px no-repeat; text-indent: -99999px;}
div.shallowtop span {display: block; width: 400px; position: absolute; top: 18px; right: 5px; font-size: 30px; text-align: right; color: #ddd;}
div.shallowtop span small {display: block; text-transform: uppercase; font-size: 12px; color: #ddd; margin: 0;}
div.shallowtop img.screenshot {position:absolute; top: 25px; right:25px; margin-right:20px;margin-top:10px}
div.shallowtop blockquote {position: absolute; right: 0; bottom: 100px; width: 400px; color: #fff; border: 1px solid #888; font-size: 18px;}

div.top {text-align: left; background: url(images/top-bg.jpg) no-repeat top center; height: 300px; padding:0;position: relative; margin-bottom: 20px;}
div.top div.container {position: relative; height: 300px;}
div.top div.pitch {width: 430px; padding-top: 15px; margin-left:0px;}
div.top h1 {text-align: left; font-size: 40px; font-family: helvetica, arial, sans-serif; color: #fff; padding:5px 0 15px 0;}
div.top h2 {text-align: left; font-size: 20px; font-family: helvetica, arial, sans-serif; margin: 5px 0 10px 0; color: #f1f1f1; font-weight: 100; line-height: 28px;}
div.top h2 strong {font-weight: lighter; background: #FFFF99; padding: 3px; color: #333;}
div.top small {display: block; font-size: 18px; color: #fff; font-weight: lighter; margin-top: 30px; }

div.top a.green-button-long {display:block;
	background:url(images/button-green-long.png) no-repeat;
	width:276px;
	height:38px;
	color:#2b440c;
	font-size:20px;
	text-align:center;
	padding:9px 10px 0 0;
	cursor:pointer;}
	a.green-button-long:hover {color:#08537d}
	a.green-button-long:hover {color:#08537d}

div.shallowtop a.green-button-long {display:block;
	background:url(images/button-green-long.png) no-repeat;
	width:276px;
	height:38px;
	color:#2b440c;
	font-size:20px;
	text-align:center;
	padding:9px 10px 0 0;
	cursor:pointer;}
	a.green-button-long:hover {color:#08537d}
	a.green-button-long:hover {color:#08537d}

div.top-page a.green-button-long {display:block;
	background:url(images/button-green-long.png) no-repeat;
	width:276px;
	height:38px;
	color:#2b440c;
	font-size:20px;
	text-align:center;
	padding:9px 10px 0 0;
	cursor:pointer;}
	a.green-button-long:hover {color:#08537d}
	a.green-button-long:hover {color:#08537d}

div.strip a.green-button-long {display:block;
	background:url(images/button-green-long.png) no-repeat;
	width:276px;
	height:38px;
	color:#2b440c;
	font-size:20px;
	text-align:center;
	padding:9px 10px 0 0;
	cursor:pointer;}
	a.green-button-long:hover {color:#08537d}
	a.green-button-long:hover {color:#08537d}

div.bottomstrip a.green-button-long {display:block;
	background:url(images/button-green-long.png) no-repeat;
	width:276px;
	height:38px;
	color:#2b440c;
	font-size:20px;
	text-align:center;
	padding:9px 10px 0 0;
	cursor:pointer;}
	a.green-button-long:hover {color:#08537d}
	a.green-button-long:hover {color:#08537d}

.green-button-long {display:block;
	background:url(images/button-green-long.png) no-repeat;
	width:276px;
	height:38px;
	color:#2b440c;
	font-size:20px;
	text-align:center;
	padding:9px 10px 0 0;
	cursor:pointer;}
	.green-button-long:hover {color:#08537d}
	.green-button-long:hover {color:#08537d}

div.right a.green-button-long {display:block;
	background:url(images/button-green-long.png) no-repeat;
	width:276px;
	height:38px;
	color:#2b440c;
	font-size:20px;
	text-align:center;
	padding:9px 10px 0 0;
	cursor:pointer;}
	a.green-button-long:hover {color:#08537d}
	a.green-button-long:hover {color:#08537d}

div.top a.link {display: block; font-size: 18px; margin: 30px 0 0 0; color: #FF6; font-weight: bold;}
div.top a.pitch {display: block; width: 408px; height: 67px; background: url(images/button-green-long.png) no-repeat; text-indent: -99999px; margin-top: 25px;}
div.top a.pitch:hover {background: url(images/top-pitch-button-3.png) 0px -67px no-repeat; text-indent: -99999px;}
div.top span {display: block; width: 400px; position: absolute; top: 18px; right: 5px; font-size: 30px; text-align: right; color: #ddd;}
div.top span small {display: block; text-transform: uppercase; font-size: 12px; color: #ddd; margin: 0;}
div.top img.screenshot {position:absolute; top: 25px; right:25px; margin-right:20px;margin-top:10px}
div.top blockquote {position: absolute; right: 0; bottom: 100px; width: 400px; color: #fff; border: 1px solid #888; font-size: 18px;}

/* CONTENT ----------------*/

div.left {float: left; width: 550px;}
div.left div.feature {display: inline; width: 220px; margin:0 50px 30px 0; float: left; font-size: 12px; line-height: 16px; font-family: Verdana, Arial, Helvetica, sans-serif;}
div.left div.last {margin-bottom: 0;}
div.left a {cursor: pointer;}
div.left h3 {font-size: 14px; width: 170px; height: 35px; font-weight:bold; display: block; padding-top: 10px; padding-bottom:0px;}
div.left h3.feature-1 {background: url(images/clock.png) no-repeat;padding-left:40px; }
div.left h3.feature-2 {background: url(images/money.png) no-repeat; padding-left:60px; }
div.left h3.feature-3 {background: url(images/sales-reports.png) no-repeat; padding-left:40px;}
div.left h3.feature-4 {background: url(images/customize-templates.png) no-repeat;  padding-left:45px;}
div.left h3.feature-5 {background: url(images/cabinet.png) no-repeat; padding-left:40px;}
div.left h3.feature-6 {background: url(images/go.png) no-repeat; padding-left:40px;}

div.innermain div.feature {display: inline; width: 200px; margin:0 60px 30px 0; float: left; font-size: 12px; line-height: 16px; font-family: Verdana, Arial, Helvetica, sans-serif;}
div.innermain div.last {margin-bottom: 0;}
div.innermain a {cursor: pointer;}
div.innermain h3 {font-size: 14px; width: 180px; height: 35px; font-weight:bold; display: block; padding-top: 10px; padding-bottom:0px;}
div.innermain h3.feature-1 {background: url(images/clock.png) no-repeat;padding-left:40px; }
div.innermain h3.feature-2 {background: url(images/money.png) no-repeat; padding-left:60px; }
div.innermain h3.feature-3 {background: url(images/sales-reports.png) no-repeat; padding-left:40px;}
div.innermain h3.feature-4 {background: url(images/customize-templates.png) no-repeat;  padding-left:45px;}
div.innermain h3.feature-5 {background: url(images/cabinet.png) no-repeat; padding-left:40px;}
div.innermain h3.feature-6 {background: url(images/go.png) no-repeat; padding-left:40px;}
div.innermain p {font-size: 15px; margin-bottom:15px; padding-right:40px;}
div.innermain a {text-decoration:none;color:black;}

/*.lefth4 {color: #F60; font-size: 20px; margin-bottom: 10px; margin-top:20px; font-weight :normal;border: 1px solid #ddd; border-width: 0px 0 1px 0;}*/
.lefth4 {font-size: 18px; margin-bottom: 10px; margin-top:10px; font-weight :normal;border: 1px solid #ddd; border-width: 0px 0 1px 0;}
.lefth4first {font-size: 18px; margin-bottom: 10px; margin-top:5px; font-weight :normal;border: 1px solid #ddd; border-width: 0px 0 1px 0;}
div.left p {font-size: 15px; margin-bottom:15px; padding-right:40px;}
div.left a {text-decoration:none;color:black;}
div.right {float: right; width: 410px;}

div.right p { font-size:15px; margin-bottom:5px; font-weight:lighter; color:#316694; text-align:center;}
div.right strong {font-size: 20px; font-weight: lighter;}

div.right ul li {padding-bottom:15px; padding-left:20px;}
div.right ul li strong {font-size: 20px; font-weight:lighter; margin-left:15px; margin-bottom:10px;}

div.right ul {border: 1px solid #ddd; border-width: 1px 0 1px 0; padding: 5px; background: #F0EAE3; font-size: 12px; line-height: 20px;}


div.mainright {float: right; width: 410px;}
div.mainright ul li 
{
	padding-bottom:15px; 
	padding-left:20px;
	list-style:none;
	list-style-position:outside;
	margin-left:3px;
	background-image: url('images/bull.gif');
	background-position: 0px 8px; /* X-pos Y-pos (from top-left) */
	background-repeat: no-repeat;
	padding-left: 20px;
	padding-bottom:1em;
	padding-top:3px;
}
div.mainright ul {padding:0px 5px 5px 0px; font-size: 14px; line-height: 15px;}



#salespitch {
	padding-top:10px;
	padding-bottom:10px;
	background: #f3f3f3;
}

blockquote { padding: 10px 10px 10px 10px; margin:20px 50px 0px 10px; font-size: 12px; }

div.right small {width: 300px; float: right; text-align: right;}

div.center {display: block; float: left; margin: 40px 0 40px 0; font-size: 16px; font-weight: bold; color: #222;}

div.center p { display: block; width: 960px; float: left;}

div.center a.steps {display: block; float: left; border: 1px solid #ddd; border-width: 1px 0 1px 0; font-size: 16px; font-weight: bold; text-decoration: none; color: #222;}
div.center a.step1 {background: url(images/center-step1.gif) no-repeat; width: 225px; height: 42px;  padding: 23px 0 0 95px;}
div.center a.step1:hover {background: url(images/center-step1.gif) 0 -63px no-repeat;}
div.center a.step2 {background: url(images/center-step2.gif) no-repeat; width: 235px; height: 42px; padding: 23px 0 0 85px;}
div.center a.step2:hover {background: url(images/center-step2.gif) 0 -63px no-repeat;}
div.center a.step3 {background: url(images/center-step3.gif) no-repeat; width: 225px; height: 42px;  padding: 23px 0 0 95px;}
div.center a.step3:hover {background: url(images/center-step3.gif) 0 -63px no-repeat;}

div.center span {line-height: 25px; border: 1px solid #ddd; border-width: 0px 0 1px 0;}
div.center p a {background: #FEE970; padding: 5px; margin: 0 5px 0 5px; color: #006699; text-decoration: none;}
div.center span a {background: #FEE970; padding: 5px; margin: 0 5px 0 5px; color: #006699; text-decoration: none;}
div.center p a:hover {text-decoration: underline; background: #FFFF66;}
div.center span a:hover {text-decoration: underline; background: #FFFF66;}
div.center span.step4 {display: block; float: left; background: url(images/center-step4.gif) 36px 0 no-repeat; width: 545px; height: 42px;  padding: 23px 0 0 95px;}
div.center span.step4:hover {background: url(images/center-step4.gif) 36px -63px no-repeat;}
div.center span.step5 {display: block; float: left; background: url(images/center-step5.gif) no-repeat; width: 225px; height: 42px;  padding: 23px 0 0 95px;}
div.center span.step5:hover {background: url(images/center-step5.gif) 0 -63px no-repeat;}

/* FOOTER ----------------*/

div.footer {clear: both; background: #E6EDEE url(images/footer-bg.gif) repeat-x; padding: 30px 0 20px 0;}

div.footer div.container {overflow: auto;}

div.footer span { display: block; width: 170px; margin: 0 0px 0 10px; float: left;}
div.footer span.first {width: 130px; padding-top: 30px;}
div.footer span.bottom-guide {margin-right: 30px;}
div.footer span strong {display: block; font-size: 14px; margin-bottom: 10px;}
div.footer span a {display: block; font-size: 10px; text-transform:  uppercase; text-decoration: underline; margin-top: 5px; color: #336699;}
div.footer a.trial {color: #FF6600;}
div.footer div.more a {color: #336699;}

div.strip {display: block; text-align: left; background-color: #CDD9E3; height: 40px; padding: 5px 0 15px 0; font-size: 16px; font-weight: bold; margin-bottom: 20px; border-bottom: 1px solid #AEC2D2;}

div.strip p {margin: 0 0 0 0px; float: left; padding:15px 0 0 0; color: #263947; font-size: 17px;}
div.strip img.icon {vertical-align: middle; margin: 0 20px 0 0;}
div.strip span {font-weight: normal;  font-size: 16px; text-align: center; padding-top: 20px; font-weight: bold;}
div.strip span b {display: block; font-weight: bold; font-size: 14px; margin-bottom: 3px;}
div.strip span ul {list-style: none; display: block; margin-top:5px;}
div.strip span ul li {float: left; margin:0 20px 0 20px; padding: 0;}
div.strip span ul li a {cursor: pointer; font-size: 16px; text-decoration:none; margin: 0; padding: 3px; color: #263947;}
div.strip span ul li a:hover {color: #09C;}

div.bottomstrip {clear:both; display: block; text-align: left; background-color: #CDD9E3; height: 30px; padding: 5px 0 15px 0; font-size: 16px; font-weight: bold; margin-bottom: 20px; border-bottom: 1px solid #AEC2D2;}

div.bottomstrip span {font-weight: normal;  font-size: 16px; text-align: center; padding-top: 20px; font-weight: bold;}
div.bottomstrip span b {display: block; font-weight: bold; font-size: 14px; margin-bottom: 3px;}
div.bottomstrip span ul {list-style: none; display: block;}
div.bottomstrip span ul li {float: left; margin:0 55px 0 55px;}
div.bottomstrip span ul li a {cursor: pointer; font-size: 16px; text-decoration:none; color: #263947;}
div.bottomstrip span ul li a:hover {color: #09C;}

#featuresummary p {
	color:blue;
}

a img{ border:0; }

#download-left {
	padding: 0px 0px 0px 0px;
	margin-top: 0px;
	margin-bottom:20px;
	margin-right:0px;
	float: left;
	width: 428px;
	height:250px;
	background-color: #FFFFF2;
}

#download-right {
	float:left;
	margin-top:0px;
	margin-bottom:20px;
	padding: 0px 0px 0px 0px;
	width:428px;
	height:250px;
	background-color: #FFFFF2;
}

#download-left ul {
	margin-left:25px;
	font-size:20px;
	text-align:center;
	margin-bottom:10px;
}

#download-left p {
	font-size:22px;
	text-align:center;
	font-weight:bold;
}

#download-right ul {
	margin-left:25px;
	font-size:20px;
	text-align:center;
	margin-bottom:10px;
}

#download-right p {
	font-size:22px;
	text-align:center;
	font-weight:bold;
}

.bluelink {
	color:blue;
	text-decoration:none;
}