body{
    font-size:.8em;
    font-family:"Lucida Grande","Lucida Sans Unicode",geneva,verdana,sans-serif;
    background: #282828 url('../img/bg.jpg') repeat-x;
    min-height:100%;
    height:100%;
}
img{
    border:none;
}
a{
outline-style:none;
outline-width:0;
}
#content{
    background:#e8e7dd;
    margin:10px auto 5px auto;
    width:850px;
    height:100%
    display:block;
    bottom:5px;
    position:relative;
}
#content > div{
    display:block;
    width:100%;
    position:relative;
}
#content .header{
    height:66px;
    background:url('../img/header.jpg') no-repeat top left;
}
#content .main{
    height:415px;
    width:100%;
    display:block;
}
#content .main img{
position:absolute;
}

#content .main .thumbs{
width:100%;
height:64px;
display:block;
position:absolute;
bottom:10px;
left:10px;
}
#content .main .thumbs .thumb{
display:block;
float:left;
height:50px;
margin:5px;
position:relative;
width:100px;
}
#content .main .thumbs .thumb img{
height:50px;
width:100px;
}
#content .main .thumbs .selected{
border:1px solid #fff;
}
#content > .body{
    background:url('../img/body.jpg') repeat-x top left;
    height:100%;
    min-height:400px;
}
#content > .body .content{
    padding:10px;
    display:block;
    width:100%;
    position:relative;
    height:100%;
}
#content .body .content table{
width:100%;
height:100%;
}
#content .body .content .left{
width:50%;
display:block;
position:relative;
color:#458;
}

#content .body .content .left h1{
    padding-top:10px;
    padding-left:10px;
    margin:0;
    color:#4b4a3c;
    font-family:'Garamond','Georgia';
    font-size:2em;
    font-style:italic;
}
#content .body .content .left h2{
    color:#4b4a3c;
    font-family:'Garamond','Georgia';
    padding-left:10px;
    font-style:italic;
    font-size:1.6em;
}

#content .body .content .left p{
padding-left:20px;
color:#665;
line-height:1.5em;
font-size:110%;
}
#content .body .content .right{
display:block;
width:376px;
position:absolute;
right:20px;
top:10px;
}
#content .body .content .right .intro{
background: #2a2c2d;
color:#c5c4be;
line-height:1.8em;
clear:both;
display:block;
position:relative;
width:100%;
}
#content .body .content .right .intro p{
margin:25px;
padding:10px;
}
#content .body .content .right .images{
text-align:right;
display:block;
position:relative;
width:100%;
right:20px;
}
#content .body .content .right .images img{
width:355px;
}
#content .body .content .right .images .caption{
font-style:italic;
font-size:90%;
}
#content .header .links{
    position:relative;
    top:40px;
    text-align:right;
    right:10px;
}
#content .header .links a{
    font-size:82%;
    color:#9e9d98;
    text-decoration:none;
    margin-left:5px;
}
#content .header .links a:hover{
    text-decoration:underline;
    color:#666;
}
#content .footer{
    clear:both;
    height:29px;
    background:url('../img/footer.jpg') repeat-x top left;
}
#content .footer p{
    padding: 5px 0px 0px 5px;
    font-size:88%;
    color:#999;
    text-align:center;
}

#content .body .content .left .green h1{
color:#4b8d3c;
}
#content .body .content .left .green p{
color:#565;
}
#content .body .content .left .green{
color:#484;
}
#content .body .content .right .green .intro {
background:none repeat scroll 0 0 #779977;
color:#fff;
}

#content .body .content .left ul li{
 background-color: #fff; 
 -moz-border-radius: 8px; 
 -webkit-border-radius: 8px; 
 border: 1px solid #fff; 
 padding: 10px;
 margin:5px;
}

#bgimage{
position:absolute;
}

/*

        NAVI
        
*/        

#subnavi_arrow{
display:block;
position:absolute;
width:18px;
height:50px;
right:0;
}

