@charset "utf-8";

/* CSS Document */



body{

	margin:0 auto;

	padding-top: 0px;

	padding-right: 0;

	padding-bottom: 0;

	padding-left: 0;

	background-attachment: scroll;

	background-image:url(../images/bg_repeat.jpg);

	background-repeat:repeat-x;

	background-position: top;

	background-color: #0374ca;

	font-family:Tahoma, Geneva, sans-serif;

}

div, h1, h2, h3, h4, p,  form, label, input, textarea, img, span{

	margin:0; padding:0;

}

hr{

	margin:0px;

	border-color: #c3c3c3;

}

:hover {

  outline:none;

  -moz-outline-style:none;

}

:active {

  outline:none;

  -moz-outline-style:none;

}



:focus {

  outline:none;

  -moz-outline-style:none;

}

.spacer{

	clear:both; 

	font-size:0; 

	line-height:0;

}

.cleaner {

	clear:both;

	height:1px;

	font-size:1px;

	border:none;

	margin:0; padding:0;

	background:transparent;

}



/* -------head------- */



#mainbg{

	margin: 0 auto;

	width:0 auto;

	overflow:hidden;

	background-image:url(../images/bg_main.jpg);

	background-position:center top;

	background-repeat:no-repeat;

	height:auto;

	float:none;

}

#aboutbg{

	margin: 0 auto;

	width:0 auto;

	overflow:hidden;

	background-image:url(../images/bg_about.jpg);

	background-position:center top;

	background-repeat:no-repeat;

	height:auto;

	float:none;

}

#servbg{

	margin: 0 auto;

	width:0 auto;

	overflow:hidden;

	background-image:url(../images/bg_services.jpg);

	background-position:center top;

	background-repeat:no-repeat;

	height:auto;

	float:none;

}

#packbg{

	margin: 0 auto;

	width:0 auto;

	overflow:hidden;

	background-image:url(../images/bg_packages.jpg);

	background-position:center top;

	background-repeat:no-repeat;

	height:auto;

	float:none;

}

#portbg{

	margin: 0 auto;

	width:0 auto;

	overflow:hidden;

	background-image:url(../images/bg_portfolio.jpg);

	background-position:center top;

	background-repeat:no-repeat;

	height:auto;

	float:none;

}

#newsbg{

	margin: 0 auto;

	width:0 auto;

	overflow:hidden;

	background-image:url(../images/bg_news.jpg);

	background-position:center top;

	background-repeat:no-repeat;

	height:auto;

	float:none;

}

#knowbg{

	margin: 0 auto;

	width:0 auto;

	overflow:hidden;

	background-image:url(../images/bg_knowledge.jpg);

	background-position:center top;

	background-repeat:no-repeat;

	height:auto;

	float:none;

}

#contbg{

	margin: 0 auto;

	width:0 auto;

	overflow:hidden;

	background-image:url(../images/bg_contact.jpg);

	background-position:center top;

	background-repeat:no-repeat;

	height:auto;

	float:none;

}

#main{

	margin:auto;

	width:1024px;

	height:auto;	

}

#head{

	padding:0 35px 0 2px;

	width:986px;

	height:126px;

}

.logo{

	width:227px;

	height:125px;

	float:left;

}



/* menu */

	#lava {

		/* you must set it to relative, so that you can use absolute position for children elements */

		position:relative; 

		background:url(bar.gif) no-repeat center bottom; 

		width:680px;;

		height:45px;

		float:left;

		margin:80px 0 0 50px;

		font-size:13px;

		color:#FFF;	

		

	}

	

	#lava ul {



		margin:0; 

		padding:0; 

		list-style:none;

		display:inline;

				

		/* position absolute so that z-index can be defined */

		position:absolute; 

		

		/* center the menu, depend on the width of you menu*/

		left:10px; 

		top:0; 

		

		/* should be higher than #box */

		z-index:100;





	}

	

	#lava ul li {

		margin:0 15px; 

		float:left;

	}

	#lava ul li a {  

		text-decoration:none; 

		color:#FFF;

	}	

	#lava #box {

		

		/* position absolute so that z-index can be defined and able to move this item using javascript */

		position:absolute; 

		left:0; 

		top:0; 

		

		/* should be lower than the list menu */

		z-index:50; 



		/* image of the right rounded corner */

		background:url(../images/tail.gif) no-repeat right center; 

		height:20px;

		

		/* add padding 8px so that the tail would appear */

		padding-right:8px;

		

		/* self-adjust negative margin to make sure the box display in the center of the item */

		margin-left:-10px;

	}

	

	#lava #box .head {

		/* image of the left rounded corner */

		background:url(../images/head.gif) no-repeat 0 0; 

		height:20px;



		/* self-adjust left padding to make sure the box display in the center of the item */

		padding-left:10px;

	}



