body {
	background: url('../images/mainbg.jpg') repeat-x top #cccccc;
	margin: 0px;
	font-family: "arial", sans-serif;
	font-size: 1em;
	line-height: 1.25em;
}

#main-content p {
	margin: 1.25em 20px;
}

#main-content h2,#main-content h3,#main-content h4,#main-content h5,#main-content h6
	{
	margin-left: 20px;
	margin-right: 20px;
}

#main-content ul {
	list-style: url('../images/bulletsmwhite.gif') outside;
}

.index #main-content p {
	margin: 0px;
}

div {
	text-align: left;
}

a {
	text-decoration: none;
	border: 0;
	color: #666666;
}

a:hover {
	color: #FFA500;
}

img {
	border: 0;
}

div#page-outer {
	background: url('../images/mainbg.jpg') no-repeat center top;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	padding-top: 22px;
}

div#page-inner { /* do I want to do an EM thing here? */
	width: 999px;
	margin-right: auto;
	margin-left: auto;
	background: url('../images/rightshadow.jpg') right repeat-y #ffffff;;
	text-align: left;
}

div#page {
	background: url('../images/topright.jpg') right top no-repeat;
}

div#header {
	width: 994px;
	border-top: 1px #666666 solid;
	border-left: 1px solid #666666;
}

img#logo {
	margin-top: 12px;
	margin-left: 13px;
}

/* login button stuff */
div#loginbutton {
	background: url('../images/lbtl.jpg') top left no-repeat #01be00;
	font-size: 0.7em;
	width: 4.5em;
	float: right;
	margin-right: 2%;
	margin-top: 2%;
}

div#topright {
	background: url('../images/lbtr.jpg') top right no-repeat;
}

div#botright {
	background: url('../images/lbbr.jpg') bottom right no-repeat;
}

a#loginlink {
	color: #ffffff;
	display: inline-block;
	width: 100%;
	text-align: center;
	font-weight: bold;
	background: url('../images/lbbl.jpg') bottom left no-repeat;
}

a#loginlink:hover {
	color: #000000;
}

/*end login button stuff */ /*navigation stuff*/
#navigation {
	margin: 0px;
	padding: 0px;
	list-style: none outside none;
	background: url('../images/orangegrad.jpg') bottom center repeat-x;
	width: 993px;
	overflow: auto;
}

#navigation li {
	float: left;
	margin: 0px !important;
	padding: 0px !important;
	cursor: pointer;
}

#navigation li a {
	font-weight: bold;
	color: #ffffff;
	margin: 0px;
	display: inline-block;
	margin: 0.7em 0em;
	cursor: pointer;
}

span.linkname {
	border-right: 1px solid #ffffff;
	border-left: 1px solid #cccccc;
	display: inline-block;
	padding: 0em 1.25em;
	line-height: 1.5em;
}

body.demo #navigation li#demo {
	background: url('../images/indicator.jpg') bottom center no-repeat;
}

body.product #navigation li#product {
	background: url('../images/indicator.jpg') bottom center no-repeat;
}

body.signup #navigation li#signup {
	background: url('../images/indicator.jpg') bottom center no-repeat;
}

#product span {
	border-left: none !important;
}

#signup span {
	border-right: none !important;
}

#navigation li a:hover {
	color: #000000;
}

#sublinks {
	height: 29px;
	background: url('../images/sublinksbot.jpg') repeat-x bottom #f2f2f2;
	clear: both;
	width: 993px;
}

/*maybe a hack, can use conditional comments if necessary*/
* div#sublinks {
	height: auto;
	min-height: 29px;
}

/* end navigation CSS */
#main-content {
	width: 993px;
	border-left: 1px solid #666666;
	overflow: hidden;
}

#tagline p {
	font-size: 1.6em;
	font-weight: bold;
	text-align: center;
	margin: 0em 0em 0em 0em !important;
	padding: 0.7em 0em;
}

