/* start clear margin, padding, & border */
body, p, ul, li, h1, h2, h3, h4, h5, h6, a, img 	{margin: 0px; padding: 0px; border: 0px;}
/* end clear margin, padding, & border */

@font-face 					{
								font-family: LucidaBlackletter;
								src: url(../font/LucidaBlackletter.ttf) format("truetype");
							}

body						{background: #dcdada; font-family: "Franklin Gothic Medium", sans-serif; font-size: 24px; color: #fff;}
a 							{text-decoration: none;}

#wrapper					{
								width: 959px; margin: 0 auto; padding: 0; -moz-box-shadow: 3px 3px 4px #000;
								-webkit-box-shadow: 3px 3px 4px #000;
								box-shadow: 3px 3px 4px #000;
								/* For IE 8 */
								-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
								/* For IE 5.5 - 7 */
								filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
							}

#header						{background:#ccc; min-height: 110px; max-height: 110px;}

#logo, #nama-web			{float: left;}
#logo						{padding-left: 20px; max-height: 110px; width: 230px; z-index:1000; }
#logo img					{padding-top: 7px;}

#nama-web2					{font-family: LucidaBlackletter; font-size: 65px; color: #000; padding-top: 25px; padding-left:40px; text-transform: capitalize; height: 85px; width: 669px;}
#nama-web					{height: 110px; width: 709px; background: url('../img/logo.png') no-repeat 30% 75%;}

#konten						{clear: left; background-image: url('../img/bg.png'); min-height: 545px; max-height: 545px;}

#navigasi					{padding: 210px 0 0 45px; width: 205px; float: left; height: 335px;}
#navigasi li					{list-style-type: none; padding-bottom: 15px;  text-transform: capitalize;}
#navigasi a					{color: #fff; }
#navigasi a.current			{color: #666; }

.developed					{font-size: 10px; color: #666; margin-top: 125px;}

#main-content				{float: left; width: 709px; height: 545px;}

#sub-menu 					{font-size: 18px; text-align: center; padding-top: 40px;  text-transform: capitalize; height: 23px;}
#sub-menu a					{color: #fff; padding: 25px;}
#sub-menu a.current			{color: #666;}

#isi-konten-home			{background-image: url('../img/frame.png'); background-repeat: no-repeat; background-position: 100px -25px; }

#isi-konten					{font-size: 12px; margin-top: 50px;}
#isi-konten h1.coming-soon	{text-align: center; padding-top: 100px; color: #000;}

#contact-wrapper			{min-width: 609px; min-height: 438px; background-image: url('../img/bg_contact.png'); background-repeat: no-repeat; margin-left: 50px; margin-top: 15px; padding: 30px 70px; }

#eyang-thumb				{width: 150px; height: 482px; float: left; margin-left: 50px; }

#eyang-konten				{width: 419px; float: left; }

#Searchresult 				{width:100%; }

#ImageContainer 				{height:75px; width:100px; }

ul.list-ibu					{list-style-type: circle; list-style-position: inside;}

#sub-menu-gallery			{font-size: 18px; text-align: left; padding: 40px 0 0 20px;  text-transform: capitalize; height: 23px;}
#sub-menu-gallery a			{color: #fff; padding: 25px;}
#sub-menu-gallery a.current	{color: #666;}

#gallery-wrapper			{padding-left: 40px; }
.kategori					{padding-top: 10px; font-size: .7em; }
.thumb-gallery				{background-color: white; width: 100px; height: 75px; float: left; margin-left: 5px; margin-bottom: 5px; }

/* Scroll Bar Master Styling Starts Here */

/*  scrollgeneric is used for corrective styling of elements, and should not be modified or removed */ 
.scrollgeneric {line-height: 1px;font-size: 1px;position: absolute;top: 0; left: 0;}

.vscrollerbar {width: 11px;background:url('../img/scroll2.png') repeat-y;}
.vscrollerbarbeg {height: 10px !important;width: 11px;background: url('../img/scroll2.png') no-repeat;}
.vscrollerbarend {height: 10px;width: 11px;background: url('../img/scroll2.png') no-repeat;}
.vscrollerbase {width: 11px;}
.vscrollerbasebeg {width: 11px;height: 10px !important;background: url(../img/scroll-up.png) no-repeat;}
.vscrollerbaseend {height: 10px;width: 11px;background: url(../img/scroll-down.png) no-repeat;}
.hscrollerbase {height: 11px; background-color: white;}
.hscrollerbar {height: 11px; background-color: black;}
.vscrollerbar, .hscrollerbar {padding: 10px;z-index: 2;}
.scrollerjogbox {width: 11px;height: 10px;top: auto; left: auto;bottom: 0px; right: 0px;background: #37917A;}

/* Scroll Bar Master Styling Ends Here */

/*Page related styles for you to view*/
#mycustomscroll {
/* Typical fixed height and fixed width example */
width: 410px;
height: 400px;
overflow: auto;
/* IE overflow fix, position must be relative or absolute*/
position: relative;
padding: 0 5px;
text-align: justify;
}

#galleryscroll {
/* Typical fixed height and fixed width example */
width: 639px;
height: 400px;
overflow: auto;
/* IE overflow fix, position must be relative or absolute*/
position: relative;
padding: 0 5px;
text-align: justify;
}

/* Contact form */
.error{
	background-color:#AB0000;
	color:white;
	font-size:10px;
	font-weight:bold;
	margin-top:10px;
	padding:10px;
	text-transform:uppercase;
	width:240px;
}

#loading{
	position:relative;
	bottom:9px;
	visibility:hidden;
}

td{
	white-space:nowrap;
}

a, a:visited {
	color:#00BBFF;
	text-decoration:none;
	outline:none;
}

a:hover{
	text-decoration:underline;
}

label{
	text-transform:uppercase;
	font-size:18px;
	color: #000;
}

textarea{
	color:#404040;
	background-color: #000;
	font-size:12px;
}

td > button{
	text-indent:8px;
}

.clear{
	clear:both;
}

h1{
	color:#666;
	font-size:22px;
	font-weight:normal;
	text-transform:uppercase;
	margin-bottom:5px;
}


/* end contact form */