/**
 * mian.css
 *
 * CSS-file with styles for main page
 *
 * @author Denis Barushev <barushev@gmail.com>
 * @version $Id: main.css 57 2006-11-02 15:53:30Z denis $
 */

/**
 * Top menu
 */
body#main #body {
    background: none;
}

#main-column {
    width: 469px;
    float: left;
    padding-top: 25px;
}

#sidebar {
    width: 242px;
    float: right;
    font-family: Verdana;
    font-size: 9px;
    padding-top: 25px;
}

a.header-link {
    display: block;
}

#sidebar h3 {
    font-family: Verdana;
    font-size: 9px;
    font-weight: bold;
    color: #4d4d4d;
    background: #ccc;
    padding: 10px 13px 10px 13px;
}

#powered-by-cairo {
    border: 5px solid #ccc;
    border-top: 0;
    padding: 1px 8px;
}

#powered-by-cairo dt {
    background: url(/media/images/backgrounds/line-ccc.gif) repeat-x top;
    padding-top: 5px;
}

#powered-by-cairo dt.first-child {
    background: none;
}

#powered-by-cairo dd {
    padding-bottom: 5px;
}


#price {
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    padding: 10px 12px 5px 12px;
}

#price li {
    padding: 0 0 15px 59px;
}

#price .full {
    background: url(/media/images/icons/cairo-full.gif) no-repeat left top;
}

#price .dev {
    background: url(/media/images/icons/cairo-dev.gif) no-repeat left top;
}

#price .license {
    background: url(/media/images/icons/cairo-license.gif) no-repeat left top;
}

#price li p {
    padding: 0 0 3px 0;
    margin: 0;
}

#price li p.price {
    font-weight: bold;
}

#sidebar p.all-price {
    margin: 0;
    padding: 0 0 15px 17px;
    border: 1px solid #ccc;
    border-top: 0;
}


#sidebar div.learn-more {
    margin: 15px 0;
    background: url(/media/images/backgrounds/learn-more.gif) repeat-x top;
    border: 1px solid #9fbbd4;
}

#sidebar div.learn-more h3 {
    border: 1px solid white;
    border-bottom: 0;
    padding: 11px 10px 9px 10px;
    background: none;
}

#sidebar div.learn-more p {
    margin: 0;
    border: 1px solid white;
    border-top: 0;
    padding: 0 10px 13px 10px;
}


#demo-menu {
    position: relative;
}

#demo-menu li {
    background: #649ac8 url(/media/images/backgrounds/button.gif) no-repeat left;
    width: 151px;
    text-align: center;
    font-family: Verdana;
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 5px;
    padding: 0 0 0 1px;
}

#demo-menu li a {
    color: white;
    display: block;
    padding: 5px 0 9px 0;
    background: url(/media/images/backgrounds/button.gif) no-repeat right;
}

#features {
    padding-top: 3px;
}

#features li {
    background: url(/media/images/icons/checkmark.gif) no-repeat 0 3px;
    padding: 0 0 11px 18px;
}

#main-column p.all-features {
    text-align: right;
    margin-top: 5px;
}