/*
Theme Name: Varia Beton
Description: The original PT Varia Usaha Beton, Design by IntermediaWork
Designer URI: http://www.intermediawork.com/
*/
@import url("./css/menu.css");
@import url("./css/gambar.css");
* {
outline: 0;
padding: 0;
margin: 0;
border: 0;
text-decoration: none;
vertical-align: baseline;
white-space: normal;
}
.clear {
	clear: both;
}
a {
color:#006291;
}

a:hover {
color: #009FE9;
}
html, body {
line-height: 1;
}

hr {
display: none;
}

blockquote:before, blockquote:after, q:before, q:after {
content: '';
}

blockquote, q {
quotes: "" "";
}

ul {
list-style-type: none;
}

ol {
list-style-type: decimal;
}
ol.commentlist {
	padding:0;
	margin:0;
	border:0;
	list-style-type: none;
	margin-bottom: 7px;
}

ol.commentlist li {
	padding:0;
	margin:0;
	border:0;
	background: #f6fafb;
	border: 1px solid #EAF4FA;
	padding: 20px;
	margin-top: 7px;
}

ol.commentlist li.alt {
	padding:0;
	margin:0;
	border:0;
	background: #FFF;
	border: 1px solid #EAF4FA;
	padding: 20px;
	margin-top: 7px;
}

.avatar {
	float: left;
	display: inline;
	margin-right:5px;
}

.avatar img {
	border: 0;
}
body {
width:100%;
margin:0 auto;
padding:0;
background: url(./images/bgmain.gif) repeat left top;
}
#topbar{
width:100%;
height:72px;
margin:0 auto;
background:#C94333 url(./images/bg-topbar.gif) repeat-y top left;
overflow:hidden;
border-top:5px solid #DC6339;
}
.topcol{
width:932px;
height:72px;
margin:0 auto;
background:url(./images/bg-topbar1.gif) no-repeat top right;
}
.www{
width:193px;
height:72px;
float:left;
}
#langcol{
display:block;
height:20px;
float:right;
background:none;
padding:0;
margin-top:25px;
}
#langcol ul{
list-style-type: none;
overflow:hidden;
padding:0;
}
#langcol li{
display:inline;
list-style-type: none;
padding:0 5px 0 5px;
}
#langcol span {
padding-left:3px;
}
#langcol li a {
font-family: Arial, Helvetica, sans-serif;
text-transform:uppercase;
font-size:9px;
color:#000;
text-decoration:none;
}
#langcol li a:hover{
color:#FFF;
}
#header{
width:932px;
height:145px;
margin:0 auto;
background:url(./images/bg-header.gif) no-repeat;
}
.headcol-a{
width:932px;
height:98px;
margin:0 auto;
background:url(./images/bg-topbar2.gif) no-repeat top right;
overflow:hidden;
}
.headcol-b{
display:block;
width:932px;
height:47px;
margin:0 auto;
}
.logo-flash{
width:100px;
height:86px;
float:left;
}
.logo-image{
display:block;
width:378px;
height:98px;
background:url(./images/logo-varia-usaha-beton.gif) no-repeat bottom left;
float:left;
}

#wrapper{
width:932px;
margin:0 auto;
padding:0;
background:url(./images/bg-wrapper.gif) repeat-y top;
overflow:hidden;
}
#wrapper.content-col{
width:890px;
margin:0 auto;
padding:0 21px 21px 21px;
}
#ccol{
width:890px;
margin:0 auto;

