/* 
    Pixeno Main CSS StyleSheet
*/

body {
    margin: 0;
    padding: 0;
    color: #262626;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 62.5%;
    background: url(/images/header-bg.jpg) top center repeat-x #FFF;
}

h1, h2, h3 {
    margin: 0; padding: 0;
}

#header h1,
#header h2,
#footer #social,
#footer #cards,
#prices tr.sign-up td h5 {
    text-indent: -9999em;
    background-repeat: no-repeat;
}

#container {
    width: 1000px; min-height: 400px;
    margin: 0 auto;
}

#header h1 a {
    display: block; position: relative; float: left;
    top: 41px; left: 72px;
    width: 194px; height: 100px;
}

#header #top-nav {
    float: right;
    margin: 20px 100px 0 0;
    list-style: none;
}

#header #top-nav li {
    float: left;
    padding-left: 21px; padding-top: 2px; margin-right: 10px;
    background-repeat: no-repeat;
}

#header #top-nav li.client-login {
    padding-right: 15px;
    background-image: url(/images/icon-padlock.gif);
}
#header #top-nav li.support {
    background-image: url(/images/icon-support.gif);
}

#header #top-nav li a {
    color: #FFF; font-size: 1.2em; text-decoration: none;
}

#header #nav {
    float: right;
    clear: both;
    margin: 14px 100px 116px 0;
    list-style: none;
}

#header #nav li {
    float: left;
}

#header #nav li.divider {
    margin: 0 12px; padding: 7px 0 0;
    font-size: 1.2em; color: #FFF;
}

#header #nav li a {
    display: block;
    padding: 5px 5px;
    color: #FFF; font-size: 1.4em; text-decoration: none;
}

#header #nav li a:hover, #header #nav li a:focus, #header #nav li a:active, #header #nav .on {
    background: url(/images/rgba-000-0.33.png);
}

#header #nav .on a:hover, #header #nav .on a:focus, #header #nav .on a:active {
    background: none;
}

#header h2 {
    clear: both;
    margin: 25px 100px;
    height: 20px;
    background-image: url(/images/we-are-pixeno.gif)
}

#content {
    margin: 10px 100px;
}

#content h3 {
    margin: 0 0 20px 0; padding: 12px 0  0 18px;
    height: 47px;
    color: #FFF; font-size: 3em;
    background: url(/images/page-head-bg.png);
}


.coupon {
	color: #666;
	padding: 2px 0 5px 0;
	margin-bottom: 6px;
	position: relative;
	bottom: 8px;
}
.coupon h4 {
	font-size: 1.2em;
	font-weight: 400;
	margin: 0; padding: 0;
}
.coupon img {
	position: relative;
	top: 3px;
	margin-right: 6px;
}
.coupon span {
	color: #CCC;
	margin: 0 12px;
	position: relative;
	bottom: 1px;
}
.coupon a {
	color: #666;
	text-decoration: none;
}


#why {
	overflow: hidden;
}
#why .item {
    overflow: hidden;
    margin-bottom: 35px;
}
#why .one {
	background: url(/images/1.png) no-repeat left center;
}
#why .two {
	background: url(/images/2.png) no-repeat left center;
}
#why .three {
	background: url(/images/3.png) no-repeat left center;
}
#why .four {
	background: url(/images/4.png) no-repeat left center;
}
#why .five {
	background: url(/images/5.png) no-repeat left center;
}
#why .six {
	background: url(/images/6.png) no-repeat left center;
}
#why .seven {
	background: url(/images/7.png) no-repeat left center;
}
#why .eight {
	background: url(/images/8.png) no-repeat left center;
}
#why .nine {
	background: url(/images/9.png) no-repeat left center;
}
#why .ten {
	background: url(/images/10.png) no-repeat left center;
}
#why .item .text {
	width: 90%;
	font-size: 1.2em;
	float: right;
	margin: 0; padding: 0;
	padding-left: 3%;
	border-left: 1px solid #CCC;
	font-weight: 400;
	color: #555;
}
#why .item .text h4 {
	font-size: 1.4em;
	font-weight: 600;
	margin: 0 0 5px 0;
	color: #333;
}

/* Prices Table */
#prices {
    width: 100%;
    text-align: left;
    border-collapse: collapse;
}
col.light, col.ignite, col.roar {
    width: 33.33%;
}
col.light, col.ignite {
    border-right: 1px solid #FFF;
}
#prices th {
    height: 97px;
    padding-left: 22px;
    background: url(/images/tbl-head-bg.png) repeat-x;
}
#prices th h4 {
    margin: 0;
    color: #FFF; font-size: 2.2em; font-weight: 400;
}
#prices th p {
    margin: 0;
    font-size: 2em; font-weight: 400;
}
#prices th.light p {
    color: #5ebd54;
}
#prices th.ignite p {
    color: #c64444;
}
#prices th.roar p {
    color: #64a1da;
}
#prices th span {
    font-size: 0.7em;
}

#prices td {
    height: 56px;
    padding-left: 22px;
    font-size: 1.4em; font-weight: bold;
    background: #e3e3e3;
    border-bottom: 1px solid #FFF;
}
#prices td span {
    text-transform: uppercase;
}
#prices td.light span {
    color: #5ebd54;
}
#prices td.ignite span {
    color: #c64444;
}
#prices td.roar span {
    color: #64a1da;
}

