html {
    background-color: #828489;    
}

body {
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
    background: #828489 url(./images/background.png) no-repeat;
    font-family: 'century gothic',verdana,arial,helvetica,sans-serif;
    color: white;
}

body.home {
    background: #828489 url(./images/home/background.png) no-repeat;
}

body.support {
    background: #828489 url(./images/support/background.png) no-repeat;
    color: #666666;
}

body.contact {
    background: #828489 url(./images/contact/background.png) no-repeat;
    color: #666666;
}

body.contact div.header {
    height: 120px;
    width: 80%;
    margin: 0 auto;    
    min-width: 950px;
}

body.contact div.content-frame {
    background-color: white;
    width: 100%;
}

div.content {
    width: 80%;
    margin: 0 auto;    
    min-width: 950px;
}

div.header {
    height: 120px;
    width: 100%;
}

div.body {
    min-height: 674px;
    width: 100%;
}

a.logo {
    float: left;
    margin-left: -23px;
}


ul.navigation {
    float: right;
    margin-top: 60px;
}

ul.navigation li {
    display: block;
    float: left;
    margin-left: 1em;
}

ul.navigation a {
    font-weight: bold;
    color: #636466;
    text-decoration: none;
}

ul.navigation a.active, ul.navigation a:hover {
    color: white;
}

div.pitch {
    width: 440px;
}

div.pitch div.first {
    font-size: 2em;
    font-weight: bold;
}

div.pitch div.first span {
    color: #c1151b;
}

div.pitch div.second {
    margin: 1em 0em;
}

div.signup {
    background: url(./images/home/signup.png) no-repeat;
    width: 194px;
    height: 81px;
    color: white;
    cursor: pointer;
    text-align: center;
}

div.signup a, div.signup a:visited{
    color: white;
    text-decoration: none;
    font-size: 2 em;
    font-weight: bold;
}

div.mainline {
    padding-top: 60px;
}

div.console {
    background: url(./images/home/box.png) no-repeat;
    width: 468px;
    height: 256px;
    float:right;
}

div.console ul.links {
    font-size: 1em;
    margin: 1em 2em 2em 2em;
}

div.console ul.links li {
    display: block;
    float: left;
    margin-right: 1em;
}

div.console ul.links a {
    font-weight: bold;
    color: #636466;
    text-decoration: none;
}

div.console ul.links a.active, ul.links a:hover {
    color: white;
}

div.console div.text {
    padding: 2em;
    font-family: Consolas, 'Andale Mono', 'Courier New', monospace;
    color: white;
    font-size: 1em;
}

div.blocks {
    margin: 20px 0 0 0;
}

div.blocks div.block {
    width: 310px;
    height: 240px;
}

div.blocks div.block h2,div.title {
    font-size: 1.5em;
    font-weight: bold;
    color: #d1d1d1;
    height: 42px;
    padding: 15px 0px 0px 20px;
}

div.blocks div.block p,div.text {
    font-size: 0.8em;
    color: white;
    padding: 5px 20px 0px 20px;
}


div.blocks div.l { float: left }
div.blocks div.r { margin: 0 auto; }
div.blocks div.m { float: right }

div.blocks div.send {
    background: url(./images/home/send.png) no-repeat;
}

div.blocks div.receive {
    background: url(./images/home/receive.png) no-repeat;
}

div.blocks div.api {
    background: url(./images/home/api.png) no-repeat;
}

div.footer-content {
    width: 80%;
    margin: 0 auto;    
    min-width: 940px;
}

div.footer {
    height: 100px;
    padding-top: 20px;
}

div.footer div.block {
    width: 310px;
}

div.footer div.block h3 {
    font-size: 0.8em;
    font-weight: bold;
    color: #d1d1d1;
    margin-bottom: 0.5em;
}

div.footer div.block ul.text {
    font-size: 0.8em;
    color: white;
}

div.footer div.block ul.text li {
    padding-bottom: 0.5em;
}

div.footer div.block ul.text li a{
    color: white;
}

div.footer div.left {
    float: left;
}

div.footer div.center {
    margin: 0 auto;
}

div.footer div.right {
    float: right;
}

div.howitworks {

}

div.howitworks h1 {
    font-weight: bold;
    font-size: 2.5em;
    color: #c1151b;
    padding-top: 0.6em;
    padding-bottom: 0.2em;
}

div.howitworks div.diagram {
    height: 342px;
    width: 100%;
}

div.howitworks div.center {
    background: #828489 url(./images/howitworks/diagram/background.png) repeat-x;
    height: 342px;
    margin: 0px 5px;
}

div.howitworks div.lborder {
    height: 342px;
    width: 5px;
    background: #828489 url(./images/howitworks/diagram/lborder.png) no-repeat;
    float: left;
}

div.howitworks div.rborder {
    width: 5px;
    height: 342px;
    background: #828489 url(./images/howitworks/diagram/rborder.png) no-repeat;
    float: right;
}

div.howitworks div.thumbs{
    margin: 0 auto;
    width: 320px;
    height: 50px;
}

div.howitworks div.thumb {
    margin: 0px 0px 0px 10px;
    width: 40px;
    height: 47px;
    float: left;
}

div.howitworks  div.mailgun-active {
    background: #828489 url(./images/howitworks/diagram/mailgun-active.png) no-repeat;
}

div.howitworks  div.mailgun-inactive {
    background: #828489 url(./images/howitworks/diagram/mailgun-inactive.png) no-repeat;
    cursor: pointer;
}

div.howitworks  div.mailout-active {
    background: #828489 url(./images/howitworks/diagram/mailout-active.png) no-repeat;
}

div.howitworks  div.mailout-inactive {
    background: #828489 url(./images/howitworks/diagram/mailout-inactive.png) no-repeat;
    cursor: pointer;
}

div.howitworks  div.mailin-active {
    background: #828489 url(./images/howitworks/diagram/mailin-active.png) no-repeat;
}

div.howitworks  div.mailin-inactive {
    background: #828489 url(./images/howitworks/diagram/mailin-inactive.png) no-repeat;
    cursor: pointer;
}

div.howitworks  div.gear-active {
    background: #828489 url(./images/howitworks/diagram/gear-active.png) no-repeat;
}

div.howitworks  div.gear-inactive {
    background: #828489 url(./images/howitworks/diagram/gear-inactive.png) no-repeat;
    cursor: pointer;
}

div.howitworks  div.wheel-active {
    background: #828489 url(./images/howitworks/diagram/wheel-active.png) no-repeat;
}

div.howitworks  div.wheel-inactive {
    background: #828489 url(./images/howitworks/diagram/wheel-inactive.png) no-repeat;
    cursor: pointer;
}

div.howitworks  div.mailbox-active {
    background: #828489 url(./images/howitworks/diagram/mailbox-active.png) no-repeat;
}

div.howitworks  div.mailbox-inactive {
    background: #828489 url(./images/howitworks/diagram/mailbox-inactive.png) no-repeat;
    cursor: pointer;
}

div.howitworks div.diagram div.center div.diagram-contents {
    height: 287px;
    width: 100%;
}

div.slide {

}

div.slide div.text {
    padding: 1em 0em 0em 2em;
    width: 50%;
}

div.slide div.image {
    float: right;
}

div.slide h1 {
    margin: 0 0 0.5em 0;
    padding: 0px;
    color: white;
    font-size: 1.6em;
}

div.slide p {
    color: white;
    font-size: 1.5em;
}

div.slide a {
    margin: 2em 0 0 0;
    display: block;
}

div.slide div.code {
    background-color: #343438;
    width: 422px;
    height: 227px;
    font-family: Consolas, 'Andale Mono', 'Courier New', monospace;
    color: white;
    font-size: 10pt;
    float: right;
    margin: 20px;
    padding: 10px;
}

div.slide div.control-panel {
    margin: 10px;
}

div.advantages {
    margin: 20px 0 0 0;
}

div.advantages div.block {
    width: 310px;
    height: 181px;
    background: url(./images/howitworks/advantage.png) no-repeat;
}

div.advantages div.advantage div.title {
    font-size: 1.5em;
    font-weight: bold;
    color: #d1d1d1;
    height: 42px;
    padding: 15px 0px 0px 20px;
}

div.advantages div.advantage div.text {
    font-size: 0.8em;
    color: white;
    padding: 5px 20px 0px 20px;
}

div.advantages div.first {
    float: left;
}

div.advantages div.second {
    margin: 0 auto;
}

div.advantages div.third {
    float: right;
}


div.pricing {
    padding-top: 0.6em;
}

div.pricing div.intro {
    width: 100%;
}

div.pricing div.intro a, div.pricing div.intro a:visited {
    color: white;
}

div.pricing div.intro h1 {
    font-weight: bold;
    font-size: 2.5em;
    color: #c1151b;
    padding-bottom: 0.2em;
}

div.pricing div.intro p {
    color: white;
    font-size: 1em;
    padding-bottom: 0.5em;
}

div.pricing table {
    margin-top: 1em;
    margin-bottom: 1em;
    width: 100%;
    text-align: center;
}

div.pricing table thead {
    height: 80px;
    width: 100%;
    background: transparent url(./images/pricing/box-top.png) repeat-x;
}

