/*KETERANGANL 707070 abu2*/

body
{
	background-color	: #b7bfbf;
	font				: 12px Arial Hevetica;
}

a
{
	color				: #64929a;
	cursor				: pointer;
	text-decoration		: none;
}

a:hover
{
	color				: silver;
	text-decoration		: none;
}

a#noImage
{
	background-image	: none;
	padding				: 0;
}

a.scrolling-link
{
	padding-left		: 30px;
	padding-top			: 5px;
	padding-bottom		: 8px;
	vertical-align		: top;
	background-image	: url('../images/web/arrow.png');
	background-repeat	: no-repeat;
}

a.scrolling-link:hover
{
	padding-left		: 30px;
	padding-top			: 5px;
	padding-bottom		: 8px;
	vertical-align		: top;
	background-image	: url('../images/web/arrow_hover.png');
	background-repeat	: no-repeat;
}

a.ribbonNote
{
	font				: 13px Arial, Helvetica;
	color				: #a4abab;
	font-weight			: bold;
}

a.ribbonNote:hover
{
	color				: silver;
}

table.header
{
	width				: 1024px;
	height				: 444px;
	background-image	: url('../images/web/header.jpg');
	background-repeat	: no-repeat;
}

table.limb
{
	width				: 1024px;
	background-image	: url('../images/web/limb.jpg');
	background-repeat	: repeat-y;
}

table.footer
{
	width				: 1024px;
	height				: 275px;
	margin-left			: 2px;
	background-image	: url('../images/web/footer.jpg');
	background-repeat	: no-repeat;
}

table.menu
{
	width				: 70%;
	margin-top			: 10px;
}

table.content
{
	width				: 880px;
	position			: relative;
	top					: -70px;
	font				: 13px Arial, Helvetica;
	color				: BLACK;
}

table.innerContent
{
	font				: 13px Arial, Helvetica;
	line-height			: 18px;
	padding-left		: 8px;
	color				: BLACK;
}

td.leftBorderHeader
{
	background-color	: #a1aab4;
	border-left			: black solid 1px;
	border-top			: black solid 1px;
	border-bottom		: black solid 1px;
}

td.rightBorderHeader
{
	background-color	: #a1aab4;
	border				: black solid 1px;
}

td.leftBorder
{
	border-left			: black solid 1px;
	border-bottom		: black solid 1px;
}

td.rightBorder
{
	border-left			: black solid 1px;
	border-right		: black solid 1px;
	border-bottom		: black solid 1px;
}

tr.tableHeader
{
	background			: url('../images/web/table_atas.gif') no-repeat;
	font-weight			: bold;
	border				: 1px red solid;
}

tr.tableHeaderPanjang
{
	background			: url('../images/web/table_atas_panjang.gif') no-repeat;
	font-weight			: bold;
	border				: 1px red solid;
}

p
{
	text-indent			: 1.5em;
	margin-top			: 0px;
}

.firstLineMenu
{
	font				: 11px Arial, Helvetica;
	font-weight			: BOLD;
	color				: WHITE;
	vertical-align		: bottom;
}

.nextLineMenu
{
	font				: 11px Arial, Helvetica;
	color				: #a7c4c9;
	font-weight			: BOLD;
	vertical-align		: bottom;
}

.nextLineMenu:hover
{
	color				: WHITE;
	text-shadow			: 0 0 0.1em WHITE, 0 0 0.1em WHITE, 0 0 0.1em WHITE;
}

.contentTitle
{
	font				: 20px Arial, Helvetica;
	color				: #64929a;
	font-weight			: BOLD;
}

hr.separator
{
	color				: #64929a;
	height				: 0.1em;
	background-color	: #64929a;
}

.contactBox
{
	margin-left			: 20px;
	border				: 2px silver solid;
	font				: 13px Arial, Helvetica;
	color				: BLACK;
	padding				: 10px;
}

div.contactUs
{
	background-image	: url('../images/web/contact.jpg');
	height				: 30px;
	width				: 116px;
	position			: relative;
}

div.contactUs:hover
{
	height				: 33px;
}

