html {
    height: 100%;
    background-color: #F7F7F7;
    background-image: url(../images/bgbottom.png);
    background-repeat: repeat-x;
    background-position: bottom;
    margin:0;
    padding:0
} 

body {
     background: none;
}

#logo {
    padding-top: 15px;
}
#contact {
    margin-top: 15px;
    background-image:url(../images/contact.png);
    background-repeat:no-repeat;
    background-position:top right;
    text-transform:uppercase;
    font-weight:700;
    white-space:nowrap;
}

#footer {
    font-size: 130%;
}
.menuitem {
    padding-left: 20px;
    padding-right: 20px;
    cursor:pointer;
}
#percent {
    font-size: 75%;
    text-align: center;
}
.image {
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -o-transform: scale(0.9);
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
} 
.image:hover {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
}

/*
img.image {
    width:38px;
    height:38px; 
    -webkit-border-radius:5px; 
    -moz-border-radius:5px;
    border-radius:5px;
    border:1px solid #DBDEDE;
    padding:3px;
    margin:1px;
    background-color:white;
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    filter: gray; 
    -webkit-filter: grayscale(100%);
}

img.bigimage {
    width:44px;
    height:44px;
    border:2px solid #DBDEDE;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    background-color:#FFF;
    filter:url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
    -webkit-filter:grayscale(0%);
    margin:0;
    padding:0
}
*/