@charset "utf-8";
/* CSS Document */


body {
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	font-family: "Lucida Grande", Tahoma;
	font-size: 11px;
	background-image: url(images/bg2.png);
	background-repeat: repeat-y;
	background-position:center;
}


.Mawar #container {
	width: 901px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */

} 

.Mawar img {
	border:none;
}

.Mawar input {
	font-size:11px;
	font-family:Lucida Grande, Tahoma;
	max-width:250px;
}
	
	
.Mawar select {
	font-size:11px;
	font-family:Lucida Grande, Tahoma;
	min-width:250px;
}
	
.Mawar textarea {
	font-size:11px;
	font-family:Lucida Grande, Tahoma;
	max-width:580px;
}
	
	
.Mawar #header { 
	background:#fff200; 
	background-image:url(images/topheader2.png);
	width:901px;
	height:145px;
} 
.Mawar #franchise {
	background-image:url(images/franchise.png);
	background-position:bottom;
	position:relative;
	float:right;
	width:129px;
	height:133px;
	margin-top:10px;
}
.Mawar #menu {
	float:right;
	margin-top:7px;
	width:300px;
	color:#FFF;
}
	
.Mawar #sidebar1 {
	float: right;
	width: 250px; 
	background: #FFFFFF;
}

#news{
	background-image: url(images/scroll2.png);
	background-color:transparent;
	background-repeat:no-repeat;
	position:relative;
	height:300px;
	width: 250px;

}
#news p {
	height:34px;
	padding-top:45px;
	padding-left:35px;
	font-size:11px;
	text-align:left;
	
}

#countdown {
	background:url(images/ppr.png);
	background-repeat:no-repeat;
	margin-left:10px;
	position:relative;
	height:313px;
	width: 229px;	
}

#countdown p {
	font-size:11px;
	text-align:center;
	color:#009;
}

#countdown h3 {
	padding-top:30px;
	text-align:center;
}

.Mawar #mainContent, h2 {
	width: 600px; 
	margin: 0 0 0 0; 
	padding: 0px 20px;


} 


.Mawar #contentLeft{
	float:left;
	width:580px;
	padding: 20px 20px;
	border-right: 1px #CCC dotted;
	background-image:url(images/homebg.png);
	background-position:top left;
	background-repeat:no-repeat;

}
.Mawar #mejatulis {
	background-color: transparent; 
	color:black;
	text-align:center;
}

#framebg{
	background:url(images/scrollbg.png);}

#frame{
	color:black;
	font-family: "Lucida Grande", Tahoma;
	font-size: 11px;
	text-align:left;
	overflow:
	}

#frame a{
	color:#009;
	text-decoration:none;
	font-weight:normal;
	
}
#frame a:visited{
	font-weight:normal;
	
}

#frame a:hover{
	background-color:#FFC;
	font-weight:normal;
}

#frame .head{
	color:#06F;
	font-size:12px;
	font-weight:bold;
}

.Mawar #contentaboutus{
	float:right;
	width:100px;
	height:292px;
	padding: 0 20px;
	background-image:url(images/books.png);
	background-position:center;
	background-repeat:no-repeat;

}

/*-- ------------- home-------------- */
.Mawar #homecontent {
	width:600px;
	padding: 0px 10px;
}

.Mawar #homecontent p {
	width:180px;
	padding:50px 40px;
}
.Mawar #homecontent a{
	color:#009;
	text-decoration:none;
	font-weight:normal;
	font-family: "Lucida Grande", Tahoma;
	font-size: 12px;
	
}
.Mawar #homecontent a:visited{
	text-decoration:none;
	font-weight:normal;
	font-family: "Lucida Grande", Tahoma;
	font-size: 12px;
	
}

