*{margin:0px;padding:0px;}

div, h1,h2, h3, h4, h5,h6 { behavior: url(iepngfix.htc) }

body{
   background-attachment:scroll;
   background-color:#FFFFFF;
   background-image:url(images/gray-bg.jpg);
   background-position:top left;
   background-repeat:repeat-x;
   text-align:center;
}

#container{
	width:890px;
	text-align:left;
	margin:auto;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14pt;
}

#header{
   background-attachment:scroll;
   background-position:top left;
   background-repeat:no-repeat;
   height:220px;
}
.h_admin{
	background-image:url(images/header-bg-home.jpg);
}

.h_home{
   background-image:url(images/header-bg-home.jpg);
}

.h_about{
   background-image:url(images/header-bg-aboutme.jpg);
}

.h_contact{
   background-image:url(images/header-bg-contactme.jpg);
}

.h_mybook{
   background-image:url(images/header-bg-mybook.jpg);
}

.h_myblog{
   background-image:url(images/header-bg-myblog.jpg);
}

.h_mypainting{
   background-image:url(images/header-bg-mypainting.jpg);
}

#header-top{
	padding-top:30px;
}

#header-top-left{
	float:left;
	width:105px;
}

#header-top-right{
	float:left;
}

#header-navigation{
	color:#ffffff;
}

.navigation-menu {
	margin-right:4px;
	padding-right:16px;
	background-attachment:scroll;
	background-image:url(images/red-bullet.gif);
	background-position:center right;
	background-repeat:no-repeat;
}
.navigation-menu a{ 
color:#ffffff;
text-decoration: none;
}
.navigation-menu a:hover{ 
color:#ffffff;
text-decoration: none;
}
#header-bottom{
	margin-top:12px;
	width:700px;
	color:#ffffff;
	text-align:center;
}

#header-bottom-quotation{
	font-style:italic;
	font-size:14px;
	font-weight:bold;
}

#header-bottom-quotation-person{
	margin-top:8px;
	font-style:italic;
	font-size:12px;
	font-weight:bold;
}

#content{
	background-color:#d7d8ab;
	background-image:url(images/content-bg.jpg);
	background-position:top left;
	background-repeat: no-repeat;
	background-attachment:scroll;
	min-height:495px;
	height:auto !important;
	height:495px;
}

#content-index{
	background-color:#d7d8ab;
	background-image:url(images/content-bg.jpg);
	background-position:top left;
	background-repeat: no-repeat;
	background-attachment:scroll;
	min-height:495px;
	height:auto !important;
	height:495px;
}

#content-contact{
	background-color:#d7d8ab;
	background-image:url(images/content-bg-contact.jpg);
	background-position:top left;
	background-repeat: no-repeat;
	background-attachment:scroll;
	min-height:495px;
	height:auto !important;
	height:495px;
	/*min-width:495px;
	width:auto !important;
	width:495px;*/
	
}

#announcement-panel{
	float:right;
	padding-top:50px;
	width:450px;
	margin-right:10px;
}

#announcement-header{
	padding:12px 16px 4px 16px;
}

#announcement-header h5{
	font-size:24pt;
	border-bottom:2px solid #ffffff;
	color:#FFFFFF;
	font-weight:normal;
}

#announcement-content{
	padding:12px 16px 4px 160px;
	background-image:url(images/announcement-bg.jpg);
	background-position:20px 10px;
	background-repeat: no-repeat;
	background-attachment:scroll;
	min-height:125px;
	height:auto !important;
	height:125px;
	color:#FFFFFf;
	font-size:10pt;
	font-weight:bold;
}
#admin-content{
	padding:12px 16px 4px 160px;
	background-image:url(images/login-bg.jpg);
	background-position:20px 10px;
	background-repeat: no-repeat;
	background-attachment:scroll;
	min-height:125px;
	height:auto !important;
	height:125px;
	color:#FFFFFf;
	font-size:10pt;
	font-weight:bold;
}
#home-content{
	padding:10px 5px 4px 120px;
	background-image:url(images/announcement-bg.jpg);
	margin-right:18px;
	background-position:5px 5px;
	background-repeat: no-repeat;
	background-attachment:scroll;
	min-height:125px;
	height:auto !important;
	height:125px;
	color:#FFFFFf;
	font-size:10pt;
	font-weight:bold;
}

	