#tagline {
	background: url('../images/tagline-bg.jpg') center bottom no-repeat;
	margin-bottom: 10px;
}

#tagline img {
	vertical-align: middle;
}

#tagline strong,#main-content strong {
	color: #FFA500
}

div#page-header {
	margin: 10px 10px;
	background: #4C4C4C url(../images/headerwatermark.jpg) no-repeat scroll
		right top;
}

div#page-header div {
	background: url('../images/htl.jpg') no-repeat left top;
}

div#page-header div div {
	background: url('../images/htr.jpg') no-repeat right top;
}

div#page-header div div div {
	background: url('../images/hbl.jpg') no-repeat right bottom;
}

div#page-header div div div div {
	background: url('../images/hbr.jpg') no-repeat right bottom;
}

div#page-header h1 {
	padding: 0.5em;
	background: url('../images/hbl.jpg') no-repeat left bottom;
	color: #ffffff;
	font-size: 1.5em;
	margin-top: 0px;
}

ul#button-column {
	list-style: none;
	vertical-align: top;
	width: 310px;
	float: left;
	padding: 0px;
	margin-top: 5px;
	margin-left: 30px !important;
	margin-right: 0px !important;
}

ul#button-column li a {
	color: black;
	font-size: 15px;
	line-height: 30px;
	font-weight: bold;
	display: inline-block;
	margin-left: 80px;
	margin-top: 15px;
	margin-right: 20px;
}

ul#button-column li p {
	font-size: 12px;
	line-height: 14px;
	padding-left: 80px !important;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 20px;
}

ul#button-column li a:hover {
	color: #01be00;
}

li#buttonsignup {
	background: url('../images/buttons_01.jpg') no-repeat;
	height: 130px;
}

li#buttonviewdemo {
	background: url('../images/buttons_02.jpg') no-repeat;
	height: 89px;
}

li#buttonproduct a {
	margin-top: 10px !important;
}

li#buttonproduct {
	background: url('../images/buttons_03.jpg') no-repeat;
	height: 105px;
}

div#imgtext {
	width: 335px;
	font-size: 14px;
	position: absolute;
	line-height: 16.8px;
	margin-left: 370px;
	top: 19.75em;
}

div#imgtext strong {
	color: #FFA500
}

/* begin footer stuff */
div#footer {
	background: url('../images/footerbg.jpg') top left;
	border-top: 4px solid #666;
	width: 994px;
	color: #ffffff;
	font-size: 0.9em;
	clear: both;
}

div#footer a {
	color: #ffffff;
}

#footer a:hover {
	color: #FFA500;
}

div#fstuff {
	margin: 0px;
	clear: both;
	text-align: left;
	background: black;
	font-size: 0.8em;
}

div#fstuff a {
	font-weight: bold;
}

div#fstuff span {
	display: inline-block;
	padding: 10px;
}

div#footer-bottom {
	background: url('../images/botshadow.jpg') pink;
	height: 5px;
	width: 999px;
	margin-left: auto;
	margin-right: auto;
}

div#footer-lcorner {
	background: url('../images/br.jpg') top left no-repeat;
	height: 5px;
}

div#left,div#center,div#right {
	float: left;
	vertical-align: top;
	margin-top: 20px;
	margin-bottom: 20px;
	height: 220px;
}

/* IE6 proofing */
* div#left,div#center,div#right {
	height: auto;
	min-height: 220px;
}

div#left,div#right {
	width: 31%
}

div#center {
	width: 36%
}

div#left h2,div#center h2,div#right h2 {
	margin-left: 20px;
	font-size: 1.6em;
	font-weight: normal;
}

#f-sitemap {
	list-style: none !important;
	margin: 20px;
	padding: 0px;
}

#f-sitemap li {
	background: url('../images/bullet.gif') center left no-repeat;
	padding-left: 25px;
	margin: 10px 0px;
}

