.bodyindex {
	background-image: url(images/vista.jpg);
}
#logo {
	position: relative;
	top: 30px;
	background-image: url(images/banner_03.gif);
	height: 65px;
	width: 874px;
	margin: auto;
}
#banner {

	position: relative;
	top: 30px;
	
	height: auto;
	width: 900px;
	margin: auto;
}
#topcontent {
	position: relative;
	top: 30px;
	height: 10px;
	width: 900px;
	margin-right: auto;
	margin-left: auto;
}
.solidblockmenu{
	padding: 0;
	float: left;
	overflow: hidden;
	margin-bottom: 0em;
	background-image: url(images/biru.jpg);
	background-repeat: repeat-x;
	background-position: center center;
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	margin-top: 0;
	margin-right: 0;
	margin-left: 0;
	width: 900px;
	background-color: #FFFFFF;
}

.solidblockmenu li{
display: inline;
}

.solidblockmenu li a{
	float: left;
	color: #333333;
	text-decoration: none;
	border-right: 1px solid white;
	padding-top: 9px;
	padding-right: 11px;
	padding-bottom: 9px;
	padding-left: 11px;
}

.solidblockmenu li a:visited{
color: white;
}

.solidblockmenu li a:hover, .solidblockmenu li .current{
	color: white;
	background-color: transparent;
	background-image: url(images/merah.jpg);
	background-repeat: repeat-x;
	background-position: center center;
}#menu {
	position: relative;
	top: 30px;
	width: 900px;
	margin-right: auto;
	margin-left: auto;
}
#content {
	position: relative;
	height: auto;
	width: 900px;
	background-color: #FFFFFF;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	top: 30px;
	margin-right: auto;
	margin-left: auto;
}
#contentdgalery {
	position: relative;
	width: 450px;
	background-repeat: repeat-y;
}

#kategori {
	background-position: 0px 0px;
	height: 25px;
	width: 180px;
	position: relative;
	background-image: url(images/hijausamping.jpg);
	background-repeat: repeat-x;
}

.word {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
}
#menu_samping a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #666666;
	text-decoration: none;
}
#menu_samping a:hover {
	color: #FF0000;
	background-color: #CCFFFF;
	font-weight: bold;
}
#informasi {
	background-position: 0px 0px;
	height: 25px;
	width: 180px;
	position: relative;
	background-image: url(images/merahsamping.jpg);
	background-repeat: repeat-x;
}

#Pengunjung {
	background-position: 0px 0px;
	height: 25px;
	width: 180px;
	position: relative;
	background-image: url(images/kuningsamping.jpg);
	background-repeat: repeat-x;
}
.boxkategori {
	width: 174px;
	position: relative;
	text-align: left;
	padding: 3px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #666666;
	background-position: 0px 0px;
	border: 1px solid #FF3300;
	}
	
.boxpengunjung {
	width: 174px;
	position: relative;
	background-repeat: repeat-y;
	text-align: center;
	color: #333333;
	padding: 3px;
}
.shiftcontainer{
	position: relative;
	left: 5px; /*Number should match -left shadow depth below*/
	top: 5px; /*Number should match -top shadow depth below*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
}

.shadowcontainer{
background-color: #d1cfd0;
}

.shadowcontainer .innerdiv{
/* Add container height here if desired */
background-color: white;
border: 1px solid gray;
padding: 6px;
position: relative;
left: -3px; /*shadow depth*/
top: -3px; /*shadow depth*/
}
.img
{
	height: 170px;
	width: 160px;
	float: left;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #666666;
	margin: 3px;
	position: relative;
	border: 1px dashed #0000ff;
} 
#search {
	background-image: url(images/search%20copy.jpg);
	height: 118px;
	width: 200px;
	position: relative;
	text-align: center;
}
.inputsearch {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	position: relative;
	height: 15px;
	width: 120px;
}

.img a:hover img {border: 1px solid #0000ff;}
.desc
{
	text-align: center;
	font-weight: bold;
	width: 160px;
	margin: 2px;
	height: 50px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	position: relative;
}
.boxinformasi {

	width: 174px;
	position: relative;
	text-align: left;
	padding: 3px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #666666;
	background-position: 0px 0px;
	border: 1px solid #339933;
}
.buttonsearch {
	font-family: Papyrus;
	font-size: 11px;
	position: relative;
	height: 23px;
	width: 35px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #000000;
	text-align: left;
}
#right {
	position: relative;
	background-position: 0px 0px;
	background-repeat: repeat-y;
	width: 470px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-image: url(images/backputih.jpg);
	overflow: auto;
	height: auto;
}