.menu{

	width:auto;

	height:45px;

	float:left;

	padding:80px 0 0 80px;

	font-size:13px;

	color:#FFF;

}

.menu ul { 

	padding:0; 

	margin:0; 

	list-style:none; 

	border:0; 

}

.menu ul li { 

	float:left; 

	margin:0; 

	padding:0 2px 0 0; 

	border:0; 

}

.menu ul li a {  

	margin:0 1px 0 0; 

	padding:0 30px 0 0;

	text-decoration:none; 

	color:#FFF;

}

.menu ul li a:hover { 

	text-decoration:none;

	color:#d7eb9c;

}

.menu ul li a.active { 

	text-decoration:none;

	color:#d7eb9c;

	

}

.menu_foot{

	width:auto;

	height:45px;

	float:left;

	padding:35px 0 0 35px;

	font-size:12px;

	color:#FFF;

}

.menu_foot ul { 

	padding:0; 

	margin:0; 

	list-style:none; 

	border:0; 

}

.menu_foot ul li { 

	float:left; 

	margin:0; 

	padding:0 2px 0 0; 

	border:0; 

}

.menu_foot ul li a {  

	margin:0 1px 0 0; 

	padding:0 15px 0 0;

	text-decoration:none; 

	color:#FFF;

}

.menu_foot ul li a:hover { 

	text-decoration:none;

	color:#d7eb9c;

}

.menu_foot ul li a.active { 

	text-decoration:none;

	color:#d7eb9c;

	

}

.top_home{

	padding:0 35px 0 2px;

	width:986px;

	height:290px;

	float:left;

}

.top_about{

	padding:100px 35px 0 2px;

	width:986px;

	height:150px;

	float:left;

}

.top_about h1{

	font-size:38px;

	font-weight:normal;

	color:#FFF;

	

}

.top_serv{

	padding:90px 35px 0 2px;

	width:986px;

	height:160px;

	float:left;

}

.top_serv h1{

	font-size:30px;

	font-weight:normal;

	color:#FFF;

}

.flash{

	width:700px;

	height:400px;

	margin:0px;

	float:left;

}

.accord_menu{

	padding-left:10px;

	padding-top:50px;

	width:270px;

	height:240px;

	float:right;

	clear:right;

	outline: none;

}

.divtemp {

	width:1024px;	

	height:150px;

	float:left;

}

/* -------main------- */



#side_main {

	width:1024px;

	height:auto;

	float:left;

}

.side_bot {

	padding-left:4px;

	width:620px;

	height:auto;

	padding:20px 30px 20px 30px ;

	float:left;

	color:#FFF;

	font-size:12px;

}

.side_bot a{

	text-decoration:none;

	color:#D7EB9C;

}

.side_bot a:hover{

	text-decoration:underline;

	color:#D7EB9C;

}

.side_bot h2{

	margin:0px;

	padding-bottom:10px;

	font-weight:normal;

	font-size:28px;

	color:#ffffff;

	border-bottom: 1px dashed ;

}

.side_bot h1{

	margin:10px 0 10px 0;

	font-weight:normal;

	font-size:14px;

}

.side_bot h3{

	margin:0px;

	font-weight:normal;

	font-size:12px;

	line-height:18px;

	text-align:justify;

}

.side_bot_text{

	margin:0px;

	font-weight:normal;

	font-size:12px;

	line-height:18px;

	text-align:justify;

}

.side_bot_text a{

	color:#D7EB9C;

	text-decoration:none;

}

.side_bot_text a:hover{

	color:#D7EB9C;

	text-decoration:underline;

}

.side_bot h4{

	margin:25px 0 10px 0;;

	font-weight:normal;

	font-size:18px;

	padding-bottom:10px;

	border-bottom: 1px solid;

}

.side_bot p{

	margin: 10px 0 10px 0;

	font-weight:normal;

	font-size:12px;

    line-height:18px;

	text-align:justify;

}

.side_bot p a{

	color:#D7EB9C;

	text-decoration:none;

}

