body {min-width: 900px; margin: 0px; padding: 0px; background: #fff; font: 12px/17px "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif;}
img {border: 0px}
a:link, a:visited {color: #17629d; text-decoration: none; font-weight: bold}
a:hover {text-decoration: underline;}
#header {width: 100%; width: 900px; height: 65px; padding-bottom: 5px; border-bottom: 1px solid #1a4664;}
.topBox {width: 900px; overflow: hidden; margin: 0px auto;}
.topBox #logo {float:left; width: 250px; height: 45px;margin:10px 25px 10px 25px;}
.topBox #menu {float:right; padding-bottom: 20px;}
.topBox #login {font-size: 8pt; text-align: right;}
.topBox #login a {font-size: 7pt; padding: 6px 6px; background: #598080; color: #fff}
.topBox #login a:hover {background: #999 }
.topBox #menu ul {margin: 0px; padding: 0px; padding-top: 25px; list-style-type: none;}
.topBox #menu ul li {display: block; float: left;}
.topBox #menu ul li a {background: #fff; color: #666; font-size: 10pt; font-family: trebuchet ms, arial, helvetica, sans-serif; font-weight: bold; margin: 0px; padding: 5px; margin-left: 10px; display: inline; text-decoration: none;}
.topBox #menu ul li a:hover {background: #ffc; color: #598080;}
.actionBox {clear:both;width: 900px;margin-top:15px;}
.actionBox #statement {float:left; color:#598080;font-weight:bold;font-size:18px;padding-left: 65px;}
.actionBox #statement #sub {color:#666;font-weight:bold;font-size:14px;padding-top:3px;}
.actionBox #endorsement {float:right;color:#598080;font-size:16px;padding-right: 30px;}
.actionBox #endorsement #assignment {color:#666;font-size:12px;text-align:right;}
#splash {clear: both; width: 900px; height: 350px; margin-left:30px; background:url(images/home2.jpg) center no-repeat;}
#splash #demoButton {position:relative;top:240px;left:35px;}
#splash #trialButton {position:relative;top:260px;left:-50px;}
#splash #learnButton {position:relative;top:275px;left:20px;}
#content {width: 900px; clear: both; margin:5px 0 0 10px; border-top: 1px solid #ccc; padding: 8px 10px 10px 0px; overflow: hidden;}
.featureRow {clear: both; width: 900px; margin: 0px auto}
.featureBox {width: 225px; overflow: hidden; float: left; margin: 12px 0px}
.featureBox .img {width: 70px; float: left; text-align: center}
.featureBox .img p {margin: 0px}
.featureBox .desc {width: 135px; padding-left: 10px; padding-right: 10px; float: right; line-height: 1.2em}
.featureBox .desc h2 {margin: 0px; padding: 0px; color: #333; font-weight: bold; font-size: 13px; line-height: 1.5em;}
.featureBox .desc p {margin: 0px; font-size: 11px; font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif;}

.promoRow {clear: both; width: 900px; margin: 0px auto;}
.promoBox {width: 200px; overflow: hidden; float: left; margin: 20px 0px 5px 60px; background-color:#97aaab;}
.promoBox .ptitle {padding:3px; line-height: 1.2em; color:#444; font-weight:bold; font-size:11pt;text-align:center; }
.promoBox .pbody {background-color:white;padding:8px;margin:0px 3px 3px 3px;height:310px;font-size:9pt;}
.promoBox .pbody .pimg1 {background-color:white;padding:5px;margin:5px 10px 0px 10px;text-align:center;}
.promoBox .pbody .pimg2 {text-align:center;margin-top:5px;}
.promoBox .pbody .pimg3 {background-color:white;padding:5px;margin:5px 18px 0px 18px;text-align:center;}
#altSalestrakr {padding-left: 10px;color:#888;}

#intro {width: 900px; clear: both; margin:5px 0 0 10px; padding: 8px 10px 10px 0px; overflow: hidden;}
.introRow {clear:both; margin:0 40px 0px 40px;}
.introRow h2 {margin: 10px 0 15px 0; padding: 0px; color: #598080; font-weight:bold; font-size:18px; }
.introText {float:left; text-align:justify;width:400px; margin: 0px; padding: 0px; color: #333; font-weight: bold; font-size: 13px; line-height: 1.3em;}
.introImg {float:right;width:400px;}
.introImg img {padding:3px;border:2px solid #aaa;}

.detailRow {clear:both; margin-left:40px; margin-top:20px;padding-top:20px;border-top: 1px solid #598080;}
.detailText {float:left; text-align:justify;width:250px; margin: 0px; padding: 0px; color: #333; font-weight: bold; font-size: 11px; line-height: 1.3em;}
.detailText h2 {margin: 0px 0 10px 0; padding: 0px; color: #598080; font-weight:bold; font-size:16px; }
.detailImg {float:left;width:400px;}
.detailImg h2 {width:350px;height:20px;margin:0;padding:3px;border:2px solid #aaa;background-color:#97aaab;color:white;font-weight:bold;font-size:16px;}
.detailImg img {width:350px;margin:0;padding:3px;border:2px solid #aaa;}

.left {float:left;}
.right {float:right;}
.clear {clear:both;}

#andmore {clear: both; margin-left:30px; margin-bottom:40px; color:#598080;font-weight:bold;font-size:18px;}


#footer {width: 900px; border-top: 1px solid #ccc; padding-top: 8px; padding-bottom: 40px; margin-top: 10px;}
#footer #copyright {width:250px;float: left; text-align: left; padding-left: 10px;color:#888;}
#footer #map {width:600px; float:right; text-align: right; padding-right: 30px;}
#footer #aws {clear:both; width: 900px; text-align: right; padding-top: 10px; clear: both; margin: 0px auto;}
#footer p {margin: 0px; padding-left: 0px; padding-bottom: 5px;}
#footer img {vertical-align: middle; margin: 0px 10px;}
#footer a:link, #footer a:visited {color: #598080; font-weight: bold; text-decoration: none;}
#footer a:hover {color: #666;}