/* CSS Document */


* {
padding:0;
margin:0;
}

html {
min-height:100%;
margin-bottom:1px;
}

body {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000;
line-height:20px;
margin:0 auto;
text-decoration:none;
text-align:center;
background-color:#000000;
}

body#home a#homenavigation,
body#benefits a#benefitsnavigation,
body#demos a#demosnavigation,
body#features a#featuresnavigation,
body#downloads a#downloadsnavigation,
body#testimonials a#testimonialsnavigation,
body#aboutus a#aboutusnavigation,
body#contactus a#contactusnavigation,
body#purchase a#purchasenavigation
{
background-position:0 -81px;
color:#000;
}



/* universal selectors */


h1 {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bolder;
color:#000000;
margin-bottom:9px /**/
}

h2 {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bolder;
color:#000000;
margin-bottom:3px
}

h3 {
height:18px;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bolder;
color:#000000;
margin-bottom:3px;
background-image:url(images/testimonial-text.gif);
background-repeat:no-repeat;
border-bottom:#819f46 2px solid;
padding-bottom:8px;
}

h4 {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bolder;
color:#000000;
margin-bottom:3px;
}

h5 {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bolder;
color:#000000;
margin-bottom:3px;
}

p {
margin-bottom:12px;
color:#333333;
}

hr {
color:#4a1667;
width:547px;
height:1px;
}

table {
border-collapse:collapse;
margin-top:10px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

table td, table tr, table th   {
color:#000000;
border:#562671 1px solid;
padding:5px;
}

img {
border:none;
text-decoration:none;
}




.title-text {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bolder;
color:#000000;
margin-bottom:3px
}

.readmore {
border-bottom:#819f46 2px solid;
padding-bottom:8px;
}

.software-arrow {
float:left;
width:135px;
background-image:url(images/down-arrow.gif);
background-position:right top;
background-repeat:no-repeat;
width:135px;
margin:10px 0px 10px 0px;  /* t r b l */
color:#000000;
}

.software-arrow p {
width:135px;
background-image:url(images/down-arrow.gif);
background-position:left top;
background-repeat:no-repeat;
padding-left:14px;
}

.h3 {
font-family:Arial, Helvetica, sans-serif;
font-size:1em;
font-weight:bold;
letter-spacing:2px;
color:#000000;
padding-top:5px;
padding-bottom:5px;
}

.thumbs {
font-size:12px;
font-weight:100;
}

.clear {
clear:both;
}



/* layout */


#wrapper {
position:relative;
width:890px;
margin:0 auto;
background-color:#f5f5f7;
background-image:url(images/ontask-background70.jpg);
background-repeat:repeat-y;
background-position:0px 214px;
}


/* banner */

#banner {
position:relative;
width:891px;  /* 1 pixel larger for print.css to stop wraparound */
height:214px;
}

#banner .bannerleft {
float:left;
width:568px;
height:214px;
}

#banner .bannerright {
float:right;
width:322px;
height:214px;
}


/* content */

#content {
float:left;
width:600px;
width:667px; /* 547+120 */
min-height:670px;
background-image:url(images/ontask-banner-fold.gif); /**/
background-repeat:no-repeat; /**/
background-position:top right; /**/
}

#content .maintext {
width:547px;
display:inline;  /* for IE6 bug */
float:left; /**/
margin:15px 0px 0px 120px;  /* t r b l */
margin:0px 0px 0px 120px;  /* t r b l */
color:#999999;
text-align:left;
}

#content .helpus {
width:525px;
width:537px; /* 547-10 */
display:inline;  /* for IE6 bug */
float:left; /**/
background-color:#d6ebb2;
margin-left:120px;
margin-bottom:15px; /**/
text-align:left;
padding:5px 5px 5px 5px;
color:#000000;
background-image:url(images/green-bacl.gif);
background-position:bottom right;
background-repeat:no-repeat;
}

#content .helpus li {
background-image:url(images/arrow-bullet.gif);
background-repeat:no-repeat;
background-position:left top;
padding:0px 0px 0px 28px;
margin-top:5px;
}

#content .testimonials-page {
width:544px; /* 547-3 (for IE6 italics font bug) */
display:inline;  /* for IE6 bug */
float:left; /**/
margin:0px 0px 0px 120px;  /* t r b l */
color:#999999;
text-align:left;
}

#content .demos a:link, #content .demos  a:visited {
color:#005cf5;
text-decoration:underline;
}

#content .demos a:hover {
color:#4a1667;
}

#content .demos-links {
float:left;
width:527px; /* 547-20 */
margin-left:10px;
}

#content .demos-pagelinks {
float:left;
width:527px; /* 547-20 */
/* border:1px solid #000000; */
font-size:16px;
/* font-weight:bold; */
}

#content .demos-left {
float:left;
width:275px;
}

#content .demos-right {
width:250px;
float:right;
}

#content .benefits {
width:547px;
width:527px; /* 547-20 */
display:inline;  /* for IE6 bug */
float:left; /**/
background-color:#d9d5e8;
margin-left:120px;
margin-bottom:15px; /**/
text-align:left;
padding:10px 10px 10px 10px;
color:#000000;
}

