@font-face {
    font-family: 'ClarendonLtBTLight';
    src: url('fonts/clarendon_light_bt-webfont.eot');
    src: url('fonts/clarendon_light_bt-webfont86d7.eot?iefix') format('eot'), url('fonts/clarendon_light_bt-webfont.woff') format('woff'), url('fonts/clarendon_light_bt-webfont.ttf') format('truetype'), url('fonts/clarendon_light_bt-webfont.svg#webfontKCYwSGXz') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'BebasNeueRegular';
    src: url('fonts/bebasneue-webfont.eot');
    src: url('fonts/bebasneue-webfont86d7.eot?iefix') format('eot'), url('fonts/bebasneue-webfont.woff') format('woff'), url('fonts/bebasneue-webfont.ttf') format('truetype'), url('fonts/bebasneue-webfont.svg#webfontYPEqzkIb') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: FSAlbertaLight;
    src: url('fonts/FSAlbert-Light.otf');
}
@font-face {
    font-family: FSAlbertaBold;
    src: url('fonts/FSAlbertExtra.otf');
}
@font-face {
    font-family: 'HelveticaNeue';
    src: url('fonts/helveticaneueltstd-lt-webfont.eot');
    src: url('fonts/helveticaneueltstd-lt-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/helveticaneueltstd-lt-webfont.woff') format('woff'), url('fonts/helveticaneueltstd-lt-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
/* Reset -------------------------------------------------------------------------------------------------------- */

* {
    margin: 0px;
    padding: 0px;
    outline: none;
    text-decoration: none;
    border: none;
}
li {
    list-style: none;
}
a:active, button {
    outline: none;
}
:focus {
    -moz-outline-style: none;
}
/* Clear-Fixes -------------------------------------------------------------------------------------------------- */

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    font-size: 0;
    clear: both;
    visibility: hidden;
}
.clearfix {
    display: inline-block;
}
* html .clearfix {
    height: 1%;
}
.clearfix {
    display: block;
}
.clear {
    clear: both;
}
/* Basics ------------------------------------------------------------------------------------------------------- */

body {
    font-family: "Droid Sans", "Lucida Grande", Segoe UI, 'HelveticaNeue', Arial, sans-serif;
    background: #fcfcfc url(img/background.png) repeat-x;
}
p {
    line-height: 2em;
    color: #333;
    font-size: 15px;
}
a {
    color: #2b96f1;
}
a:hover {
    cursor: pointer;
}
strong {} em {
    font-style: italic;
}
del {
    text-decoration: line-through;
}
li {
    text-decoration: none;
    list-style: none;
}
h1 {
    font-size: 54px;
    line-height: normal;
    margin: 0.3em 0px 10px;
    font-family: 'BebasNeueRegular', 'FSAlbertaLight', "Droid Sans", "Lucida Grande", Segoe UI, 'HelveticaNeue', Arial, sans-serif;
    color: #333;
    font-weight: normal;
}
h2 {
    font-size: 34px;
    line-height: 1.2;
    margin: 0.3em 0px 10px;
}
h3 {
    font-size: 20px;
    line-height: 1.2;
    margin: 0.3em 0px 10px;
}
h4 {
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
    line-height: 1.1;
    margin: inherit;
}
h2, h3, h4, h5 {
    font-family: 'BebasNeueRegular', 'FSAlbertaLight', "Droid Sans", "Lucida Grande", Segoe UI, 'HelveticaNeue', Arial, sans-serif;
    font-weight: normal;
    color: black;
    padding-top: 5px;
    text-align: justify;
    margin-top: 10px;
}
h6 {
    font-size: 90px;
    line-height: normal;
    margin: 0.3em 0px 10px;
    font-family: "Droid Sans", "Lucida Grande", Segoe UI, 'HelveticaNeue', Arial, sans-serif;
    color: #999999;
    font-weight: normal;
}
.wrapper {
    width: 980px;
    margin: auto;
}
#header {
    position: relative;
    height: 110px;
}
*::selection {
    background: #2b96f1;
    color: #fff;
}
*::-moz-selection {
    background: #2b96f1;
    color: #fff;
}
*::-webkit-selection {
    background: #2b96f1;
    color: #fff;
}
.container-left {
    float: left;
    width: 490px;
}
.container-right {
    float: right;
    width: 490px;
}
.float-left {
    float: left;
}
.float-right {
    float: right;
}
.no-hover {
    border: none !important;
}
.no-padding-left {
    padding-left: 0;
}
.no-padding-top {
    padding-top: 0 !important;
}
.no-margin-top {
    margin-top: 0 !important;
}
.relative {
    position: relative;
}
.center {
    text-align: center;
}
.unmovable {
    text-indent: -7932px;
}
.w150 {
    width: 150px !important;
}
/* Header -------------------------------------------------------------------------------------------------------- */