div.pricing table thead th {
    width: 20%;
    border-right: 1px solid #666666;
}

div.pricing table thead th.last {
    width: 20%;
    border-right: 0px;
}

div.pricing table thead th div{
    text-align: center;
}

div.pricing table thead th div.name {
    font-size: 1.7em;
}

div.pricing table tbody, div.pricing table tfoot {    
    background: transparent url(./images/pricing/box-body.png) repeat;
    width: 100%;
}

div.pricing table tbody {    
    height: 200px;
}

div.pricing table tbody td {
    border-right: 1px solid #666666;
}

div.pricing table tbody td.last {
    border-right: 0px;
}

div.pricing table tfoot {    

}

div.pricing table tfoot td {    
    padding: 2em 0;
    border-right: 1px solid #666666;
}

div.pricing table tfoot td.last {    
    border-right: 0px;
}

div.pricing table tbody tr {
    vertical-align: top;
    font-size: 0.8em;
    text-align: center;
}

div.pricing table tbody td {
    font-size: 1.5em;
}

div.pricing table tbody td p {
    padding-top: 1em;
}

div.pricing table tbody td p span{
    color: #C1151B;
    font-weight: bold;    
}


div.pricing div.intro a, div.pricing div.intro a:visited {
    color: white;
}

div.pricing div.intro h1 {
    font-weight: bold;
    font-size: 2.5em;
    color: #c1151b;
    padding-bottom: 0.2em;
}

div.pricing div.intro p {
    color: white;
    font-size: 1em;
    padding-bottom: 0.5em;
}


div.support {
    width: 100%;
    padding-top: 2em;
}

div.support div.doclinks {
    background-color: #eaeced;
    width: 200px;
    height: 442px;
    padding: 20px;
    float: right;
}

div.support div.doclinks h2 {
    font-weight: bold;
    font-size: 1.3em;
}

div.support div.doclinks ul li {
    padding: 0.5em 0 0 0;
    background-color: efefef;
    font-weight: bold;
}

div.support div.doclinks ul a {
    color: #C1151B;
    text-decoration: none;
}

div.support  {

}

div.support h1 {
    color:#C1151B;
    font-size:2.5em;
    font-weight:bold;
    padding-bottom:0.2em;
}

div.support div.form {
    margin-right: 255px;
}

div.support div.help {
    background-color: #eaeced;
    padding: 1em;
}

div.support div.help span {
    color: #C1151B;
}

div.support div.form h2 {
    font-weight: bold;
    font-size: 1.3em;
}

div.support form {
    margin: 1em 0;
}

div.support form label {
    font-weight: bold;
    font-size: 1.3em;
    display: block;
    margin-bottom: 0.3em;
}

div.support form label em {
    font-size: 0.8em;
}

div.support form input, div.support form textarea {
    border: 1px solid #84868b;
    background-color: #eaeced;
    font-size: 1.5em;
    margin-bottom: 1em;
    width: 100%;
}

div.support form textarea {
    height: 150px;
}


div.contact  {
    width: 100%;
    padding-top: 2em;
}

div.contact img {
    float: left;
    padding: 6px;
    border: 2px solid #CCCCCC;
}

div.contact h1 {
    color:#C1151B;
    font-size:2.5em;
    font-weight:bold;
    padding-bottom:0.2em;
}

div.contact ul.team {
    font-size: 0.84em;
}

div.contact ul.team div.hr {
    width: 74px;
    height: 2px;
    background-color: #CCCCCC;
}

div.contact ul.team h2 {
    color:black;
    font-size:1em;
    font-weight:bold;
    margin: 1em 0;
}

div.contact ul.team p {
    font-size: 1em !important;
    padding: 0 0 1em 0;
    margin-left: 90px;
}

div.contact p {
    font-size: 0.84em;
    padding: 0 0 1em 0;
}

div.contact table {
    width: 100%;
}

div.contact table tr {
    vertical-align: top;
}

div.contact table td {
    width: 50%;
    padding: 0 6em 0 0;
}

div.contact ul.location {
    font-size: 0.84em;
}

div.contact ul.location div.hr {
    clear: both;
    width: 114px;
    height: 2px;
    background-color: #CCCCCC;
}

div.contact ul.location img {
    margin-bottom: 2em;
}

div.contact ul.location h2 {
    color:black;
    font-size:1em;
    font-weight:bold;
    margin: 1em 0;
}

div.contact ul.location p {
    font-size: 1em !important;
    padding: 0 0 1em 0;
    margin-left: 120px;
}

div.contact ul.location p.noimage {
    font-size: 1em;
    padding: 0;
    margin: 0;
}