@charset "utf-8";

/* Foundation */

* 
{
margin: 0;
padding: 0;
}

body
{
background:none transparent;
color:#666666;
font-family: Arial,calibri,sans-serif;
font-size:12px; 
line-height:120%;
}

/* Base */

#base 
{
background-image: url(../images/basic/img_main.jpg);
background-repeat: no-repeat;
width: 750px;
}

#base_index 
{
background-image: url(../images/basic/img_main_index.jpg);
background-repeat: no-repeat;
width: 750px;
}

/* Header */

#header 
{
height: 215px;
}

* html #header 
{
height: 215px;
}

/* Menu left */

#menu_left li
{
display: block;
list-style: none;
padding: 0;
margin: 0;
}

.menu_left_home 
{
background-image: url(../images/basic/btn_home_over.gif);
background-repeat: no-repeat;
height: 45px;
width: 180px;
}

.menu_left_home a
{
background-image: url(../images/basic/btn_home.gif);
background-repeat: no-repeat;
height: 45px;
width: 180px;
display: block;
}

.menu_left_home a:hover
{
background: none;
}

.menu_left_company 
{
background-image: url(../images/basic/btn_company_over.gif);
background-repeat: no-repeat;
height: 45px;
width: 180px;
}

.menu_left_company a
{
background-image: url(../images/basic/btn_company.gif);
background-repeat: no-repeat;
height: 45px;
width: 180px;
display: block;
}

.menu_left_company a:hover
{
background: none;
}

.menu_left_products 
{
background-image: url(../images/basic/btn_products_over.gif);
background-repeat: no-repeat;
height: 45px;
width: 180px;
}

.menu_left_products a
{
background-image: url(../images/basic/btn_products.gif);
background-repeat: no-repeat;
height: 45px;
width: 180px;
display: block;
}

.menu_left_products a:hover
{
background: none;
}

.menu_left_visitorsinfo 
{
background-image: url(../images/basic/btn_visitorsinfo_over.gif);
background-repeat: no-repeat;
height: 45px;
width: 180px;
}

.menu_left_visitorsinfo a
{
background-image: url(../images/basic/btn_visitorsinfo.gif);
background-repeat: no-repeat;
height: 45px;
width: 180px;
display: block;
}

.menu_left_visitorsinfo a:hover
{
background: none;
}

.menu_left_contactus 
{
background-image: url(../images/basic/btn_contactus_over.gif);
background-repeat: no-repeat;
height: 45px;
width: 180px;
}

.menu_left_contactus a
{
background-image: url(../images/basic/btn_contactus.gif);
background-repeat: no-repeat;
height: 45px;
width: 180px;
display: block;
}

.menu_left_contactus a:hover
{
background: none;
}

#menu_wing
{
border-bottom: 1px solid #bbbbbb;
background: #d4d4d4;
margin-left:40px;
margin-right:5px;
padding-bottom:10px;
padding-left:10px;
}

.menu_wing
{
background-image: url(../images/basic/ico_arrow_box_little_333333.gif);
background-repeat:no-repeat;
border-bottom: 1px solid #bbbbbb;
color:#333333;
font-size:11px;
padding-bottom:3px;
padding-left:10px;
padding-right:10px;
}

.menu_wing_s
{
background-image: url(../images/basic/ico_arrow_box_little_666666.gif);
background-repeat:no-repeat;
border-bottom: 1px solid #bbbbbb;
color:#666666;
font-size:11px;
margin-left:10px;
padding-bottom:3px;
padding-left:10px;
padding-right:10px;
}

.menu_wing_ss
{
background-image: url(../images/basic/ico_arrow_box_little_999999.gif);
background-repeat:no-repeat;
border-bottom: 1px solid #bbbbbb;
color:#999999;
font-size:11px;
margin-left:20px;
padding-bottom:3px;
padding-left:10px;
padding-right:10px;
}

/* Image main */

#image_main 
{
height:185px;
left:285px;
position:absolute;
top:41px;
width:465px;
}

/* Body */

#body 
{
}

/* Body main */

#body_main 
{
float: right;
margin-bottom:25px;
margin-top:40px;
width: 465px;
}

.main_container_title
{
height:20px;
border-bottom: dashed 1px #666666;
}

.main_container 
{
margin-top:25px;
}

.main_content_title 
{
font-size:11px;
font-weight:bold;
text-align:right;
}

.main_content
{
margin-top:15px;
}

.main_content_image 
{
background:#f09b00;
border-left: solid 1px #ffffff;
float:left;
margin-top:15px;
padding:5px;
text-align:center;
width:143px;
}

.main_content_image_description 
{
color:#ffffff;
font-size:11px;
text-align:center;
}

/* Body wing */

#body_wing 
{
float: left;
margin-bottom:25px;
margin-left:25px;
width: 235px;
}

.wing_container 
{
background:#f2f2f2;
padding:25px;
}