.side_bot p a:hover{

	color:#D7EB9C;

	text-decoration:underline;

}

.side_bot ul{

    font-size:12px;

    line-height:18px;

}

.side_left {

	padding-left:2px;

	width:300px;

	height:350px;

	padding:30px;

	float:left;

	color:#FFF;

}

.side_left h2{

	margin:0px;

	padding-bottom:10px;

	font-weight:normal;

	font-size:28px;

	color:#ffffff;

	border-bottom: 1px dashed ;

}

.tit_news{

	margin:0px;

	font-size:12px;

	padding-top:10px;

}

.tit_news a{

	color:#D7EB9C;

	text-decoration:none;

}

.tit_news a:hover{

	color:#D7EB9C;

	text-decoration:underline;

}

.date_news{

	margin:0px;

	font-weight:normal;

	font-size:11px;

	color:#cccccc;

}

.cont_news{

	margin:5px 0 3px 0;

	font-weight:normal;

	font-size:12px;

}

.side_right {

	width:301px;

	height:auto;

	float:left;

}

.box_ribbon {

	width:301px;

	height:290px;

	background:url(../images/box_ribbon.png) no-repeat;

	margin:0 0 10px 0;

	float:left;

}

.box_serv {

	width:301px;

	height:290px;

	background:url(../images/ribbon_serv.png) no-repeat;

	margin:0 0 10px 0;

	float:left;

}

.box_contact{

	width:301px;

	height:auto;

	margin:5px 0 40px 0;

	float:left;

	color:#004370;

	font-size:12px;

}

.box_testi{

	width:301px;

	height:250px;

	margin:30px 0 10px 0;

	float:left;

}

.text_testi{

	padding-right:35px;

	height:250px;

	font-size:12px;

	color:#FFF;

	line-height:18px;

	text-align:justify;	

	

}

.box_testi h2{

	font-size:20px;

	font-weight:normal;

	color:#FFF;

}

.box_search{

	width:301px;

	height:auto;

	margin:5px 0 10px 0;

	float:left;

	color:#004370;

}

.keywords{

	color:#F00;

	font-weight:bold;	

}

.box_follow{

	width:301px;

	height:auto;

	margin:5px 0 10px 0;

	float:left;

	color:#004370;

}

.box_follow a{

	color:#004370;

	text-decoration:none;

}

.box_art{

	width:301px;

	float:left;

	height:auto;

	background:url(../images/mid_box_art.png) repeat-y;

		

}

.box_art a{

	text-decoration:none;

	color:#555555;	

}

.box_art a:hover{

	text-decoration:underline;

	color:#555555;	

}

.box_art h2{

	padding:20px 0 10px 15px;

	font-size:20px;

	font-weight:normal;

	color:#333333;

	

}

.box_art h1{

	padding:0 5px 5px 5px;

	margin-top:5px;

	margin-bottom:10px;

	font-size:12px;

	color:#555555;	

	border-bottom:1px #90c81d dashed;

}

.box{

	width:301px;

	float:left;

	height:auto;

	background:url(../images/mid_box.png) repeat-y;

		

}

.box h2{

	padding:10px 0 10px 15px;

	font-size:20px;

	font-weight:normal;

	color:#333333;

	

}

.box_top_bot{

	width:301px;

	height:1px;

	float:none;

	background:url(../images/top_bot_box.png) no-repeat;

}

.cat_list{

	font-size:14px;

	color:#555555;

}

/* footer */



#footer{

	

	margin:auto;

	width:auto;

	height:80px;

	background:url(../images/footer.gif) repeat-x;

}

.foot_text{

	margin:auto;

	width:460px;

	padding-top:35px;

	font-size:12px;

	height:45px;

	color:#FFF;

	float:left;

}

.foot_text h1 {  

	font-size:12px;
	font-weight:normal;
	display:inline;

}


.foot_text a {  

	text-decoration:none; 

	color:#FFF;

}

.foot_text a:hover { 

	text-decoration:none;

	color:#d7eb9c;

}

.foot_text a.active { 

	text-decoration:none;

	color:#d7eb9c;

}

/* artikel */

.art_title{

	font-size:14px;

	color:#FFF;

	display: block;

	font-weight:bold;

}

.art_date{

	font-size:11px;

	color:#CCCCCC;

	display: block;

}

.art_cat{

	font-size:12px;

	color:#ff0101;

}

.art_cat a{

	color:#D7EB9C;

}

.art_cat a:hover{

	color:#D7EB9C;

}

/* input css3 */

input.styled {

	background-color: #eee;	

	background: -webkit-gradient(linear,center top, center bottom,color-stop(0%, #eee),color-stop(100%, #fff) );

	background: -moz-linear-gradient( top, #eee, #fff );

	border: solid 2px #fff;

	padding: 3px 7px 3px 7px;

	border-radius: 4px;

	-webkit-border-radius: 4px;

	-moz-border-radius: 4px;

	box-shadow: 0px 1px 3px rgba(0,0,0,0.7);

	-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.7);

	-moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.7);

	color: black;

	text-shadow: 0px 1px 1px white;

	font-family:"Calibri", Verdana, Arial;

	font-size: 10pt;

	width:180px;

}

.dropdown{

	font-size: 10pt;

	color: black;

	padding: 3px 7px 3px 7px;

	background-color: #eee;	



	border: solid 2px #fff;

	-moz-border-radius: 4px;

	-webkit-border-radius: 4px;

	border-radius: 4px;  

	-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.7);

	-moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.7);

	box-shadow: 0px 1px 3px rgba(0,0,0,0.7);

	text-shadow: 0px 1px 1px white;

}

.dropdown:focus {

	box-shadow: 0px 1px 6px rgba(0,0,0,1.7);

	-webkit-box-shadow: 0px 1px 6px rgba(0,0,0,1.7);

	-moz-box-shadow: 0px 1px 6px rgba(0,0,0,1.7);

	outline: none;

	-webkit-focus-ring-color: none;

}

