body {
font-family: Helvetica, Arial, Verdana, sans-serif;
padding: 0;
margin: 0;
}

#content {
margin: 0 auto;
overflow: hidden;
width: 708px;
height: 508px;
background: #e9e9e9;
padding: 10px;
border: 1px solid #ccc;
}

#primary {
width: 390px;
overflow: hidden;
padding: 10px 0;
float: right;
padding: 2.5em 0 0 0;
}

#secondary {
width: 318px;
float: left;
}

.xxl {
font-size: 1.7em;
text-transform: uppercase;
font-weight: bold;
font-family: "Arial Black", Arial, Helvetica, sans-serif;
margin: 0 0 0 .5em;
line-height: 120%;
color: #355470;
padding: 0;
text-shadow: 
  1px 1px 0 #547899,
  2px 2px 0 #4e708e,
  3px 3px 0 #486884,
  2px 2px 7px rgba(0, 0, 0, .6);
}

.xxl em {
font-style: normal;
}

.green {
color: #306320;
text-shadow: 
  1px 1px 0 #478932,
  2px 2px 0 #427f2e,
  3px 3px 0 #3d762b,
  2px 2px 7px rgba(0, 0, 0, .6);
}

.red {
color: #7f1717;
text-shadow: 
  1px 1px 0 #a51d1d,
  2px 2px 0 #9e1b1b,
  3px 3px 0 #981b1b,
  2px 2px 7px rgba(0, 0, 0, .6);
}

.yellow {
color: #a59802;
text-shadow: 
  1px 1px 0 #e9d607,
  2px 2px 0 #d7c707,
  3px 3px 0 #c4ba3f,
  2px 2px 7px rgba(0, 0, 0, .6);
}

#primary ul {
overflow: hidden;
margin: 1em auto 0 auto;
list-style: none;
padding: 0;
width: 365px;
}

#primary ul li {
padding: 0;
margin: 0 .4em 0 0;
background: url(../images/user-img-bg.png) 100% -1px no-repeat;
width: 117px;
float: left;
}

.last {
margin-right: 0 !important;
}

#primary ul li p {
text-align: center;
margin: .4em 0 0 0;
color: #5d87a7;
text-shadow: 1px 1px 0 rgba(255, 255, 255, .5);
}

.button {
background: url(../images/button.png) 0 0 no-repeat;
width: 390px;
height: 75px;
display: block;
margin: .7em 0 0 0;
line-height: 68px;
text-align: center;
text-transform: uppercase;
color: #fff;
text-decoration: none;
font-family: "Arial Black", Arial, Helvetica, sans-serif;
font-size: 1.7em;
text-shadow: 2px 2px 0 rgba(0, 0, 0, .4);
outline: none !important;
}

.button:hover {
background: url(../images/button.png) 0 -75px no-repeat;
line-height: 72px;
}

.button em {
color: yellow;
font-style: normal;
}

.counter {
color: #547798;
font-weight: lighter;
text-align: center;
line-height: 130%;
font-size: 1.4em;
text-shadow: 1px 1px 0 white;
margin: 0;
}

.counter span {
display: block;
font-size: 1.1em;
color: #b41f1f;
font-style: italic;
}