overflow:hidden;
}
#maincol{
width:641px;
float:left;
margin:25px 0 0 33px;
font-family: Arial, Geneva, Helvetica, sans-serif;
font-size:12px;
line-height:18px;
color:#5F6150;
}
#maincol p{
margin:0;
padding:0 0 12px 0;
}
#maincol h1{
display:block;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:25px;
font-weight:normal;
margin:0 0 10px 0;
padding:0;
}
#isi{
width:641px;
float:left;
margin:20px 0 0 0;
font-family: Arial, Geneva, Helvetica, sans-serif;
font-size:12px;
line-height:18px;
color:#5F6150;
overflow:hidden;
}
#isi p{
margin:12px auto 0 auto ; 
padding:0 0 0 0;
}
#isi strong{
font-size:13px;
}
#isi h1{
display:block;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:25px;
font-weight:normal;
margin:0 0 15px 0;
padding:0 0 10px 0;
border-bottom:3px double #E8E9E1;
}
#isi ul{
margin:0 auto 5px auto;
padding:0;
list-style:none;
overflow:hidden;
}
#isi li{
display:block;
margin:0 auto 1px auto;
padding:0 0 0 12px;
background: url(./images/bullet.gif) no-repeat left 7px;
}
#isi span{
display:block;
background:none;
margin:0 auto 10px auto;
overflow:hidden;
padding:0;
}
#isi span .topspan{
display:block;
height:15px;
background:url(./images/bg-isi-topspan.gif) no-repeat;
}
#isi span .midspan{
display:block;
background:url(./images/bg-isi-midspan.gif) repeat-y;
padding:0 15px;
overflow:hidden;
}
#isi span .bottomspan{
display:block;
height:15px;
background:url(./images/bg-isi-bottomspan.gif) no-repeat;
}
#isi span h2{
display:block;
margin:0 0 3px 0;
padding:0;
}
#isi span h2 a{
font-size:14px;
color:#5F6150;
padding-left:13px;
background:url(./images/arrow.gif) no-repeat left 4px;
}
#isi span h2 a:hover{
color:#C14122;
}
#isi span .thumbnail{
display:block;
width:90px;
height:90px;
float:left;
padding:7px;
margin:0 10px 0 0;
border:1px solid #E0E1DD;
background:#FCFDFA;
overflow:hidden;
}
#kotak{
display:block;
margin:20px auto 0 auto;
padding:0;
overflow:hidden;
}
#kotak h2{
display:block;
width:641px;
height:34px;
float:left;
margin:0 auto;
padding:3px 0 0 0;
background: url(./images/bg-blue.gif) no-repeat;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
text-transform:uppercase;
text-indent:10px;
color:#FCFDFA;
overflow:hidden;
}
#kotak .ulkanan{
width:310px;
float:right;
list-style:none;
overflow:hidden;
}
#kotak .ulkiri{
width:310px;
float:left;
list-style:none;
overflow:hidden
}
#kotak .ulkanan li, #kotak .ulkiri li{
display:block;
margin:0 auto;
padding-bottom:15px;
padding-left:0;
background:none;
overflow:hidden;
}
#kotak .ulkanan li strong, #kotak .ulkiri li strong{
display:block;
font-size:12px;
font-weight:bold;
text-transform:uppercase;
margin:0 auto;
}
#topcol{
width:641px;
height:250px;
margin:0 auto 33px auto;
background:none;
}
#leftcol, #bottcol{
width:641px;
color:#5F6150;
overflow:hidden!important;
}
#bottcol{
background:url(./images/bg-bottcol.gif) repeat-y;
}
#leftcol{
margin-bottom:20px;
}
#rightcol{
width:215px;
float:right;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:18px;
color:#5F6150;
background:#3D454F;
}
/*================== SIDEBAR ===========================*/
#sidecol{
width:214px;
float:left;
margin:0 auto;
padding:0;
}
#sidecol h1 {
display:block;
height:21px;
font-family: Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
text-transform:uppercase;
color:#1F2017;
margin:0 auto;
padding:8px 0 12px 7px;
background:url(./images/bg-h1.gif) no-repeat bottom left;
}
#sidecol h2 a{
display:block;
margin:0 auto;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:bold;
color:#4E4F44;
}
#sidecol h3 a{
display:block;
height:21px;
font-family: Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
text-transform:uppercase;
color:#1F2017;
margin:0 auto;
padding:8px 0 12px 7px;
background:url(./images/bg-h1.gif) no-repeat bottom left;
}
#sidecol ul{
display:block;
margin:0 auto 10px auto;
padding:0;
list-style:none;
}
#sidecol .textwidget{
display:block;
font-family: Arial, Geneva, Helvetica, sans-serif;
font-size:12px;
line-height:18px;
color:#5F6150;
overflow:hidden;
}
#sidebox{
display:block;
margin:0 auto 20px auto;
padding:0;
}

.isi-sidebox{
display:block;
font-family: Arial, Geneva, Helvetica, sans-serif;
font-size:12px;
line-height:18px;
color:#5F6150;
}