textarea.style{

	background-color: #eee;	

	background: -webkit-gradient(linear,center top, center bottom,color-stop(0%, #eee),color-stop(100%, #fff) );

	background: -moz-linear-gradient( top, #eee, #fff );

	border: solid 2px #fff;

	padding: 3px;

	padding-left: 7px;

	padding-right: 7px;

	border-radius: 4px;

	-webkit-border-radius: 4px;

	-moz-border-radius: 4px;

	box-shadow: 0px 1px 3px rgba(0,0,0,0.7);

	-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.7);

	-moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.7);

	color: black;

	text-shadow: 0px 1px 1px white;

	font-family:"Calibri", Verdana, Arial;

	font-size: 10pt;

	width:220px;

	height:80px;

}

textarea.style:focus {

	box-shadow: 0px 1px 6px rgba(0,0,0,1.7);

	-webkit-box-shadow: 0px 1px 6px rgba(0,0,0,1.7);

	-moz-box-shadow: 0px 1px 6px rgba(0,0,0,1.7);

	outline: none;

	-webkit-focus-ring-color: none;

}

input.styled:focus {

	box-shadow: 0px 1px 6px rgba(0,0,0,1.7);

	-webkit-box-shadow: 0px 1px 6px rgba(0,0,0,1.7);

	-moz-box-shadow: 0px 1px 6px rgba(0,0,0,1.7);

	outline: none;

	-webkit-focus-ring-color: none;

}

input.roundbutton {

	background-color: #eee;	

	background: -webkit-gradient(linear,center top, center bottom,color-stop(0%, #d73535),color-stop(100%, #c60000));

	background: -moz-linear-gradient(top, #d73535, #c60000);

	border: solid 2px white;

	padding: 5px;

	padding-left: 10px;

	padding-right: 10px;

	border-radius: 8px;

	-moz-outline-style:none;

	-webkit-border-radius: 8px;

	-moz-border-radius: 8px;

	cursor: pointer;

	box-shadow: 0px 1px 3px rgba(0,0,0,1.7);

	-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,1.7);

	-moz-box-shadow: 0px 1px 3px rgba(0,0,0,1.7);

	color:#FFF;

	text-shadow: 0px 1px 1px white;

	font-size: 10pt;

}

input.send {

	background-color: #eee;	

	background: -webkit-gradient(linear,center top, center bottom,color-stop(0%, #0372c6),color-stop(100%, #0069b9));

	background: -moz-linear-gradient(top, #0372c6, #0069b9);

	border: solid 2px white;

	padding: 2px 6px 2px 6px;

	border-radius: 4px;

	-moz-outline-style:none;

	-webkit-border-radius: 4px;

	-moz-border-radius: 4px;

	cursor: pointer;

	box-shadow: 0px 1px 3px rgba(0,0,0,1.7);

	-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,1.7);

	-moz-box-shadow: 0px 1px 3px rgba(0,0,0,1.7);

	color:#FFF;

	text-shadow: 0px 1px 1px white;

	font-size: 10pt;

}

input.send:active {

	border-width: 1px;

	margin-left: 1px;

	margin-right: 1px;

	-moz-outline-style:none;

	-box-shadow: 0px 1px 1px rgba(0,0,0,0.8);

	-webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.8);

	-moz-box-shadow: 0px 1px 1px rgba(0,0,0,0.8);

	background: -webkit-gradient(

            linear,

            center top, center bottom,

            color-stop(100%, #0372c6),

            color-stop(0%, #0069b9)

          );

	background: -moz-linear-gradient(

            top, #0069b9, #0372c6

          );



}

input.roundbutton:active {

	border-width: 1px;

	margin-left: 1px;

	margin-right: 1px;

	-moz-outline-style:none;

	-box-shadow: 0px 1px 1px rgba(0,0,0,0.8);

	-webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.8);

	-moz-box-shadow: 0px 1px 1px rgba(0,0,0,0.8);

	background: -webkit-gradient(

            linear,

            center top, center bottom,

            color-stop(100%, #d73535),

            color-stop(0%, #c60000)

          );

	background: -moz-linear-gradient(

            top, #c60000, #d73535

          );



}

input.searchbutton {

	background:url(../images/icon_search.jpg) center no-repeat #eee;	

	border: solid 2px white;

	padding: 5px;

	padding-left: 10px;

	padding-right: 10px;

	border-radius: 8px;

	-moz-outline-style:none;

	-webkit-border-radius: 8px;

	-moz-border-radius: 8px;

	cursor: pointer;

	box-shadow: 0px 1px 3px rgba(0,0,0,1.7);

	-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,1.7);

	-moz-box-shadow: 0px 1px 3px rgba(0,0,0,1.7);

	color:#FFF;

	text-shadow: 0px 1px 1px white;

	font-size: 10pt;

	font-weight:bold;

	outline:none;

}

input.searchbutton:active {

	background:url(../images/icon_search.jpg) center no-repeat #eee;	

	border-width: 1px;

	margin-left: 1px;

	margin-right: 1px;

	-moz-outline-style:none;

	-box-shadow: 0px 1px 1px rgba(0,0,0,0.8);

	-webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.8);

	-moz-box-shadow: 0px 1px 1px rgba(0,0,0,0.8);

	 outline:none;



}

.bingkai{

	border:1px solid #3e739d; 

	background:#3e739d;

	padding:4px;

}

/* accordion menu home */

#accordion_menu {

	width: 265px;

    height:auto;



}

#accordion_menu h2 {

	border:none;

	margin:4px 0 0 0;

	padding:5px 15px;

	font-size:18px;

	font-weight:normal;

    color:#FFF;

    font-family:Tahoma;

	cursor:pointer;

	background:url(../images/accr_cls.png);

	height:25px;

}

#accordion_menu h2.current {

	cursor:default;

	background:url(../images/accr_op.png);

	height:25px;

}

#accordion_menu h1{

    color:#FFF;

    font-size:12px;

    font-family:Tahoma;

	font-weight:normal;

}

#accordion_menu .pane {

	display:none;

	height:auto;

	padding:4px 2px;

	color:#fff;

	font-size:12px;

    text-align:justify;

}

/* a title inside pane */

#accordion_menu .pane h3 {

	font-weight:normal;

	margin:0 0 -5px 0;

	font-size:16px;

	color:#999;

}



/* accordion menu service */

#accordion {

	width: 620px;

    height:auto;



}



/* accordion header */

#accordion h2 {

	border:none;

	margin:4px 0 0 0;

	padding:5px 15px;

	font-size:18px;

	font-weight:normal;

    color:#FFF;

    font-family:Tahoma;

	cursor:pointer;

	background:url(../images/tabacc_close.png);

	height:25px;

}



/* currently active header */

#accordion h2.current {

	cursor:default;

	background:url(../images/tabacc_open.png);

	height:25px;





}

#accordion h1{

    color:#FFF;

    font-size:12px;

    font-family:Tahoma;

	font-weight:normal;

}

#accordion .pane {

	display:none;

	height:auto;

	padding:15px 0;

	color:#fff;

	font-size:12px;

}

/* a title inside pane */

#accordion .pane h3 {

	font-weight:normal;

	margin:0 0 -5px 0;

	font-size:16px;

	color:#999;

}