body{
color: #fff;
background: #001528;
margin: 0;
padding: 0;
font-family: arial, sans-serif;
font-size: 95%;
}

#content{
margin: 0;
padding: 0;
height: 552px;
width: 854px;
overflow: hidden;
}

.content-empty{
background: url('images/mid1.png') no-repeat;
padding: 0; margin: 0;
}
.content-left1{
background: url('images/mid3.png') no-repeat;
padding: 0; margin: 0;
}
.content-left2{
background: url('images/mid2.png') no-repeat;
padding: 0; margin: 0;
}
.content-left3{
background: url('images/mid5.png') no-repeat;
padding: 0; margin: 0;
}
.content-leftright{
background: url('images/mid4.png') no-repeat;
padding: 0; margin: 0;
}


abbr{
cursor: help;
}

/******************************************************************************/
/*   LEFT-FRAME   */

#leftframe{
margin: 24px 0 0 24px;
width: 460px;
height: 510px;
}


/******************************************************************************/
/*   FULL-FRAME                                                               */

#fullframe{
margin: 24px 0 0 24px;
padding: 0;
width: 795px;
height: 510px;
}


/******************************************************************************/
/*   ABOUT-LINKS   */

.aboutlinks{
height: 26px;
z-index: 0;
background: url(images/about_bar.png) no-repeat;
}
.links{
padding: 0 0 0 20px;
margin: 0;
position: relative;
z-index: 10;
}

.aboutnum{
padding: 0;
margin: 0;
}

.aboutnum li{
float:left;
list-style-type: none;
height: 26px;
margin: 0 10px;
padding: 0;
}

.aboutlinks a{
color: #c9471f;
text-decoration: none;
font-weight: bold;
}
.aboutlinks a:hover{
color: #af2510;
}

.aboutlinks li.active a{
color: #eedc22;
}
.aboutlinks li.active a:hover{
color: #c98d07;
}
.aboutlinks span{
font-weight: bold;
font-size: 120%;
}

.aboutlinks .header{
font-weight: bold;
padding: 2px 24px 0 24px;
margin: 0;
}

/******************************************************************************/
/*   TEXT-BOX   */

#leftframe .textbox{
width: 400px;
margin: 20px 25px 0 30px;
padding: 0;
}

#fullframe .textbox{
width: 400px;
margin: 20px 25px 0 30px;
padding: 0;
}

.textbox p{
padding: 0;
margin: 0 0 10px 0;
}
.textbox .str{
font-weight: bold;
}

.textbox a{
color: #ff8838;
}
.textbox  a:hover{
color: #ffeeac;
}


/******************************************************************************/
/*   ABOUT-LOCATIONS                                                          */

.locations{
margin-top: 0;
padding-top: 0;
}

.location{
background: url(images/locations.png) no-repeat;
width: 407px;
height: 55px;
overflow: hidden;
margin: 0 0 5px 0;
padding: 0;
}

.location span{
font-weight: bold;
display: block;
padding: 35px 10px 0 10px;
}

.russia{
margin-top: 20px;
}
.greece{
background-position: 0 -55px;
margin-top: 30px;
}
.caribbean{
background-position: 0 -110px;
margin-top: 30px;
}

.locations p{
margin: 0 10px 0 10px;
}


/*   ABOUT-BOATS   */

.raceboats{
margin: 30px auto;
}
.civboats{
margin: 30px 40px;
width: 320px;
}

                                                                             

/******************************************************************************/
/*   SCREENSHOT                                                               */

.screenshot a img{
border: 2px solid #666;
padding: 1px;
background: #ddd;
color: #000;
}

.screenshot a:hover img{
border: 2px solid #999;
padding: 1px;
background: #fff;
cursor: pointer;
}

.screenshot{
margin: 0 85px;
width: 627px;
}

.ssnav{
margin: 0;
padding: 0;
height: 26px;
width: 854px;
background: url(images/screenshot_bar.png) no-repeat;
position: absolute;
top: 515px;
left: 0;
}

.ssnav div{
width: 400px;
margin: 3px 227px 0 227px;
margin-top: 3px;
}

.ssnav a{
color: #c9471f;
text-decoration: none;
font-weight: bold;
}
.ssnav a:hover{
color: #af2510;
}

.ssnav .next{
float: right;
padding-right: 40px;
}
.ssnav .prev{
float: left;
padding-left: 40px;
}
.ssnav .expand{
position: absolute;
top: 3px;
left: 367px;
width: 120px;
text-align: center;
}

/******************************************************************************/
/*   THUMBNAILS                                                               */

.thumbnails{
margin: 0 20px;
padding: 20px 0 0 0;
}

.thumbnails a{
margin: 0;
padding: 0;
}
.thumbnails a img, img.textscreen{
border: 1px solid #ddd;
padding: 1px;
margin: 4px;
background: #666;
color: #000;
}
.thumbnails a:hover img, a:hover img.textscreen{
border: 1px solid #fff;
padding: 1px;
background: #ddd;
cursor: pointer;
}     


/******************************************************************************/
/*   NEWS                                                               */

.news .date{
font-size: 80%;
font-weight: bold;
border-bottom: 1px solid #568;
margin: 3px 0;
padding: 2px 0;
}

div.obj{
margin: auto;
width: 425px;
}



/******************************************************************************/
/*   LEFT-RIGHT-FRAME   */

#lrleftframe, #lrrightframe{
padding: 0;
margin: 0;
width: 387px;
height: 510px;
overflow: hidden;
}
#lrleftframe{
position: absolute;
left: 26px;
top: 24px;
}
#lrrightframe{
position: absolute;
left: 441px;
top: 24px;
}

.lrframe .textbox{
width: 335px;
margin: 10px 25px 20px 25px;
padding: 0;
}

.lrframe .header{
font-weight: bold;
height: 26px;
width: 387px;
padding: 2px 24px 0 24px;
margin: 0;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src='images/downloads_bar.png');
}

.lrframe .header[class]{
background-image:url(images/downloads_bar.png);
}

.lrframe  .text{
margin-bottom: 20px;
}



/******************************************************************************/
/*   DOWNLOAD  &  VIDEO  */

.down{
background:url(images/download.png) no-repeat top left;
height: 34px;
padding-left: 50px;

}
.play{
background:url(images/play.png) no-repeat top left;
height: 29px;
padding-left: 50px;

}
.down a, .play a{
font-weight: bold;
}

.short {
padding-top: 3px;
}
.long{
padding-top: 0px;
}
.imgpadded{
margin-top: 20px;
}
img.textscreenr{
float: right;
}
img.textscreenc{

}


#videoframe{
margin-top: 90px;
display: none;
}
#videoframe a{
float: right;
clear: both;
height: 20px;
color: #fff;
font-weight: bold;
text-decoration: none;
}
#vframe{
background: transparent;
}


#featuresfloat{
position: absolute;
top: 50px;
left: 500px;
width: 340px;
line-height: 1.5em;
font-size: 105%;
font-family: trebuchet ms;

}
#featuresfloat ul{
margin: 0;
padding: 0;
}
#featuresfloat li{
margin: 0 0 20px 25px;
}