#lob-box{
display:block;
margin:0 auto;
padding:0 0 9px 0;
background:#00BAD3 url(./images/lob-top.gif) no-repeat left top;
overflow:hidden;
}
#lob-box-bottom{
display:block;
height:17px;
margin:0 auto 20px auto;
padding:0;
background:url(./images/lob-bottom.gif) no-repeat left top;
}
#lob-box h2 a{
display:block;
margin:0 auto;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:bold;
color:#77EEFF;
}
#lob-box h2 a:hover{
color:#BBF7FF;
}
#lob-box h3{
display:block;
margin:0 auto;
padding:5px 18px 0 18px;
background:url(./images/lines.gif) repeat-x left bottom;
}
#lob-box h3 a{
display:block;
height:23px;
line-height:23px;
font-family: Arial, Helvetica, sans-serif;
font-size:15px;
font-weight:bold;
text-transform:uppercase;
color:#F0D13E;
padding-left:25px;
background:url(./images/bag.gif) no-repeat left;
}
#lob-box h3 a:hover{
color:#F4DC6B;
}
.isi-lob-box{
display:block;
font-family: Arial, Geneva, Helvetica, sans-serif;
font-size:12px;
line-height:18px;
color:#DBFBFF;
padding:9px 18px 9px 18px;
overflow:hidden;
}
#lob-box .thumbnail{
display:block;
width:54px;
height:54px;
float:left;
margin-right:10px;
margin-top:5px;
padding:4px 4px 8px 4px;
background: url(./images/bg-thumb.gif) no-repeat;

}
/*================== END SIDEBAR ===========================*/

/*================== INFORMATION COLUMN ====================*/
#inf-box-left, #inf-box-right{
width:300px;
margin:0 auto;
padding:0;
background:none;
overflow:hidden;
}
#inf-box-left{
float:left;
}
#inf-box-right{
float:right;
}

#inf-box-left h2 a, #inf-box-right h2 a {
display:block;
margin:0 auto;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:bold;
color:#5F6150;
}
#inf-box-left h2 a:hover, #inf-box-right h2 a:hover{
color:#3D3E33;
}
#inf-box-left h3, #inf-box-right h3 {
display:block;
margin:0 auto 7px auto;
padding:0 0 5px 0;
border-bottom:3px double #E8E9E1;
background:none;
}
#inf-box-left h3 a, #inf-box-right h3 a{
display:block;
font-family: Arial, Helvetica, sans-serif;
font-size:15px;
font-weight:bold;
text-transform:uppercase;
color:#C14122;
}
#inf-box-left h3 a{
background:url(./images/truk.gif) no-repeat left;
padding:0 0 0 55px;
line-height:33px;
}
#inf-box-right h3 a{
background:url(./images/info.gif) no-repeat left;
padding:0 0 0 37px;
line-height:33px;
}
#inf-box-left h3 a:hover, #inf-box-right h3 a:hover{
color:#862E17;
}
.isi-inf-box{
display:block;
font-family: Arial, Geneva, Helvetica, sans-serif;
font-size:12px;
line-height:18px;
color:#5F6150;
padding:0;
overflow:hidden;
margin-bottom:15px;
}
#inf-box-left .thumbnail, #inf-box-right .thumbnail {
display:block;
width:54px;
height:54px;
float:left;
margin-right:10px;
padding:0;
}
/*================== END INFORMATION COLUMN ================*/

/*================== SLIDE =================================*/
#gallery {
	position:relative;
	height:250px;
	overflow:hidden;
}
	#gallery a {
		float:left;
		position:absolute;
	}
	
	#gallery a img {
		border:none;
	}
	
	#gallery a.show {
		z-index:500
	}

	#gallery .caption {
		z-index:600; 
		background-color:#303028; 
		color:#C8CBAF;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size:16px;
		font-weight:bold;
		width:611px; 
		height:70px;
		position:absolute;
		bottom:0;
		
	}

	#gallery .caption .content {
		margin:0;
		padding:15px;
	}
	
	#gallery .caption .content h3 {
		margin:0;
		padding:0;
		color:#1DCCEF;
	}
	#gallery .frame{
	width:641px;
	height:250px;
	background:url(./images/frame.png) no-repeat;
	z-index:700; 
	position:absolute;
	}
/*================== END SLIDE =============================*/



#bottomcol{
width:932px;
height:25px;
padding:0;
margin:0 auto;
background:url(./images/bg-bottom.gif) no-repeat;
}
#legalcol{
width:932px;
margin:0 auto;
padding:15px 0 15px 0;
text-align:center;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
}
#legalcol a{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#D83918;
text-decoration:underline;
}
#legalcol a:hover{
color:#EC6C51;
text-decoration:none;
}