html {
height:100%;
width:100%;
background:#282828
}
body {
font-family:Trebuchet MS;
width:100%;
min-height:100%;
position:relative;
font-size:67%;
min-width:1028px;
padding:0px;
margin:0px;
z-index:0
}
/* resets */
#thanks{
color:#E7E019;
}
ul {
margin:0px;
padding:0px
}
li {
list-style-type:none
}
a:active {
outline:0px solid #fff;
}
a img {
border:none
}
.text-content {
color:#d2d2d2
}
.text-content .yellow {
color:#ffea00
}
.text-content a {
color:#ffea00 !important
}
.text-content a:hover, .text-content a:active {
text-decoration:none
}
.text-content h2 {
margin:0px;
padding:30px 0 15px;
}
.text-content h2.first {
padding:0px 0 15px;
}
.text-content h2.big {
border-bottom:1px solid #ffea00;
margin:0 0 23px;
padding:0 0 9px;
}
.text-content p {
margin:0px;
padding:0px 0px 10px;
line-height:140%;
font-size:13px
}
.p13, .p13 p, .p13 a {
font-size:13px
}
.text-content .under-title {
padding:0 0 9px;
}
.text-content .poker-title {
padding:0 0 0 0;
background:url(../images/strip.jpg) no-repeat scroll 0 0 transparent;
height:23px;
}
.text-content .under-title-2 {
font-size:17px;
padding:0 0 18px;
line-height:130%;
}
address {
font-style:normal
}
a.email {
color:#D2D2D2 !important;
text-decoration:none
}
a.email:link, a.email:visited {
text-decoration:none
}
a.email:hover, a.email:active {
text-decoration:underline
}
.text-content dl {
padding:0px;
}
.text-content dt {
padding:0 0 9px;
}
.text-content dd {
padding:0 25px 26px 0;
margin:0px
}
.text-content .pic {
margin:25px 25px 25px 0;
}
ul.custom {
padding:5px 0 22px;
}
ul.custom li {
background:url(../images/bullet.gif) no-repeat scroll 0 3px transparent;
padding:0 0 0 36px;
vertical-align:top;
}
/* main */
.wrapper {
width:990px;
position:relative;
margin:0px auto;
}
#header {
background:url(../images/back-header.png) 0% 0% repeat-x;
height:66px;
position:relative;
z-index:20
}
#logo {
position:absolute;
top:20px;
left:0px
}
#slogan-header {
left:334px;
position:absolute;
top:26px;
}
#navigation {
left:530px;
overflow:hidden;
position:absolute;
top:25px;
}
#navigation li {
float:left;
clear:right;
padding:0 20px 0 0;
}
#content {
padding:0;
position:relative;
z-index:22;
}
#menu {
padding:1px 0 0 37px;
}
#menu li {
padding:0px 0px 2px 0px
}
#menu .expand {
padding:0px 0px 35px;
}
#balloon {
height:168px;
}
#content-back {
background:#282828 url(../images/back-center.png) 0% 100% repeat-x;
width:100%;
height:277px;
bottom:126px;
left:0px;
position:absolute
}
#prefooter {
background:#ffea00;
height:32px;
position:absolute;
bottom:94px;
width:100%
}
#slogan-footer {
left:0;
position:absolute;
top:7px;
}
#facebook {
left:811px;
position:absolute;
top:8px;
}
#linkedin {
left:899px;
position:absolute;
top:7px;
}
#footer {
background:url(../images/back-footer.png) 0% 100% repeat-x;
height:94px;
position:absolute;
bottom:0px;
width:100%
}
#footer-logo {
left:-3px;
position:absolute;
top:31px;
}
#footer .copyright {
color:#DFDFDF;
font-size:10px;
line-height:12px;
padding:31px 3px 0 160px;
}
#content .columns {
overflow:hidden;
padding:25px 0px 0px 208px
}
#content .columns .col1 {
clear:right;
float:left;
width:168px;
margin-left:-208px;
}
#content .columns .col2 {
float:left;
clear:right;
padding:0px;
width:100%
}
.content-columns {
overflow:hidden
}
.content-columns .col {
float:left;
clear:right;
}
.content-columns .col-3 {
width:33%;
float:left;
clear:right;
}
#line {
position:absolute;
margin-left:50%;
left:-326px;
bottom:164px;
height:2000px;
width:1px;
font-size:1px;
line-height:1px;
background:#b6af0b;
z-index:15;
}
#landing-page #line {
left:-217px;
}
#croosLine-top {
position:absolute;
left:0px;
top:66px;
height:26px;
width:100%;
background:#282828;
z-index:20;
}
#landing-page #croosLine-top {
height:21px;
top:399px;
}
.feature-list {
overflow:hidden;
padding:0px;
}
.feature-list li {
float:left;
padding:0px;
width:49%;
height:147px;
}
.feature-list .image {
float:left;
padding:0px
}
.feature-list .image img {
vertical-align:top
}
.feature-list .description {
padding:0 0 0 74px;
width:279px;
}
.feature-list .description h3 {
padding:0px 0px 0px 0px;
margin:0px
}
.feature-list .description p {
color:#D2D2D2;
margin:0;
padding:5px 0 12px;
}
.feature-list .description .link {
padding:0px 0px 0px 36px
}
.feature-list .description .link a {
color:#d2d2d2 !important;
font-size:11px;
}
.feature-list .description .pdf-link {
background:url(../images/pdf.png) 0% 0% no-repeat;
height:20px;
margin-bottom:-4px;
}
.features-wide {
padding:0px;
}
.features-wide li {
float:left;
padding:0 0 11px;
width:100%;
height:auto;
}
.features-wide .description {
padding:0 0 0 95px;
width:auto;
}
#platforms {
padding:20px 0 0 30px;
}
#platforms li {
padding:0px;
height:170px;
}
#platforms .description {
width:260px;
}
#features {
height:192px;
width:100%;
}
#features li {
float:left;
height:102px;
padding:0;
width:49%;
}
#features li .description {
padding:0 0 0 95px;
width:221px;
}
.banner {
margin-bottom:-129px;
padding:12px 0 0;
text-align:center;
}
.banner img {
vertical-align:top
}
.under-banner {
padding:0px;
margin-top:-134px
}
#black-block {
background:none repeat scroll 0 0 #000000;
border:1px solid #FFEA00;
border-top:none;
height:333px;
margin:0 auto;
position:relative;
width:1026px;
z-index:200
}
#black-block .slogan {
background:none repeat scroll 0 0 #1A1A1A;
height:92px;
left:24px;
position:absolute;
top:204px;
width:981px;
}
#black-block h2 {
margin:0;
padding:22px 0 0 19px;
}
#black-block p {
color:#ffea00;
font-size:12px;
margin:-3px 0 0;
padding:0 0 0 20px;
vertical-align:top;
}
.learn-more {
display:block;
width:80px;
height:18px;
background:url(../images/learn-more.png) 0% 0% no-repeat;
}
#landing-page #content .columns {
overflow:hidden;
padding:31px 0 0 305px;
}
#landing-page #content .columns .col1 {
width:250px;
margin-left:-300px
}
#landing-page #content .columns .col1 p {
font-size:11px;
}
#landing-page .text-content h2.first {
padding:0 0 8px;
}
#landing-page .col1 .learn-more {
margin-top:10px;
}
#landing-page .col2 .learn-more {
margin-left:96px;
margin-top:4px;
}
.submenu {
font-size:13px;
overflow:hidden;
position:absolute;
right:15px;
top:27px;
}
.submenu li {
border-right:1px solid #ffea00;
clear:right;
float:left;
height:15px;
padding:0 10px;
vertical-align:top;
}
.submenu li.last {
border:none;
}
.submenu li a {
line-height:13px;
vertical-align:top;
}
.submenu li a:link, .submenu li a:visited {
text-decoration:none
}
.submenu li a:hover, .submenu li a:active {
text-decoration:underline
}
.peoples {
padding:0px
}
.peoples li {
padding:0 0 31px 124px;
overflow:hidden;
width:658px;
}
.peoples .image {
padding:0px;
float:left;
clear:right;
width:100px;
margin-left:-124px;
}
.peoples .image img {
padding:0px
}
.peoples .description {
padding:0px 0px 0px 0px;
width:658px;
float:left;
clear:right
}
.peoples .description h3 {
margin:0;
padding:0;
}
.peoples .description .position {
color:#ffea00;
font-weight:bold
}
.peoples .description .info {
padding:0px
}
.peoples .description .contact {
padding:23px 0 0;
}
.peoples .description .contact .title {
padding:0px;
color:#ffea00;
font-weight:bold;
display:block
}
.get-the-white-paper {
margin-top:30px;
}
.get-the-white-paper .wrap {
padding:0px;
height:58px;
}
.get-the-white-paper .wrap a {
left:15px;
padding:0;
position:absolute;
top:2px;
}
.get-the-white-paper .wrap p {
font-weight:bold;
left:434px;
padding:0;
position:absolute;
top:11px;
width:291px;
}
.gray-block {
padding:0px;
width:765px;
}
.top, .bottom {
font-size:0px;
line-height:0px;
height:10px;
}
.top, .bottom {
padding:0px 0px 0px 10px;
background: none transparent 0% 0% no-repeat;
}
.top {
background-image:url(../images/gray-block.png)
}
.middle {
padding:0px 0px 0px 10px;
background: url(../images/gray-block-middle.png) transparent 0% 0% repeat-y;
}
.wrap {
padding:0px;
position:relative
}
.bottom {
background-image:url(../images/gray-block.png);
background-position:0% 100%;
}
form.custom {
padding:0px;
}
form.custom fieldset {
overflow:hidden;
padding:0 0 12px;
border:0px none !important;
outline:none !important;
margin:0px;
}
form.custom fieldset .col {
float:left;
clear:right;
padding:0 33px 0 0;
}
form.custom label {
font-weight:bold;
display:block;
padding:0 0 6px;
font-size:12px;
color:#fff
}
form.custom label.inline {
line-height:13px;
vertical-align:bottom;
font-weight:normal;
display:inline;
padding:0px 10px 0px 8px;
}
form.custom .field {
overflow:hidden
}
form.custom .field .left {
float:left;
clear:right;
width:10px;
background:transparent url(../images/field.png) 0% 0% no-repeat;
height:23px
}
form.custom .field .right {
float:left;
clear:right;
background:transparent url(../images/field.png) 100% 0% no-repeat;
height:23px;
padding:0px 5px 0px 0px
}
form.custom .field input {
border:0 none !important;
outline:none !important;
height:21px;
line-height:18px;
vertical-align:middle;
margin:0px;
margin-top:1px;
background:transparent !important;
padding:0px;
}
form.custom textarea.field {
height:63px;
margin-left:0;
width:260px;
border:1px solid #8b8b8b;
outline:1px solid #999999
}
form.custom button {
border:0 none !important;
outline:none !important;
background:transparent none !important
}
form.custom .radio {
margin-top:-2px;
vertical-align:bottom;
}
#contact-form {
padding:0px;
width:530px;
height:221px;
overflow:hidden;
}
#contact-form button {
position:absolute;
bottom:-5px;
right:61px;
cursor:pointer
}
#address {
padding:10px 0 0;
}
#address h3 {
padding:0 0 3px;
margin:0px;
}
#address p {
font-size:11px;
line-height:15px;
margin:0;
padding:0;
}
#address .col {
padding:0 40px 0 0;
}
/* Customer stylesheet */
.customer-logos img {
padding-right:20px;
}
.text-content p.logo-statement {
font-size:11px
}
.loading {
float:right;
background:url(../images/ajax-loader.gif) no-repeat 1px;
height:28px;
width:28px;
display:none;
}
/* Services Page */
#services-points{
font-size:13px;
float:left;
width:100%;
margin:0 0 10px 0;
}
#services-points .float-l{
width:250px;
float:left;
font-weight:bold;
}
#services-points .float-r{
width:490px;
float:left
}