/* CSS Document */

/* BODY ELEMENTS **********************************************************/

html {overflow-y: scroll;}

* {margin: 0; padding: 0;}

body {font-family: "Arial", "Helvetica", "Arial", "Tahoma", "Trebuchet", "Georgia", "Times New Roman", "Courier New", sans-serif; font-size: 12px; line-height: 20px; background: url(../images/mainbg.gif); background-repeat: repeat-y; background-position: center;}

ol {padding-left: 40px;}

ul {list-style-image: url(../images/bullet.gif); padding-left: 40px;}

/* IMAGES *****************************************************************/

img {border: 0;}
img.padleft {padding-left: 25px;}
img.padright {padding-right: 25px;}

/* TEXT *******************************************************************/

.testimonial {font-family: "Arial", "Helvetica", "Arial", "Tahoma", "Trebuchet", "Georgia", "Times New Roman", "Courier New", sans-serif; color: #4579b3; font-size: 12px;}
.footer {font-family: "Arial", "Helvetica", "Arial", "Tahoma", "Trebuchet", "Georgia", "Times New Roman", "Courier New", sans-serif; color: #FFFFFF; font-size: 12px; line-height: 22px;}
.whitesm {font-family: "Arial", "Helvetica", "Arial", "Tahoma", "Trebuchet", "Georgia", "Times New Roman", "Courier New", sans-serif; color: #FFFFFF; font-size: 11px; line-height: 16px;}
.insidetext {font-family: "Arial", "Helvetica", "Arial", "Tahoma", "Trebuchet", "Georgia", "Times New Roman", "Courier New", sans-serif; font-size: 12px; line-height: 26px; margin-top: 0;}
.greytext {font-family: "Arial", "Helvetica", "Arial", "Tahoma", "Trebuchet", "Georgia", "Times New Roman", "Courier New", sans-serif; color: #666666; font-size: 11px; font-style: italic; text-align: left;}
.greytext2 {font-family: "Arial", "Helvetica", "Arial", "Tahoma", "Trebuchet", "Georgia", "Times New Roman", "Courier New", sans-serif; color: #666666; font-size: 11px; font-style: italic;}
.smtext {font-family: "Arial", "Helvetica", "Arial", "Tahoma", "Trebuchet", "Georgia", "Times New Roman", "Courier New", sans-serif; font-size: 10px; line-height: 18px;}

h2 {color:#336699; font-size: 14px; font-weight: bold;}

/* LINKS ******************************************************************/

a {color: #1d608d; text-decoration: underline; font-size: 12px;}
a:hover { color: #d70808; text-decoration: none; font-size: 12px;}

a.whitelink {color: #FFFFFF; text-decoration: none;}
a.whitelink:hover {text-decoration: underline; color: #FFFFFF;}

a.whitelinksm {color: #FFFFFF; text-decoration: underline; font-size: 11px;}
a.whitelinksm:hover {text-decoration: none; color: #FFFFFF; font-size: 11px;}

/* CONTAINERS *************************************************************/

.opera #container {width: 985px; margin: auto; padding-left: 2px;}
.safari #container {width: 985px; margin: auto; padding-left: 2px;}
.chrome #container {width: 985px; margin: auto; padding-left: 2px;}
#container {width: 985px; margin: auto;}
#logo {width: 307px; height: 116px; float: left;}
#navigation {width: 678px; height: 53px; float: right; background: url(../images/nav_bg.gif); padding-top: 63px;}
#navigationi {width: 678px; height: 53px; float: right; background: url(../images/nav_bg_i.gif); padding-top: 63px;}
#homemain {width: 985px; height: 244px; float: left;}
#welcome {width: 377px; height: 236px; float: left; background: url(../images/welcome_bg.gif); padding-left: 43px;}
#clipboard {width: 282px; height: 236px; float: left;}
#testimonials {width: 283px; height: 236px; float: left; background: url(../images/testimonial_bg.gif);}
#footer {width: 945px; height: 71px; float: left; background: url(../images/footer_bg.gif) repeat-x; padding: 33px 0 0 40px;}
#graph {width: 985px; background: url(../images/bottom_graph.gif) left bottom no-repeat; float: left; background-color: #1e6da5;}
#leftnav {width: 197px; height: 385px; float: left; background: url(../images/leftnav_bg.gif) no-repeat;}
#icontent {width: 788px; float: right; background-color: #FFFFFF;}
#works {width: 137px; height: 62px; float: left; background: url(../images/howitworks_bg.gif); padding: 57px 0 0 60px;}
#freecd {width: 137px; height: 82px; float: left; background: url(../images/freecd_bg.gif); padding: 42px 0 0 60px;}
#suggestions {width: 137px; height: 82px; float: left; background: url(../images/suggestions.gif); padding: 42px 0 0 60px;}
#vertdash {width: 99%; border-right: 1px dashed #66a1ca;}
#vertdashleft {width: 175px; border-left: 1px dashed #66a1ca; padding-left: 10px; margin-left: 10px;}

/* ROLLOVERS **************************************************************/

a.home {width: 49px; height: 37px; float: left; background: url(../images/btn01.gif); display: block;}
a.home:hover {background-position: 0 -37px;}
#homeactive {width: 49px; height: 37px; float: left; background: url(../images/btn01.gif); display: block; background-position: 0 -37px;}

a.homei {width: 49px; height: 37px; float: left; background: url(../images/btn01_i.gif); display: block;}
a.homei:hover {background-position: 0 -37px;}
#homeiactive {width: 49px; height: 37px; float: left; background: url(../images/btn01_i.gif); display: block; background-position: 0 -37px;}

a.systeminfo {width: 82px; height: 37px; float: left; background: url(../images/btn02.gif); display: block;}
a.systeminfo:hover {background-position: 0 -37px;}
#systeminfoactive {width: 82px; height: 37px; float: left; background: url(../images/btn02.gif); display: block; background-position: 0 -37px;}

a.systeminfoi {width: 82px; height: 37px; float: left; background: url(../images/btn02_i.gif); display: block;}
a.systeminfoi:hover {background-position: 0 -37px;}
#systeminfoiactive {width: 82px; height: 37px; float: left; background: url(../images/btn02_i.gif); display: block; background-position: 0 -37px;}

a.systembenefits {width: 107px; height: 37px; float: left; background: url(../images/btn03.gif); display: block;}
a.systembenefits:hover {background-position: 0 -37px;}
#systembenefitsactive {width: 107px; height: 37px; float: left; background: url(../images/btn03.gif); display: block; background-position: 0 -37px;}

a.products {width: 65px; height: 37px; float: left; background: url(../images/btn09.gif); display: block;}
a.products:hover {background-position: 0 -37px;}
#productsactive {width: 65px; height: 37px; float: left; background: url(../images/btn09.gif); display: block; background-position: 0 -37px;}

a.testimonials {width: 86px; height: 37px; float: left; background: url(../images/btn04.gif); display: block;}
a.testimonials:hover {background-position: 0 -37px;}
#testimonialsactive {width: 86px; height: 37px; float: left; background: url(../images/btn04.gif); display: block; background-position: 0 -37px;}

a.faq {width: 45px; height: 37px; float: left; background: url(../images/btn05.gif); display: block;}
a.faq:hover {background-position: 0 -37px;}
#faqactive {width: 45px; height: 37px; float: left; background: url(../images/btn05.gif); display: block; background-position: 0 -37px;}

a.guarantee {width: 96px; height: 37px; float: left; background: url(../images/btn06.gif); display: block;}
a.guarantee:hover {background-position: 0 -37px;}
#guaranteeactive {width: 96px; height: 37px; float: left; background: url(../images/btn06.gif); display: block; background-position: 0 -37px;}

a.about {width: 67px; height: 37px; float: left; background: url(../images/btn07.gif); display: block;}
a.about:hover {background-position: 0 -37px;}
#aboutactive {width: 67px; height: 37px; float: left; background: url(../images/btn07.gif); display: block; background-position: 0 -37px;}

a.contact {width: 76px; height: 37px; float: left; background: url(../images/btn08.gif); display: block;}
a.contact:hover {background-position: 0 -37px;}
#contactactive {width: 76px; height: 37px; float: left; background: url(../images/btn08.gif); display: block; background-position: 0 -37px;}



.submit {display: block; width: 49px; height: 25px; background: url(../images/btn_submit.gif); border: 0; cursor: pointer; float: left;}
.submit:hover {background-position: 0 -25px;}

.reset {display: block; width: 47px; height: 25px; background: url(../images/btn_reset.gif); border: 0; cursor: pointer; float: left; margin-left: 7px; margin-right: 5px;}
.reset:hover {background-position: 0 -25px;}

/* TABLES *******************************************************************/

td.dashed {border-top: 1px dashed #66a1ca;}

/* FORMS ********************************************************************/

.formbox {padding: 2px; color: #4579b3;}