.Mawar #homecontent a:hover{
	background-color:#FFC;
	font-weight:normal;
	font-family: "Lucida Grande", Tahoma;
	font-size: 12px;
}
.Mawar #homeleft{
	float:left;
	width:260px;
	height:240px;
	padding: 20px;
	background-image:url(images/whyhomebg.png);
	background-position:center;
	background-repeat:no-repeat;
	font-size:12px;
	font-weight:bold;
}


.Mawar #homeright{
	float:right;
	width:260px;
	height:240px;
	padding:20px;
	background-image:url(images/branchhomebg.png);
	background-position:center;
	background-repeat:no-repeat;
	font-size:12px;
	font-weight:bold;
}

/* ------- end home --------------*/

/* ------- mawar in news --------------*/
.Mawar #min{
	float:left;
	width:300px;
	height:167px;
	padding: 0 20px;
	background-image:url(images/newspaper.png);
	background-position:left;
	background-repeat:no-repeat;
	background-color:transparent;

}
/* ------- end mawar in news --------------*/

/* ------- why --------------*/
.Mawar #why{
	float:right;
	width:315px;
	height:170px;
	padding: 0 0px;
	background-image:url(images/camera.png);
	background-repeat:no-repeat;

}
/* ------- end why --------------*/




/* ------- career --------------*/
.Mawar #career{
	float:left;
	width:265px;
	height:336px;
	padding: 0 0px;
	background-image:url(images/career.png);
	background-repeat:no-repeat;


}

.Mawar #careercontent a{
	color:#009;
	text-decoration:none;
	
}
.Mawar #careercontent a:visited{
	font-weight:normal;
	
}

.Mawar #careercontent a:hover{
	background-color:#FFC;
}
/* ------- end career--------------*/



/* ------- franchise program --------------*/
.Mawar #franchiseprogram{
	float:left;
	width:600px;
	height:250px;
	padding: 0 0px;
	background-image:url(images/franchiseprogram.png);
	background-repeat:no-repeat;

}
/* ------- end franchise--------------*/

/* ------- branch--------------*/
.Mawar #branch{
	float:right;
	width:280px;
	height:655px;
	padding: 0 0px;
	background-image:url(images/branch.png);
	background-repeat:no-repeat;

}

.Mawar #branchcontent li {
	height:20px;
	list-style-type:decimal-leading-zero;
	list-style-position:outside;
}

.Mawar #branchcontent h3 {
	font-size:20px;
}
	
	
.Mawar #branchcontent a{
	color:#009;
	text-decoration:none;
	
}
.Mawar #branchcontent a:visited{
	font-weight:normal;
	
}

.Mawar #branchcontent a:hover{
	background-color:#FFC;
}



.Mawar #branchcontent img{
	border:1px solid #CCC;
	background-color:#FFF;
	padding:10px;
	
}

.Mawar #branchcontent img:hover{
	border:1px solid #red;
	background-color:#FFF;
	padding:10px;
	
}

/* ------- end branch--------------*/


/* ------- gallery--------------*/

.Mawar #gallery{
	float:right;
	width:300px;
	height:166px;
	padding: 0 0px;
	background-image:url(images/gallery.png);
	background-repeat:no-repeat;
}

.Mawar #gallerycontent {
	font-size:14px;
	font-style:italic;
	text-align:left;
}
.Mawar #gallerycontent ul a, a:visited{
	color:#009;
	font-style:normal;
	text-align:left;
	font-size:11px;
	text-decoration:none;
}

.Mawar #gallerycontent ul a:hover{
	color:#009;
	text-align:left;
	background-color:#FFC;
	text-decoration:none;
}

/* ------- end gallery--------------*/

/* ------- result --------------*/
.Mawar #result{
	float:right;
	width:323px;
	height:238px;
	padding: 0 0px;
	background-image:url(images/graph.png);
	background-repeat:no-repeat;
}
.resultyear {background-color:#CFF;}
.resultcat {background-color:#FCF;}

/* ------- end result--------------*/

/* ------- latestnews --------------*/


.Mawar #latestnewscontent a, a:visited{
	color:#009;
	text-align:left;
	text-decoration:none;
	font-size:11px;
	font-weight:bold;
}

.Mawar #latestnewscontent a:hover{
	background-color:#FFC;
}

