a:link, a:active, a:visited {color: #4B565D}
a:hover {color: #242424}

body {margin: 0px; background-color: #FFFFFF; background-image: url(../images/nav/background.jpg); background-repeat: repeat-x; font-family: arial, helvetica, sans-serif}

/*for home background*/
body#home {background-image: url(../images/nav/background_home.jpg)}
/* */

p, ul, ol, li, td {color: #4B565D; font-size: 12px}
ul {list-style: square}

#navigation {background-image: url(../images/nav_back.gif)}

#subnav {height: 24px; overflow: hidden}
#subnav ul {margin: 0; padding: 0; list-style: none}
#subnav ul li {float: left}
#subnav ul li a {display: block; margin: 0; padding: 5px 10px; color: #DADDE0; text-decoration: none; font-size: 11px; font-weight: bold; white-space: nowrap}
#subnav ul li a:hover {color: #FFFFFF}

#subnav2 {height: 24px; overflow: hidden}
#subnav2 ul {margin: 0; padding: 0; list-style: none}
#subnav2 ul li {float: right}
#subnav2 ul li a {display: block; margin: 0; padding: 5px 10px; color: #DADDE0; text-decoration: none; font-size: 11px; font-weight: bold; white-space: nowrap}
#subnav2 ul li a:hover {color: #FFFFFF}

/*for subnav alignment*/
#products #subnav {padding-left: 343px}
#implementation #subnav {padding-left: 415px}
#results #subnav {padding-left: 531px}
#partners #subnav {padding-left: 401px}
#support #subnav {padding-left: 468px}
#about #subnav {padding-left: 588px}
#contact #subnav {padding-left: 700px}
#news #subnav {padding-left: 594px}
/* */

#main {padding: 20px 20px 40px 20px}

#primary {width: 652px; float: left}

#content {float: left; width: 612px; background-color: #FFFFFF; background-repeat: no-repeat; padding: 60px 20px 20px 20px}
#content h1 {color: #960000; font-size: 32px; font-weight: normal; letter-spacing: -1px; margin: 0}
#content h1 span {font-size: 26px; color: #666666}
#content h2 {color: #4B565D; font-size: 22px; font-weight: normal; letter-spacing: -1px}
#content p {line-height: 1.5em; margin-top: 10px}

/*for content background*/
#home #content {height: 200px; width: 452px; padding: 49px 20px 0 180px; background-image: url(../images/heading_home.gif)}

#products #content {background-image: url(../images/heading_implementation.gif)}
#implementation #content {background-image: url(../images/heading_implementation.gif)}
#results #content {background-image: url(../images/heading_implementation.gif)}
#news #content {background-image: url(../images/heading_implementation.gif)}
#partners #content {background-image: url(../images/heading_implementation.gif)}
#support #content {background-image: url(../images/heading_implementation.gif)}
#about #content {background-image: url(../images/heading_implementation.gif)}
#contact #content {background-image: url(../images/heading_implementation.gif)}
/* */

#sidebar {width: 244px; float: left; margin-left: 20px}

#quote {margin-bottom: 20px}

.section {margin-bottom: 20px; clear: both; padding: 0 0 0 10px}
.section h2 {background-image: url(../images/section_heading.gif); background-repeat: no-repeat; margin: 0; padding: 7px 0 0 10px; height: 24px; font-size: 14px; font-weight: bold; margin-left: -10px}
.section p {font-size: 11px}

p.button {display: block; float: left; border: 1px solid #BBBBBB; padding: 1px; margin-top: 0; position: relative}
p.button a {display: block; padding: 5px 10px; background-image: url(../images/button_off.gif); background-repeat: repeat-x; background-position: bottom; text-decoration: none; font-size: 11px; color: #4B565D; position: relative}
p.button a:hover {background-image: url(../images/button_on.gif); background-position: top}

p.button input {display: block; padding: 5px 10px; background-color: #FFFFFF; background-image: url(../images/button_off.gif); background-repeat: repeat-x; background-position: bottom; text-decoration: none; font-size: 11px; color: #4B565D; position: relative; border: 0}

#footer {padding: 15px 40px 20px 40px; border-top: 1px solid #D3D3D3}
#footer p {margin: 0; font-size: 11px; color: #4B565D; line-height: 1.8em}
#footer a {color: #4B565D; text-decoration: none}
#footer a:hover {color: #242424}
#footer span {margin: 0 5px; color: #ABB9C3}

.feature {width: 276px; float: left; background-image: url(../images/background_feature.gif); background-repeat: no-repeat; margin: 20px 20px 0 0; padding: 20px}
.feature h2 {margin: 0; font-size: 24px; font-weight: normal; color: #4B565D}
.feature h3 {margin: 0 0 10px 0; font-size: 14px; font-weight: normal; color: #9D1111}
.feature img {float: right; margin: 0 0 10px 15px}

.curator {margin-right: 0}

.studies {margin-top: 20px}
.studies div {border: 1px solid #D3D3D3; padding: 10px 15px; margin: 0 0 10px 0}
.studies div img {float: right; margin: 0 0 10px 10px}
.studies div h3 {font-size: 16px; font-weight: bold; margin: 0}
.studies div ul {margin: 0; padding: 0; list-style: none}
.studies div ul li {background-image: url(../images/bullet_pdf.gif); background-repeat: no-repeat; background-position: 12px 4px; padding: 2px 0 2px 25px; font-size: 11px; font-weight: normal}
.studies div p {margin-bottom: 0; line-height: 1.3em !important}

p.bordered {margin-top: 30px !important; padding-top: 20px; border-top: 1px solid #D3D3D3}

ul.partners {margin: 0; padding: 0; list-style: 0; width: 500px}
ul.partners li {display: block; float: left; margin: 0 10px 10px 0}

ul.webinar {margin: 0; padding: 0; list-style: none}
ul.webinar li {background-image: url(../images/bullet_pdf.gif); background-repeat: no-repeat; background-position: 12px 4px; padding: 2px 0 2px 25px; font-size: 11px; font-weight: normal}


.block {margin-top: 20px}
.block {border: 1px solid #D3D3D3; padding: 10px 15px; margin: 0 0 10px 0}
.block h3 {font-size: 14px; font-weight: bold; margin: 0 0 0 30px}
.block span {color: #CCCCCC; position: absolute; font-size: 36px; line-height: 1em}
.block ul {margin: 0 0 0 50px; padding: 0}
.block ul li {}
.block p {margin-bottom: 0; line-height: 1.3em !important}

div.screenshot {border-top: 1px solid #D3D3D3; padding: 10px 0 20px 0}
#content div.screenshot h2 {color: #4B565D; font-size: 18px; font-weight: normal; letter-spacing: -1px; margin: 0 0 10px 0}

.form td {padding: 2px 20px 2px 5px; border-left: 1px solid #CCCCCC}
.form td.label {width: 100px; font-weight: bold; padding-left: 0; border-left: 0}
.form td input.text {width: 240px}
.form td textarea {width: 400px}
.form td p.button {margin-top: 0}

.roi {border-right: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC}
.roi td {padding: 6px 4px; border-left: 1px solid #CCCCCC; border-top: 1px solid #CCCCCC; width: 60px}
.roi td.blank {border: 0; background-color: #FFFFFF !important}
.roi td.turns {text-align: center; background-color: #6A7883; color: #FFFFFF; font-weight: bold; width: 400px}
.roi tr.numbers td {background-color: #dee5e9; font-weight: bold}
.roi td.previous, .roi td.whatif {text-align: center; color: #FFFFFF; font-weight: bold; background-color: #929da5}
.roi td.whatif {width: 330px}
.roi td.label {width: 180px}
.roi td.input {border: 3px solid #960000}
.roi td.indent {padding-left: 24px; width: 160px}
.roi tr.odd td {background-color: #F9F8F4}
.roi td input.hidden {width: 46px; border: 0; text-align: right; font-size: 12px}
.roi tr.odd td input.hidden {background-color: #F9F8F4}
.roi tr.numbers td input.hidden {background-color: #dee5e9}
.roi tr.savings td {border-top: 2px solid #6A7883; font-weight: bold}