.graphvisfooter {
position: relative;
float: left;
padding: 24px 0 0 0;
height: auto;
width: 100%;
text-align: left;
background-color: #333333;
-webkit-box-shadow: inset rgba(0, 0, 0, 0.35) 0 5px 25px;
-moz-box-shadow: inset rgba(0, 0, 0, 0.35) 0 5px 25px;
color: #6E6E6E;
}

.graphvisfooter img {
height:25px;
padding: 7px;
opacity:0.6;
    filter: grayscale(100%); /* Current draft standard */
    -webkit-filter: grayscale(100%); /* New WebKit */
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%); 
    -o-filter: grayscale(100%); /* Not yet supported in Gecko, Opera or IE */ 
    /* filter: url(resources.svg#desaturate); Gecko !Commented out, firefox doesn't like it!!!*/
    filter: gray; /* IE */
    -webkit-filter: grayscale(1); /* Old WebKit */
}

.graphvis-contact{
  display: block;
  clear: both;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}

.graphvis-contact li{
  display: inline-block;
  padding: 7px;
}

ul.graphvis-footer {
  list-style-type: none;
  padding-right:10px;
  clear:both;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
  padding:0px;
}

.centerfooter{
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}

ul.graphvis-contact {
  padding: 0;
  /*margin-bottom: 15px;*/
  margin-bottom: 0px;
}

.contactfooter {
}

.contactfooter > p {
  clear:both;
  float:right;
}

.graphvis-footer li{
  padding: 3px;
}

.graphvis-footer a{
  color: #AEAEAE;
  text-decoration: none;
  text-align:right;
}

.graphvis-footer a:hover{
  color: #FFFFFF;
  text-decoration: none;
}


.graphvis-contact a{
  text-decoration: none;
  color: #AAAAAA;
  font-size: 11px;

}

.graphvis-contact a:hover{
  text-decoration: none;
  color: #FFFFFF;
}


.copyrightfooter {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
  top:28px;
  position: relative;
  vertical-align: middle;  
  font-size: 12px;
  text-align: center;
  color: #AAAAAA;
}