html, body {
    width: 100%;
    height: 100%;
}

body {
    background-color: white;
    padding: 0;
    margin: 6px 0 0 0;
}

a, a:link, a:active, a:visited {
    color: #1b9ff3;
    text-decoration: none;
}

.clear {
    clear: both;
    font-size: 1px;
    line-height: 1px;
}

#wrap {
    min-height: 100%;
    position: relative;
    height: auto !important;
}

.wide {
    margin: 0px auto;
    width: 1007px;
}

.white-header {
    width: 1007px;
    height: 110px;
}

.white-header img {
    display: block;
    float: left;
    margin: 21px 0 0 8px;
    width: 202px;
    height: 65px;
    border: none;
}

.white-header .top-flash {
    width: 500px;
    height: 105px;
    float: left;
    margin-left: 38px;
}

.white-header p {
    text-align: right;
    font: 13px verdana, arial;
    color: #797979;
    float: right;
    width: 230px;
    margin: 35px 6px 0 0;
    line-height: 19px;
    overflow: hidden;
}

.white-header p span {
    margin-right: 30px;
}

.main-menu {
    height: 49px;
    background: url('../images/menu-line.jpg') repeat-x;
    overflow: hidden;
}

.main-menu ul {
    padding: 0;
    margin: 0px auto;
    width: 1007px;
}

.main-menu ul li {
    display: block;
    float: left;
    width: 142px;
    height: 49px;
}

.main-menu ul li.img {
    width: 2px;
}

.main-menu ul img {
    width: 2px;
    height: 49px;
    border: none;
}

.main-menu ul a {
    display: block;
    width: 142px;
    height: 34px;
    padding-top: 15px;
    background: url('../images/menu-item.jpg') no-repeat;
    text-align: center;
    color: white;
    font: 14px verdana, arial;
}

.main-menu ul a:hover, .main-menu ul a.active {
    background: url('../images/menu-item-active.jpg') no-repeat;
}

.main-menu ul a.active {
    color: #1b9ff3;
}

.banner {
    height: 375px;
    background: url('../images/projects-ground.jpg') repeat-x;
    border-bottom: 1px solid white;
    overflow: hidden;
}

.banner .central {
    background: url('../images/projects-central.jpg') repeat-x;
    margin: 0px auto;
    width: 1007px;
    height: 375px;
    position: relative;
/*    overflow: hidden;*/
}

.banner .central .left-button, .banner .central .right-button, .banner .central .fantastic-effects {
    height: 375px;
    display: block;
    float: left;
}

.banner .central .left-button, .banner .central .right-button {
    padding-top: 154px;
    width: 49px;
}

.banner .central .fantastic-effects {
    width: 909px;
/*    overflow: hidden;*/
}

.banner .central .fantastic-effects h1 {
    color: white;
    font: 36px arial, verdana;
    line-height: 40px;
    font-weight: normal;
    margin: 50px 0 0 30px;
    padding: 0;
    width: 270px;
}

.banner .central .fantastic-effects h2 {
    color: white;
    font: 26px arial, verdana;
    font-weight: bold;
    line-height: 30px;
    margin: 10px 0 0 30px;
    padding: 0;
    width: 270px;
}

.banner .central .fantastic-effects p {
    color: white;
    font: 13px arial, verdana;
    font-weight: normal;
    line-height: 16px;
    margin: 20px 0 0 30px;
    padding: 0;
    width: 240px;
}

.banner .central .fantastic-effects a {
    color: white;
    text-decoration: underline;
}

.banner .central .fantastic-effects .view-portfolio {
    display: block;
    margin: 20px 0 0 24px;
    width: 159px;
}

.banner .central .fantastic-effects img.project1 {
    width: 378px;
    height: 275px;
    border: none;
    position: absolute;
    top: 100px;
    left: 472px;
    filter: alpha(opacity=90);
    opacity: 0.90;
}

.banner .central .fantastic-effects img.project2 {
    width: 297px;
    height: 216px;
    border: none;
    position: absolute;
    top: 159px;
    left: 348px;
    filter: alpha(opacity=40);
    opacity: 0.40;
}

.banner .central .fantastic-effects img.project3 {
    width: 246px;
    height: 179px;
    border: none;
    position: absolute;
    top: 196px;
    left: 702px;

    filter: alpha(opacity=70);
    opacity: 0.70;
}