#right li {
	float: left;
	list-style-type: none;
	margin-bottom: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	border: thin dashed #666666;
	text-align: center;
	height: 140px;
	width: 140px;
	position: relative;
	margin-right: 5px;
	margin-left: 5px;
}
#right img {
	padding: 5px;
	height: 70px;
	width: 70px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#MarKeting {
	background-position: 0px 0px;
	height: 20px;
	width: 120px;
	position: relative;
	margin-bottom: 0px;
	padding-bottom: 0px;
	background-image: url(images/online_01.jpg);
	background-repeat: no-repeat;
}
.boxmarketing {
	width: 114px;
	position: relative;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #666666;
	background-position: 0px 0px;
	background-color: #f8fb0b;
	padding: 3px;
	top: 0px;
	margin-top: 0px;
}
#left {
	position: relative;
	height: 200px;
	width: 200px;
	left: 125px;
	right: 125px;
}
#kanan {
	position: relative;
	width: 400px;
	left: 25px;
	top: 10px;
	background-repeat: repeat-y;
	right: 25px;
}
.boxmarketingfoot {
	width: 100px;
	position: relative;
	text-align: center;
	background-position: 0px 0px;
	background-color: #FFFFFF;
	background-image: url(images/arroworange.gif);
	background-repeat: no-repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999999;
	padding-bottom: 3px;
	padding-left: 20px;
	padding-top: 3px;
	height: 20px;
}
.bgllogout {
	letter-spacing: normal;
	word-spacing: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	font-weight: bold;
	white-space: normal;
}
a.squarebutton{
	display: block;
	float: left;
	font: normal 12px Arial; /* Change 12px as desired */
	line-height: 15px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
	height: 23px; /* Height of button background height */
	padding-left: 9px; /* Width of left menu image */
	text-decoration: none;
	background-color: transparent;
	background-image: url(images/square-red-left.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

a:link.squarebutton, a:visited.squarebutton, a:active.squarebutton{
color: #494949; /*button text color*/
}

a.squarebutton span{
	display: block;
	padding: 4px 9px 4px 0; /*Set 9px below to match value of 'padding-left' value above*/
	background-color: transparent;
	background-image: url(images/square-red-right.gif);
	background-repeat: no-repeat;
	background-position: right top;
}

a.squarebutton:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.squarebutton:hover span{ /* Hover state CSS */
background-position: bottom right;
color: black;
}

.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
}

.tombol {
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-style: normal;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #00CC00;
}

#merk {
	position: relative;
	background-position: 0px 0px;
	background-repeat: repeat-y;
	width: 470px;
	text-align: left;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-image: url(images/backputih.jpg);
	height: auto;
	overflow: auto;
}

#merk li {
	float: left;
	list-style-type: none;
	margin-bottom: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: center;
	height: 70px;
	width: 140px;
	margin-right: 5px;
	margin-left: 5px;
	position: relative;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}


#merk img {
	padding: 5px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	height: 40px;
	width: 120px;
	position: relative;
}
#paging {
	background-color: #FFFFFF;
	width: 470px;
	position: relative;
}
.bawah{
	position: relative;
	height: auto;
	width: 900px;
	background-color: #C1C1C1;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	margin-right: auto;
	margin-left: auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
}
#homekanan{
width: 114px;
	position: relative;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #666666;
	background-position: 0px 0px;
	padding: 3px;
	top: 0px;
	margin-top: 0px;
	}
#homekanan img {
	padding: 5px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	height: 30px;
	width: 80px;
}

.homebox {
	border-top-width: thin;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #CCCCCC;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
}
#righthome {
	position: relative;
	background-position: 0px 0px;
	background-repeat: repeat-y;
	width: 400px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-image: url(images/backputih.jpg);
	overflow: auto;
	height: auto;
}

#righthome li {
	float: left;
	list-style-type: none;
	margin-bottom: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	border: thin dashed #666666;
	text-align: center;
	height: 120px;
	width: 120px;
	position: relative;
	margin-right: 5px;
	margin-left: 5px;
}
#righthome img {
	padding: 5px;
	height: 50px;
	width: 50px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#Pengumuman {
	background-position: 0px 0px;
	height: 25px;
	width: 180px;
	position: relative;
	background-image: url(images/kuningsamping.jpg);
	background-repeat: repeat-x;
}
.boxpengumuman{
	width: 174px;
	position: relative;
	background-repeat: repeat-y;
	text-align: center;
	color: #333333;
	padding: 3px;
}