body { font-family: "lucida grande",arial,helvetica,sans-serif; font-size: 85%; }

h3 { font-size: 170%; color: #232323; padding: 12px 0 20px 65px; letter-spacing: -0.002em; }
p { color: #5F5E5A; }
a { color: #114E7A; text-decoration: none; }
a:hover { color: #051B27; }
.clear { clear: both; visibility: hidden; }

.bkg_home { background: url(/assets/images/bkg_home.png) repeat-x; width: 100%; height: 100%; padding-top: 15px; }
.bkg_content { background: url(/assets/images/bkg_content.png) repeat-x; width: 100%; height: 100%; padding-top: 15px; }

.wrapper { width: 860px; margin: 0 auto 40px auto; }

.header { height: 116px; background: url(/assets/images/bkg_header.png) top center no-repeat; overflow: hidden; }
.logo { float: left; width: 227px; height: 80px; margin: 18px 0 0 0; }

.navigation { position: relative; margin: 45px 0 0 0; overflow: hidden; height: 30px; float: right; }
.navigation li { float: left; list-style: none; }
.navigation li.back { border: 1px solid #083751; background-color: #051B27; width: 9px; height: 33px; z-index: 8; position: absolute; }
.navigation li a { font-size: 18px;  text-decoration: none; color: #82C6F7; text-align: center; top: 5px; z-index: 10; display: block; float: left;  height: 33px; position: relative; overflow: hidden; padding: 0 15px; }
.navigation li a:hover { color: #FFF; }
.navigation li a:hover, .navigation li a:active, .navigation li a:visited { border: none; }

.figures { position: absolute; z-index: 1000; margin: 10px 0 0 460px; }

.banner ul, .banner li { margin: 0; padding: 0; list-style: none; }
.banner li { width: 860px; height: 239px; overflow: hidden; }
.banner { height: 239px; clear: both; position: relative; background: url(/assets/images/bkg_banner.jpg); overflow: hidden; }
.banner .banner_text { width: 475px; float: left; }
.banner h2 { font-size: 39px; color: #fff; font-weight: bold; letter-spacing: 0.014em; margin: 32px 0 10px 0; font-family: "Myriad Pro",arial,helvetica,sans-serif; }
.banner .sub { font-size: 18px; line-height: 22px; color: #6cbcf5; }
.banner_download { margin: 32px 0 0 0px; }
.banner_button { display: block; float: left; width: 174px; height: 42px; background: url(/assets/images/but_signup.png); }
.banner_button:hover { background-position: right; }
.learn_more { padding: 10px 0 0 22px; float: left; letter-spacing: -0.02em; text-decoration: none; color: #fff; font-size: 16px; display: block; }
.learn_more:hover { text-decoration: underline; }
.banner_image { float: right; width: 320px; height: 210px; margin: 15px 10px 0 0; }

.title { height: 66px; clear: both; }
.title h4 { font-size: 30px; font-weight: bold; width: 500px; padding: 18px 0 0 0; color: #fff; float: left; }
.title .questions { float: right; padding: 22px 0 0 0; }

.content { padding: 40px 0 0 0; width: 860px; overflow: hidden; background: url(/assets/images/divider.png) 68% 0 no-repeat; }
.content .left { width: 560px; float: left; margin-right: 55px; }
.content .left h4 { font-size: 130%; color: #232323; padding: 8px 0 20px 45px; letter-spacing: -0.002em; }
.content .left p { margin: 0px 0 30px 0; line-height: 160%; }

.box { float: left; width: 270px; height: 300px; background: #161613; border: solid 2px #999; overflow: hidden; position: relative; margin: 0 0 20px 0; }
.box.right { margin: 0 0 20px 20px; }
.box img { position: absolute; top: 0; left: 0; border: 0; }
.box h3 { font-size: 140%; color: #FFF; margin: 20px 12px 0; padding: 0; }
.box p { font-size: 90%; font-weight: bold; padding: 0 12px; }
.box a { color: #82c6f7; text-decoration: none; }
.box a:hover { text-decoration: underline; }

.forms { margin: 0 0 0 0; width: 480px; }
.forms dt { margin: 10px 0 10px 0; }
.forms input[type=text], .forms textarea { border: 1px solid #999; padding: 4px; font-size: 13px; color: #121212; width: 480px; }
.forms input[type=text].short { width: 120px; }
.forms .button { width: auto; font-size: 120%; font-weight: bold; background: #CDCDCD; border: 1px solid #B6B6B6; margin: 10px 0 0 0; padding: 5px 15px; }
.forms h5 { margin: 20px 0 5px 0; }

.right { width: 245px; float: left; }
.right p { margin: 0 0 24px 0; line-height: 22px; }
.right .alert { font-size: 20px; background: url(/assets/images/alert.png) top right no-repeat; color: #232323; padding: 7px 0 21px 0; letter-spacing: -0.002em; }
.right h4 { font-size: 150%; color: #232323; padding: 8px 0 20px 0; letter-spacing: -0.002em; }

.bkg_footer { background: url(/assets/images/bkg_footer1.png) repeat-x; height: 135px; clear: both; }
.footer { margin: 0 auto 0 auto; padding: 64px 0 0 0; clear: both; width: 860px; background: url(/assets/images/bkg_footer2.png) bottom center no-repeat; height: 71px; }
.footer .menu { margin: 35px 0 0 0; float: right; }
.footer .copyright { float: left; padding: 36px 0 0 0; }
.footer ul.menu { list-style: none; }
.footer ul.menu li { display: inline; list-style: none; }
.footer ul.menu a { color: #515151; font-size: 110%; display: block; float: left; text-decoration: none; padding: 0 10px; }
.footer ul.menu .last { padding: 0 0 0 10px; }