.Mawar #latestnewscontent table, td, tr{
	text-align:left;
	table-layout:3px;
	border-bottom:1px #CCC dashed;
	background-color:transparent;
}
.Mawar #latestnewscontent tr{
	text-align:left;
	background-color:transparent;
}


/* ------- end latestnews--------------*/
/* ------- contact--------------*/

.Mawar #contact{
	float:right;
	width:285px;
	height:277px;
	padding: 0 20px;
	background-image:url(images/contact.png);
	background-repeat:no-repeat;
	background-color:transparent;

}
.Mawar #contactcontent p{
	height:20px;
}
.Mawar #contactcontent h3{
	padding-top:50px;
	color:#009;
}

.Mawar #contactlink a{
	color:#009;
	text-decoration:none;
	
}
.Mawar #contactlink a:visited{
	font-weight:normal;
	
}
.Mawar #contactlink h3{
	padding-top:50px;
	color:#009;
}
.Mawar #contactlink a:hover{
	background-color:#FFC;
}
/* ------- end contact--------------*/


/*-------- register ----------*/


.Mawar #register{
	float:right;
	width:220px;
	height:280px;
	padding: 0px;
	background-image:url(images/register.png);
	background-repeat:no-repeat;
	background-color:transparent;

}

.Mawar #legend{
	border:1px solid #eecfcf;
	padding:10px 0 0 20px;
	max-width:580px;

}


/*-----------end register------------ */




/* --------------FOOTER--------------*/

.Mawar #footer { 
	width: 902px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	height:45px;
	margin: auto auto; /* the auto margins (in conjunction with a width) center the page */
	border:none;
	background-color:#2e2c75;
	position:absolute center;

} 
.Mawar #footerleft {
	float:left;
	text-align: left; /* this overrides the text-align: center on the body element. */
}


.Mawar #footer li{
	width:100%;
	display:block;
	color:#FFF;
	text-decoration:none;
	list-style:hiragana-iroha;
	padding:4px 4px;
	position:relative;
}


.Mawar #footer a{
	color:#FFF;
	text-decoration:none;
	padding:0px 5px;
	font-weight:normal;
}
.Mawar #footer ul a:hover{
	color:#FFF;
	text-decoration:none;
	background-color:#4e4885;
	padding:10px 5px;
}
.Mawar #footer ul, a:visited{
	color:#FFF;
	text-decoration:none;
	list-style:none;
	padding:0 5px;	
	font-weight:normal;
}
.Mawar #footer img{border:none;}

.Mawar #footerright {
	float:right;
	margin: 0; 
	padding:5px 15px 0 0;
}


/* --------------END FOOTER--------------*/





.fltrt { 
	float: right;
	margin-left: 8px;
}
.fltlft { 
	float: left;
	margin-right: 8px;
}
.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}


/* pull-down mainmenu css */
.mainmenu{
	float: left;
	width: 100%;
	padding: 0;
	z-index:3;
	position:relative;
}
.mainmenu ul {
	float: left;
	width: 100%;
	list-style: none;
	line-height:0;
	color:#000000;
	padding: 0;
	border:none;
	margin: 0 0 0 0;
}

.mainmenu a, .mainmenu a:visited {
	display: block;
	font-family:Lucida Grande, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	font-style:normal;
	text-decoration:none;
	color: #FFFFFF;
	text-decoration: none;
	padding: 9px 1em;
}
.mainmenu ul ul a{
	width:100%;
	height:80%;
}
.mainmenu ul a{
	width:1%;
}


.mainmenu li  {
	float: left;
	margin:0;
	padding:0;
}

.mainmenu ul li {float:left; position:relative;  }
.mainmenu ul li a {white-space:nowrap;}
	
