html,body {
	font-family: 'Droid Sans', Arial, Helvetica, sans-serif;
	padding:0px;
	margin:0px;
	background-color:#DFF3FE;
	height:100%;
	overflow:hidden;
	background-image: url(../img/cloud.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
}
h1,h2,h3{
	padding:0px; margin:0px;
}

#main-container{
	position:relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */
	width:100%;
	background:#f0f0f0;
	
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/

	min-height:100%; /* real browsers */
	background-color:#DFF3FC;
}

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

.clear{
	clear:both;
}

#big_body{
	background-color:#FFFFFF;
	width:870px;
	height:95%;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	overflow:hidden;
	clear:both;
	/*border:solid 1px #CCCCCC;*/
	padding-left:10px;
	padding-right:10px;
	-moz-box-shadow: 0 0 7px #888;
	-webkit-box-shadow: 0 0 7px#888;
	box-shadow: 0 0 5px #888;
	background-image: url(../img/background.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}

input.txt1{
	width:80%;
	color:#009900;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: dotted;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #333333;
	border-left-color: #FFFFFF;	
}
textarea.contact_msg{
	width:80%;
	border: 1px solid #666666;
	color:#009900;
}

#center-stack{
	visibility: hidden;
	width: 100%;
	height: 50%;                                                                     /* Bump div#blueBox down half the height of the screen. */
	margin-top: -250px;                                                              /* Half the height of div#blueBox. */
	float: left;
}



div.area {
	height:50px;
	width:300px;
	position:absolute;
	right:10px;
	top:0px;
}

#menu{
	display:block;
	height:25px;
	position:absolute;
	left:0px;
	top:0px;
	background-color: #FFFFFF;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}
#menu ul{
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
	padding:0;
}
#menu li{
	float:left;
	list-style-type:none;
}

#menu li a{
	text-decoration: none;
	color:#333333;
	outline: none;
	text-align: center;
	top: 7px;
	text-transform: uppercase;
	letter-spacing: 0;
	z-index: 10;
	display: block;
	float: left;
	height:25px;
	position: relative;
	overflow: hidden;
	margin: auto 8px;
	font-family: arial;
	font-size: 12px;
	font-weight: bold;
}

#menu li a:hover{
	color:#FF0000;

}

#menu li.back {
	width: 9px;
	height: 25px;
	z-index: 8;
	position: absolute;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #FF0000;
}
#menu li.back .left {
		height: 25px;
		margin-right: 9px; /* 7px is the width of the rounded shape */

}

#menu li a.selected{
	color:#FF0000;
}


#logo{
	float:left;
	position:absolute;
	top:10px;
	right:10px;
	width:300px;
	display:block;
}
#logo img{float:left;}

#logo h1{
	color:#292D34;
	font-size:24px;
	font-weight:normal;
	padding:0px;
	margin:0px;
}

#logo div{
	font-size:12px;
}

a.product{
	width:98%;
	height:auto;
	font-weight:bold;
	float:left;
	text-decoration:none;
	margin-left:1px;
	margin-right:1px;
	padding:10px;
	color:#FFFFFF;
}

a.product u.judul{
	font-size:20px;
}
a.product img{
 float:left;
}
a.product span{
	width:90%;	
	text-align:left;
	display:block;
	float:left;
	margin-left:5px;
}

a.product:hover{
	cursor:hand;
	border: 1px solid #CCCCCC;
	color:#000000;
	background-image: url(../img/cursor_back.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}

a.product:hover span{
}


a.product2{
	width:290px;
	height:150px;
	font-weight:bold;
	font-size:11px;
	float:left;
	text-decoration:none;
	display:block;
	/*	border: 1px solid #0066FF;*/
	background-color:#FFFFFF;
	overflow:hidden;
	color:#FFFFFF;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 15px;
	margin-left: 5px;
}
a.product2 img{float:left;widht:130px;}

a.product2 span{
	width:152px;
	height:130px;
	margin-top:9px;
	margin-bottom:9px;
	text-align:left;
	display:block;
	float:left;
	/*	background-color:#0066CC;*/
	cursor: hand;
	border-bottom-width: 10px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	overflow:hidden;
	padding-top: 2px;
	padding-right: 4px;
	padding-bottom: 2px;
	padding-left: 4px;
}

a.product2 p{
	display:block;
	padding:0px;
	margin:0px;
}

a.product2:hover{
}

a.product2:hover span{
	background-color:#003366;
}


#mid1{
	/*background:#FFFFFF url(../gfx/background/back_main_index.jpg) repeat-x scroll center bottom;*/
	clear:both;
	height:110px;
	margin-bottom:0px;
	margin-top:0px;
	padding-top:10px;
	background-color:#999999;
	position:relative;
	background-image: url(../img/banner_header.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#mid2{
	display:block;
	margin-top:0px;

	height:80%;
	width:100%;
	overflow:hidden;
	clear:both;
	position:absolute;
	top:60px;
	left:0px;
	
}

.column{
	float:left;
	display:block;
	width:45%;
}

.column_big{
	padding:10px 30px;
}

.column_space{
	float:left;
	display:block;
	width:5px;
	border-top-style: none;
	border-right-style: dotted;
	border-bottom-style: none;
	border-left-style: none;
	border-right-color:#FFFFFF;
	height:100px;
	border-right-width: 2px;
	margin-right: 10px;
	margin-left: 10px;
	margin-bottom:30px;
}

#footer{
	width:100%;
	clear:both;
	height:20px;
	padding-top:10px;
	padding-bottom:5px;

	text-align:right;
	color:#000000;
	
	position:absolute;
	bottom:0px;
	right:10px;
	font-size:12px;
	color:#FF0000;
	font-weight:bold;
}