#content .benefits li {
background-image:url(images/arrow-bullet-blue.gif);
background-repeat:no-repeat;
background-position:left top;
padding:0px 0px 5px 25px;
margin-top:10px;
border-bottom:#af76cf 1px solid;
}

#content .features {
width:547px;
width:527px; /* 547-20 */
display:inline;  /* for IE6 bug */
float:left; /**/
margin-left:120px;
margin-bottom:15px; /**/
text-align:left;
padding:5px 5px 5px 10px;
color:#000000;
}

#content .features li {
background-image:url(images/arrow-bullet.png);
background-repeat:no-repeat;
background-position:left top;
padding:0px 0px 5px 25px;
margin-top:10px;
}

#content .extra-features {
width:525px;
width:527px; /* 547-20 */
display:inline;  /* for IE6 bug */
float:left; /**/
margin-left:110px;
margin-left:120px; /**/
margin-bottom:15px; /**/
text-align:left;
padding:10px 10px 10px 40px;
padding:0px 0px 0px 16px; /**/
color:#000000;
}

#content .extra-features li {
padding:0px 0px 5px 0px;
margin-top:10px;
}

#content .download a {
float:left;
width:154px;
height:52px;
background-image:url(images/download-btn.gif);
background-repeat:no-repeat;
}

#content .download a:hover {
background-position:0 -52px;
}

#content .download a:active {
background-position:0 -104px;
}

#content .download-now a {
float:left;
width:154px;
height:52px;
background-image:url(images/download-now-btn.gif);
background-repeat:no-repeat;
}

#content .download-now a:hover {
background-position:0 -52px;
}

#content .download-now a:active {
background-position:0 -104px;
}

#content a:link, #content a:visited {
color:#FF0000;
text-decoration:none;
}

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

#content .pricing {
width:547px;
width:517px; /* 547-30 */
display:inline;  /* for IE6 bug */
float:left; /**/
margin:0px 0px 15px 120px;  /* t r b l */
margin:0px 0px 0px 120px;  /* t r b l */
color:#999999;
background-color:#d9d5e8;
text-align:left;
padding:15px;
}

#content ul li {
text-decoration:none;
list-style-type:none;
}


/* side bar / navigation */

#side-bar-right {
display:inline;  /* for IE6 bug */
float:left; /**/
float:right;
}

#side-bar-right .feature {
margin-top:100px;
text-align:left;
}

#side-bar-right .feature p {
padding:2px;
border-bottom:#FF8100 1px solid;
}

#navigation {
text-align:left;
margin-top:10px;
padding-right:30px;
}

#navigation ul {
padding:0;
margin:0;
list-style-type:none;
}

#navigation a:link, #navigation a:visited  {
width:100px;
display:block;
padding:10px 10px 10px 15px;
background-image:url(images/ontask-nav-circle-4.gif);
background-repeat:no-repeat;
margin:7px;
text-decoration:none;
color:#000000;
font-weight:bold;
font-size:11px;
}

#navigation a:hover {
background-position:0 -40px;
color:#FFFFFF;
}


/* footer */

#footer {
clear:both;
font-size:12px;
text-align:left;
padding:15px 0px 10px 130px;
}

#footer p {
color:#666666;
}

#footer a:link, #footer a:visited {
text-decoration:none;
color:#666666;
}

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


/* other */

#bg-images {
float:left;
min-height:885px;
}

#bg-images .bigpages {
padding-top:50px;  /**/
padding-top:30px;
margin-left:130px;
margin-left:118px;  /**/
width:680px;
}

#bg-images .bigpagesdescription {
text-align:left;
}

#click-to-enlarge {
height:26px;
margin-top:2px;
}

#click-to-enlarge .click-to-enlarge-left {
float:left;
}

#click-to-enlarge .watchmovie {
float:right;
height:26px;
background-image:url(images/playmovie.gif);
background-repeat:no-repeat;
background-position:right top;
padding:0px 30px 0px 0px;
}



/* form */


input.txt {
color:#333333;
background-color:#FFFFFF;
border:1px solid #562671;
width:250px;
padding:2px;
}

input.btn {
color:#FFFFFF;
background-color:#562671;
border:1px solid #999999;
padding:3px;
margin:10px 0px 0px 180px;  /* t r b l */
cursor:pointer;
}

input.btn:hover {
background-color:#9f66bf;
color:#FFFFFF;
}

input.btn:active {
background-color:#f4f470;
color:#000000;
}

.check-text {
color:#000000;
}

textarea {
color:#333333;
background-color:#FFFFFF;
width:250px;
border:1px solid #562671;
padding:2px;
}

form div {
clear:left;
margin:0;
padding-top:5px;
padding-bottom:5px;
}

form div label {
float:left;
width:33%;
font-family:Arial, Helvetica, sans-serif;
font-size:1em;
color:#333333;
}

fieldset {
border:1px solid #0066CC;
margin-top:1.4em;
padding:0.6em;
}