a#logo {
    position: absolute;
    top: 45px;
    left: 0px;
}
/* MENU HERE */

ul#menu {
    position: absolute;
    right: 0;
    top: 44px;
    height: 26px;
}
ul#menu li {
    float: left;
}
ul#menu li span a {
    display: inline-block;
    color: black;
    text-align: center;
    text-decoration: none;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    border-radius: 30px;
    border: 1px solid #d3d3d3;
    padding: 5px 20px 5px 20px;
    margin: 10px;
}
ul#menu li span.active a {
    background: rgb(230, 145, 56);
    color: white;
}
/* End of Menu */
/* Footer -------------------------------------------------------------------------------------------------------- */

#footer {
    width: 100%;
    position: relative;
    text-align: center;
    margin-top: 5px;
    padding-top: 15px;
    font-size: 13px;
    height: 50px;
}
#footer img.mig {
    position: absolute;
    right: 20px;
    top: 20px;
}
#footer .goTop {
    text-indent: -9999px;
    background: url(img/go-to-top.png) no-repeat;
    width: 136px;
    height: 46px;
    position: absolute;
    left: 20px;
    top: 0;
    border: none;
}
#footer span {
    color: #8e8e8e;
}
#footer a:hover, #footer li.current_page_item a {
    color: #2b96f1;
}
#footer .top ul.footer_navi {
    width: 400px;
    float: left;
    padding: 20px 60px 0 110px;
    text-align: center;
}
#footer .top ul.footer_navi li {
    display: inline;
    padding-right: 25px;
}
#footer .bottom {
    float: none;
    text-align: center;
}
#footer .bottom p {
    font-size: 13px;
    color: #4b4b4b;
}
/* Home -------------------------------------------------------------------------------------------------------- */

#drowning {
    background: url(img/home/drowning.png) no-repeat bottom center;
    height: 115px;
    width: 692px;
    overflow: hidden;
    text-indent: -7932px;
    margin: 0 auto 30px auto;
}
#introducing {
    background: url(img/home/introducing.png) no-repeat;
    height: 70px;
    width: 695px;
    overflow: hidden;
    text-indent: -7932px;
    margin: 0 auto 0 auto;
    position: relative;
}
#introduction-left {
    float: left;
    width: 380px;
    margin: 0 30px 0 80px;
    text-align: center;
}
#introduction-right {
    float: right;
    width: 380px;
    margin: 0 80px 0 30px;
    text-align: center;
}
#introduction-left p, #introduction-right p {
    text-align: left;
}
/* product -------------------------------------------------------------------------------------------------------- */

