.hidden {
 display: none;
}

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

h1
{
font-size: xx-large;
font-weight: normal;
color: #060;
}

h2
{
font-size: x-large;
font-weight: normal;
color: #999;
}

a img
{
border: none;
}

a
{
color: #0a0;
text-decoration: none;
}

a:hover
{
text-decoration: underline;
}

p
{
margin: 0 0 12px 0;
line-height: 140%;
}

div.sidebar
{
width: 290px;
float: right;
padding-bottom: 24px;
}

div.bit
{
border-top: 4px solid #ddd;
min-height: 300px;
}

div.bit-image
{
float: right;
margin-left: 16px;
}

div.bit-content
{
width: 420px;
}


div.page
{
margin: 64px auto;
width: 960px;
}

div.variable-content
{
clear: both;
padding-top: 16px;
}

div.image
{
float: right;
width: 575;
height: 400;
background: white url(resources/card_image.jpg) top right no-repeat;
}

div.content
{
width: 360px;
}

div.full-content
{
width: 640px;
}

div.legal
{
clear: both;
border-top: 6px solid #ddd;
margin-top: 32px;
padding-top: 8px;
}

div.legal p
{
color: #bbb;
font-size: small;
}

div.navigation
{
float: right;
text-align: right;
padding-top: 34px;
}

ul.menu
{
list-style-type: none;
margin: 0;
padding: 0;
}

ul.menu li
{
margin-bottom: 6px;
}

div.navigation ul
{
padding: 0;
margin: 0;
list-style-type: none;
color: #060;
font-size: medium;
}

div.navigation ul li
{
display: inline;
padding-left: 12px;
}

div.logo
{
float: left;
position: relative;
left: -6px;
width: 354px;
}

div.logo h1
{
display: none;
}