/* CSS Document */

a:link {color: #333333; text-decoration: none;}
a:visited {text-decoration: none; color: #333333;}
a:hover {text-decoration: none;	color: #996600;}
a:active {text-decoration: blink; color: #333333;}

body {margin-top:0px}

.text {font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; line-height:130%; color:#333333; text-align:justify; padding:10px 10px 10px 10px}
.text_contact {font-family:Verdana; font-size:11px; line-height:130%; color:#666666}
.text_style1 {font-family: "Monotype Corsiva"; font-size:14px}


/* top */
#bg_top {width:830px; top:0px; height:51px; background-color:#CCCCCC; z-index:1}
#top {width:820px; height:50px; background-color:#FFFFFF; z-index:2}

/* menu */
#bg_menu {width:830px; height:21px; background-color:#CCCCCC; top:0px; position: relative; text-align:center}
#menu {width:820px; height:20px; top:1px; position: relative; text-align:center}
#home {width:130px; height:20px; left:0px; background-image:url(images/bg_menu2.jpg); background-repeat:repeat-x; position:absolute; text-align:center}
#company_profile {width:146px; height:20px; left:132px; background-image:url(images/bg_menu2.jpg); background-repeat:repeat-x; position:absolute; text-align:center}
#business_solution{width:161px; height:20px; left:280px; background-image:url(images/bg_menu2.jpg); background-repeat:repeat-x; position:absolute; text-align:center}
#contractor {width:132px; height:20px; left:443px; background-image:url(images/bg_menu2.jpg); background-repeat:repeat-x; position:absolute; text-align:center}
#natural_stone{width:131px; height:20px; left:577px; background-image:url(images/bg_menu2.jpg); background-repeat:repeat-x; position:absolute; text-align:center}#natural_stone{width:131px; height:20px; left:577px; background-image:url(images/bg_menu2.jpg); background-repeat:repeat-x; position:absolute; text-align:center}
#contact {width:110px; height:20px; left:710px; background-image:url(images/bg_menu2.jpg); background-repeat:repeat-x; position:absolute; text-align:center}
.top_menu {font-family:Copperplate Gothic Light; font-size:12px; color:#333333; text-align:center; vertical-align: bottom} 


/* Photo Title */
#bg_phototitle {width:830px; background-color:#CCCCCC; height:160px; z-index:1; position:relative}
#photo_title {width:820px; height:160px; z-index:2}
#photo_right {width:590px; height:160px; position:absolute; right:5px}
#title_left {width:230px; height:160px; position:absolute; left:5px; background-image:url(images/bg_title_left.jpg); vertical-align:middle}
.title_left {font-family:Copperplate Gothic Light; color: #FFFFFF; text-align:center; vertical-align: middle}

/* Batu Photo Title Left */
#batu_motif {width:230px; height:160px; position:absolute; left:5px; background-image: url(images/batu_motifleft.jpg); vertical-align:middle; z-index:3} 
#batu_pasir {width:230px; height:160px; position:absolute; left:5px; background-image: url(images/batu_pasirleft.jpg); vertical-align:middle; z-index:3} 
#batu_hijau {width:230px; height:160px; position:absolute; left:5px; background-image: url(images/batu_hijauleft.jpg); vertical-align:middle; z-index:3} 
#bali_green {width:230px; height:160px; position:absolute; left:5px; background-image: url(images/bali_greenleft.jpg); vertical-align:middle; z-index:3} 
#batu_kapur {width:230px; height:160px; position:absolute; left:5px; background-image: url(images/batu_kapurleft.jpg); vertical-align:middle; z-index:3} 
#batu_marmer {width:230px; height:160px; position:absolute; left:5px; background-image: url(images/batu_marmerleft.jpg); vertical-align:middle; z-index:3} 
#batu_candi {width:230px; height:160px; position:absolute; left:5px; background-image: url(images/batu_candileft.jpg); vertical-align:middle; z-index:3} 
#batu_andesit {width:230px; height:160px; position:absolute; left:5px; background-image: url(images/batu_andesitleft.jpg); vertical-align:middle; z-index:3} 
#news_top {width:230px; height:160px; position:absolute; left:5px; background-image: url(images/newsl.jpg); vertical-align:middle; z-index:3}
#batu_fosil {width:230px; height:160px; position:absolute; left:5px; background-image: url(images/batu_fosilleft.jpg); vertical-align:middle; z-index:3} 
.batuphoto_left {font-family:Copperplate Gothic Light; color: #333333; text-align:center; vertical-align: middle}

/* body */
#body {width:830px; height:370px; background-color:#CCCCCC; top:0px; z-index:1; position:relative}
#bgmenu_left {width:230px; height:335px; left:5px; top:0px; background-image:url(images/bg_menuleft.jpg); position: absolute;z-index:2}
#menu_left {width:200px; top:35px; height:auto; left:10px; position:absolute; z-index:3}
.menu_left {font-family:Copperplate Gothic Light; font-size:13px; line-height:150%; color:#333333; text-align: left}

#bg_lang {width:225px; height:20px; left:5px; top:5px; text-align:left; position: absolute; z-index:3; background-color: #999999; padding-left:5px}

#bg_text {width:590px; top:0px; right:5px; background-color:#FFFFFF; height:335px; position: absolute; z-index:2}
#text_layer {width:550px; right:10px; top:5px; height:300px; overflow:auto; position: absolute}

#footer {width:570px; bottom:5px; right:10px; height:auto; position:absolute; z-index:3}
.footer { font-family:Verdana; font-size:9px; text-align: center}

/* srollbar */
.highlight {
scrollbar-face-color: #ffffff;
scrollbar-shadow-color: #057151;
scrollbar-highlight-color: #ffffff;
scrollbar-3dlight-color: #005e42;
scrollbar-darkshadow-color: #ffffff;
scrollbar-track-color: #ffffff;
scrollbar-arrow-color: #04b782;} 


/* contact form */
#layer_name {width:70px; height:25px; top:20px; left:10px; vertical-align:text-top; position:absolute}
#box_name {width:200px; height:25px; top:20px; left:100px; vertical-align:text-top; position:absolute}
#layer_email {width:70px; height:25px; top:50px; left:10px; vertical-align:text-top; position:absolute}
#box_email {width:200px; height:25px; top:50px; left:100px; vertical-align:text-top; position:absolute}
#layer_message {width:70px; height:25px; top:80px; left:10px; vertical-align:text-top; position:absolute}
#box_message {width:200px; height:90px; top:80px; left:100px; vertical-align:text-top; position:absolute}
#box_2name {width:5px; height:25px; top:20px; left:90px; vertical-align:text-top; position:absolute}
#box_2email {width:5px; height:25px; top:50px; left:90px; vertical-align:text-top; position:absolute}
#box_2message {width:5px; height:25px; top:80px; left:90px; vertical-align:text-top; position:absolute}

.x, .hide {
display : none;
}