.wing_content_image 
{
border-top: 1px solid #ffffff;
text-align:center;
padding:10px;
background: #d4d4d4;
}

/* Footer */

#footer 
{
padding-bottom:50px;
padding-top:10px;
width: 750px;
}

#footer_wrapper 
{
background-color:#383838;
}

/* www.cometa.co.id */

.text_cometacoid
{
color: #999999;
font-size:11px;
padding-left:15px;
padding-top:11px;
}

/* Menu bottom */

.menu_bottom
{
border-right: #999999 1px solid;
float: left;
font-size:11px;
padding-left:10px;
padding-right:10px;
text-align:center;
}

/* Copyright */

.text_copyright
{
color: #999999;
float: right;
font-size:11px;
text-align:center;
}

/* Click to enlarge */

.text_clicktoenlarge
{
color: #ff0000;
font-size:11px;
font-weight:bold;
}

/* News */

.news
{
border-bottom: solid 1px #999999;
margin-top:10px;
padding-bottom:10px;
}

.news_index
{
}

.news_date
{
font-size:11px;
font-weight:bold;
}

.news_title
{
font-size: 14px;
font-weight: bold;
}

.news_content
{
padding-top:10px;
}

/* Structure ext */

.li_main_content
{
background-image: url(../images/basic/ico_square_arrow_little_666666.gif);
background-repeat:no-repeat;
list-style-type:none;
margin-top:5px;
padding-bottom:5px;
padding-left:20px;
}

.clear 
{
height: 0;
clear: both;
visibility: hidden;
}

/* Font */

.font_666666
{ 
color: #666666; 
font-size: 11px;
}

.font_666666_bold
{
color: #666666;
font-size: 11px;
font-weight: bold;
}

.font_666666_little
{ 
color: #666666;
font-size: 9px; 
}

.font_666666_little_bold
{
color: #666666;
font-size: 9px;
font-weight: bold; 
}

.font_666666_title
{
color: #666666;
font-size: 14px;
font-weight: bold; 
}

.font_666666_caption
{
color: #666666;
font-size: 25px;
font-weight: bold; 
}

.font_red
{ 
color: #ff0000;
font-size: 11px; 
}

.font_red_bold
{
color: #ff0000;
font-size: 11px;
font-weight: bold; 
}

.font_red_little
{ 
color: #ff0000;
font-size: 9px; 
}

.font_red_little_bold
{
color: #ff0000;
font-size: 9px;
font-weight: bold; 
}

.font_red_title
{
color: #ff0000;
font-size: 14px;
font-weight: bold; 
}

.font_red_caption
{
color: #ff0000;
font-size: 25px;
font-weight: bold; 
}

/* Link */

a:ACTIVE { color : #666666; text-decoration : none }
a:LINK { color : #666666; text-decoration : none }
a:VISITED { color : #666666; text-decoration: none }
a:HOVER { color : #666666; text-decoration : underline }

.link_red:ACTIVE { color : #ff0000; text-decoration : none }
.link_red:LINK { color : #ff0000; text-decoration : none }
.link_red:VISITED { color: #ff0000; text-decoration: none }
.link_red:HOVER { color : #ff0000; text-decoration : underline }

.link_white:ACTIVE { color : #ffffff; text-decoration : none }
.link_white:LINK { color : #ffffff; text-decoration : none }
.link_white:VISITED { color: #ffffff; text-decoration: none }
.link_white:HOVER { color : #ffffff; text-decoration : underline }

.link_999999:ACTIVE { color : #999999; text-decoration : none }
.link_999999:LINK { color : #999999; text-decoration : none }
.link_999999:VISITED { color: #999999; text-decoration: none }
.link_999999:HOVER { color : #999999; text-decoration : underline }

.link_666666:ACTIVE { color : #666666; text-decoration : none }
.link_666666:LINK { color : #666666; text-decoration : none }
.link_666666:VISITED { color: #666666; text-decoration: none }
.link_666666:HOVER { color : #666666; text-decoration : underline }

.link_333333:ACTIVE { color : #333333; text-decoration : none }
.link_333333:LINK { color : #333333; text-decoration : none }
.link_333333:VISITED { color: #333333; text-decoration: none }
.link_333333:HOVER { color : #333333; text-decoration : underline }

/* Form */

.form_textfield 
{
background-color: #ffffff;
border: #cccccc 1px solid;
color: #666666;
font-size: 11px;
height: 17px;
width: 450px;
} 

.form_textarea 
{
background-color: #ffffff;
border: #cccccc 1px solid;
color: #666666; 
font-size: 11px;
height: 85px;
width: 450px;
} 

.form_jumpmenu 
{
background-color: #ffffff;
border: #cccccc 1px solid;
color: #666666;
font-size: 11px;
height: 17px;
width: 450px;
} 
 

.form_button 
{
background-color: #ffffff;
border: #ffffff 1px solid;
color: #000000; 
font-size: 10px;
height: 19px;
}