div.ribbonNote
{
	/*border				: 1px grey solid;*/
	width				: 300px;
	height				: 50px;
	font				: 13px Arial, Helvetica;
	color				: BLACK;
	font-weight			: bold;
	position			: relative;
	top					: -115px;
	right				: 50px;
	text-align			: center;
}

div#briefInfo
{
	position			: relative;
	top					: -170px;
	left				: -100px;
	font				: 13px Arial, Helvetica;
	font-weight			: BOLD;
	color				: WHITE;
	width				: 330px;
	text-align			: left;
}

hr.contentTitleLine
{
	background-color	: #96a2a2;
	height				: 4px;
	border				: none;
}

div.newsTitle
{
	color				: #b21705;
	font				: 13px Arial, Helvetica;
	font-weight			: BOLD;
}

div.fullNewsTitle
{
	color				: #b21705;
	font				: 20px Arial, Helvetica;
	font-weight			: BOLD;
}

div.newsDate
{
	color				: #707070;
	font				: 10px Arial Helvetica;
}

div.testimonial
{
	font				: 20px Monotype Corsiva;
	color				: #64929a;
	font-style			: italic;
}

div.testimonialNote
{
	color				: #707070;
	font				: 12px Arial Helvetica;
}

img.picture
{
	margin-right		: 10px;
}

img.pictureRight
{
	margin-left			: 10px;
}

img#fb
{
	position			: relative;
	top					: -360px;
}

.box
{
	background-color	: #a7c4c9;
}

div#howSend
{
	width				: 100px;
	height				: 100px;
	text-align			: left;
}


/*UNTUK POP UP*/
#hideshow 
{
	position			: absolute;
	width				: 100%;
	height				: 100%;
	top					: 0;
	left				: 0;
}
#daftar_harga
{
	position			: absolute;
	width				: 100%;
	height				: 100%;
	top					: 0;
	left				: 0;
}
#fade 
{
	background			: #000; 
	position			: fixed; 
	width				: 100%;
	height				: 100%;
	filter				: alpha(opacity=80);
	opacity				: .80;
	-ms-filter			: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /*--IE 8 Transparency--*/
	left				: 0;
	z-index				: 10;
}
#fade1
{
	background			: #000; 
	position			: fixed; 
	width				: 100%;
	height				: 100%;
	filter				: alpha(opacity=80);
	opacity				: .80;
	-ms-filter			: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /*--IE 8 Transparency--*/
	left				: 0;
	z-index				: 10;
}
.popup_block
 {
	background			: #ddd;
	border				: 10px solid WHITE;
	float				: left;
	width				: 800px;
	position			: fixed;
	top					: 4%;
	left				: 37%;
	margin				: 0 0 0 -250px;
	z-index				: 100;

}
.popup_block .popup 
{
	float				: left;
	width				: 100%;
	background			: #fff;
	margin				: 10px 0;
	padding				: 10px 0;
	border				: 1px solid #bbb;
}
.cntrl 
{
	position			: absolute;
	right				: -15px;
	top					: -20px;
}
img.peta
{
	display				: block;
    margin-left			: auto;
    margin-right		: auto;
}

/*--Making IE6 Understand Fixed Positioning--*/

*html #fade 
{
	position			: absolute;
	top					: expression(eval(document.compatMode &&
	document.compatMode=='CSS1Compat') ?
	documentElement.scrollTop : document.body.scrollTop);
}

*html .popup_block 
{
	position: absolute;
	top:expression(eval(document.compatMode &&
	document.compatMode=='CSS1Compat') ?
	documentElement.scrollTop
	+((documentElement.clientHeight-this.clientHeight)/2)
	: document.body.scrollTop
	+((document.body.clientHeight-this.clientHeight)/2));
	
	left:expression(eval(document.compatMode &&
	document.compatMode=='CSS1Compat') ?
	documentElement.scrollLeft 
	+ (document.body.clientWidth /2 ) 
	: document.body.scrollLeft 
	+ (document.body.offsetWidth /2 ));
}

/*--IE 6 PNG Fix--*/

img{ behavior: url(Styling\ Popups\ with\ CSS_files/iepngfix.htc) }