h1,h2,h3,h4,h5,h6{
	background-image:url(images/text-header-bg.png);
	background-repeat:repeat-y;
	color:#7d0101;
	font-family:Georgia, "Times New Roman", Times, serif;
	margin-left:8px;
}
.text-content{
	font-size:11px;
	color:#483d37;
	margin : 0px 8px 8px 8px;
	line-height:20px;
	
}
.text-content a:link, a:visited {       
	
	text-align:center;
	text-decoration: none;
}
.text-content a:hover {        
	
	text-align:center;
	text-decoration: none;
}
.text-content li{  
/*background:transparent url(../images/list.gif) no-repeat scroll left center;
list-style-type: none;*/
margin-left: 18;
margin-top: 1;
padding:1px 0px 1px 15px;

}
.text-content li a:link, a:visited {

text-align:center;
display:inline;
cursor:pointer;
}
.text-content li a:hover {

text-align:center;
display:inline;
cursor:pointer;
}
.text-content2{
	font-size:12px;
	color:#483d37;
	margin : 0px 8px 8px 8px;
	font-weight:bold;
	line-height:20px;
	width: 550px;
	float:left;
}
.text-content2 a:link, a:visited {       
	
	text-align:center;
	text-decoration: none;
}
.text-content2 a:hover {        
	
	text-align:center;
	text-decoration: none;
}
.text-content2 li{  
/*background:transparent url(../images/list.gif) no-repeat scroll left center;
list-style-type: none;*/
margin-left: 18;
margin-top: 1;
padding:5px 0px 5px 15px;

}
.text-content2 li a:link, a:visited {

text-align:center;
display:inline;
cursor:pointer;
}
.text-content2 li a:hover {
text-align:center;
display:inline;
cursor:pointer;
}
.text-content3{
	text-align:left;
	color:#483d37;
	margin : -24px 5px 5px 5px;
	line-height:20px;
	width: 270px;
	float:right;
	padding:5px;
	font-size:8pt;
	font-weight: normal;
	
}
.text-content3 a:link, a:visited {       
	
	text-align:center;
	text-decoration: none;
}
.text-content3 a:hover {        
	
	text-align:center;
	text-decoration: none;
}
.text-content3 li{  
/*background:transparent url(../images/list.gif) no-repeat scroll left center;
list-style-type: none;*/
margin-left: 18;
margin-top: 1;
padding:5px 0px 5px 15px

}
.text-content3 li a:link, a:visited {

text-align:center;
display:inline;
cursor:pointer
}
.text-content3 li a:hover {

text-align:center;
display:inline;
cursor:pointer
}
.mylist{
	margin-left: 16px;
	padding-left: 0;
	list-style: none;
}
.mylist li {
	padding-left: 30px;
	padding-top: 8px;
	background-image: url(images/millie-bullet.gif);
	background-repeat: no-repeat;
	background-position: 8px 8px ;
	font-size:12px;
	color:#483d37;
	font-weight:bold;
	
}
.mylist li a {
	
	color:#483d37;
	text-decoration: none;
	
}
.mylist li a:hover {
	
	color:ffffff;
	text-decoration: none;
}
.page-navigation{
	font-size:12px;
	color:#e22a2a;
	margin : 0px 12px 8px 12px;
	font-weight:bold;
	line-height:20px;
	font-family:Arial, Helvetica, sans-serif;
}

.page-navigation-prev a{
    color:#7D0101;
	text-decoration: none; 
	float:left;
}
.page-navigation-prev a:hover{
    color:#7D0101;
	text-decoration: none; 
	float:left;
}