.mainmenu li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width:15em;	
	
	background: #4e4885;
	font-weight: normal;
	border-width: 0px;
	margin: 0;
}

.mainmenu li li {
	width:15em ;
}

.mainmenu li li a{
	width:13em ;
}

.mainmenu li ul  {
	margin: 0;
}
.mainmenu li ul ul {
	margin: -2.8em 0 0 13.5em;
}
.ul_ch, 
.mainmenu li:hover ul ul,
.mainmenu li li:hover ul ul,
.mainmenu li li li:hover ul ul,
.mainmenu li li li li:hover ul ul,
.mainmenu li li li li li:hover ul ul
{
	left: -999em;
}
.mainmenu li:hover ul,
.mainmenu li li:hover ul,
.mainmenu li li li:hover ul,
.mainmenu li li li li:hover ul,
.mainmenu li li li li li:hover ul
{
	left: auto;
}
.mainmenu li:hover>ul.ul_ch   
{
	left: auto;
}

.mainmenu li:hover{
	background: #4e4885;
}

.mainmenu li:hover a,.mainmenu li:hover a:visited,.mainmenu li:hover a:hover,.mainmenu li a:hover{
	color:#FFFFFF;
}
.mainmenu li:hover li a, .mainmenu li li:hover li a, 
.mainmenu li li li:hover li a, .mainmenu li li li li:hover li a,
.mainmenu li:hover li a:visited, .mainmenu li li:hover li a:visited, 
.mainmenu li li li:hover li a:visited, .mainmenu li li li li:hover li a:visited
{
	color:#FFFFFF;
}
.mainmenu li li:hover, .mainmenu li li li:hover, 
.mainmenu li li li li:hover , .mainmenu li li li li li:hover , .mainmenu li li li li li li:hover 
{
	background: #A0A0A4;
	z-index:9999;
}
.mainmenu li li:hover a,.mainmenu li li li:hover a, 
.mainmenu li li li li:hover a, .mainmenu li li li li li:hover a
{
	color: #FFFFFF; 
}

.mainmenu ul ul a, .mainmenu ul ul a:visited,
.mainmenu li li a, .mainmenu li li a:visited
{
	color: #000000;
}
.mainmenu ul ul a:hover,
.mainmenu li:hover li:hover a,.mainmenu li:hover li:hover a:visited ,
.mainmenu li:hover li:hover li:hover a,.mainmenu li:hover li:hover li:hover a:visited,
.mainmenu li:hover li:hover li:hover li:hover a,.mainmenu li:hover li:hover li:hover li:hover a:visited ,
.mainmenu li:hover li:hover li:hover li:hover li:hover a,.mainmenu li:hover li:hover li:hover li:hover li:hover a:visited,
.mainmenu li:hover li:hover li:hover li:hover li:hover li:hover a,.mainmenu li:hover li:hover li:hover li:hover li:hover li:hover a:visited{
	color: #FFFFFF;
}
.mainmenu li:hover li:hover li a,.mainmenu li:hover li:hover li a:visited ,
.mainmenu li:hover li:hover li:hover li a,.mainmenu li:hover li:hover li:hover li a:visited,
.mainmenu li:hover li:hover li:hover li:hover li a,.mainmenu li:hover li:hover li:hover li:hover li a:visited,
.mainmenu li:hover li:hover li:hover li:hover li:hover li a,.mainmenu li:hover li:hover li:hover li:hover li:hover li a:visited{
	color: #000000;
}

/* end of mainmenu css */

/* font */

@font-face {
 font-family: digital;
 src: url(_includes/digital-7.eot) /* EOT file for IE */
}
@font-face {
 font-family: digital;
 src: url(_includes/digital-7.ttf) /* TTF file for CSS3 browsers */
}

#font {
 font-family: digital, lucida Grande, Tahoma;
 font-size:11px;
}

#font p {
	padding-left:35px;
	font-size:13px;
	vertical-align:top;
}
/* end font */