.banner .central .fantastic-effects {
}


.dotted-line {
    height: 1px;
    background: url('../images/dotted-line.gif') repeat-x;
}

.website {
    height: 248px;
    background: url('../images/website-ground.jpg') repeat-x;
    border-bottom: 1px solid white;
}

.website .central {
    margin: 0px auto;
    width: 1007px;
    height: 248px;
}

.website .central .offer1, .website .central .offer2, .website .central .offer3 {
    padding: 28px 20px 0 18px;
    height: 222px;
    overflow: hidden;
    display: block;
    float: left;
}

.website .central .offer1 {
    width: 297px;
    background: url('../images/website-delimiter.jpg') 316px 0px no-repeat;
}

.website .central .offer2 {
    width: 297px;
    background: url('../images/website-delimiter.jpg') 316px 0px no-repeat;
}

.website .central .offer3 {
    width: 290px;
}

.website .central .offer1 h2, .website .central .offer2 h2, .website .central .offer3 h2 {
    color: #404040;
    font: 17px verdana, arial;
    font-weight: normal;
    margin: 0 0 15px 0;
    padding: 6px 0 0 61px;
    line-height: 24px;
    height: 43px;
}

.website .central .offer1 h2 {
    background: url('../images/website-basic.jpg') 0px 0px no-repeat;
}

.website .central .offer2 h2 {
    background: url('../images/website-standard.jpg') 0px 0px no-repeat;
}

.website .central .offer3 h2 {
    background: url('../images/website-shuttle.jpg') 0px 0px no-repeat;
}

.website .central p {
    font: 13px verdana, arial;
    font-weight: normal;
    line-height: 16px;
    color: #797979;
    margin: 0 0 24px 0;
    padding: none;
}

.learn-more {
    display: block;
    width: 94px;
    height: 22px;
    color: white !important;
    text-align: center;
    font: 13px verdana, arial;
    line-height: 16px;
    background: url('../images/button-on-gray.jpg') 0px 0px no-repeat;
    padding-top: 4px;
    cursor: pointer;
}

.page-text {
    margin: 10px auto 10px auto;
    width: 1007px;
}

.page-text h2 {
    color: #404040;
    font: 17px verdana, arial;
    font-weight: normal;
    margin: 10px 0 15px 0;
    padding: 10px 0 0 61px;
    line-height: 24px;
    height: 43px;
}

.page-text h3 {
    color: #404040;
    font: 17px verdana, arial;
    color: #1b9ff3;
    font-weight: bold;
    margin: 16px 0 4px 0;
    line-height: 24px;
    height: 43px;
}

.page-text h2.about {
    background: url('../images/text-about.gif') 0px 1px no-repeat;
}

.page-text h2.quality {
    background: url('../images/text-quality.gif') 0px 0px no-repeat;
}

.page-text h2.testimonials {
    background: url('../images/text-testimonials.gif') 0px 0px no-repeat;
}

.page-text p, .page-text ul li {
    font: 13px verdana, arial;
    font-weight: normal;
    line-height: 16px;
    color: #797979;
    margin: 0 0 24px 0;
    padding: none;
}

.page-text ul li {
    padding-left: 10px;
}

.page-text strong {
    color: #1b9ff3;
}

.page-text .wide-column {
    display: block;
    width: 655px;
    float: left;
    padding: 0 20px 0 13px;
    margin-right: 10px;
}

.page-text .narrow-column {
    display: block;
    width: 286px;
    float: left;
}

.partners {
    height: 90px;
    background-color: #f2f2f2;
    border-bottom: 1px solid white;
}

.partners .central {
    margin: 0px auto;
    width: 940px;
    height: 90px;
}

.partners .central img {
    height: 50px;
    border: none;
    margin-top: 18px;
    display: block;
    float: left;
}

.partners .central img.p1 {
    margin-right: 33px;
}

.partners .central img.p2 {
    margin-right: 38px;
}

.partners .central img.p3 {
    margin-right: 37px;
}

.partners .central img.p4 {
    margin-right: 34px;
}

.partners .central img.p5 {
    margin-right: 49px;
}

.partners .central img.p6 {
    margin-right: 45px;
}

.footer {
    height: 160px;
    background-color: #1e1e1e;
    border-bottom: 1px solid white;
}