#product {
    margin-bottom: 50px;
}
#product #introducing-product {
    background: url('img/product/introducing-product.png') top center no-repeat;
    margin-bottom: 10px;
    width: 980px;
    height: 128px;
    text-indent: -9876px;
    overflow: hidden;
}
#product #compare {
    background: url('img/product/compare_header.png') top center no-repeat;
    margin-bottom: 5px;
    width: 980px;
    height: 188px;
    text-indent: -9876px;
    overflow: hidden;
}
#product #see-features {
    position: relative;
    text-align: center;
    padding-bottom: 5px;
    padding-top: 5px;
}
#product #know-more {
    margin: 64px 0 70px 0;
    background: url('img/product/want-to-know-more.png') top center no-repeat;
    width: 980px;
    height: 118px;
    text-indent: -9876px;
    overflow: hidden;
}
.download {
    width: 250px;
    margin: 0px auto;
    height: 44px;
}
.download a {
    height: 48px;
    display: block;
    text-indent: -9999px;
    float: left;
}
.download a.windows {
    width: 256px;
    background-image: url(img/product/download_now.png);
}
.download a:hover {
    background-position: 0px 0px;
}
.downloadinfos {
    width: 830px;
    margin: 40px auto;
}
.downloadinfos .paperlist {
    margin-top: 20px;
}
.downloadinfos .paperlist li {
    background: url(img/liststyle_paper.png) 0px 3px no-repeat;
    margin-bottom: 10px;
    padding-left: 19px;
    font-size: 14px;
}
.downloadinfos .paperlist li a {
    font-size: 14px !important;
    margin: 0px;
}
.downloadinfos div.teaser {
    float: left;
    width: 340px;
    margin-right: 150px;
}
.downloadinfos div.readmore {
    float: left;
    width: 340px;
    font-size: 15px;
}
.downloadinfos .margin-right {
    margin-right: 20px;
}
#product #features .textbox {
    padding-bottom: 55px;
}
#product #features .textbox .text {
    padding-top: 22px;
    padding-left: 5px;
    width: 490px;
}
#product #features .textbox img#coming-soon {
    position: relative;
    top: 0;
    left: 380px;
}
#product #features .textbox img#download_now {
    position: relative;
    top: 0;
    left: 260px;
}
#product #features .textbox img#shortcuts {
    position: absolute;
    top: -120px;
    right: -84px;
}
#product #features .textbox img#magnifier {
    position: absolute;
    bottom: -49px;
    right: -63px;
}
/* compare -------------------------------------------------------------------------------------------------------- */

#compare {
    margin-bottom: 50px;
}
#compare #introducing-compare {
    background: url('img/compare/introducing-product.png') top center no-repeat;
    margin-bottom: 50px;
    width: 980px;
    height: 188px;
    text-indent: -9876px;
    overflow: hidden;
}
#compare #compare {
    background: url('img/compare/compare_header.png') top center no-repeat;
    margin-bottom: 50px;
    width: 980px;
    height: 188px;
    text-indent: -9876px;
    overflow: hidden;
}
#compare #see-features {
    position: relative;
    text-align: center;
    padding-bottom: 30px;
    padding-top: 20px;
}
#compare #know-more {
    margin: 24px 0 20px 0;
    background: url('img/compare/want-to-know-more.png') top center no-repeat;
    width: 980px;
    height: 118px;
    text-indent: -9876px;
    overflow: hidden;
}
.download {
    width: 275px;
    margin: 0px auto;
    height: 44px;
}
.download a {
    height: 48px;
    display: block;
    text-indent: -9999px;
    float: left;
}
.download a.windows {
    width: 256px;
    background-image: url(img/compare/download_now.png);
}
.download a:hover {
    background-position: 0px 0px;
}
.downloadinfos {
    width: 830px;
    margin: 40px auto;
}
.downloadinfos .paperlist {
    margin-top: 20px;
}
.downloadinfos .paperlist li {
    background: url(img/liststyle_paper.png) 0px 3px no-repeat;
    margin-bottom: 10px;
    padding-left: 19px;
    font-size: 14px;
}
.downloadinfos .paperlist li a {
    font-size: 14px !important;
    margin: 0px;
}
.downloadinfos div.teaser {
    float: left;
    width: 340px;
    margin-right: 150px;
}
.downloadinfos div.readmore {
    float: left;
    width: 340px;
    font-size: 15px;
}
.downloadinfos .margin-right {
    margin-right: 20px;
}
#compare #features .textbox {
    padding-bottom: 55px;
}
#compare #features .textbox .text {
    padding-top: 22px;
    padding-left: 5px;
    width: 490px;
}
#compare #features .textbox img#coming-soon {
    position: relative;
    top: 0;
    left: 380px;
}
#compare #features .textbox img#download_now {
    position: relative;
    top: 0;
    left: 260px;
}
#compare #features .textbox img#shortcuts {
    position: absolute;
    top: -120px;
    right: -84px;
}
#compare #features .textbox img#magnifier {
    position: absolute;
    bottom: -49px;
    right: -63px;
}
/* About -------------------------------------------------------------------------------------------------------- */

