/*resetter*/html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;background:transparent;}

body{  

  margin: 0;
  padding: 0;
  text-align: center;
  font: 400 0.9em arial;
  background:#000;
  color: #666666; 
  line-height:1.5em;
  }

#language{
  padding-right:60px; 
  float: right;
  width: 375px;
  height:34px;
  right:0px;
  margin-left:100px;
  margin-top:-95px;
  text-align:center;
  letter-spacing:0px;
  background: url(../images/lang.png) no-repeat left;
  /*border:solid 1px red;*/
}

/**************************************************************
   #mainMenu: The top level site menu
 **************************************************************/

#mainMenu { 
  float: right;
  width: 75%;
  clear: both;  
  margin-top:70px;
}

#mainMenu ul {
  margin: 0;
  padding: 0;
}

#mainMenu li {
  display: inline;
  list-style: none;
  margin: 0;
  padding: 0;
}

#mainMenu li a {
  float: left;
 /* margin: 0 2px;*/
 margin-top:-20px;
  padding: 10px;
  font: 400 17px "trebuchet ms", serif;
  text-decoration: none;
  color:#000;
}

#mainMenu ul.float-left li.active a{
	/*padding-bottom:6px;
	 background: url(../images/hover.jpg) repeat-x;
	 border-bottom: 3px solid #c30606;*/
	 background: url(../images/hover.png) repeat-x;
	 color:#880000;
}
#mainMenu li a.here {
  color: #000;
  padding-bottom: 5;
  /*border-bottom: 5px solid #000;*/
}

#mainMenu li a.last {
  margin-right: 0;
}

/*   Batas  */
#mainMenu .batas{
  float:left;
  width:10px;
  height:43px;
  display: inline;
  list-style: none;
  margin-top: -30px;
  padding: 5px;
  background: url(../images/batas.png) no-repeat center bottom;
/*border-bottom: 3px solid #c30606;*/
}

/**************************************************************
   #header: Holds the site title and header images
 **************************************************************/

#header {
  /*position: relative;*/
  height: 112px;
  width:1006px;
  margin-left:-3px;
  background: #d7d7d7 url(../images/head.png) repeat-x left;
  z-index:-10;
}

/* Holds the site title and subtitle */
#header #title {
  position: absolute;
  z-index: 3;
  top: 10px;
  left: 130px;

  padding: 5px;
  text-align: right;
  color:#000;
}

#header h1 {
  margin: 0;
  padding: 0;

  font: 700 4em "trebuchet ms", serif;
  letter-spacing: -3px;
  text-transform: lowercase;
  color: #FFF;
}

#header h2 {
  position: absolute;
  top: 10px;
  right: 5px;

  margin: 0;
  padding: 0;

  font: 700 1em "trebuchet ms", serif;
  text-transform: lowercase;
  color: #00F0EC;
}


/* Sets where the header images will go */
#left {
  /*position: absolute;*/
  /*background: #FFF url(../images/home.jpg) repeat-x top left;*/
  background:#eee url(../images/loading.gif) 50% 50% no-repeat;
  width:1006px;
  height:323px;
  z-index: 1;
  top: 0;
  left: 0;
  margin-left:-3px;
}
#left img{
  /*position: absolute;*/
  /*background: #FFF url(../images/home.jpg) repeat-x top left;*/
  width:1006px;
  height:324px;
}

#header img.right {
  /*position: absolute;*/
  z-index: 0;
  width:1007px;
  margin-right:auto;
  margin-left:auto;
  top: 0;
  right: 0;
}

#header img.balloons {
  position: absolute;
  z-index: 2;

  top: 70px;
  right: 400px;
}

#logo{
	position:absolute;
	margin-top:-0.5em;
	margin-left:10px;
	float:left;
}
#logo img{
	width:166px;
	height:120px;
}

#content {  
  height: 100%;
  min-height: 100%;
  text-align: left;
  background-color: #e8e8e8;
}

#content,
#width {
  /* max-width hack for IE since it doesn't understand the valid css property */
  width: expression(document.body.clientWidth > 1000 ? "1000px" : "94%");  
  max-width: 1000px;
  margin: 0 auto;
}