.footer .central {
    margin: 0px auto;
    width: 1007px;
    height: 160px;
}

.footer .central .links {
    height: 110px;
}

.footer .central .links h2 {
    font: 16px verdana, arial;
    font-weight: bold;
    margin: 16px 0 8px 12px;
    line-height: 26px;
    color: white;
}

.footer .central .links p {
    font: 13px verdana, arial;
    margin: 0 0 12px 12px;
    line-height: 17px;
    color: white;
}


.footer .central .links .block1 {
    width: 306px;
    float: left;
}

.footer .central .links .block2 {
    width: 286px;
    float: left;
}

.footer .central .links .block3 {
    width: 415px;
    float: right;
}

.footer .central .copyright {
    width: 1007px;
    height: 32px;
    padding-top: 18px;
    background: url('../images/footer-line.gif') 3px 0px no-repeat;
}

.footer .central .copyright p {
    display: block;
    float: left;
    width: 400px;
    color: white;
    font: 11px verdana, arial;
    margin: 0;
    line-height: 14px;
}

.footer .central .copyright ul {
    display: block;
    float: right;
    width: 600px;
    margin: 0;
    padding: 0;
    text-align: right;
}

.footer .central .copyright ul li {
    display: block;
    float: right;
    padding: 0 0 0 15px;
    margin: 0;
    list-style-type: none;
    color: white;
    font: 11px verdana, arial;
    line-height: 14px;
}

.hidden {
    display: none;
}

.moreInfoBox {
	position: absolute;
	top: 100px;
}

.testimonial {
    margin-bottom: 8px !important;
}

.logo-liberate {
    display: block;
    margin: 40px 0 40px 150px;
}

.liberate-login {
    margin: 10px 0 0 80px;
    padding-bottom: 30px;
}

.liberate-login .logo {
    display: block;
    margin: 40px 0 40px 90px;
}

.liberate-login label, .liberate-login input, .liberate-login a {
    font: 13px verdana, arial;
    font-weight: normal;
    line-height: 16px;
    color: #797979;
    padding: none;
}

.liberate-login input.field, .liberate-login label {
    display: block;
    float: left;
}

.liberate-login input.field {
    width: 200px;
    border-bottom: 1px solid #e0e0e0;
    border-right: 1px solid #e0e0e0;
    border-left: 1px solid #a0a0a0;
    border-top: 1px solid #a0a0a0;
    padding: 2px 6px;
    margin-bottom: 6px;
}

.liberate-login .tc-block {
    margin-top: 14px;
}

.liberate-login .tc-block label.error {
    margin-top: 0;
}

.liberate-login label.tc, .liberate-login input.tc {
/*    margin-top: 14px;*/
    float: left;
}

.liberate-login label.tc {
    margin-bottom: 8px;
}

.liberate-login label a {
    color: #ff4040;

}

.liberate-login label.error {
    margin: 3px 0 0 5px;
    color: #ff4040;
}

.liberate-login input.error {
    border-top-color: #ff7777 !important;
    border-left-color: #ff7777 !important;
    border-bottom-color: #ffaaaa !important;
    border-right-color: #ffaaaa !important;
}

.liberate-login label.default {
    width: 120px;
    line-height: 28px;
}

.liberate-login span, span.red {
    color: #ff4040;
}

.liberate-login .learn-more {
    float: left;
    margin-top: 10px;
}

.liberate-login .single-button {
    margin-left: 160px;
}

.liberate-login .forgot-password {
    margin: 10px 70px 0 0;
    display: block;
    float: left;
    line-height: 28px;
    width: 110px;
    height: 30px;
    color: #ff4040;
}

p.bigger {
    font-size: 16px;
    line-height: 24px;
    font-weight: normal;
    color: #404040;
}


/*-----------------------------------------------------------------------------------------------*/
/*                                         TOOLTIP STYLES                                        */
/*-----------------------------------------------------------------------------------------------*/

.tip {
    width: 390px;
    padding-top: 37px;
    overflow: hidden;
    display: none;
    position: absolute;
    z-index: 500;
    background: transparent url(../images/tipTop.png) no-repeat top;}

.tipMid {background: transparent url(../images/tipMid.png) repeat-y; padding: 0 20px 20px 20px;}
.tipBtm {background: transparent url(../images/tipBtm.png) no-repeat bottom; height: 32px;}