div#center img,div#right img {
	float: left;
	margin: 0em 0.5em;
}

div#center p.linktext,div#right p.linktext {
	float: right;
	width: 57%;
	margin: 0px;
}

div#center {
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
}

p.more {
	clear: both !important;
	float: none;
	text-align: right;
	margin-right: 1.25em;
}

p.more a {
	display: inline-block;
	background: url('../images/bulletsm.gif') center right no-repeat;
	padding-right: 20px;
}

div#left div a {
	font-weight: bold;
	text-transform: uppercase;
	font-size: 0.8em;
}

div#left div {
	text-align: right;
	margin-right: 1em;
}

div#footer-in {
	background: url('../images/footer-top-bg.jpg') repeat-x top;
}

div#footer-in-in {
	background: url('../images/footer-bot-bg.jpg') repeat-x bottom;
}

hr.clear,br.clear {
	clear: both;
	height: 0px !important;
	visibility: hidden;
}

.infobox {
	margin: 1%;
	width: 47.98%;
	float: left;
	font-size: 0.8em;
	background: #ffffff url('../images/infobox-t.jpg') repeat-x top;
}

.infobox  div {
	background: url('../images/infobox-b.jpg') repeat-x bottom;
}

.infobox  div  div {
	background: url('../images/infobox-l.jpg') repeat-y left;
}

.infobox  div  div div {
	background: url('../images/infobox-r.jpg') repeat-y right;
}

.infobox  div  div div div {
	background: url('../images/infobox-lt.jpg') no-repeat left top;
}

.infobox  div  div div div div {
	background: url('../images/infobox-lb.jpg') no-repeat left bottom;
}

.infobox  div  div div div div div {
	background: url('../images/infobox-rb.jpg') no-repeat right bottom;
}

.infobox  div  div div div div div div {
	background: url('../images/infobox-rt.jpg') no-repeat right top;
	padding: 1.2em;
	padding-bottom: 2em;
}

.infobox img {
	float: left;
	border: 5px solid #666;
	margin: 5px;
	margin-right: 10px;
}

.infobox ul {
	list-style: url('../images/bulletsmwhite.gif') inside !important;
}

.infobox h2 {
	font-size: 1.3em;
	color: #FFA500;
	margin: 0px;
}

#trynow {
	display: block;
	width: 147px;
	height: 62px;
	position: absolute;
	top: 32em;
	margin-left: 800px;
}

#trynow img {
	border: 0px;
}

a {
	border: 0px;
}

a img {
	border: 0px;
}

.indexp {
	margin-left: 40px !important;
	margin-top: 0px !important;
}

ul.mouseovernav {
	margin: 0px;
	padding: 0px;
	list-style: none inside none;
	font-size: 0.8em;
	margin-left: 20px;
	padding-top: 2px;
	padding-bottom: 2px;
}

ul.mouseovernav li {
	display: inline;
}

ul.mouseovernav li a {
	display: inline-block;
	margin: 2px;
	padding: 0px 5px;
}

#morebutton {
	float: right;
	margin: 40px;
	margin-top: 10px;
}

div#buttonsmore {
	float: right;
	margin-right: 20px;
	margin-left: 25px;
}

div#buttonsmore a {
	display: block;
}

p.rbutton {
	text-align: right
}

.extlinks {
	width:139px;
	margin:0px;
	overflow:hidden;
	float:right;
	text-align:right;
	padding:10px 0px;
}


.extlinks a,.extlinks img {
	display: block;
}

.extlinks #jig {
	float: left;
}

.extlinks #ac {
	display:inline-block;
	text-align:center;
	width:106px;
	font-size:9px;
	line-height:1.2em;
	color:#aaaaaa;
	margin-right:10px;
}

.extlinks #ac img {
	border: 3px solid #aaaaaa;
	background: #aaaaaa;
	margin-bottom:3px;
}

#loginMessage {
	text-align: center;
}

