html, body {margin: 0px; padding: 0px; background-color: #c0c0bf;}

body {font-family: Arial, Verdana Sans-Serif; font-size: 14px; line-height: 20px; color: #4b4d60;}

form {margin: 0px; padding: 0px;}

img {border: 0px;}

td {vertical-align: top;}

p {margin-top: 0px;}

a {color: #283477; text-decoration: none;}
a:hover {color: #f37314; text-decoration: underline;}
a.accent {color: #f37314;}
a.accent:hover {color: #000066; text-decoration: underline;}

h1 {margin: 0px 0px 20px 0px; font-size: 22px; font-weight: normal; color: #dd5e00;}
h4.title {margin: 0px; height: 28px; padding: 0px 18px 0px 18px; font-size: 14px; font-weight: normal; line-height: 28px; color: #fff; background: #7b7f89 url(../images/title-bg.gif) repeat-x;}
h4.sidebarTitle {margin: 0px; height: 28px; padding: 0px 20px 0px 20px; font-size: 14px; font-weight: normal; line-height: 28px; color: #fff; background: #282f73 url(../images/sidebar-title-bg.gif) repeat-x;}
h4.sidebarTitle a {color: #fff;}
h4.sidebarTitle a:hover {color: #000066; text-decoration: none;}

/* General */
.clearBoth {clear: both; height: 0px; font-size: 1px; line-height: 0px; display: block;}

.noMarginBefore {margin-top: 0px;}
.noMarginAfter {margin-bottom: 0px;}

.accent {color: #f37314;}

a.more {padding-left: 10px; display: block; background: url(../images/orange-arrow.gif) no-repeat left 2px;}

.intro {font-size: 15px;}

img.diagram {display: block; margin-bottom: 40px;}

.quote {font-size: 15px; line-height: 20px;}
.quote p {margin-bottom: 0px;}
.quote .author, .quote .title, .quote .company {font-size: 13px; line-height: normal; text-align: right;}
.quote .title, .quote .company {font-style: italic;}

/* Forms */
.form {width: 520px; padding: 10px 0px 0px 50px; line-height: normal;}
.form .row {padding: 0px 0px 8px 0px;}
.form .row .label {float: left; width: 150px;}
.form .row .field {float: left;}
.form .textbox {width: 215px;}
.form textarea {width: 520px;}
.form .required {color: #f37314;}
.form .actions {text-align: right;}

/* Lists */
ul.inline {margin: 0px; padding: 0px; list-style-type: none;}
ul.inline li {display: inline;}

ul.list {margin: 0px; padding: 0px; list-style-type: none;}

ul.cta {margin: 0px; padding: 0px; list-style-type: none; border-top: solid 1px #fff; font-size: 11px; line-height: normal; text-transform: uppercase;}
ul.cta li {background: url(../images/cta-bg.gif) repeat-x left bottom; border-bottom: solid 1px #fff;}
ul.cta li span {display: block; padding: 11px 10px 12px 45px; background-repeat: no-repeat; background-position: 13px 8px;}
ul.cta a {color: #6d6f73; text-decoration: none;}
ul.cta a:hover {color: #000066; text-decoration: none;}

ul.cta li.info span {background-image: url(../images/icons/info.gif);}
ul.cta li.demo span {background-image: url(../images/icons/demo.gif);}
ul.cta li.email span {background-image: url(../images/icons/email.gif);}
ul.cta li.phone span {background-image: url(../images/icons/phone.gif);}
ul.cta li.person span {background-image: url(../images/icons/person.gif);}

/* Layout */
#master {width: 880px; margin: 0px auto 0px auto;}

#pageWrapper {background: #fff url(../images/left-shadow.gif) repeat-y; padding: 0px 0px 0px 10px;}

#page {background: #fff url(../images/right-shadow.gif) repeat-y right top; padding: 0px 10px 0px 0px;}

#headerWrapper {background: #fff url(../images/header-bg-top.gif) repeat-x;}

#header {position: relative; height: 86px; background: url(../images/header-bg-bottom.gif) repeat-x left bottom;}

#logo {position: absolute; top: 20px; left: 17px;}

#tagline {position: absolute; top: 30px; left: 245px; color: #006699; text-align: right; font-size: 13px; line-height: 20px;}

#loginSearch {position: absolute; top: 0px; right: 0px; width: 213px; height: 53px; padding: 33px 0px 0px 17px; font-size: 12px; line-height: normal; background: url(../images/header-separator.gif) no-repeat left 8px;}
#loginSearch a {color: #283477; text-decoration: none; text-transform: uppercase;}
#loginSearch a:hover {color: #f37314;}
#loginSearch .login {padding-bottom: 2px;}
#loginSearch .search .label {float: left; width: 45px; color: #848892; padding-top: 3px;}
#loginSearch .search .field {float: left; width: 120px;}
#loginSearch .search .field input {width: 110px; font-family: Verdana, Arial, Sans-Serif; font-size: 11px; border: solid 1px #aca899;}
#loginSearch .search .submit {float: left; width: 35px; padding-top: 3px;}
#loginSearch .search .submit a {padding-right: 8px; background: url(../images/orange-arrow.gif) no-repeat right 2px;}

#nav {height: 28px; background: #282e74 url(../images/nav-bg.gif) repeat-x; font-size: 14px; line-height: 28px;}
#nav a {color: #fff; text-decoration: none;}
#nav a:hover {color: #000066;}
#nav ul {margin: 0px; padding: 0px; list-style-type: none;}
#nav ul li {float: left; padding: 0px 18px 0px 18px; text-align: center; background: url(../images/nav-separator.gif) no-repeat right bottom;} /**/
#nav ul li.lastItem {background-image: none;}

#nav ul li.item4 {width: 141px;}
#nav ul li.item6 {padding: 0px 0px 0px 15px;}

#content {width: 860px;}
#content .content {float: left; width: 630px;}
#content .content .breadcrumbs {padding: 0px 0px 18px 0px; font-family: Verdana, Arial, Sans-Serif; font-size: 10px; color: #646363; line-height: normal;}
#content .content .breadcrumbs a {color: #646363;}
#content .contentPadded {width: 594px; padding: 10px 18px 20px 18px;}
#content .sidebar {float: left; width: 230px;}
#content .sidebar .newsDate {margin-bottom: 0px; font-size: 12px;}
#content .sidebar .blogPostTitle {margin-bottom: 10px;}

.withSidebar {background: #fff url(../images/sidebar-bg.gif) repeat-y right top;}

.sidebarContent {padding: 10px 20px 10px 20px; font-size: 13px; line-height: normal;}

.sidebarPhoto {display: block;}

.ctaSidebar {padding-top: 30px; padding-bottom: 30px;}

#footer {background: #93979f url(../images/footer-bg.gif) repeat-x; line-height: normal;}
#footer .links {float: left; width: 600px; padding: 15px 0px 0px 18px;}
#footer .links ul {margin: 0px; padding: 0px 0px 7px 0px; list-style-type: none; color: #373838; font-size: 11px;}
#footer .links ul li {float: left; padding-top: 1px;}
#footer .links ul li.label {font-size: 12px; font-weight: bold; width: 70px; text-align: right; padding-top: 0px; padding-right: 12px;}
#footer .links a {color: #fff; text-decoration: none; padding: 0px 6px 0px 6px;}
#footer .links a:hover {color: #000066;}

#footer .login {float: right; width: 210px; height: 62px; padding: 14px 0px 0px 20px; background: url(../images/footer-separator.gif) no-repeat;}
#footer .login a {font-size: 12px; color: #fff; text-decoration: none; text-transform: uppercase;}
#footer .login a:hover {color: #000066;}

#bottomShade {height: 10px; background: #c0c0bf url(../images/bottom-shadow.gif) repeat-x;}
#bottomShade .leftCorner {background: url(../images/bottom-left-corner.gif) no-repeat;}
#bottomShade .rightCorner {height: 10px; background: url(../images/bottom-right-corner.gif) no-repeat right top;}

#masterFooter {padding: 10px 0px 20px 0px; font-size: 11px; line-height: normal; color: #6d6f73; text-align: center;}
#masterFooter .legal {padding: 10px 0px 0px 0px;}
#masterFooter a {color: #818283; text-decoration: underline;}
#masterFooter a:hover {color: #000066;}

/**
 * Home Page
 */
#homeMain {width: 630px; height: 220px; background: url(../images/home-main-bg-1.jpg) no-repeat;}
#homeMain p {font-size: 22px; color: #fff; line-height: 30px; float: right; text-align: right; width: 280px; padding: 20px 40px 0px 0px;}

#homeContent {font-size: 13px; line-height: normal; padding: 20px 18px 20px 18px;}
#homeContent .contentBlocks {background: url(../images/separator-dot.gif) repeat-y 288px top; padding: 0px 0px 10px 0px;}
#homeContent .contentBlocks .row {margin-bottom: 20px;}
#homeContent .contentBlocks .block {float: left; width: 270px; margin-right: 40px;}
#homeContent .contentBlocks .lastBlock {margin-right: 0px;}
#homeContent .contentBlocks .block h1 {margin: 0px 0px 15px 0px; font-size: 15px; font-weight: normal; color: #dd5e00;}
#homeContent .contentBlocks .block h1 a {color: #dd5e00;}
#homeContent .contentBlocks .block h1 a:hover {color: #000066;}
#homeContent .contentBlocks .block p {margin-bottom: 10px;}
#homeContent .diagram {display: block; padding: 20px 0px 0px 0px;}

.homeCta {height: 190px; padding: 30px 20px 0px 20px;}