#about #successful-team #team-slogan {
    background: url('img/about/header.png') top center no-repeat;
    margin: 0 0;
    width: 980px;
    height: 118px;
    text-indent: -9876px;
    overflow: hidden;
}
#content .bottom {
    margin: 60px 0 0 0;
    width: 980px;
}
#content .bottom h3 a {
    color: #212121 !important;
}
#content .bottom h3 a:hover {
    border: none;
    text-decoration: none;
    color: #212121 !important;
}
/* cross-browsing ---------------------------------------------------------------------------------------------------- */

* html #introduction-left {
    margin-left: 40px;
}
* html #introduction-right {
    margin-right: 40px;
}
* html #product #features-background-top, * html #content .bottom .comment-top, * html #content .content-background-top {
    margin-bottom: -13px;
}
*+html #product #features .textbox img#magnifier {
    bottom: -50px;
}
* html #content .entry .author .author-left, * html #content .entry .author .author-right {
    top: 11px;
}
* html .linklist {
    margin: 10px 19px 20px 10px;
}
* html .linklist ul li {
    margin: 5px 10px 0 0;
}
* html #content .bottom .seperator {
    margin-bottom: 0;
}
* html #content .bottom .comment-body .commentlist .comment .date {
    margin-left: 40px;
}
* html #content .bottom .comment-body .respond .left {
    margin-left: 40px;
}
#sidebar {
    width: 180px;
    padding-top: 10px;
    float: left;
    margin-top: 20px;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0px;
    padding-right: 20px;
}
ul#sidebar {
    width: 180px;
    margin: 20px 0 0 10px;
}
#sidebar h3, #sidebar p, #sidebar ul {
    padding-left: 20px;
}
#sidebar h3 {
    margin: 0 0 12px 0;
    color: #666666;
}
#sidebar p {
    margin-top: 4px;
    color: #444444;
    padding-bottom: 10px;
    margin-bottom: 10px;
    line-height: 1.6em;
}
#sidebar ul {
    padding-bottom: 10px;
    margin-bottom: 10px;
}
#sidebar h3 a {
    color: #5494ca;
    text-decoration: none;
}
#sidebar h3 a:hover {
    text-decoration: underline;
}
#sidebar li a {
    display: block;
    height: 24px;
    text-align: left;
    color: #557eb0;
    text-decoration: none;
    padding: 6px 0 0 12px;
}
#sidebar li a:hover {
    text-decoration: underline;
}
#sidebar li a.selected {
    text-decoration: none;
    color: #444444;
    height: 26px;
    padding-top: 8px;
}
#sidebar li a:hover .selected {
    text-decoration: none;
    border-bottom-color: #5494D3;
}
#steelsidebar dl {
    margin: 20px 0 0 10px;
    text-align: left;
}
#steelsidebar dt {
    font-weight: bold;
    text-decoration: none;
    color: #444444;
    height: 32px;
    padding-top: 8px;
}
#steelsidebar dd a {
    height: 24px;
    padding-top: 0px;
}
#steelsidebar dd a {
    color: #557eb0;
    text-decoration: none;
}
#steelsidebar dd a:hover {
    text-decoration: underline;
}
#steelcontent {
    float: left;
    width: 630px;
}
/* GENERIC INTERIOR/LEAF PAGES */