#loginTable table {
	width: auto;
	margin: 0 auto;
	background: #E1DCC8;
	border: 1px solid #d1d9df;
	padding: 0px;
	margin-bottom: 15px;
}

table.detail {
	margin-left: 10px;
	padding: 5px;
	font-weight: normal;
	border: 1px solid #d1d9df;
	background: #E1DCC8;
}

table.detail th {
	text-align: right;
	padding: 0px 3px 0px 0px;
}

table.detail th.tallCell {
	vertical-align: top;
}

table.detail td {
	text-align: left;
	padding: 0px;
}

table#signupTable {
	margin: 5px;
}

.error {
	font-family: Verdana, Arial, Arial, geneva, sans-serif;
	font-size: 11px;
	color: red;
}

div.error {
	margin-left: 20px;
}

.center {
	text-align: center;
}

#signupForm fieldset {
	float: left;
	margin-left: 20px;
}

div.message {
	text-align: left;
	margin-left: 20px;
}

.product #main-content ul li span {
	margin-left: -6px;
}

.product #main-content h2 {
	margin-left: 5px;
	margin-right: 5px;
}

input.loginbox {
	width: 200px;
}

div.form {
	background:url('../images/apformt.jpg') top repeat-x;
	border:0px;
	padding:0px;
	font-size:13px;
	margin:10px;
	margin-bottom:20px;
}

div.form form {
	background:url('../images/apforml.jpg') left repeat-y;
	margin:0px;
}

div.form div {
	background:url('../images/apformr.jpg') right repeat-y;
}

div.form div div {
	background:url('../images/apformb.jpg') bottom repeat-x;
}

div.form div div div {
	background:url('../images/apformtl.jpg') top left no-repeat;
}

div.form div div div div {
	background:url('../images/apformtr.jpg') top right no-repeat;
}

div.form div div div div div {
	background:url('../images/apformbl.jpg') bottom left no-repeat;
}

div.form div div div div div div {
	background:url('../images/apformbr.jpg') bottom right no-repeat;
}

div.form tbody p {
	margin:1em 0px !important;
}

div.form tbody h2 {
	margin:0px 0px 0px 0px !important;
	font-size:26px;
}

div.form input, div.form textarea {
	width:400px;
	background:white;
	font-family:Arial;
	font-size:12px;
}

div.form tbody td {
	vertical-align:top;
	font-size:13px;
}

div.form tbody td.leftcell {
	padding-left:20px; text-align:right;
}

div.form tbody td.headcell {
	padding-left:20px;
	padding-right:20px;
	padding-top:20px;
}

div.form tbody td.textcell {
	padding-left:20px;
	padding-top:20px;
}

.inputcell input, div.form input[type=checkbox] {
	width:auto!important;
}

div.sign-up {
	display:inline;
	float:left;
	width:643px;
	margin-right:0px;
	margin-top:0px;
}

.rightlogin {
	display:inline;
	width:363px;
	float:right;
	margin-right:9px;
	margin-top:0px;
}

div.log-in {
	display:inline;
	width:600px;
	float:left;
	margin-top:0px;
}

div.lostpassword {
	width:363px;
	float:right;
	margin:0px;
	margin-bottom:15px;
	padding-bottom:0px;
}

div.lostpassword div {
	margin:0px;
	padding:0px;
}

div.lostpassword input {
	width:200px;
}

div.lostpassword .inputcell {
	padding-bottom:20px;
}

div.log-in .inputcell {
	padding-bottom:30px;
}

ul.signupfree {
	float:right;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none!important;
	list-style-image:none!important;
	margin-left:0px !important;
	margin-right:0px !important;
	margin-top:0px;
	margin-bottom:5px;
	padding:0;
	vertical-align:top;
	width:363px;
}

li#buttonsignup {
	height: 111px;
}

.signupfree li#buttonsignup {
	background:url('../images/freesignup-big.jpg') no-repeat;
}

