body	{
font-size: 67.2%;
background: #000;
font-family: Arial !important;
text-align: center;
}

img	{
border: none;
}

#top_logo	{
margin-bottom: 40px;
}

div	{
margin: 0 auto;
width: 700px;
padding: 15px 0 5px 0;
border-top: 3px solid #FFF;
}

div p	{
width: 45%;
float: left;
color: #989898;
text-align: left;
padding-bottom: 40px;
padding-top: 30px;
}

div strong	{
color: #FFF;
font-size: 1.4em;
font-weight: normal;
}

div a	{
color: #FFF;
text-decoration: none;
}

div a:hover	{
color: #989898;
}

div p span	{
display: block;
color: #FFF;
font-size: 3.0em;
font-weight: normal;
text-align: left;
padding-left: 115px;
}

div p img	{
float: left;
margin-right: 15px;
border: 1px solid #272727;
margin-bottom: 45px;
}

div div	{
width: 42%;
float: left;
color: #FFF;
border: 1px solid #000; /* w/o border set the element won't clear :/ BOTH FF and IE */
padding: 0 25px;
}

div div span	{
margin-bottom: 7px;
display: block;
width: 150px;
text-align: center;
}

div div img	{
margin: 0;
border: 1px solid #272727;
}

#footer	{
margin: 0 auto;
width: 700px;
padding-top: 30px;
border-top: 3px solid #FFF;
}

#footer img	{
margin: 0 17px 0 18px;
}

/* classes */

.left	{
text-align: left;
}

.left span	{
float: left;
}

.right span	{
float: right;
}

.right	{
text-align: right;
}

.clear	{
clear: both;
}

.pad_right	{
padding-right: 30px;
background: transparent url(../images/lines_v.gif) repeat-y top right;
}

.pad_left	{
padding-left: 30px;
}

.ruler	{
height: 1px;
background: transparent url(../images/lines_h.gif) repeat-x 0 50%;
width: 100%;
clear: both;
padding: 0;
border: none;
margin: 20px 0 0 0;
}

/********** hidden video player *************/

.hidden_video_player	{
position: absolute;
z-index: 5;
left: 50%;
margin-left: -350px;
border: none;
width: 700px;
height: 300px;
background: #FFF;
padding-top: 20px;
color: #000;
}

.hidden_video_player a	{
position: relative;
top: 10px;
color: #000;
padding: 5px;
}

.hidden_video_player a:hover	{
background: #000;
color: #FFF;
}