#navi{
right:0px;
margin-right:-11px;
position:absolute;
}
#navi ul li{
    width:218px;
    height:50px;
    display:block;
    outline-style:none;
    outline-width:0;
}
.navi_item{
    background:url('../img/navi.png') no-repeat top left;
}
.navi_hover{
    background: url('../img/navi_hover.png') no-repeat top left;
}
#navi ul li a{
display:block;
padding: 15px 0px 0px 40px;
color:#fff;
text-decoration:none;
outline-style:none;
outline-width:0;
}
#subnavi{
    position:absolute;
    right:0px;
    display:block;
    background:url('../img/subnavi.png') top left;
    height:inherit;
    width:225px;
}
#subnavi .content .head{
    background:url('../img/subnavi.png');
    width:100%;
    height:68px;
    display:block;
}
#subnavi .content .head h1{
    padding-top:40px;
    padding-left:3px;
    margin:0;
    font-family:'Garamond','Georgia';
    font-size:1.5em;
    font-style:italic;
}
#subnavi .content .head h1 a{
    color:#fff;
    text-decoration:none;
}

#subnavi .content .body{
    padding:5px;
    font-size:.9em;
    color:#eee;
    text-align:right;
    display:block;
}
#subnavi .content .navi ul{
    list-style:none;
    padding:0;
}
#subnavi .content .navi ul li{
    padding:4px;
}
#subnavi .content .navi ul li a{
padding:2px;
    display:block;
    width:100%;
    height:25px;
    color:#fff;
    text-decoration:none;
    
}
#subnavi .content .navi ul li a:hover{
    background:url('../img/navi_item_hover.png');
    color:#fff;
}

/* root element for scrollable */ 
div.scrollable { 
 
    /* required settings */ 
    position:absolute; 
    overflow:hidden; 
 
    /* vertical scrollers have typically larger height than width */ 
    height: 260px; 
    width: 400px; 
    top:120px;
} 
 
/* root element for scrollable items */ 
div.scrollable div.items { 
    position:absolute; 
 
    /* this time we have very large space for the height */ 
    height:20000em; 
}
div.scrollable div.items > div{ 
height:75px;
padding:5px;
display:block;
position:relative;
width:100%;
cursor: pointer;
}
div.scrollable div.items > div a{ 
top:5px;
left:165px;
display:block;
width:100%;
position:relative;
text-decoration:none;
color:#fff;
}
div.scrollable div.items > div p{ 
top:5px;
left:170px;
display:block;
position:relative;
text-decoration:none;
color:#fff;
font-size:80%;
}

#actions{
    display:block;
    width:100%;
    padding:2px;
}
#actions a{
    display:block;
    background:url('../img/subnavi.png') top left;
    width:50%;
    height:25px;
    float:left;
    text-align:center;
    color:#ccc;
    padding-top:5px;
cursor: pointer;
}
/* TWITTER */

.tweet{
background:#fff;
-moz-border-radius: 5px; 
-webkit-border-radius: 5px; 
border: 1px solid #fff;
padding:4px;
margin:5px;
}

.tweet .tweet_user a{
text-decoration:none;
font-size:.9em;
color:#125fa8;
}

.tweet .tweet_body{
font-size:1.2em;
padding:2px;
}

.tweet .tweet_time{
font-size:.9em;
padding:2px;
color:#888;
text-align:right;
}

/* STATIC */

#subnavi_s{
    position:absolute;
    right:0px;
    display:block;
    height:inherit;
    width:225px;
}

.static_thumbs{
width:600px;
height:300px;
}
.thumb_static{
display:block;
float:left;
width:160px;
height:120px;
background:#fff;
margin:20px;
}
.thumb_static img{
padding-top:20px;
}
.thumb_static a{
color:#444;
text-decoration:none;
}
.static_fleet_thumbs{
position:absolute;
bottom:10px;
}
.static_img_thumb{
float:left;
display:block;
width:100px;
height:50px;
margin:3px;
}