*{
    margin:0;
    padding:0;
}
body{
    background:#000;
	 font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 14px;
    width:20000px;
    position:absolute;
    top:0px;
    left:0px;
    bottom:0px;
}

a:link, a:hover { text-decoration:none;}

h1,
h2,
h3
{
    color: #238acb;
}

h3
{
    margin: 10px 0;
}

a
{
    color: #238acb;
}

.header
{
    position: fixed;
    top: 0;
    left: 0;
    height: 70px;
    width: 100%;
    overflow: hidden;
    background: #000000;
    z-index: 1000;
}

.header .logo
{
    float: left;
    padding: 22px;
    padding-left: 30px;
}

.header .credits a
{
    float: right;
    padding-top: 20px;
	color:#FFF;
	font-size:15px !important; 
	font-family:'Roboto',sans-serif; 
	font-weight:bold;
	margin-right:30px;
	text-decoration:none;
}

.section{
    margin:0px;
    bottom:0px;
    width:4000px;
    float:left;
    height:100%;
}

.section p { margin:10px;}
.content_section { margin-top:100px; width:600px; margin-left:30px;}

.black{
    color:#fff;
   
    background:#000 url(../images/black.jpg) no-repeat top right;
}
.black1{
    color:#fff;
   
    background:#000 url(../images/black1.jpg) no-repeat;
	background-position:left 50px;
}

.black2{
   
    background:#000 url(../images/black2.jpg) no-repeat;
	background-position:left 50px;
} 

.black3{
   
    background:#000 url(../images/black3.jpg) no-repeat;
	background-position:left 50px;
} 


.white1{
    color:#000 !important;
    background:#fff url(../images/white1.jpg) no-repeat top right;
}

.white2{
    color:#000 !important;
    background:#fff url(../images/white2.jpg) no-repeat top right;
}

.white1  ul.nav li a , .white2  ul.nav li a { color:#000 !important;}

.content_section ul.nav{
    list-style:none;
	position:absolute; bottom:50px; margin-left: 250px;
}

#butdetail { position:absolute; bottom:50px;}
ul.nav li{
    float:left;
    padding:5px;
    margin:5px;
    color:#aaa;
}
ul.nav  li a{
    display:block;
    color:#f0f0f0;
}
ul.nav  li a:hover{
    text-decoration:none;
    color:#fff;
}




.thun { font-weight:bold; color:#000; font-size:15px;}

.page
{
    top: 0px;
    background: white;
	opacity: 0.8;
    filter: alpha(opacity=80); /* For IE8 and earlier */
    padding: 10px 30px;
    border: 1px #eee solid;
    position: absolute;
}
.putih { color:#FFF;}
.judul { font-size:36px; margin-bottom:20px; font-weight:bold;}
.intro p { color:#FFF; font-size:14px;}
.height_content {height:350px; overflow:auto; }
.height_content p {line-height:21px;  font-size:14px; margin:10px 0px;} .height_content ul li  { line-height:21px;  font-size:14px;}

.description
{
   	margin-top:100px;
	width: 750px;
}


 span.reference{
            position:fixed;
            left:10px;
            bottom:10px;
            font-size:13px;
            font-weight:bold;
        }
        span.reference a{
            color:#fff;
            text-shadow:1px 1px 1px #000;
            padding-right:20px;
			 text-decoration:none;
        }
        span.reference a:hover{
            color:#ddd;
            text-decoration:none;
        }