@CHARSET
"UTF8"
;

body {
    margin: 0;
    padding: 0;
}
/* START PAGE */
div#startPage {
    font-size: 16px;
    background: url(../images/r2d2/home-background.jpg) repeat-x top left;
    height: 392px;
}

#startPage a:link, #startPage a:visited {
    color: #19B8DF;
}
a img {
    border: 0 none;
}
#startPage a.button {
    background: transparent url(../images/r2d2/bg_button_a.gif) no-repeat scroll top right;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 29px;
    margin-right: 6px;
    padding-right: 6px; /* sliding doors padding */
    text-decoration: none;
}
#startPage a.button span {
    background:transparent url(../images/r2d2/bg_button.gif) no-repeat scroll left top;
    display:block;
    line-height:19px;
    padding:5px 12px 5px 18px;
    color: #ffffff;
}
#startPage a.button:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

#startPage a.button:active span {
    background-position: bottom left;
    padding:6px 12px 4px 18px; /* push text down 1px */
}
#startPage #content {
    margin: 0 auto;
    text-align: center;
    width: 950px;
}
#startPage .banner .nav {
    float: left;
    height: 79px;
    width: 100%;
}
#startPage .banner .logo {
    float:left;
    padding: 21px 0 0 19px;
}
#startPage .banner .logo a {

}
#startPage .banneer .logo img {
    border: 0px none;
}
#startPage .banner .menu {
    float:right;
    padding-right: 40px;
    padding-top: 12px;
}
#startPage .banner .menu .item {
    display: inline;
    padding-left: 10px;
}
#startPage .banner .introduce,#startPage .banner .join {
    float: left;
    width: 100%;
}
#startPage .banner .introduce {
    height: 180px;
}
#startPage .banner .introduce .title {
    padding-top: 19px;
    padding-left: 15px;
}
#startPage .banner .introduce .description {
    padding-left: 15px;
}
#startPage .banner .introduce .description p {
    width: 340px;
}
#startPage .banner .join {
    /*height: 134px;*/
}
#startPage .banner .join .register {
    padding-left: 15px;
}
#startPage .banner .join .tour {
    padding:5px 0 0 15px;
}

/* TOUR */
#startPage .tour .prop {
    float: left;
    text-align: left;
    padding: 10px 15px 0    ;
}
#startPage .tour .intro {
    float: left;
    width: 360px;
}
#startPage .tour .video {
    margin-left: 20px;
    float: left;
    width: 540px;
}
#startPage .tour .prop .title {
    font-size: 24px;
    color: #FF66CC;
    padding: 5px 0;
}
#startPage .tour .prop .value {
    padding-top: 10px;
}
#startPage .tour .value #player {
    display:block;
    width:500px;
    height:375px;
}

/* FOOTER */
#container #footer {
    background: url(../images/r2d2/footer_bg.jpg) no-repeat bottom;
    padding-top: 30px;
    width: 950px;
    height: 60px;
    float: left;
}
#container #footer .links {
    float:left;
}
#container #footer .links a, #container #footer .links a:visited {
    font-size: 13px;
    color:#19B8DF;
    text-decoration: none;
}
#container #footer ul {
    padding-left: 15px;
}
#container #footer ul li {
    float:left;
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    padding-right:10px;
}
#container #footer .decl {
    float: right;
    font-size: 12px;
    padding: 12px 10px 0 0;
    color: #666666;
}
.nav .menu #lang {
    border:1px solid #7696B3;
    margin-left:10px;
}