#leafboard {
    padding: 40px 10px 0 0;
    color: #444444;
}
#message h2 {
    color: #ff3333;
    font-size: 123.1%;
    font-weight: bold;
    text-align: center;
}
#leafboard h1 {
    font-size: 32px;
    font-weight: bold;
}
#leafboard li {
    list-style: circle inside;
    font-size: 100%;
    margin-top: 6px;
}
#leafboard .cta {
    float: right;
    margin: -10px 10px 0 0;
}
#leafcontent {
    padding-right: 20px;
}
#leafcontent h2 {
    color: #444444;
    font-size: 123.1%;
    font-weight: bold;
    line-height: 1.6em;
    margin: 18px 0 12px 0;
}
#leafcontent h3 {
    color: #444444;
    font-size: 123.1%;
    font-weight: bold;
    margin: 24px 0 12px 0;
    padding-bottom: 6px;
    border-bottom: solid 1px #dfedf5;
}
#pagination {
    margin-top: 20px;
}
.nosidebar {
    float: none !important;
    margin: 0 auto !important;
}
/* -- COMPANY INFO -- */

#companyboard {
    width: 620px;
    height: 280px;
    margin: 10px 10px 0 0;
    background-color: #cccccc;
    position: relative;
}
#companyboard h1 {
    color: white;
    font-size: 36px;
    font-weight: bold;
    position: absolute;
    bottom: 10px;
    left: 10px;
    z-index: 1000;
}
#companycarousel {
    margin-top: 6px;
}
#companycarousel img {
    margin-right: 6px;
    padding-bottom: 3px;
    border-bottom: solid 3px white;
}
#companycarousel img.selected {
    border-bottom-color: #a9cee7;
}
#leafcontent .companysection {
    margin-top: 24px;
    border-top: solid 1px #dddddd;
}
#leafcontent .companysection h2 strong {
    color: black;
    font-weight: bold;
}
#leafcontent .companysection h3 {
    border-bottom: none;
}
#leafcontent .companysection a {
    text-decoration: none;
}
#leafcontent .companysection a:hover {
    text-decoration: underline;
}
dl.contactlinks dt {
    width: 140px;
    float: left;
    margin-top: 6px;
    clear: left;
}
dl.contactlinks dd {
    margin-top: 6px;
    float: left;
    white-space: nowrap;
}
#leafcontent .newsarticle p {
    margin-top: 20px;
}
#leafcontent .newsarticle .newsdescription {
    margin-top: 10px;
}
.newsarticle .newsdate {
    color: #999999;
    text-transform: uppercase;
    font-size: 85%;
    margin-top: 6px;
}
.newsarticle .newsauthor {
    color: #659ecd;
    margin-top: 6px;
}
.pressrelease h1 {
    font-size: 24px;
}
.pressrelease ul {
    margin-left: 45px;
    margin-top: 12px;
}
.pressrelease li {
    list-style: outside square;
    margin-top: 6px;
}
#newslist {
    width: 360px;
    float: left;
}
#newsassets {
    background-color: #f5f5f5;
    color: #999999;
    margin-top: 22px;
    width: 200px;
    float: right;
    padding: 0 7px 10px 18px;
}
#newsassets h3 {
    border: none;
}
.newsassetsection {
    margin-bottom: 40px;
}
.newsassetsection div {
    margin-bottom: 20px;
}
h2.newsback {
    padding: 24px 0 24px 0;
    font-weight: bold;
}
.alert {
    color: #cc0000;
    font-weight: bold;
}
.notice {
    color: #ff6600;
    font-weight: bold;
}
hr {
    background-color: #cccccc;
    color: #cccccc;
    height: 1px;
    border: none;
}
#googleplus_widget {
    width: 298px;
    height: 116px;
    float: left;
}
#googleplus_widget span {
    width: 298px;
    height: 116px;
    float: left;
    overflow: hidden;
    background: #fff;
}
#googleplus_widget span div {
    margin: -1px 0 0 -1px !important;
    position: relative;
}