html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video, input  {font-family: arial, helvetica, sans-serif; font-size: 12pt; color: #444444;}
div { float: left; }

.button_normal_1 { background-color: #2980B9; color: #FFFFFF; border: none; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; padding: 2px 15px 2px 15px; }
.button_normal_1:hover { background-color: #0364A0; }
.button_normal_1:active { background-color: #83B3D1; }

.text_field { border: 1px solid #AAAAAA; }
.robinfo { position: absolute; visibility: hidden; }
.margin_top_30px { margin-top: 30px; }
.margin_bottom_20px { margin-bottom: 20px; }

h2.sub_judul { font-size: 16pt; font-weight: bold; }
p.artikel_1 { line-height: 1.5em; margin: 0 20% 0.7em 20%; }
iframe.googlemaps_iframe { width: 600px; height: 400px; }
div#border_gmap { float: none; margin: 0 auto; width: 620px; height: 440px; background: url('../images/border_gmap.jpg') no-repeat; padding-top: 10px; }

#header_container { width: 100%; float: left; }
#content_container { background-color: #FFFFFF; width: 100%; }
#footer_container { width: 100%; height: 0; color: #FFFFFF; padding-top: 0; float: left; font-size: 9pt; text-align: center; }
#main_menu_link { color: #FFFFFF; text-decoration: none; }

#main_menu_container { width: 300px; height: 300px; position: absolute; background-color: #ECF0F1; border: 1px solid #2C3E50; }
#main_menu_container  .main_menu_row { float: left; width: 97%; padding: 5px; }
#main_menu_container  .main_menu_row a { text-decoration: none; }

.global_error_message { width: 100%; text-align: center; margin-top: 100px; }

#login_panel { width: 300px; }
#login_panel .login_panel_row { width: 100%; margin-bottom: 5px; }
#login_panel .login_panel_label { width: 95px; padding-top: 4px; }
#login_panel .login_panel_field { width: 205px; }
#login_panel .login_panel_field  input { width: 205px; }
#login_panel .login_panel_button { width: 100%; }
#login_panel .login_panel_button input { float: right; }


#background_image { width: 500px; height: 500px; background: url('../images/background.jpg') no-repeat; }
#logo_majesty { width: 549px; height: 229px; margin-top: 50px; position: absolute; background: url('../images/logo-majesty-white-outline.png') no-repeat; }
#lebih_murah { width: 110px; height: 110px; margin-top: 310px; position: absolute; background: url('../images/tetap-paling-murah.png'); }
#alamat_majesty { margin-top: 450px; text-align: center; color: #FFFFFF; position: absolute; line-height: 1.3em; }

#section1 { float: left; width: 100%; height: 600px; }
#section2 { float: left; text-align: center; width: 100%; background: url('../images/background-1.jpg') repeat-x; padding: 50px 0 30px 0; }
#section3 { float: left; text-align: center; width: 100%; }
#section4a { float: left; font-weight: bold; font-size: 14pt; text-align: center; width: 100%; margin-bottom: 10px; }
#section4 { float: left; text-align: center; width: 100%; margin-bottom: 50px; }

.separator1 { float: left; width: 100%; }
.separator_up { float: none; width: 800px; height: 12px; margin: 0 auto 30px auto; background: url('../images/separator_up.png') no-repeat; }
.separator_down { float: none; width: 800px; height: 12px; margin: 0 auto 30px auto; background: url('../images/separator_down.png') no-repeat; }

#product_group1 { float: left; width: 100%; margin-bottom: 30px; }
#product_group2 { float: none; width: 1003px; margin: 0 auto;}
.product_icon { float: left; width: 200px; height: 66px; font-size: 12pt; text-align: center; padding-top: 190px; }
#product_outdoor { background: url('../images/products/outdoor.jpg') no-repeat; }
#product_indoor { background: url('../images/products/indoor.jpg') no-repeat; }
#product_laser { background: url('../images/products/laser.jpg') no-repeat; }
#product_offset { background: url('../images/products/offset.jpg') no-repeat; }
#product_t_shirt { background: url('../images/products/t-shirt.jpg') no-repeat; }
#product_x_banner { background: url('../images/products/x-banner.jpg') no-repeat; }
#product_roll_banner { background: url('../images/products/roll-banner.jpg') no-repeat; }
#product_mug { background: url('../images/products/mug.jpg') no-repeat; }
#product_neon_box { background: url('../images/products/neon-box.jpg') no-repeat; }
#product_branding { background: url('../images/products/branding.jpg') no-repeat; }