body { margin: 0; font-family: 'Open Sans', sans-serif;  background-color: #eee; }
#logowrap { text-align:center; background-color:#000; }
#logo { max-width:280px; margin:auto;  }

td { font-size:86%; }
table { width: 100%; }

#content-ar { max-width:1000px; margin:auto; min-height:400px; background-color:#fff !important; border:2px solid #000; color:#000;padding:10px; }

img { max-width: 100%; height: auto; }

.card {
  background: #000;
  border: 1px solid #AAA;
  box-shadow: 0px 2px 3px 0px #AAA;
  padding: 0px;
  margin-top: 15px;
  margin-right: 7.5px;
  margin-bottom: 15px;
  margin-left: 7.5px;
  overflow: hidden;
  border-radius: 3px;
}
.card h1 {
  margin: 0px;
  padding: 10px;
  padding-bottom: 0px;
}
.card p {
  margin: 0px;
  padding: 10px;
}
.card-image {
  width: 100%;
  height: auto;
  padding: 0px;
  margin: 0px;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
  overflow: hidden;
  text-align:center;
}
.card-image .banner {
  height: 50px;
  width: 50px;
  top: 0px;
  right: 0px;
  background-position: top right;
  background-repeat: no-repeat;
  background-image: url('../images/new.png');
  position: absolute;
}
.card-image h1, 
.card-image h2, 
.card-image h3, 
.card-image h4, 
.card-image h5, 
.card-image h6 {
  position: absolute;
  bottom: 0px;
  width: 100%;
  color: white;
  background: rgba(0,0,0,0.65);
  margin: 0px;
  padding: 6px;
  border: none;
}
div.holoPressEffectDiv {
	background-color: #CCCCCC;
}