body{
    padding: 0;
    margin: 0;
    background: #fff url('images/bg_body-home.jpg') repeat-x top left;
    text-align: center;
    font-family: "Lucida Grande","Lucida Sans Unicode","Lucida Sans",Helvetica,Arial,sans-serif;
    font-size: 80%;
    color: #474A51;
}

#top{
    display: none;
}

img{
    border: none;
}

a{
    color: #a00;
}

a:hover{
    background: #fee;
    text-decoration: none;
}

#site{    
    
}

#head{
    /*background: url('images/bg_nav-00-home.jpeg') no-repeat center top;*/
    height: 55px;
}

#menu{
    width: 980px;
    margin: 0 auto;
}

#menu ul{
    padding: 0;
    margin: 0;
}

#menu ul li{
    list-style: none;
    float: left;
    color: #fff;
    line-height: 55px;
    text-shadow: #000 1px 1px 2px;
    background: url('images/bg_nav-00-divider.png') no-repeat left center;
}

#menu ul li.current a{
    color: #ffc;
}

#menu ul li a{
    color: #fff;
    text-decoration: none;    
    font-weight: bolder;
    padding-left: 28px;
    padding-right: 27px;
}

html>body #menu ul li a{
    padding-left: 32px;
    padding-right: 31px;
}

*:first-child+html #menu ul li a{
   padding-left: 29px !important; /* #%@#%(! IE 7 */
   padding-right: 28px !important; 
}

#menu #nav-logo a{
    display: block;
    height: 54px;
    width: 103px;
    text-indent: -9999px;
    background: url('images/logo.jpg') no-repeat center 1px;
}

#menu ul li a:hover{
    color: #faa;
    background: none;
}

#splash{
    height: 365px;
    background: url('images/splash.jpg') no-repeat center top;
}

#splash-content{
    width:950px;
    margin: 0 auto;
    position: relative;
}

#screenshot{
    position: absolute;
    top: 42px;
    right: -5px;
}

#badge{
    position: absolute;
    top: 32px;
    right: -5px;
}

#buttons{
    position: absolute;
    top: 290px;
    padding-left: 20px;
}

#buttons ul{
    padding: 0;
    margin: 0;
}

#buttons ul li{
    list-style: none;
    padding: 0 30px 0 0;
    margin: 0;
    float: left;
}

#content{
    width:960px;
    margin: 0 auto;
    padding-top: 15px;
}



#features h2{
    font-size: 16px;
    margin: 5px 0;
    line-height: 32px;
    font-weight: normal;
    color: #333;    
}

#icon-create{
    background: url('images/icon-48x48-dollar_sign.png') no-repeat left center;    
    padding-left: 42px;
}

#icon-develop{
    background: url('images/entwicklung.png') no-repeat left center;    
    padding-left: 42px;
}

#icon-clock{
    background: url('images/icon-48x48-clock.png') no-repeat left center;    
    padding-left: 42px;
}

#icon-adwise{
    background: url('images/beratung.png') no-repeat left center;    
    padding-left: 42px;
}

#clients, ul.logos{
    padding: 0;
    margin: 10px 0 0;
}

#clients li, ul.logos li{
    float: left;
    list-style: none;
    background: url('images/bg_client-logos.png') no-repeat left center;
    margin: 0 20px 5px 0;
      padding: 0;
}

#features-column{
    /* width: 65%; */
    padding: 10px 0 10px 10px;
    margin-bottom: 20px;
}

html>body #features-column{
    /* width: 70%; */
}

#features-column ul{
    padding: 0;
    margin: 0;
}

#features-column ul li{    
    float: left;
    list-style: none;
    text-align: left;
    width: 285px;
    margin-right: 20px;
    margin-bottom: 10px;
    color: #666;
}

html>body #features-column ul li{
    width: 300px;
}

#features-column ul li p{
    font-family: Arial;
    line-height: 18px;
    margin-top: 10px;
    font-size: 12px;
}

html>body #features-column ul li p{
    font-family: Arial;
    line-height: 18px;
    font-size: 13px;
}



#references{
    text-align: left;
    width: 29%;
    float: right;
    padding: 10px;    
}

#references h2{
    font-size: 16px;
    margin: 7px 0;
    line-height: 32px;
    font-weight: normal;
    color: #333;    
}

#references ul{
    padding: 0;
    margin: 0;
}

