* { margin: 0; padding: 0; outline:0; }

body {
    font-size: 15px;
    line-height: 18px;
    font-family: "Myriad Pro", Arial, Helvetica, Sans-Serif;
    color: #555;
    background: #000;
}

a { color: #0252aa; text-decoration: none; cursor:pointer; }
a:hover { text-decoration: underline; }

a img { border: 0; }

input, textarea, select { font-family: Arial, Helvetica, sans-serif; font-size:12px; }
textarea { overflow:hidden; }

.cl { display: block; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; }
.notext { font-size: 0; line-height: 0; text-indent: -4000px; }

.left, .alignleft { float: left; display: inline; }
.right, .alignright { float: right; display: inline; }
#slide-wrap { width: 100%; background:url(images/slide-back.png) repeat-x 0 0; margin: 0 auto; }
.shell-t { width: 1160px; margin: 0 auto; }
.shell { width: 960px; margin: 0 auto; padding: 0 100px; }

#header { background: url(images/header-bg.gif) repeat-x 0 0; height: 154px; }

.nav-bg { background: url(images/nav-bor.gif) repeat-y 0 0; height: 40px; }
#navigation { width: 490px; height: 40px; padding: 0 0 0 98px; }
#navigation ul { list-style: none; }
#navigation ul li { display: inline; float: left; background: url(images/nav-bor.gif) repeat-y right 0; height: 40px; }
#navigation ul li a { float: left; font-family: Arial, sans-serif; font-size: 12px; line-height: 40px; color: #c8c9d1; font-weight: bold; text-transform: uppercase; height: 40px; padding: 0 29px; }

.phone-login { width: 466px; padding: 0 97px 0 0; }
.phone-login p { width: 270px; font-family: Arial, sans-serif; font-size: 15px; line-height: 40px; color: #cedde3; font-weight: bold; }
.btn-login { background: url(images/btn-login.gif) no-repeat 0 0; width: 160px; height: 33px; font-size: 17px; line-height: 29px; color: #fff; font-weight: bold; text-transform: uppercase; text-align: center; padding: 0 5px 0 0; margin: 5px 0 0 0; }
.btn-login:hover { text-decoration: none; }

#logo a { background: url(images/logo.gif) no-repeat 0 0; width: 471px; height: 114px; position: absolute; top:; }
.slogan { width: 500px; text-align: right; padding: 0 97px 0 0; margin: 30px 0 0 auto; }
.slogan h2 { font-size: 27px; line-height: 30px; color: #21222a; padding: 0 0 6px 0; }
.slogan p { font-size: 16px; line-height: 18px; color: #666; }
.slogan a { text-decoration:none;color:#666; }

.tweet { background: url(images/tweet-bg.gif) repeat-x 0 0; height: 57px; }
.tweet p { background: url(images/icon-twitter.gif) no-repeat 0 7px; font-size: 15px; line-height: 57px; color: #555; padding: 0 0 0 58px; }
.tweet a { color: #0076a3; }
.tweets { background: url(images/icon-twitter.gif) no-repeat 0 7px; font-size: 15px; line-height: 57px; color: #555; padding: 0 0 0 58px; }
.tweet_content_0 { list-style:none; }
.tweet_content_0 small { color: #0076a3; }
.tweet_link_0 { font-size: 15px; line-height: 57px; color: #555; padding: 0 0 0 0px; list-style:none; }
.tweetList { margin-left:0px; }

.content { background: #fff url(images/content-bg.gif) repeat-x 0 0; min-height: 560px; height: auto !important; height: 560px; }
.content .shell { background: url(images/content-c.jpg) no-repeat 0 0; }

.box-head { padding: 0 0 58px 0; }

.box-info { width: 560px; padding: 31px 0 0 0; }
.box-info h2 { font-size: 35px; line-height: 38px; color: #5d6175; font-weight: normal; padding: 2px 0 6px 0; }
.box-info p { padding: 0 0 20px 0; font-family:Arial, Helvetica, sans-serif; }
.box-info a { color: #0076a3; font-weight: bold; }

.form-signup { background: url(images/form-signup-bg.gif) no-repeat 0 0; width: 369px; height: 263px; position: relative; padding: 0 21px 0 0; margin: 31px 0 0 0; }
.form-signup h2 { font-size: 25px; line-height: 28px; color: #fff; padding: 9px 0 5px 16px; }
.form-signup h2 span { font-weight: normal; }
.form-signup p { font-size: 14px; line-height: 18px; color: #fff; padding: 0px 0 9px 16px; }
.form-signup label { font-size: 12px; line-height: 29px; color: #ebebeb; text-align: right; width: 90px; margin: 0 0 6px 0; font-family:Arial, Helvetica, sans-serif; }
.form-signup .field { background: url(images/signup-field-bg.gif) no-repeat 0 0; width: 249px; height: 19px; border:0; font-size: 12px; line-height: 15px; color: #ebebeb; padding: 5px; }
.form-signup label.read { width: 290px; padding: 0 0 0 24px; }
.form-signup .checkbox { margin: 8px 0 0 20px; }
.form-signup .button { background: url(images/btn-signup.gif) no-repeat 0 0; width: 166px; height: 42px; border:0; position: absolute; bottom:-42px;right:15px; cursor:pointer; }

.box-buttons { background: url(images/box-buttons-bg.gif) no-repeat 0 0; width: 952px; height: 113px; padding: 0 0 0 8px; margin: 0 0 16px 0; }
.box-buttons p { font-size: 16px; line-height: 31px; color: #fff; font-weight: bold; text-align: center; }
.box-buttons ul { list-style: none; height: 57px; padding: 25px 0 0 0; }
.box-buttons ul li { display: inline; float: left; margin: 0 21px 0 0; position: relative; }
.box-buttons ul li.daily { margin:0; }
.box-buttons ul li.daily a { font-size: 30px; line-height: 41px; color: #fff; padding: 0 0 0 16px; }
.box-buttons ul li.history span { font-size: 13px; line-height: 18px; color: #ebebeb; text-transform: uppercase; font-weight: normal; }
.box-buttons ul li a { background: url(images/box-btn.gif) no-repeat 0 0; width: 208px; height: 43px; float: left; font-size: 30px; line-height: 43px; color: #fff; font-weight: bold; padding: 0 0 0 12px; }
.box-buttons ul li a:hover { text-decoration: none; }
.box-buttons ul li a span { font-size: 17px; }
.box-buttons .icon { position: absolute; width: 40px; height: 40px; }
.icon-mic { background: url(images/icon-mic.gif) no-repeat 0 0; top:-16px;right:4px; }
.icon-speaker { background: url(images/icon-speaker.gif) no-repeat 0 0; top:-19px;right:13px; }
.icon-calendar { background: url(images/icon-calendar.gif) no-repeat 0 0; top:-20px;right:11px; }

.box-reports { background: url(images/box-reports-bg.jpg) no-repeat 0 0; width: 954px; height: 543px; padding: 0 0 0 6px; margin: 0 0 17px 0; -moz-user-select: none; user-select: none;}
.box-reports h2 { z-index:1; font-size: 25px; line-height: 28px; color: #fff; padding: 8px 0 0 10px; -moz-user-select: none; user-select: none; position:absolute; }
.box-reports ul { z-index:1; list-style: none; margin: 10px 12px 0 0; -moz-user-select: none; user-select: none; }
.box-reports ul li { z-index:1; display: inline; float: left; margin: 0 8px 0 0; -moz-user-select: none; user-select: none; }
.box-reports ul li a { z-index:1; background: url(images/btn-tab.gif) no-repeat 0 0; width: 94px; height: 34px; float: left; font-size: 17px; line-height: 34px; color: #1099bb; font-weight: bold; text-align: center; font-family:Arial, Helvetica, sans-serif; -moz-user-select: none; user-select: none;}
.box-reports ul li a.active { color: #fff; -moz-user-select: none; user-select: none; }
.box-reports .text { z-index:1; padding: 31px 28px 0 18px; -moz-user-select: none; user-select: none; }

.box-reports .item { z-index:1; width: 314px; margin: 0 6px 0 0; }
.box-reports .item h3, 
.box-pricing .item h3 { z-index:1; font-size: 28px; line-height: 28px; color: #2fb1cf; }
.box-reports .item h4, 
.box-pricing .item h4 { z-index:1; font-size: 24px; line-height: 24px; color: #a2a2a2; font-weight: normal; padding: 0 0 15px 0; }
.box-reports .item p { z-index:1; font-family: Arial, sans-serif; font-size: 12px; line-height: 21px; color: #ebebeb; }
.box-reports .item .button { z-index:1; width: 201px; height: 221px; display: block; margin: 9px auto 0 auto; position: relative; }
.box-reports .item .button:hover span { z-index:1; background: url(images/magnifier.png) no-repeat 0 0; width: 78px; height: 75px; position: absolute; bottom:-5px;right:0; }
.box-reports .item-basic { z-index:1; margin: 0; }

.item-comp .button { background: url(images/btn-comp.png) no-repeat 0 0; }
.item-intel .button { background: url(images/btn-intel.png) no-repeat 0 0; }
.item-basic .button { background: url(images/btn-basic.png) no-repeat 0 0; }

.item-comp .text { position:absolute; width:265px; z-index:1; background: url(images/item-comp-text.gif) no-repeat center 0; }
.item-intel .text { position:absolute; width:265px;  z-index:1; background: url(images/item-intel-text.gif) no-repeat center 0; }
.item-basic .text { position:absolute; width:265px;  z-index:1; background: url(images/item-basic-text.gif) no-repeat center 0; }

.btn-gray { background: url(images/btn-gray.png) no-repeat 0 0; width: 314px; height: 82px; display: block; margin: 10px 0 0 0; }

.btn-phone { background: url(images/btn-phone.gif) no-repeat 0 0; margin: 0 19px 27px 10px; }
.btn-start { background: url(images/btn-start.gif) no-repeat 0 0; margin: 0 0 27px 0;}
.btn-phone, 
.btn-start { width: 400px; height: 72px; font-size: 36px; line-height: 36px; color: #fff; font-weight: bold; text-align: center; padding: 0 60px 0 0; }
.btn-phone:hover, 
.btn-start:hover { text-decoration: none; }
.btn-phone span, 
.btn-start span { font-size: 20px; line-height: 20px; color: #042b34; font-weight: normal; position: relative; top:-10px; margin: -10px 0 0 0; }

.items { padding: 30px 22px 0 0; }
.items .item { width: 440px; padding: 0 0 30px 0; }
.items .item .image { width: 125px; height: 121px; }
.items .item .text { width: 310px; }
.items .item h2 { font-size: 27px; line-height: 30px; color: #51545f; font-weight: normal; padding: 0 0 6px 0; }
.items .item p {  }

.item1 .image { background: url(images/icon1.png) no-repeat 0 0; }
.item2 .image { background: url(images/icon2.png) no-repeat 0 0; }
.item3 .image { background: url(images/icon3.png) no-repeat 0 0; }
.item4 .image { background: url(images/icon4.png) no-repeat 0 0; }

.item1 .text, 
.item2 .text { padding: 35px 0 0 5px; }
.item3 .text, 
.item4 .text { padding: 7px 0 0 5px; }

.no { background: url(images/no-bg.gif) no-repeat 0 0; width: 960px; height: 51px; display: block; font-size: 30px; line-height: 51px; color: #fff; font-weight: bold; text-align: center; margin: 3px 0 20px 0; }
.no:hover { text-decoration: none; }

.box-pricing { background: url(images/box-pricing-bg.gif) no-repeat 0 0; width: 955px; height: 531px; padding: 11px 0 0 9px; margin: 0 0 22px 0; }
.box-pricing .head { background: url(images/box-pricing-h.gif) no-repeat 0 0; width: 925px; height: 36px; padding: 0 13px 0 0; }
.box-pricing .head h2 { width: 735px; font-size: 25px; line-height: 30px; color: #fff; padding: 0 0 0 15px; }
.box-pricing .head h2 span { font-size: 15px; }
.box-pricing .head .price { background: url(images/box-pricing-h2.gif) no-repeat right 3px; font-size: 25px; line-height: 30px; color: #fff; font-weight: bold; padding: 0 30px 0 0; }
.box-pricing .item { width: 302px; height: 475px; padding:0; margin: 0 18px 0 0; position: relative; }
.box-pricing .icon { width: 85px; height: 96px; margin: 0 0 0 20px; }
.box-pricing ul { list-style: none; width: 255px; padding: 40px 0 0 23px; }
.box-pricing ul li { font-size: 16px; line-height: 19px; color: #464646; padding: 0 0 20px 17px; }
.box-pricing .credits { background: url(images/credits-bg.gif) no-repeat 0 0; width: 273px; height: 62px; position: absolute; bottom:14px;left:14px; }
.box-pricing .number { background: url(images/num-bg.gif) no-repeat 0 0; width: 81px; padding: 0 0 0 39px; margin: 14px 0 0 10px; }
.box-pricing .number h2 {  }
.box-pricing .number h2 span { position: relative; top:-10px; }
.box-pricing .button { background: url(images/btn-signup2.gif) no-repeat 0 0; width: 133px; height: 43px; font-size: 24px; line-height: 43px; color: #fff; font-weight: bold; text-align: center; margin: 9px 10px 0 0; }
.box-pricing .button:hover { text-decoration: none; }
.box-pricing .item-basic2 { margin: 0; }
.box-pricing .title { padding: 49px 0 0 109px; }
.box-pricing .text {  }

.item-comp2 { background: url(images/item-comp-bg.gif) no-repeat 0 0; }
.item-intel2 { background: url(images/item-intel-bg.gif) no-repeat 0 0; }
.item-basic2 { background: url(images/item-basic-bg.gif) no-repeat 0 0; }

.item-comp2 .icon { background: url(images/item-comp-icon.png) no-repeat 0 0; }
.item-intel2 .icon { background: url(images/item-intel-icon.png) no-repeat 0 0; }
.item-basic2 .icon { background: url(images/item-basic-icon.png) no-repeat 0 0; }

.item-comp2 ul li { background: url(images/dot-blue.gif) no-repeat 0 4px;  }
.item-intel2 ul li { background: url(images/dot-red.gif) no-repeat 0 4px; }
.item-basic2 ul li { background: url(images/dot-yellow.gif) no-repeat 0 4px; }

.credits {  }
.items .item .credits h2 { font-size: 25px; line-height: 25px; color: #fff; }
.items .item .credits h2 span { font-size: 13px; line-height: 13px; color: #fff; }

#footer { background: url(images/footer-bg.gif) repeat-x 0 0; height: 164px; }
.footer-top { background:#21252e url(images/footer-t.gif) repeat-x 0 0; min-height: 113px; border-bottom:solid 1px #33343e; }
.footer-bottom { background:#1b1c22 url(images/footer-b.gif) repeat-x 0 0; min-height: 50px; }