body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
    background: #E9F0DE url(/img/header_bg.png) repeat-x top left;
    margin: 0;
}

html, body { height: 100%; }

.container { height: 100%; }

a {
    color: #BD3A31;
    text-decoration: none;
}

a:hover {
    color: #000000;
}

/****************************************************************************
 * HEADER AND NAVIGATION
 ****************************************************************************/

div#header {
    height: 140px;
    background: url(/img/header_bg.png) repeat-x;
}

div#logo {
    margin: 40px 20px 0 0;
}

div#nav {
    color: #5c5c5c;
    margin: 20px 0 0 -10px;
}

div#nav a {
    margin: 0 10px 0 10px;
    color: #ffffff;
    font-size: 1.3em;
    text-decoration: none;
}

div#nav a:hover {
    color: #FF7B75;
}

div#duck {
    width: 147px;
    height: 78px;
    float: right;
    background: url(/img/duck.png) no-repeat;
    margin-top: 60px;
}

div#duck:hover {
    width: 147px;
    height: 78px;
    float: right;
    background: url(/img/duck_quack.png) no-repeat;
    margin-top: 60px;
}

/****************************************************************************
 * BANNER
 ****************************************************************************/

div#banner {
    background: #ffffff url(/img/banner_ovz.png) no-repeat bottom;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}

div#banner div {
    padding: 1em;
    height: 180px;
}

div#banner ul {
    list-style: none;
    margin: 0;
    padding: 0;
}


div#banner h3 {
    margin: 0.5em 0;
    padding: 0;
}

div#banner ul li {
    background: url(/img/icons/tick.png) no-repeat center left;
    padding: 2px 0 2px 22px;
    font-size: 0.9em;
}

div#banner ul li.notick {
    padding: 2px 0 2px 22px;
    font-size: 0.9em;
    background: transparent;
}

/****************************************************************************
 * CONTENT
 ****************************************************************************/

div#main {          
    margin: 20px 0 20px 0;
}

/* product box */

div.productBox {
    background: #ffffff;
    padding: 0.3em 0.5em;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

div.productBox h5 {
    font-size: 1.1em;
    font-weight: bold;
    margin: 0.5em 0 0.3em 0;
    padding: 0 0 0.4em 0.2em;
    color: #687F23;
    border-bottom: 1px dotted #ddd;
}

div.productBox p {
    margin: 0 0 0 0;
    padding: 0 0 0 0.4em;
}

div.productBox table tr.odd {
    background-color: #f2f2f2;
}

div.productBox table tr td {
    font-size: 0.9em;
    font-weight: bold;
    color: #484848;
}

div.productBox span {
   font-weight: normal;
}

div.productBox span.drive {
    background: url(/img/icons/drive.png) no-repeat center left;
    padding: 2px 0 2px 22px;
}

div.productBox span.bandwidth {
    background: url(/img/icons/chart_curve.png) no-repeat center left;
    padding: 2px 0 2px 22px;
}

div.productBox span.world {
    background: url(/img/icons/world.png) no-repeat center left;
    padding: 2px 0 2px 22px;
}

div.productBox span.money {
    background: url(/img/icons/coins.png) no-repeat center left;
    padding: 2px 0 2px 22px;
}

div.productBox span.memory {
    background: url(/img/icons/computer.png) no-repeat center left;
    padding: 2px 0 2px 22px;
}

div.productBox span.memory_gs {
    background: url(/img/icons/computer_gs.png) no-repeat center left;
    padding: 2px 0 2px 22px;
}

div.productBox span.linux {
    background: url(/img/icons/tux.png) no-repeat center left;
    padding: 2px 0 2px 22px;
}

div.productBox div.ordernow {
    text-align: center;
    padding: 0 0 1em 0;
    font-weight: bold;
    color: #BD3A31;
}

div.productBox div.ordernow a {
    color: #BD3A31;
    text-decoration: none;
}

div.productBox div.ordernow a:hover {
    color: #000000;
}

/* generic stuff */
div.tdr-box {
    background: #ffffff;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}

div.tdr-box div.pad {
    padding: 1em;
}

div.tdr-founder {
    margin-bottom: 20px;
    padding: 1em;
    background: #efefef url(/img/colors_hr.png) repeat-x bottom left;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    color: #484848;
}

div.tdr-founder h4 {
    margin: 0 0 0.5em 0;
    padding: 0 0 0.5em 0;
    color: #687F23;
    border-bottom: 1px dotted #ddd;    
}

div.tdr-founder a {
    color: #BD3A31;
    text-decoration: none;
}

div.tdr-founder a:hover { color: #000000; }

/* footer */

#footer {
    position: relative;
    height: 100px;
    margin-top: -100px;
    clear: both;
    background: #000 url(/img/footer_bg.png) repeat-x;
}

.footer {
    color: #949494;
    padding: 1em;
}

.f-twitter {
    background: url(/img/t_logo-b.png) no-repeat center left;
    color: white;
    height: 36px;
    padding: 3px 0 0 45px;
    font-size: 0.8em;
    color: #a5a5a5;
    margin: 14px 0 0 0;
}

.f-twitter:hover {
    background: url(/img/t_logo-a.png) no-repeat center left;
    cursor: pointer;
    color: #fff;
}

.f-tos {
    color: #fff;
    color: #a5a5a5;
    font-size: 0.7em;
    margin: 25px 0 0 0;
    padding: 0 0 0 30px;
    background: url(/img/duck_tiny.png) no-repeat 0px -2px;
}

.f-tos a:hover {
  color: #fff;
}

div#faq p {
    border: 1px solid red;
    border:1px solid #ccc;
    background: #f0f0f0; 
    padding: 8px;
    font-size: 0.9em;
    margin: 5px 0 0 20px;
}

div#faq h5 {
    padding: 0 0 0 20px;
    margin: 10px 0 2px 0;
    color: #BD3A31;
    background: url(/img/icons/bullet_star.png) no-repeat 0px 1px;
}

div#faq h5:hover {
    color: #000;
    cursor: pointer;
}