#references ul li{
    list-style: none;
    background: url('images/bg_client-logos.png') no-repeat left top;    
    float: left;
    margin: 0 15px 5px 0;
}









#footer{
    clear: both;
    width: 960px;
    margin: 0 auto;
    height: 100px;
    background: #fff url('images/bg_foot-sub-copy.png') no-repeat left top;
    text-align: left;
}

#subscribe-form {
    float:left;
    position:relative;
    width:300px;
    margin: 20px;
}

form {
    margin:0;
    padding:0;
}

#subscribe-form h5, #subscribe-form p {
    font-size: 12px;
    color:#3E434A;
    margin: 0 0 7px;
    padding: 0;
}

fieldset {
    border:none;
    margin:0;
    padding:0;
}

#subscribe-form p{
    font-size: 11px;
    margin: 0 0 10px;
}


input, textarea {
    color:#555;
    font-family:Arial,sans-serif;
    font-size:13px;
    margin:0;
    padding:3px;
}

#foot-meta {
    color:#B0B0B0;
    float:right;
    text-align:right;
    width:520px;
    font-size: 11px;
    margin: 12px 20px;
}

#foot-meta a{
    color: #a0a0a0;
}

#foot-meta #legals {
    border-bottom:1px solid #ECEEEE;
    margin-bottom:9px;
    padding-bottom:11px;
}
#foot .sub-copy p {
    font-size:12px;
    margin-bottom:6px;
}

#breadcrumbs{
    color: #666;
    font-size: 11px;
    padding: 8px 0 11px 2px;
    margin: 0 0 20px;
    border-bottom: 1px solid #eee;
}

#breadcrumbs a{
    text-decoration: none;
}

.facts thead td{
        border-top: 1px solid #faa;
        border-left: 1px solid #faa;
        border-right: 1px solid #faa;
        font-weight: bold;
        color: #555;
        background: url('images/ololo.jpg') repeat-x top left;
        padding: 5px 8px 4px;
        text-shadow: #fff 1px 1px 2px;
    }
    
    .facts tbody td{
        border-top: 1px solid #ddd;
        padding: 5px 8px;
    }
    
    .facts tbody tr.tech td{
        border-top: 4px double #ccc;
    }

.facts{
    margin-left: 10px;
}

ul.ticks{
    padding: 0;
    margin: 0;
}

ul.bubbles{
    padding: 0 20px 0 60px;
    margin-bottom: 100px;
}
    
ul.ticks li{
    margin-bottom: 10px;
    background: url('images/icon_tick.png') no-repeat left 4px;
    padding-left: 24px;
    list-style: none;
    font-size: 11px;
}

ul.bubbles li{
    font-size: 12px;
    float: left;
    width: 270px;
}

ul.blocks{
    padding: 0;
    margin: 0;
    margin-left: 10px;
    margin-top: 20px;
}

ul.blocks li{
    list-style: none;
    padding: 0;
    margin: 0;
    width: 48%;
    float: left;
}

ul.blocks li.odd{
    margin-right: 10px;
}

ul.blocks li.even{
    margin-left: 10px;
}

ul.blocks li.row{
    margin-bottom: 20px;
}

ul.blocks li img{
    float: left;
    margin-bottom: 70px;
    margin-right: 10px;
}

ul.blocks li h4{
    padding: 0;
    margin: 0;
    color: #000;
    font-size: 13px;
}

ul.blocks li p{
    font-size: 11px;
    line-height: 17px;
    margin-top: 5px;
}


/* ----- QUOTE FORM ----- */
#quoteform label{
    display: block;
    font-weight: bold;
}

#quoteform textarea{
    width: 98%;
    height: 100px;
    margin-bottom: 25px;
    padding: 5px;
    font-family: "Lucida Grande","Lucida Sans Unicode","Lucida Sans",Helvetica,Arial,sans-serif;
    font-size: 12px;
}

#quoteform input{
    margin-bottom: 25px;
}

#quoteform .textinput{
    width: 98%;
    padding: 5px;
    font-family: "Lucida Grande","Lucida Sans Unicode","Lucida Sans",Helvetica,Arial,sans-serif;
    font-size: 12px;
}

#quoteform .empty { color: #aaa; }

.confirm{
    background: #efe;
    text-align: center;
    border: 1px solid #0a0;
    margin-bottom: 15px;
    margin-left: 10px;
}

.logos a:hover, #clientList a:hover{
    background-color: none;
}

tt{
  font-size: 12px;
  background: #eee;
}