@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto Regular'), 
       local('Roboto-Regular'), 
       url(https://themes.googleusercontent.com/static/fonts/roboto/v11/2UX7WLTfW3W8TclTUvlFyQ.woff) 
       format('woff');
}
#page-wrap {
     /*width: 1024px;*/
     width: 1024px;
     margin: 0 auto;
	 background-color:#ebeced;
	 //min-height:500px;
	 border-top-left-radius:10px;
    border-top-right-radius:10px;
    border-bottom-left-radius:10px;
border-bottom-right-radius:10px;
margin-top:20px;
margin-bottom:20px;
}
body
{
background: url(images/bg.png) ; 
font-family: Roboto; 
}
#header {
background: url(images/header_top.png) ; 
height:92px;
border-top-left-radius:10px;
border-top-right-radius:10px;
}
#logo {
padding-top:10px;
padding-left:50px;
}
#breadcrumbs {
font-size:10px;
}

#slide {


}
#content {
background: url(images/bar_middle.png) no-repeat; 
top:-15px;
z-index: 99999;
position: relative;
min-height:500px;
padding-top:50px;
padding-left:200px;
padding-right:50px;
}
#article {
background: url(images/slide_atas.png) no-repeat; 
min-height:500px;
padding:50px;
}
#footer {
background: url(images/footer.png) ; 
height:140px;
border-bottom-left-radius:10px;
border-bottom-right-radius:10px;

}
#socialfooter {
padding-left:50px;
padding-top:40px;

}
#copyright {
padding-top:10px;
text-align:center;
color:#ffffff

}

ul.menu {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
	float:right;
	padding-right:10px;
}

ul.menu li {
    float: left;
}

ul.menu li a {
    display: block;
    color: white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}

ul.menu li a:hover {
    background-color: #111;
}

h3 {
color:#231f20;
}
h4 {
color:#ffffff;
padding-left:10px;
padding-top:5px;
padding-bottom:5px;
background: url(images/title.png) no-repeat; 
background-size: 220px;
font-weight: normal;

}