html, body {
 font-family: Arial;
 font-size: 13px;
 text-align: center;
 color: #666;
 background: #FFFFFF url(images/bg_main.png) top left repeat-x;
 margin:0;
 padding:0;
 height: 100%;
}

body > #wrap {height: auto; min-height: 100%;}


#wrap {
height: 100%;
}

h1,h2
{
color: #004286;
font-size: 16px;
padding:0;
margin:0 0 8px 0;
}

a,a:active,a:visited
{
color: #004286;
text-decoration:none;
}

img, img a, img a:hover, img a:visited
{
border : none; behavior: url("images/pngbehavior.htc");
}


#container
{
width: 1000px;
height:auto;
text-align:left;
margin:auto;
background:none;
padding-bottom: 40px;
line-height:140%;
}

.top
{
width:100%;
height:110px;
float:left;
margin: 16px 0 0 0;

}

#logo
{
width:235px;
height:50px;
margin: 30px 0 0 30px;
padding:0;
background: url(images/mobi_logo.png) no-repeat;
float:left;
}

.mod_customnav
{
height:35px;
width:554px;
float:right;
margin: 75px 0 0 0;
padding:0;
color: #004286;
}

.mod_customnav ul
{
padding:3px 0 0 0;
margin:0;
}

.mod_customnav li {
        float: left;
        list-style: none;
        font-size: 14px;
        margin-right: 33px;
}

.mod_customnav li a {
        display: block;
        color: #004286;
        padding: 0 0 6px 0;
        text-decoration: none;
}

.mod_customnav a:hover {
        background: url(images/navi_bghover.png) 50% 19px no-repeat;
        color: #000;
        padding:0 0 14px 0;
}

.mod_customnav .active {
        background: url(images/navi_bghover.png) 50% 19px no-repeat;
        padding:0 0 14px 0;
}

#promo
{
margin:0 0 5px 0;
padding:0;
float:left;
height:295px;
}

.promohand
{
float:left;
clear:left;
}

.promo_vodafone
{
float:left;
clear:right;
margin:0;
padding:45px 0 19px 463px;
}

.promo_claim
{
float:right;

}


.news_short
{
float:left;
width:430px;
margin:0;
padding:22px 35px 35px 35px;

}

#content
{
margin:0;
padding:0 35px;

}

#left
{
width:223px;
float:left;
margin-right:55px;

}

#main, .mod_article
{
float:right;
width:652px;
padding-bottom:50px;

}

#footer {
position: relative;
margin-top: -40px; /* negative value of footer height */
height: 40px;
clear:both;
background: #f5f5f5;
text-align:left;
padding:30px 0 0 35px;
font-size:12px;
color: #004286;
}

#footer ul
{
padding:4px 0 0 0;
margin:0;
list-style: none;
}

#footer li {
        float: left;
        list-style: none;
        font-size: 12px;
        margin-right: 33px;
}

#footer li a {
        display: block;
        color: #004286;
        padding: 0 0 6px 0;
        text-decoration: none;
        list-style: none;
}

#footer a:hover {
        color: #000;
        padding:0 0 14px 0;
}

.mod_newslist .more
{
font-size:12px;
padding:0;
margin:0;
}

.mod_newslist .teaser
{
margin-bottom:3px;
}



/* CLEAR FIX*/
.clearfix:after {content: ".";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */