﻿@charset "UTF-8"; /* http://www.w3.org/International/questions/qa-css-charset */

/*	-------------------------------------------------------------

	QUADRO

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

	Description:Base cascading style sheet
	Nom:screen.css
	Version:1.0
	Date:October 13th, 2009

	This file is part of a site template for sale at ThemeForest.net.
	See: http://themeforest.net/user/simonbouchard/portfolio
	Copyright �2009 Simon Bouchard <info@simonbouchard.com>

-------------------------------------------------------------	*/

/*	-------------------------------------------------------------
	STYLES FOR SCREEN / PROJECTION
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

@media screen, projection {
    /*	-------------------------------------------------------------
	RESET
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

    html, body, div, span, applet, object, iframe,
    h1, h2, h3, h4, h5, h6, blockquote, pre,
    a, abbr, acronym, address, big, cite, code,
    del, dfn, em, font, img, ins, kbd, q, s, samp,
    small, strike, strong, sub, sup, tt, var,
    b, u, i, center,
    dl, dt, dd, ol, ul, li,
    fieldset, form, label, legend,
    table, caption, tbody, tfoot, thead, tr, th, td {
        margin: 0;
        padding: 0;
        border: 0;
        outline: 0;
        font-size: 100%;
        vertical-align: baseline;
        background: transparent;
    }

    body {
        line-height: 1;
    }

    ul,
    ol {
        list-style-type: circle;
        margin: 13px 0 13px 25px;
        padding: 0;
    }

        ul li,
        ol li {
            line-height: 1.7;
            margin: 0 0 2px 0;
            padding: 0;
        }

        ul.nolist li,
        ol.nolist li {
            list-style-type: none;
        }

    :focus {
        outline: 0;
    }

    ins {
        text-decoration: none;
    }

    del {
        text-decoration: line-through;
    }

    /* tables still need 'cellspacing="0"' in the markup */
    table {
        border-collapse: collapse;
        border-spacing: 0;
    }

    /*	-------------------------------------------------------------
	HACKS
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

    .clearfix {
        display: inline-block;
    }

        .clearfix:after {
            content: ".";
            display: block;
            height: 0;
            clear: both;
            visibility: hidden;
        }

    /* Hide from IE Mac \*/
    .clearfix {
        display: block;
    }
    /* End hide from IE Mac */

    .clear {
        clear: both;
    }

    /*	-------------------------------------------------------------
	BODY
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

    html {
        font-size: 100%;
    }

    body {
        font: normal 12px "Droid Sans", "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
        font-display: swap;
        color: #666;
        min-width: 999px;
        line-height: 1.7em;
        padding: 0;
        margin: 0;
        letter-spacing: -0.04em;
        background: #fefefe url("../../images/bg_body.webp") no-repeat top center;
    }

    /*	-------------------------------------------------------------
	LINKS
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

    a {
        color: #1c6997;
        margin: 0;
        padding: 0;
        outline: 0;
    }

        a, a:visited, a:active {
            text-decoration: none;
        }

            a:hover {
                border-bottom: 1px solid #ccc;
            }

            a.btn {
                font-family: "Droid Sans Bold", sans-serif;
                font-display: swap;
                font-size: 1.5em;
                text-shadow: 0 1px 0 #fff;
                width: 180px;
                height: 46px;
                display: block;
                float: left;
                margin: 10px 10px 0 0;
                line-height: 46px;
                text-align: center;
                background: transparent url("../../images/bg_buttons.png") no-repeat 0 0;
            }

                a.btn:hover {
                    color: #383838;
                    font-size: 1.5em;
                    border: none;
                    text-shadow: 0 1px 0 #fff;
                }

    /*	-------------------------------------------------------------
	TYPOGRAPHY
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

    p {
        margin: 0 0 17px 0;
        line-height: 1.7em;
    }

    h1, h2, h3, h4, h5, h6 {
        font-family: "Droid Sans Bold", sans-serif;
        font-display: swap;
        color: #323231;
        letter-spacing: -1px;
    }

    h1 {
        font-size: 2.5em;
        margin: 0 0 10px 0;
    }

    h2 {
        font-size: 2.5em;
        margin: 0 0 5px 0;
        line-height: 1.5em;
    }

    h3 {
        font-size: 2em;
        margin: 0 0 5px 0;
    }

        h3 span {
            font-family: "Droid Sans", sans-serif;
            font-display: swap;
            font-size: 14px;
            margin: 0 0 20px 10px;
        }

        h3.topfeatures {
            padding: 0 0 15px 40px;
            height: 32px;
            line-height: 32px;
            background: transparent url("../../images/lightbulb_32.png") no-repeat 0 0;
        }

        h3.testimonials {
            padding: 0 0 15px 45px;
            height: 32px;
            line-height: 32px;
            background: transparent url("../../images/comment_user_32.png") no-repeat 0 0;
        }

    h4 {
        font-family: "Droid Sans", sans-serif;
        font-display: swap;
        font-size: 3em;
        line-height: 1.5em;
        margin: 0;
        padding: 0;
    }

    h5 {
        font-family: "Droid Sans", sans-serif;
        font-display: swap;
        font-size: 1.7em;
        line-height: 1.5em;
        margin: 0;
        padding: 0;
    }

    /*	-------------------------------------------------------------
	GRID
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

    .container {
        width: 100%;
        margin: 0;
        padding: 0;
        background: transparent url("../../images/bg_container.gif") repeat-x top left;
    }

    .wrapper {
        width: 999px;
        margin: 0;
        padding: 0;
        margin: 0 auto;
    }

    .header {
        position: relative;
        width: 999px;
        height: 433px;
        padding: 0;
        margin: 0 auto;
    }

    .subpage .header {
        position: relative;
        width: 999px;
        height: 207px;
        padding: 0;
        margin: 0 auto;
    }

    .sub-header {
        position: relative;
        width: 999px;
        padding: 0;
        margin: 0 auto;
    }

    .content-top {
        width: 1006px;
        height: 16px;
        margin: 0 auto;
        background: transparent url("../../images/content_top.png") no-repeat top left;
    }

    .content {
        width: 946px;
        padding: 15px 30px;
        margin: 0 auto;
        background: transparent url("../../images/content_bg.png") repeat-y left bottom;
    }

    .content-btm {
        width: 1006px;
        height: 16px;
        margin: 0 auto;
        background: transparent url("../../images/content_btm.png") no-repeat top left;
    }

    /*	-------------------------------------------------------------
	FRONTPAGE 2 COLS
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

    .colleft, .colright {
        float: left;
        width: 48%;
    }

    .colright {
        margin: 0 0 0 35px;
    }

    .small {
        width: 40%;
    }

    .col1, .col2 {
        float: left;
    }

    .col1 {
        width: 625px;
        padding: 10px 30px 0 0;
        border-right: 1px solid #dad9d9;
    }

    .col2 {
        width: 258px;
        padding: 10px 0 0 30px;
    }

    div.block {
        float: left;
        width: 290px;
        margin: 1em 0 0 20px;
    }

        div.block h4 {
            font-size: 1.4em;
            line-height: 1.5em;
            margin: 0;
            padding: 0;
        }

        div.block p {
            font-size: 11px;
        }

    div.col2 .testimonial {
        float: left;
        padding: 0;
        margin: 1em 0 0 0;
    }

        div.col2 .testimonial h4 {
            font-size: 1.4em;
            line-height: 1.5em;
            padding: 0;
            margin: 0;
        }

        div.col2 .testimonial a {
            font-style: italic;
        }

        div.col2 .testimonial p {
            font-size: 14px;
            margin: 10px 0 0 0;
            text-align: justify;
            line-height: 24px;
            letter-spacing: -1px;
        }

    /*	-------------------------------------------------------------
	INTERFACE
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

    /* HEADER */
    .header .top-nav {
        width: 999px;
        height: 79px;
    }

    .header h1 {
        position: relative;
        top: 27px;
        margin: 0;
        padding: 0;
        width: 123px;
        height: 32px;
        text-indent: -9999px;
        background: transparent url('data:image/png;base64,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') no-repeat top left;
    }

    .header ul.nav {
        position: absolute;
        top: 0;
        right: 0;
        margin: 0;
        padding: 0;
    }

    .header .nav li {
        list-style-type: none;
        position: relative;
        float: left;
        width: auto;
        white-space: nowrap;
        padding: 0 5px !important;
        background: transparent;
    }

        .header .nav li a {
            display: block;
            color: #b4b4b4;
            text-transform: uppercase;
            font-weight: bold;
            line-height: 78px;
            padding: 0 10px;
            text-shadow: 0 1px 0 #000;
            background: transparent;
        }

            .header .nav li a:hover {
                color: #fff;
                background: none;
                border-bottom: none;
            }

            .header .nav li a.selected {
                color: #fff;
            }

    /* SHOWCASE */
    .showcase {
        position: relative;
        width: 999px;
        height: 353px;
        margin: 0;
        background: transparent url("../../images/bg_showcase.webp") no-repeat top center;
    }

        .showcase .laptop {
            position: absolute;
            right: 0;
            top: 50px;
            width: 487px;
            height: 279px;
            background: transparent url("../../images/laptop_transparent.webp") no-repeat top right;
        }

        .showcase .animate {
            position: absolute;
            top: 20px;
            right: 79px;
        }

        .showcase h2 {
            font-family: "Droid Sans Bold", sans-serif;
            font-display: swap;
            font-size: 48px;
            /*text-shadow: 0 1px 0 #323231;*/
            text-shadow: 2px 3px 3px #323231;
            /*-webkit-text-stroke: 1px white;*/
            letter-spacing: -2px;
            margin: 40px 0 15px 0;
            color: #fff;
        }

        .showcase p {
            font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Helvetica,sans-serif;
            font-size: 16px;
            font-size-adjust: none;
            font-stretch: normal;
            font-style: normal;
            font-variant: normal;
            font-weight: normal;
            line-height: 24px;
            letter-spacing: -1px;
            width: 450px;
            color: #fff;
            text-shadow: 0 1px 0 #01456d;
        }

    /* PAGE TITLE */
    .page-title {
        position: relative;
        width: 999px;
        height: 130px;
        line-height: 130px;
        margin: 0;
        background: transparent url("../../images/bg_showcase.png") no-repeat top center;
    }

        .page-title h2 {
            font-family: "Droid Sans Bold", sans-serif;
            font-display: swap;
            color: #fff;
            font-size: 48px;
            /*text-shadow: 0 1px 0 #323231;*/
            text-shadow: 2px 3px 3px #323231;
            /*-webkit-text-stroke: 1px white;*/
            line-height: 130px;
        }

        .page-title ul.nav {
            position: absolute;
            top: 27px;
            right: 0;
            margin: 0;
            padding: 0;
        }

            .page-title ul.nav li {
                list-style-type: none;
                position: relative;
                float: left;
                width: auto;
                white-space: nowrap;
                padding: 0 5px !important;
                background: transparent;
            }

                .page-title ul.nav li a {
                    display: block;
                    color: #b4b4b4;
                    font-size: 1.4em;
                    font-weight: bold;
                    padding: 0 10px;
                    text-transform: none;
                    text-shadow: 0 1px 0 #000;
                    background: transparent;
                }

                    .page-title ul.nav li a:hover {
                        color: #fff;
                        background: none;
                        border-bottom: none;
                    }

                    .page-title ul.nav li a.selected {
                        color: #fff;
                    }

    /* SCREENSHOTS */
    .boxgrid {
        width: 138px;
        height: 140px;
        margin: 15px 15px 10px 0;
        float: left;
        overflow: hidden;
        position: relative;
        -moz-border-radius: 5px;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        border: 1px solid #ccc;
    }

    .last {
        margin: 15px 0 10px 0;
    }

    .boxgrid img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
    }

    .boxcaption {
        float: left;
        position: absolute;
        background: #000;
        opacity: .8;
        height: 35px;
        width: 100%;
        padding: 0 0 0 10px;
    }

    .boxcaption {
        font-size: 11px;
    }

        .boxcaption h3 {
            color: #fff;
            font-weight: normal;
            font-size: 14px;
            margin: 8px 0 0 0;
            padding: 0;
        }

        .boxcaption p {
            color: #fff;
            padding: 0;
            margin: -5px 0 0 0;
            font-size: 11px;
            text-shadow: none;
        }

    .captionfull .boxcaption {
        bottom: 0;
        left: 0;
        display: none;
    }

    .captionfull a:hover {
        color: #EE4292;
    }

    /*	-------------------------------------------------------------
	TABLES
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

    #table-a {
        width: 100%;
        height: auto;
        margin: 0 0 20px 0;
        float: right;
        border-collapse: separate;
    }

        #table-a caption {
            display: none;
        }

        #table-a thead {
            height: 55px;
            line-height: 55px;
        }

            #table-a thead th {
                font-family: "Droid Sans Regular", sans-serif;
                font-display: swap;
                color: #323231;
                text-align: left;
                font-size: 18px;
                padding: 0 0 0 10px;
            }

        #table-a tbody {
            font-size: 0.9em;
        }

        #table-a tr.alt {
            background: #f0f0f0;
        }

        #table-a td {
            padding: 10px;
            color: #666;
            font-weight: normal;
            border: none;
            vertical-align: middle;
        }

            #table-a td.left {
                width: 200px;
                color: #333;
                font-weight: bold;
                font-size: 1.3em;
                padding: 10px 10px 10px 15px;
            }

            #table-a td.price {
                color: #323231;
                font-size: 14px;
            }

            #table-a td.order {
                background: #fff;
                padding: 20px 0 0 10px;
                border: none !important;
            }

                #table-a td.order a {
                    color: #fff;
                    padding: 10px 13px;
                    font-size: 12px;
                    font-weight: bold;
                    margin: 0 10px 0 0;
                    background: #5381ac;
                    -moz-border-radius: 5px;
                    -khtml-border-radius: 5px;
                    -webkit-border-radius: 5px;
                    -ms-border-radius: 5px;
                }

    /*	-------------------------------------------------------------
	FOOTER
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

    .footer {
        position: relative;
        width: 97%;
        margin: 0 auto;
        padding: 20px 0;
    }

        .footer .twitter {
            float: right;
            width: 49%;
            margin: 0;
            padding: 0;
            line-height: 43px;
            text-align: right;
        }

            .footer .twitter a:hover {
                border: 0;
            }

        .footer .copy {
            float: left;
            width: 49%;
            line-height: 43px;
            text-align: left;
        }

        .footer p {
            color: #787878;
            padding: 0;
            margin: 0;
            line-height: 43px;
            font-size: 11px;
        }

        .footer a {
            color: #787878;
        }

    #displayCounter {
        font-weight: bold;
        font-size: 1.3em;
    }

    #displayCounter2 {
        font-weight: bold;
        font-size: 1.2em;
    }

    /*	-------------------------------------------------------------
	CLOSING STYLES FOR SCREEN / PROJECTION
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
}

sub.reg {
    font-size: 0.83em;
    vertical-align: super;
    line-height: 0;
}