.page-navigation-next a{
    color:#7D0101;
	text-decoration: none; 
	float:right;
}
.page-navigation-next a:hover{
    color:#7D0101;
	text-decoration: none; 
	float:right;
}

#footer{
	text-align:right;
	font-weight:bold;
	font-size:9pt;
	color:#848484;
	margin:10px 0px 10px 0px;
}
#footer2{
	text-align:right;
	font-weight:bold;
	font-size:9pt;
	color:#848484;
	margin:5px 0px 5px 0px;
}
.spiffy{display:block}
.spiffy *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#7d0101}
.spiffy1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #b07b61;
  border-right:1px solid #b07b61;
  background:#93362b}
.spiffy2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #cec29a;
  border-right:1px solid #cec29a;
  background:#8e2921}
.spiffy3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #8e2921;
  border-right:1px solid #8e2921;}
.spiffy4{
  border-left:1px solid #b07b61;
  border-right:1px solid #b07b61}
.spiffy5{
  border-left:1px solid #93362b;
  border-right:1px solid #93362b}
.spiffyfg{
  background:#7d0101}
.spiffyfgb{
  background:#D9D8AA}  
a.s7site_link{
	color:#a6ccf2;
	text-decoration:none;
	font-weight:bold;	
}

a.s7site_link:hover{
	color:#848484;
	font-weight:bold;
}
.small_white {
color:000000;
font-size:9pt;
text-align:justify;
font-weight:bold;
}
.small_white a {
	color:#ffffff;
	text-decoration: none;
}
.small_white a:hover{
color:#ffffff;
text-decoration: none;
}
.small_white2 {
color:ffffff;
font-size:12pt;
text-align:justify;
font-weight:bold;
}
.small_white2 a {
	color:#ffffff;
	text-decoration: none;
}
.small_white2 a:hover{
color:#ffffff;
text-decoration: none;
}
.tabelkanan {
margin-left:370px;
width: 500px;
}
.tabelkanan2 {
margin-left:250px;
width: 550px;
}
.tabeltengah {
margin-left:250px;
width: 550px;
}
.small_text {
color:#7D0101;
}
.small_red {
    font-size:9px;
	font-weight:bold;
	color:#7D0101;
}
.side_small_p{
	font-size:11px; margin-top:5px; background-color:#666666; padding:10px;
}
.admin_table{
	font-size:12pt;
	border:1px solid #333;
	border-collapse:collapse;
	margin:5px;
	margin-left:15px;
	width:720px;
	font-weight:bold;
}

.admin_td{
	border:1px solid #333;
	padding:2px 5px 2px 5px;
	text-align:center;
	font-size:9pt;
	color:000000;
}

.admin_th{
	border:1px solid #333;
	font-weight:bold;
	color:ffffff;
	background-color:#7D0101;
	text-align:center;
	padding:3px 6px 3px 6px;
	font-size:12pt;
}
a.admin_a{
	color:#7D0101;
	text-decoration:none;
	margin-left:5px;
	margin-right:5px;
}

a.admin_a:hover{
	color:#df4627;
}
.sideInput2{
	width :190px;
	margin-left:2px;
	color:#7D0101;
}
.sideInput3{
	width :500px;
	margin-left:2px;
	color:#7D0101;
}
.sideInput4{
	width :800px;
	margin-left:2px;
	color:#7D0101;
}
#product_pict_detail{
	float:left;
	width:200px;
	margin:auto;
	text-align:center;
	padding:5px;
	
}
#product_text_detail{
	float:left;
	width:630px;
	text-align:left;
	font-size:9pt;
	
}

#google-search-panel{
	float:right;
	width:450px;
	margin :3px 10px 0px 0px;
}

#google-search-panel-2{
	float:right;
	width:450px;
	margin :0px;
}

#google-search-panel .spiffyfg{
	padding :1px 10px 1px 10px;
}

#google-search-panel-2 .spiffyfg{
	padding :1px 10px 1px 10px;
}