#content[id],
#width[id] {
  width: 100%;
  height: auto;
}

#linkLeft{
	background:#efefef;
	display:block;
	width:200px;
	height:100%;
	color:black;
	float:left;
	margin-top:3px;
	margin-left:-5px;
}
#linkLeft ul{
	background: url(../images/box_top.png) repeat-x left;
	list-style-image:url(../images/arrow2.png);
}
#linkLeft li{
	margin-left:30px;
}
#main{
	/*background: url(../images/content.png) repeat-x left;*/
	width:720px;
	height:100%;
	float:left;
	margin-top:3px;
	margin-left:0px;
}
#main p{
	width:95%;
	text-align:justify;
	color:#000;
	line-height:18px;
	margin-left:50px;
}
#main .box{
	float:left;
	background:url(../images/subpage.png) repeat-x top left;
	/*border:solid 1px red;*/
	margin-right:4px;
	margin-left:4px;
}

#main .box1{
	background:#eee url(../images/loading.gif) 50% 50% no-repeat;
	width:230px;
	height:92px;
	margin-bottom:4px;
	/*border:solid 1px #adadad;*/
}

#main .box1 img{
	width:96%;
	margin:4px;
	border:solid 1px #adadad;
}

#main .heading{
	color:#000;
	font-size:20px;
	font-weight:bold;
	margin-left:50px;
}
#main hr{
	margin-left:50px;width:95%;
}

#main .isi p{
	word-spacing:5px;
	line-height:18px;
	font-size:13px;
	margin-left:40px;
	margin-right:auto;
	/*border:solid 1px red;*/
}

#main .isi ul{
	color:#000;
	margin-left:80px;
	padding-bottom:10px;
	font-size:13px;
	font-family:arial;
}

#main .isi ol{
	color:#000;
	margin-left:80px;
	padding-bottom:10px;
	font-size:13px;
	font-family:arial;
}

#middle{
	background: url(../images/content.png) repeat-x left;
	width:1006px;
	height:69px;
	/*border:solid 1px red;*/
	margin-top:0px;
	margin-left:-3px;
}

#middle .head{
	float:left;
	width:350px;
	color:#000;
	font-size:20px;
	font-weight:bold;
	margin-top:26px;
	margin-left:10px;
}
.search{
	background:#515151;
	float:right;
	width:45px;
	height:20px;
	margin:10px;
	padding-left:20px;
	padding-right:20px;
	color:#fff;
	font-weight:bold;
	margin-top:25px;
}

.search a{
	color:#fff;
	text-decoration:none;
	cursor:pointer;
}

#middle input{
	float:right;
	margin-top:25px;
}
/**************************************************************
   #page: Holds the main page content.
 **************************************************************/

#page {
  float: left;
  width: 1006px;
  height:100%;
  clear: both;
  padding-bottom: 4em;
  margin-left:-3px;
 background:#fff;
}

#page h2 {
	clear:both;
	color:#000;
	font-family:"trebuchet ms",serif;
	font-size:20px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:bold;
	line-height:normal;
	padding-left:0.5em;
	margin-top:0px;
}

#page p{
	color:#000;
	text-align:justify;
	font-size:12px;
	padding:10px;
	margin-top:-10px;
	word-spacing:1px;
	line-height:16px;
}

#page .box{
	float:left;
	width:24%;
	height:240px;
	background:url(../images/box_home.png) repeat-x top left;
	/*border:solid 1px red;*/
	margin-right:3px;
	margin-left:5px;
	margin-top:-50px;
}

#page .box img{
	margin:4px;
	border:solid 1px #adadad;
}

#page .readMore{
	background:#515151;
	float:right;
	width:85px;
	height:20px;
	margin:5px;
	color:#fff;
	text-align:center;
	font-size:14px;
}

#page .readMore a{
	color:#fff;
	text-decoration:none;
}
#page .readMore a{
	color:#000;
	text-decoration:none;
}

#page a{
	color:#000;
	text-decoration:none;
}

#page a:hover{
	color:#880000;
	text-decoration:none;
}