.signupfree a {
	color:black;
	font-size:15px;
	line-height:30px;
	font-weight:bold;
	display:inline-block;
	margin-left:80px;
	margin-top:12px;
	margin-right:20px;
}

.signupfree p, .free-signup-info p.firstp{
	font-size:12px;
	line-height:14px;
	padding-left:80px!important;
	margin-top:0px;
	margin-bottom:0px!important;
	padding-right:30px;
	margin-left:0px!important;
}

.signupfree a:hover, .free-signup-info a:hover{
	color:#01be00;
}


li#buttonsignup a, .free-signup-info a {
	font-size:25px!important;
	margin-top:15px!important;
}

.credit {
	text-align:left;
	font-size:10pt;
	color:#666666;
	margin-top:-15px!important
}

.free-signup-info a {
	color:black;
	font-size:15px;
	line-height:30px;
	font-weight:bold;
	display:inline-block;
	margin-left:80px;
	padding-top:20px;
	margin-bottom:10px;
	margin-right:20px;
	margin-top:0px;
}
.free-signup-info {
	font-size:12px;
	text-align:center;
	padding-bottom:0px;
	margin-right:10px;
	margin-left:15px;
	display:inline;
	background: url('../images/free-signup-wide-2_02.jpg') top repeat-y;
	width:315px;
	float:right;
}

.free-signup-info img {
	float:left;
	border:5px solid #666;
	margin:5px;
	margin-right:10px;
}

.free-signup-info div {
	background: url('../images/free-signup-wide-2_01.jpg') top no-repeat;
	text-align:center;
}

.free-signup-info div div {
	background: url('../images/free-signup-wide-2_03.jpg') bottom no-repeat;
	overflow:hidden;
	padding-top:20px;
}

.free-signup-info img {
	float:none;
	display:inline;
	margin:0px;
}

.free-signup-info {
	font-size:12px;
	padding-bottom:0px;
	margin-right:10px;
	margin-left:15px;
}

.free-signup-info h5 {
	font-size:12px;
	margin-bottom:30px;
	margin-top:5px;
	margin-right:0px;
	text-align:center;
}

.free-signup-info h2 {
	font-size:26px;
	line-height:30px;
	margin-top:0px;
	margin-bottom:20px;
	display:block;
	padding-top:0px;
	text-align:center;
}

/* begin footer stuff */
div#footer {
	background:url('../images/footerbg.jpg') top left;
	border-top:4px solid #666;
	width:994px;
	color:#ffffff;
	font-size:0.9em;
	clear:both;
	padding:0px;
	margin:0px;
}
div#footer a {
	color:#ffffff;
}

#footer a:hover {
	color:#FFA500;
}

div#fstuff {
	clear:both;
	text-align:left;
	background:#000000;
	font-size:0.8em;
	overflow:hidden;
	padding:0px!important;
	margin:0px!important;
}

div#fstuff a {
	font-weight:bold;
}

div#fstuff span {
	display:inline-block;
	padding:10px;
}

div#footer-bottom {
	background:url('../images/botshadow.jpg');
	width:999px;
	margin:0px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:0px;
	padding:0px;
}

div#footer-lcorner {
	background:url('../images/br.jpg') top left no-repeat;
	height:5px;
	overflow:hidden;
	margin:0px!important;
	padding:0px!important;
}

div#footer-in {
}

.mediaicons {color:#ffffff; font-size:10pt; font-weight:bold; clear:both;}
.mediaicons img {background:#ffffff; vertical-align:middle;}
.mediaicons a img {border:1px solid #aaaaaa;}
.mediaicons a:hover img{border:1px solid #FFA500;}

#freebtn {position:absolute; right:153px; top:56px; z-index:200; _top:34px;}
#freebtn img {width:199px; height:174px;}

#freebtnproduct {display:none;}
.freebtnsign {display:block;}

#captchaContainer {
	display: block;
}