#prices tr.even td {
    background: #eeeeee;
}

#prices tr.sign-up td {
    height: 82px;
    background: url(/images/tbl-sign-up-bg.png) repeat-x;
    padding: 2px 0px 10px 13px;
}

#prices tr.sign-up td span {
    padding-top: 6px;
    color: #999; font-size: 0.8em; text-transform: lowercase;
}

#prices tr.sign-up td a, #prices tr.sign-up td span {
    float: left;
    margin-right: 5px;
}

#prices tr.sign-up td h5 {
    height: 20px; width: 128px;
    margin: 0 auto 10px auto;
    background: url(/images/sign-up.png);
}

#prices tr.sign-up td a {
    display: block;
    width: 80px; height: 19px;
    padding: 8px 0 0 30px;
    color: #46698b; text-decoration: none; font-size: 0.8em;
}

#prices tr.sign-up td.light a {
    background: url(/images/light-sign-up.png);
}
#prices tr.sign-up td.ignite a {
    background: url(/images/ignite-sign-up.png);
}
#prices tr.sign-up td.roar a {
    background: url(/images/roar-sign-up.png);
}

p.terms { color: #999; font-weight: bold; position: relative; bottom: 10px; }

#custom-solutions {
    height: 184px;
    margin-bottom: 20px;
    background: url(/images/custom-solutions.png);
}

#custom-solutions h4 {
    padding: 20px 0 0 20px;
    font-size: 2.2em; color: #FFF; font-weight: 400;
}

#custom-solutions h4 span {
    color: #f29a32;
}

#custom-solutions ul {
    float: left;
    margin: 10px 0;
    list-style: none;
}
#custom-solutions ul li {
    height: 27px;
    padding: 3px 0 0 10px;
    font-size: 1.4em; font-weight: bold;
    background: url(/images/list-dash.png) no-repeat 0 10px;
}

#custom-solutions a {
    float: right; display: block;
    width: 125px; height: 20px;
    margin: 66px 24px 0 0; padding: 6px 10px 0 0;
    font-size: 1.3em; font-weight: bold; color: #FFF; text-decoration: none; text-align: right;
}

#testimonials {
    height: 25px;
    margin: 20px 0; padding: 9px 0 0 38px;
    color: #28488b; font-size: 1.3em;
    background: url(/images/testimonials-bg.png);
}
#testimonials span {
    color: #7e92bb; font-size: 11px;
}

#twitter {
    height: 24px;
    margin: 10px 0; padding: 9px 0 0 50px;
    color: #476174; font-weight: bold; font-size: 1.2em;
    background: url(/images/twitter-bg.png);
    display: none;
}
#footer-container {
    clear: both;
    overflow: hidden;
    background: url(/images/footer-bg-repeat.png) repeat-x;
}
#footer {
    clear: both;
    height: 161px;
    padding: 0 100px; margin: 0 auto;
    width: 800px;
    color: #666;
    background: url(/images/footer-bg.png) no-repeat;
}

#footer #cards {
    padding-top: 20px; padding: 0; margin: 0;
}

#footer #cards, #footer #questions {
    position: relative;
    top: 20px; left: 0;
}

#footer #social {
    position: relative;
    top: -15px; left: 382px;
    padding: 0; margin: 0;
}

#footer #social, #footer #cards {
    list-style: none;
}
#footer #social li, #footer #cards li {
    margin-right: 8px;
}

#footer #cards li {
    float: left;
    display: block;
    width: 51px; height: 32px;
    background-image: url(/images/cards.png);
}
#footer #cards li.mastercard {
    background-position: 0 0;
}
#footer #cards li.visa {
    background-position: 0 -32px;
}
#footer #cards li.visa-electron {
    background-position: 0 -64px;
}
#footer #cards li.paypal {
    background-position: 0 -96px;
}
#footer #cards li.aemx {
    background-position: 0 -128px;
}

#footer #social li {
    float: left;
}
#footer #social li a {
    display: block;
    width: 32px; height: 32px;
    background-image: url(/images/social.png);
}
#footer #social li.skype a {
    background-position: 0 0;
}
#footer #social li.facebook a {
    background-position: 0 -40px;
}
#footer #social li.google a {
    background-position: 0 -80px;
}
#footer #social li.twitter a {
    background-position: 0 -120px;
}
#footer #social li.question a {
    background-position: 0 -160px;
}
#footer #social li.rss a {
    background-position: 0 -200px;
}
#footer #social li.rss {
    margin-right: 0;
}

#footer #copyright {
    float: left;
    clear: both;
    margin: 50px 0 0;
    font-size: 1.2em;
}

#footer #footer-links {
    float: left;
    clear: both;
    padding: 0; margin: 1px 0 0;
    list-style: none;
    font-size: 1.2em;
}
#footer #footer-links li {
    float: left;
}
#footer #footer-links li.divider {
    margin: 0 5px;
}
#footer #footer-links li a {
    color: #666; font-weight: 400;
}

#footer #questions {
    float: right;
    margin: 0;
    text-align: right;
    font-size: 1.2em;
}
#footer #questions strong {
    font-size: 1.6em; color: #262626;
}
#footer #questions a {
    color: #2b68ad;
}