#footer {
  clear: both;
  margin: 0;
  width: 1006px;
  height:85px;
/*  position: relative;*/
  z-index: 3;
  background:url(../images/footer.png) repeat-x top left; 
  margin-left:auto;
  margin-right:auto;
  margin-top:-10px;
}

#footer .copy{
	float:left;
	width:98%;
	color:black;
	font-weight:bold;
	font-size:12px;
	text-transform:uppercase;
	text-align:center;
	margin-top:5px;
	margin-left:auto;
	margin-right:auto;
       margin-left:0px;
}

#footerLink { 
  margin-left:auto;margin-right:auto;
  width: 350px; 
  margin-top:0px;
  height:30px;
}

#footerLink ul {
  margin: 0;
  padding: 0;
}

#footerLink li {
  display: inline;
  list-style: none;
  margin: 0;
  padding: 0;
}

#footerLink li a {
  float: left;
  margin: 0 2px;
  padding: 0px;
  font: 400 14px "trebuchet ms", serif;
  text-decoration: none;
  color:#000;
}

#footerLink li a:hover{
	padding-bottom:6px;
	 /*background: url(../images/arrow.png) no-repeat center bottom;*/
	color: #880000;
	 /*border-bottom: 3px solid #c30606;*/
}
#footerLink li a.here {
  color: #000;
  padding-bottom: 5;
  /*border-bottom: 5px solid #000;*/
}

#footerLink li a.last {
  margin-right: 0;
}

/*   Batas  */
#footerLink .batas{
  float:left;
  width:10px;
  height:43px;
  display: inline;
  list-style: none;
  margin-top: -30px;
  padding: 10px;
  background: url(../images/batas.png) no-repeat center bottom;
/*border-bottom: 3px solid #c30606;*/
}

#footer2{
  clear: both;
  margin: 0px auto;
  width: 1006px;
  height:85px;
/*  position: relative;*/
  z-index: 3;
  background:#e8e8e8 url(../images/footer.png) repeat-x top left; 
  margin-left:-3px;
 /* margin-right:auto;
  margin-top:-10px;*/
}

#footer2 .copy{
	float:left;
	width:98%;
	color:black;
	font-weight:bold;
	font-size:11px;
	text-transform:uppercase;
	text-align:center;
	margin-top:5px;
	margin-left:auto;
	margin-right:auto;
    margin-left:0px;
}

#footerLink2 { 
  margin: 0px auto;
  width: 350px;
  text-align: center;
  height:30px;
}

#footerLink2 ul {
  margin: 0;
  padding: 0;
}

#footerLink2 li {
  display: inline;
  list-style: none;
  margin: 0;
  padding: 0;
}

#footerLink2 li a {
  float: left;
  margin: 0 2px;
  padding: 0px;
  font: 400 14px "trebuchet ms", serif;
  text-decoration: none;
  color:#000;
}

#footerLink2 li a:hover{
	padding-bottom:6px;
	 /*background: url(../images/arrow.png) no-repeat center bottom;*/
	color: #880000;
	 /*border-bottom: 3px solid #c30606;*/
}
#footerLink2 li a.here {
  color: #000;
  padding-bottom: 5;
  /*border-bottom: 5px solid #000;*/
}

#footerLink2 li a.last {
  margin-right: 0;
}

/*   Batas  */
#footerLink2 .batas{
  float:left;
  width:10px;
  height:43px;
  display: inline;
  list-style: none;
  margin-top: -30px;
  padding: 10px;
  background: url(../images/batas.png) no-repeat center bottom;
/*border-bottom: 3px solid #c30606;*/
}


/**************************************************************
   Images
 **************************************************************/

img.float-right {
  margin: 5px 0px 10px 15px;  
}

img.float-left {
  margin: 5px 15px 10px 0px;
}


/**************************************************************
   Browser
 **************************************************************/
 
*::-moz-selection {
background:#F8D766 none repeat scroll 0 0;
color:black;
}


/******* adding by Ofi *****/


/**** title product di newcar.php ****/

.titproduct {
 font-weight:bold;

}

.error{
	color:#ff0000;
}