/* =reset (ONLY EDIT THE FONT FAMILY)******************************** */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,var{font-style:normal;font-weight:normal;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
body {font:13px arial,helvetica,clean,sans-serif;}
table {font-size:inherit;font:100% arial,helvetica,clean,sans-serif;}
select, input, textarea {font:99% arial,helvetica,clean,sans-serif;}
pre, code {font:115% monospace;}
body * {line-height:1.22em;}

.clear:after {clear:both;content:"."; display:block;height:0;visibility:hidden;}
.clear {display:block;overflow:hidden;}
.hidden {position:absolute;left:0px;top:-500px;width:1px;height:1px;overflow:hidden;}
.hidetext {display:block;text-indent:-9999px;outline:0;}
.text-indent {text-indent:-32697px;}

/* =elements ***************************** */
a:link		{color: #d12124;}
a:active	{color: #660000;}
a:visited	{color: #666;}
a:hover		{color: #000;}

/* =grids ***************************** */

html {text-align:center;}
body {text-align:left;margin:0 auto; background:#fff; width: 816px;}
h1 {font-size: 152%; padding-bottom: 15px;}
h2 {font-size: 122%; padding-bottom: 20px;}
h3 {font-size: 105%; padding-bottom: 5px; color: #cb2023;}
ul {padding: 10px 0 10px 30px; list-style-image: url(../../images/bullet.gif);}
ol {padding: 10px 0 10px 30px;}
dl {padding: 0;}
dd {padding: 0 0 20px 15px;}
li {padding-bottom: 5px;}
p {padding-bottom:10px;}
.bold {font-weight: bold;}
.italic {font-style: italic;}
.blockquote {padding: 10px 15px 10px 20px; font-style: italic;}
.signature {padding: 0 0 20px 100px;}
.top-link {font-size: 85%; text-decoration: underline; font-style: italic;}
#testimonials table {margin-bottom: 10px; width: 500px; border-collapse: separate; border: thin solid #000;} 
#testimonials table td {padding: 5px 20px 10px 20px;}
.table-heading {font-weight: bold; text-align: center; background:#444; color: #fff;}
#quoteForm table {width: 400px;}
#quoteForm table td {padding: 5px 30px 5px 10px;}
#quoteForm table th {padding: 10px 5px 10px 10px;}

#header {position:relative; margin: 0 auto; width: 816px; padding-top: 20px; background:#fff;}
#logo {float: left; height: 60px; width: 315px; padding-bottom: 30px;}
#tagline {float: right; width: 350px; height: 60px; padding-top: 17px;}
.logo {width: 315px; height: 60px;}
.logo-image {float: left; width: 60px; height: 60px;}
.logo-text {float: right; width: 239px; height: 59px;} 
.slogan {font-size: 138.5%; color: #000;}

#main-nav {clear: both; position: relative; width: 816px; height: 48px; text-align: center; background:#000 url(../../images/main-nav.jpg) no-repeat; color: #fff;}
#main-nav a {display: block; color: #fff; text-decoration: none; border-right: 1px solid black; padding: 16px 10px 16px 10px;}
#main-nav a.first {border-left: 1px solid black;}
#main-nav a:hover {display: block; color: #fff; text-decoration: none; background:url(../../images/nav-hover.jpg) repeat-x;}
#main-nav ul {list-style: none; margin-left: 9%;}
#main-nav li {float: left; margin-top: -10px;}

#body {margin-top: 15px; width: 816px; left: 20px;}

#search {position:absolute; top:70px; left:490px;}
#search * {vertical-align:middle;}

#cta-associations {padding:10px 0;}
#cta-associations span {display:block;padding:5px 0 0;}

#cta-main
{
  position: relative;
  width: 816px;
  height: 260px;
  background-image:url(../../images/cta-main-home.jpg);
  background-repeat:no-repeat;
  padding-top: 35px;
}
#cta-main a.button-conversion {position:absolute; width:287px; height:44px; top:67px; left:510px; }
#cta-main a.button-upgrade {position:absolute; width:287px; height:44px; top:130px; left:510px;}
#cta-main a.button-architect {position:absolute; width:287px; height:44px; top:196px; left:510px;}
#cta-main #homeVideo {position:absolute;left:42px;top:15px;}

#main-content {position:relative; float: left; margin: 0 auto; height: auto; width: 816px;}

#main-content-bottom {clear: both; background:url(../../images/bg-content-bottom.jpg) no-repeat bottom left; height: 43px; width: 598px; text-align: center; font-size:92%;}
#main-content-bottom p {padding-top:15px;}

#content {float: left; width:563px; padding: 10px 15px 20px 20px; background:#e9e9e9 url(../../images/bg-h1.jpg) no-repeat top left;}
#content2 {float: left; width:563px; padding: 10px 15px 20px 20px; background:#e9e9e9 url(../../images/sub-cta-press.gif) no-repeat top left;}

#side-content {float: right; width: 198px; padding: 0 15px 20px 0;}
#side-content ul {padding-left: 40px;}

#side-press {width:213px; background:#e9e9e9 url(../../images/bg-side-top.jpg) no-repeat;}
#sub-side-content #side-press {background:#e9e9e9 url(../../images/bg-side-top-sub.jpg) no-repeat;}
#side-press h2 {color:#fff; padding:10px 0 20px 20px; margin:0;}
#side-press ul {padding:0 5px 20px 20px;}
#side-press ul a {color:#000;}
#side-press ul a:hover {color:#cb2023;}

#side-cta-process {margin:10px 0;}

#cta-reduce {margin-top:10px;}

#address {position:absolute; bottom:0; text-align:right; font-size:92%;}

#sub-side-cta-press {padding: 15px 0 0 5px; background:url(../../images/sub-cta-press.gif) no-repeat; width: 295px; height: 178px;}
#sub-side-cta-press ul {padding-left: 40px; list-style-image: url(../../images/bullet-link.gif);}
.side-cta {padding-left: 6px;}
.sub-side-cta {padding-bottom: 10px;}
.sub-cta {padding-bottom: 15px;}
.view-releases {text-align: right; padding: 10px 35px 30px 0; color: #d12124; font-weight: bold;}
.sub-press-title {font-weight: bold; font-size: 108%; padding: 0 0 5px 25px;}


#sub-main-content {position:relative; float: left; margin: 0 auto; height: auto; width: 816px; background:url(../../images/bg-body.jpg) repeat-y;}

/*
#sub-main-content-top {clear: both; background:url(../../images/sub-content-top.jpg) no-repeat; height: 40px; width: 816px;}
#sub-main-content-top h1 {font-size: 138.5%;}
*/

#cta-main-sub {position:relative; width:816px; height:178px; background:url(../../images/cta-main-sub.jpg) no-repeat; margin-bottom:20px;}
#cta-main-sub a {position:absolute; top:134px; left:597px; width:178px; height:26px; background:url(../../images/cta-main-sub-button.jpg) no-repeat;}

#sub-content {float: left; margin-left: 6px; width: 557px; padding: 10px 30px 20px 10px; background:#e9e9e9 url(../../images/bg-h1-sub.jpg) no-repeat top left;}

#main-content-sub-bottom {clear: both; background:url(../../images/bg-content-bottom.jpg) no-repeat bottom; height: 43px; width: 598px; text-align: center; font-size:92%; margin-left:218px;}
#main-content-sub-bottom p {padding-top:15px;}

#sub-side-content {float: left;  width: 198px; padding: 0 15px 20px 0;}

#sub-nav {width:213px; background:#e9e9e9 url(../../images/bg-side-top-sub.jpg) no-repeat; margin-bottom:10px;}
#sub-nav h2 {color:#fff; padding:10px 0 20px 20px; margin:0;}
#sub-nav ul {padding:0 5px 20px 20px;}

#smallDCA {margin:10px 0;}

#side-press-sub {width:213px; background:#e9e9e9 url(../../images/bg-side-top-sub.jpg) no-repeat;}
#side-press-sub h2 {color:#fff; padding:10px 0 20px 20px; margin:0;}
#side-press-sub ul {padding:0 5px 20px 20px;}

#side-cta-conversion {margin:10px 0 0 0;}

#address-sub {position:absolute; bottom:0; text-align:left; font-size:92%;}

/*
#sub-side-content ul {padding-left: 40px; list-style-image: url(../../images/bullet.gif);}
#sub-side-content ul li a:hover {font-weight: bold;}
#sub-main-content-top-left {float: left; width: 280px; height: 27px; margin-top: 10px; padding-left: 15px;}
#sub-main-content-top-right {float: left; margin-left: 6px; width: 500px; height: 27px; padding: 10px 0 0 15px;}
*/

#logos {float: left; width: 130px; height: 500px;}
.accenture {margin-bottom: 115px;}
.isi {margin-bottom: 30px;}

#companies {height: auto; width: auto;}

#footer {clear:both; margin: 0 auto; width: 816px; padding: 20px 0 60px 0;}
#footer p {font-size:85%; text-align: center;}
#footer p a:link {text-decoration: none; color: #d12124;}
#footer p a:hover {text-decoration: none; color: #000;}
#footer p a:visited {text-decoration: none; color: #666;}

/* =extra ******************************* */

.about-images {float: left; margin: 0 20px 20px 0;}
ol.lalpha {list-style-type: lower-alpha;}

/* =column ******************************* */

#two-column-left {margin-top: -20px; float: left;}
#two-column-right {margin-top: -20px; float: right;}
.twocolleft {margin-top: -10px; float: left; width:55%; font-weight:bold}
.twocolright {margin-top: -10px; float: right; width:45%; font-weight:bold}