#footer a{
	color:#FF3300;
	text-decoration:underline;
}

ul.promo{
	color:#FFFFFF;
}
ul.promo li{
	list-style-type:square;
	color:#FFFFFF;
}

ul.promo li a{
	text-decoration:underline;
	color:#FFFFFF;
}

ul.promo li a:hover{
	text-decoration:underline;
	color:#FFFF00;
}

h2.title1{
	padding:0px;
	margin:0px;
	color:#FFFFFF;
	text-decoration:underline;
	text-align:right;
}

.product_box{
	margin-bottom:5px;
}

.font_red{color: #FF0000;}
.font_blue{color: #0066FF;}
.font_green{color: #00CC00;}
.font_orange{color: #FF9900;}
.font_black{color: #000000;}
.font_grey{color: #999999;}
.font_pink{color: #F277DF;}
.font_chocolate{color:#722428}

.border_red{border: 1px solid #FF0000;}
.border_blue{border: 1px solid #0066FF;}
.border_green{border: 1px solid #00CC00;}
.border_orange{border: 1px solid #FF9900;}
.border_black{border: 1px solid #000000;}
.border_grey{border: 1px solid #999999;}
.bg_red{background-color:#FF0000;}
.bg_blue{background-color:#0066FF;}
.bg_green{background-color:#00CC00;}
.bg_orange{background-color:#FF9900;}
.bg_black{background-color:#000000;}
.bg_grey{background-color:#999999;}
.bg_pink{background-color:#FF73D3;}
.bg_chocolate{background-color:#663300;}

.bg2_red{
	color:#FFFFFF;
	background-image: url(../img/red.gif);
	background-repeat: repeat-y;
	background-position: left;
}
.bg2_blue{
	color:#FFFFFF;
	background-image: url(../img/blue.gif);
	background-repeat: repeat-y;
	background-position: left;
}
.bg2_green{
	color:#FFFFFF;
	background-image: url(../img/green.gif);
	background-repeat: repeat-y;
	background-position: left;
}
.bg2_orange{
	color:#FFFFFF;
	background-image: url(../img/orange.gif);
	background-repeat: repeat-y;
	background-position: left;
}
.bg2_black{
	color:#FFFFFF;
	background-image: url(../img/black.gif);
	background-repeat: repeat-y;
	background-position: left;
}
.bg2_grey{
	color:#FFFFFF;
	background-image: url(../img/grey.gif);
	background-repeat: repeat-y;
	background-position: left;
}
.txt_white{color:#FFFFFF;}
.txt_black{color:#000000;}

.product_box h3{
	margin:0px;
	padding:0px;
	text-decoration:underline;
}

a.white{
	color:#FFFFFF;
}

a.black{
	color:#000000;
}

#contact_address{
	width:270px;
	font-size:14px;
	position:absolute;
	background-color:#FFFFFF;
	top:30px;
	right:14px;
	text-align:right;
	padding:5px 20px 5px 5px;
	
	-moz-box-shadow: 0 0 5px #888;
	-webkit-box-shadow: 0 0 5px#888;
	box-shadow: 0 0 5px #888;
}


#about_content{
z-index:4;position:relative;height:300px;
}


#contact_form{
	height: 450px;
	width: 600px;
	display:block;
	position:relative;
/*	border: 1px solid #666666;*/

}

.loading_box{
	position:absolute;
	width:598px;
	height:455px;
	top:1px;
	left:1px;
	background-color:#FFFFFF;
	opacity:0.90;filter:
	alpha(opacity=90);
	display:none;
}
.loading_box p{
	margin:100px auto;
	width:99%;
	height:100px;
}

#frm_contact label.error {
	display:block;
	padding-left: 16px;
	padding-bottom: 2px;
	color:#FF0000;
	font-size:11px;
	font-family:Georgia, "Times New Roman", Times, serif;
	background-image: url(../img/alert.gif);
	background-repeat: no-repeat;
}

#loading_box{
	background-color:#000000;
}

a.product_link{
	font-family: 'Neucha', serif;
	font-weight: bold;
	font-size:18px;
	display:block;
	padding:5px 10px;
	position:relative;
	border:solid 1px #E8E8E8;
	text-decoration:none;
	background-color:#FFFFFF;
	-moz-border-radius: 5px;
	border-radius: 5px;
	width:130px;
	height:175px;
	float:left;
	margin:10px 6px;
	-moz-box-shadow: 0 0 5px #888;
	-webkit-box-shadow: 0 0 5px#888;
	box-shadow: 0 0 5px #888;
	overflow:hidden;
	color:#FFFFFF;
	
}
a.product_link img{
	display:block;
	clear:both;
	position:absolute;
	top:-3px;left:-3px;
}
a.product_link div{
	position:absolute;
	bottom:10px;
	left:0px;
	height:25px;
	width:400px;
	padding:5px;
}

a.product_link:hover{
	-moz-box-shadow: 0 0px 1px #888;
	-webkit-box-shadow: 0 0px 1px#888;
}
a.product_link:hover div{	
	text-decoration:underline;
}

.fotokopi{
	position:absolute;
	top:50px;
	left:100px;
	/*text-shadow: 2px 2px 2px #aaa;*/
}

a.port{
	width:107px;
	height:100px;
	display:block;
	float:left;
	overflow:hidden;
	margin:7px 7px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-moz-box-shadow: 0 0px 3px #888;
	-webkit-box-shadow: 0 0px 3px #888;
	box-shadow: 0 0px 3px #888;
	border:solid 5px #FFF;
	background-color:#FFF;
	position:relative;
	text-align:center;
}
a.port:hover{
	-moz-box-shadow: 0 0px 10px #888;
	-webkit-box-shadow: 0 0px 10px #888;
	box-shadow: 0 0px 10px #888;

}