@charset "utf-8";
/*
Theme Name : greenfreckle
author : izzi Januari @ 2012

- 960 Grid system -


01. GENERAL 
		1. Reset
		2. Font Face
		3. General Styling
		4. Typography	
		
		
02. SECTIONS PAGE
		
		1. HOME
			a. Header
			b. center banner
			c. center content
			d. footer
			
		

*/


@import url("menu.css");

/*  - 960
    =========================================================================================================================== */
	
/* 12 Coloms Grid */
html{margin:0px; padding:0px; width:100%; height:100%; font:62.5% Helvetica, Arial, sans-serif; color:#FFFFFF;}	
body{min-width:960px;}.container_12{margin-left:auto;margin-right:auto;width:960px}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12{display:inline;float:left;margin-left:10px;margin-right:10px}.push_1,.pull_1,.push_2,.pull_2,.push_3,.pull_3,.push_4,.pull_4,.push_5,.pull_5,.push_6,.pull_6,.push_7,.pull_7,.push_8,.pull_8,.push_9,.pull_9,.push_10,.pull_10,.push_11,.pull_11{position:relative}.alpha{margin-left:0}.omega{margin-right:0}.container_12 .grid_1{width:60px}.container_12 .grid_2{width:140px}.container_12 .grid_3{width:220px}.container_12 .grid_4{width:300px}.container_12 .grid_5{width:380px}.container_12 .grid_6{width:460px}.container_12 .grid_7{width:540px}.container_12 .grid_8{width:620px}.container_12 .grid_9{width:700px}.container_12 .grid_10{width:780px}.container_12 .grid_11{width:860px}.container_12 .grid_12{width:940px}.container_12 .prefix_1{padding-left:80px}.container_12 .prefix_2{padding-left:160px}.container_12 .prefix_3{padding-left:240px}.container_12 .prefix_4{padding-left:320px}.container_12 .prefix_5{padding-left:400px}.container_12 .prefix_6{padding-left:480px}.container_12 .prefix_7{padding-left:560px}.container_12 .prefix_8{padding-left:640px}.container_12 .prefix_9{padding-left:720px}.container_12 .prefix_10{padding-left:800px}.container_12 .prefix_11{padding-left:880px}.container_12 .suffix_1{padding-right:80px}.container_12 .suffix_2{padding-right:160px}.container_12 .suffix_3{padding-right:240px}.container_12 .suffix_4{padding-right:320px}.container_12 .suffix_5{padding-right:400px}.container_12 .suffix_6{padding-right:480px}.container_12 .suffix_7{padding-right:560px}.container_12 .suffix_8{padding-right:640px}.container_12 .suffix_9{padding-right:720px}.container_12 .suffix_10{padding-right:800px}.container_12 .suffix_11{padding-right:880px}.container_12 .push_1{left:80px}.container_12 .push_2{left:160px}.container_12 .push_3{left:240px}.container_12 .push_4{left:320px}.container_12 .push_5{left:400px}.container_12 .push_6{left:480px}.container_12 .push_7{left:560px}.container_12 .push_8{left:640px}.container_12 .push_9{left:720px}.container_12 .push_10{left:800px}.container_12 .push_11{left:880px}.container_12 .pull_1{left:-80px}.container_12 .pull_2{left:-160px}.container_12 .pull_3{left:-240px}.container_12 .pull_4{left:-320px}.container_12 .pull_5{left:-400px}.container_12 .pull_6{left:-480px}.container_12 .pull_7{left:-560px}.container_12 .pull_8{left:-640px}.container_12 .pull_9{left:-720px}.container_12 .pull_10{left:-800px}.container_12 .pull_11{left:-880px}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:before,.clearfix:after,.container_12:before,.container_12:after{content:'.';display:block;overflow:hidden;visibility:hidden;font-size:0;line-height:0;width:0;height:0}.clearfix:after,.container_12:after{clear:both}.clearfix,.container_12{zoom:1}

/*--- HEADER ---*/
#header_c_960 {width:100%; margin:0 auto; padding:0; clear:both; background:url(../images/head_bg_color.jpg) repeat-x left top; height:30px;}
#header_gr_960 {width:100%; margin:0 auto; padding:0; clear:both; background:#696a6c; height:50px;}
#header_menu_960 {width:100%; margin:0 auto; padding:0; clear:both; background:url(../images/head_bg_menu-b.jpg) repeat left top #bbbbbb; height:auto;}

#header_ect_960 {width:100%; margin:0 auto; padding:0; clear:both; background:url(../images/bg_etc.jpg) no-repeat center top #eaeaec; height:66px;}
#header_logo_960 {width:100%; margin:0 auto; padding:0; clear:both; background:#e2e2e2; height:auto;}


/*-- CENTER  ---*/
#center_960 {width:100%; margin:0 auto; padding:0; clear:both; background:url(../images/bg_center.jpg) repeat-x center top #eaeaeb; height:auto;}


/*-- Bottom footer bg ---*/
#footer_960 {width:100%; margin:0 auto; padding:0; clear:both; background:url(../images/footer_bg.png) no-repeat bottom #eaeaeb; height:50px;}





/*  1. GENERAL
    =========================================================================================================================== */
	
/* ======== 1: Reset ======== */	
/* reset */
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,dialog,div,dl,dt,em,embed,fieldset,figcaption,figure,font,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,hr,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,meter,nav,object,ol,output,p,pre,progress,q,rp,rt,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video,xmp{border:0;margin:0;padding:0;font-size:100%}html,body{height:100%}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}b,strong{font-weight:bold}img{color:transparent;font-size:0;vertical-align:middle;-ms-interpolation-mode:bicubic}li{display:list-item}table{border-collapse:collapse;border-spacing:0}th,td,caption{font-weight:normal;vertical-align:top;text-align:left}q{quotes:none}q:before,q:after{content:'';content:none}sub,sup,small{font-size:75%}sub,sup{line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}svg{overflow:hidden}

/* ======== 3: General Styling ======== */
a { text-decoration:none;}
a:hover { text-decoration:none;}

/* ======== 4: Typography ======== */

h1,
h2, 
h3, 
h4, 
h5, 
h6 { font-weight: normal; clear: both; font-family:Arial, Helvetica, sans-serif; text-shadow:0 1px 0 rgba(255, 255, 255, 0.5); }
	

h1 { font-size: 24px;}
	 

h2 { font-size: 18px;}
	

h3 { font-size: 14px;}	
	

h4 { font-size: 12px;}
	


h5 { font-size: 10px;}
	

h6 { font-size: 8px;}
	 


/* ---- Font Face ---- */





/*  2. SECTION PAGE
    =========================================================================================================================== */
	
	
/* ======== 1: HEADER ======== */	

/* banner & menu */
#head_hid { overflow:hidden; width:100%;}

	/* === Drop down header ==== */
	/* ------- Drop down Box ------- */
	.drop_box_top {margin:0 auto; width:938px; position:relative; padding:2px 0 0; overflow:hidden;}
	
	.drop_box { margin:0 auto; width:960px; padding-right:70px;}
		
	.drop_box img { padding-bottom:2px; float:right; }
	
	a.drop_box {
		height:17px;
		width:59px;
	}
	
	a.drop_box span {
		height:17px;
		width:59px;	
	}
	
	ul.drop_in {
		list-style:none;
		padding:2px 0 2px;
		margin:0 -25px 0 0;
		height:38px;
		float:right;
	}
	
	.drop_in {
		
		list-style:none;
		
		
			
	}
	
	
	ul.drop_in li {
		float:left;
		padding:5px 25px;
	}
	
	ul.drop_in li:first-child {background:none;}
	
	ul.drop_in li strong {color:#fefefe;}

	/* === end drop header ==== */





#head_container { padding:0;}
#head_menu_left { float:left; width:255px;}
	.menu_left_news { display:block; background:url(../images/bg_logo_head.jpg) repeat-y left top; width:255px; float:left;}
	.menu_left_news-t {margin-left:20px; margin-bottom:12px; margin-top:3px; width:255px; height:65px; background:url(../images/news_top.png) no-repeat left top; text-indent:-9999px;}
	.menu_left_news img { padding-left:20px; padding-bottom:16px; padding-top:3px;}
	.menu_left_twet { float:left; padding-top:15px;}
	.menu_left_twet-h3 { font-family:Helvetica, Arial, sans-serif; font-size:14px; padding-bottom:30px; width:220px; line-height:22px; color:#696a6c; padding-left:25px; list-style:none;}
	.menu_left_twet-h3 li {list-style:none;}
	.menu_left_twet-h3 li a{text-decoration:none; color:#ee0183;}
	.menu_left_twet-h3 li a:hover { text-decoration:none;}
	
	
	.date { color:#333333;}
	

#head_menu_right { display:block;}
	.menu_right_box { float:left; padding-top:42px; padding-left:47px;}
	.menu_right_1 { width:89px;  float:left; padding-bottom:24px;}
	.menu_right_1 h3 { width:69px; display:block; height:15px; background:url(../images/teks_love.gif) no-repeat top left; margin-left:7px; text-indent:-9999px; padding-bottom:25px;}
	.menu_right_1 ul {list-style:none; float:left; width:89px;}
	.menu_right_1 li { font-family:Arial, Helvetica, sans-serif;  font-size:13px;}
	.menu_right_1 li a { display:block; height:14px; color:#696a6c;  text-transform:lowercase; padding:2px 8px 5px 8px; -moz-transition: all 0.26s ease-out; /* FF4+ */ -o-transition: all 0.26s ease-out; /* Opera 10.5+ */ -webkit-transition: all 0.26s ease-out; /* Saf3.2+, Chrome */ -ms-transition: all 0.26s ease-out; /* IE10? */}
	.menu_right_1 li a:hover {color:#FFFFFF; background-color:#ed008c; color:#FFF; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;}
	
	
	
	.menu_right_2 { float:left; width:127; margin-left:27px;}
	.menu_right_2 h3 { width:120px; display:block; height:15px; background:url(../images/teks_learn.gif) no-repeat top left; margin-left:7px; text-indent:-9999px; padding-bottom:25px;}
	.menu_right_2 ul {list-style:none; float:left; width:120px;}
	.menu_right_2 li { font-family:Arial, Helvetica, sans-serif;  font-size:13px;}
	.menu_right_2 li a { display:block; height:14px; color:#696a6c;  text-transform:lowercase; padding:3px 8px 5px 8px;  -moz-transition: all 0.26s ease-out; /* FF4+ */ -o-transition: all 0.26s ease-out; /* Opera 10.5+ */ -webkit-transition: all 0.26s ease-out; /* Saf3.2+, Chrome */ -ms-transition: all 0.26s ease-out; /* IE10? */}
	.menu_right_2 li a:hover {color:#FFFFFF; background-color:#ed008c; color:#FFF; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;}
	
	
	
#head_logo { float:left; background:#696a6c; width:270px; height:68px; display:block;}

.kotak { float:left; width:500px; height:500px; border:1px dashed #000000;}
	
	
	
	
/* ======== 2: CENTER ======== */		
#center_top { width:960px; height:52px; padding:0; border-left:1px dashed #989899;}
	.c_top { width:168px; height:17px; background:url(../images/identity.png) no-repeat; display:block; float:left; margin-left:110px; margin-top:12px; text-indent:-9999px;}
	.c_top_dashed { float:right; border-left:1px dashed #989899; height:20px; width:273px; display:block; border-right:1px dashed #989899; margin-top:30px; margin-right:1px;}

#center_content { padding:0; }
	#content_left { float:left; width:684px; }
	#content_left_1 {float:left; width:684px; border-left:1px dashed #9c9c9c; }
	#content_left_menu { width:684px; background:#88c454; height:47px; display:table-cell; padding:0;  text-align:center}
	
	#menu{display:block; width:670px; height:47px; padding-left:15px;  left:1px; z-index:20; list-style:none; }
		
		#left_menu_list { padding:0;}
		
		
		
		
	#content_left_slide_teks1 { margin-top:21px; width:684px;}
		#content_left_slide_teks_box { float:left; width:100%; background:#696a6c; padding:0; height:78px; border-bottom:1px solid #FFFFFF;}
		.left_slice_teks1-bg { float:left; width:10px; height:100%;  display:block; background:url(../images/content_left-slide_teksbg1.jpg) no-repeat top left;}
		.left_slice_teks2-bg { float:left; width:674px; height:100%;  background:url(../images/content_left-slide_teksbg2.gif) repeat-x top center;}
		.left_slice_teks2-text { background:url(../images/our_work-teks.png) no-repeat; float:left; text-indent:-9999px; width:264px; height:51px; display:block; margin-top:15px; margin-left:10px;}
		
		
		#content_left_slide_teks_box2 { float:left; width:100%; background:#696a6c; padding:0; height:56px; border-bottom:1px solid #7a7b7d;}
		
	#content_left_slice { position:relative; display:block; width:684px; height:367px; float:left;}
		.btn_left { position:relative; z-index:7; top:40%; float:left; left:-48px;}
		.btn_right { position:relative; z-index:8; top:28%; float:right; right:-45px;}
		
	
/* ================= PORTO 2 ====================== */
#work-f{display:block; width:685px; height:541px; position:absolute; top:257px; left:1px;}
#work_title{display:block; width:392px; height:46px; position:absolute; top:20px; left:26px; background:url(../gui/title_work.gif) no-repeat; text-indent:-9999px;}
#work_web, #work_print, #work_interactive{display:block; width:685px; height:367px; position:absolute; top:-258px; left:-1px; overflow:auto;}
#work_web{z-index:50;}
#work_print{z-index:40;}
#work_interactive{z-index:40;}
#web{display:block; width:17836px;}/*WIDTH VALUE SHOULD CHANGE BASED ON NUMBER OF ITEMS IN PORTFOLIO (686 x Number of Items)*/
#print{display:none; width:10000px;}
#interactive{display:none; width:10000px;}
#work_web li, #work_print li, #work_interactive li{display:block; width:685px; height:460px; float:left; position:relative;}
#work_web li a, #work_print li a, #work_interactive li a{display:block; color:#CFE795; font-size:1.6em; position:absolute; top:416px; left:14px; background:#28292a url(../gui/bg_link.gif) no-repeat top right; text-transform:lowercase; padding:8px 12px 9px 12px;}
#work_web li a:hover, #work_print li a:hover, #work_interactive li a:hover{background:#101011 url(../gui/bg_link.gif) no-repeat right -50px;}
#work_menu{display:block; width:293px; height:33px; position:absolute; top:122px; right:0px; z-index:60;}
#arrow_left{display:block;  position:absolute; top:140px; left:-47px;  cursor:pointer; z-index:70; background: url(../images/btn_prev.png)   no-repeat; width: 91px; height: 145px; display:none;}
#arrow_right{display:block; position:absolute; top:110px; left:638px; background: url(../images/btn_nex.png)   no-repeat; width: 91px; height: 118px; cursor:pointer; z-index:70; display:none;}

/* ============================= END PORTO 2 ======================= */	
	
		
	/* slide portofolio */
	.gallery_porto
{
	border-bottom:1px solid #7a7b7d;
	width: 684px;
	height: 367px;
	
	position: relative;
	overflow: hidden;
}
.image_container{position: absolute; z-index: 1;}
.image_container img
	{
		display: block;
		position: relative; 
		float: left;
		margin-right: 10px;
	}			
	
/* Not Necessary for tut*/

.nav_porto { float:left; width: 684px; height: 367px;}
	
a.next{position:relative; z-index: 9; left: 638px; top: -400px; text-indent: -9999px; overflow: hidden; background: url(../images/btn_nex.png)   no-repeat; width: 91px; height: 118px; display: block;}
a.prev{position:relative; z-index: 9; left: -47px; top: -230px; text-indent: -9999px; overflow: hidden; background: url(../images/btn_prev.png)   no-repeat; width: 91px; height: 145px; display: block;}
a.next:hover{background-position: 0px -118px;}
a.prev:hover{background-position: 0px -145px;}
/* end slide portofolio */
	
	
	
	.content_hr_box {border-top:1px dashed #c1c1c1; border-bottom:1px dashed #c1c1c1; height:25px; float:left; width:100%; display:block;}
	.content_hr_over {border-top:1px dashed #c1c1c1; border-bottom:1px dashed #c1c1c1; height:25px; width:20px;  position:relative; float:left; z-index:2; left:-20px; bottom:1px;}
	
	
	#content_client { width:684px; padding:0; float:left;}
		.client_box_top { width:100%; height:97px; background:url(../images/bg_content-center.jpg) no-repeat center top;}
		.client_box_top-t { width:170px; height:63px; background:url(../images/client_teks.png) no-repeat; float:left; margin-top:25px; margin-left:21px; text-indent:-9999px;}
		
		#client_box_center { width:100%; height:auto; background:url(../images/bg_content-center-2.jpg) repeat-y center; float:left}
		.client_box_center-ls { padding-left:30px; padding-top:8px; float:left; position:relative; z-index:100;}
		.client_box_center-ls ul { list-style:none;}
		.client_box_center-ls li {font-family:Helvetica, Arial, sans-serif;  font-size:14px;}
		.client_box_center-ls li a {display:block; height:14px; color:#ffffff;  padding:3px 8px 6px 8px; -moz-transition: all 0.26s ease-out; /* FF4+ */ -o-transition: all 0.26s ease-out; /* Opera 10.5+ */ -webkit-transition: all 0.26s ease-out; /* Saf3.2+, Chrome */ -ms-transition: all 0.26s ease-out; /* IE10? */}
		.client_box_center-ls li a:hover {color:#FFFFFF; background-color:#ed008c; color:#FFF; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;}
		
		
		
		.client_box_bottom { width:100%; height:43px; background:url(../images/bg_content-center3.jpg) no-repeat top center; border-bottom:1px dashed #c1c1c1; float:left}
		.client_efx_bottom { height:47px; float:left; width:100%; border-left:1px dashed #c1c1c1;}
		.client_efx_over { border-top:1px dashed #c1c1c1; width:20px; display:block; height:100%; position:relative; z-index:3; float:left; left:-20px; bottom:1px}
		
	.content_quote {float:right; position:relative; z-index:5; top:-60px; right:18px; background:url(../images/quote.png) no-repeat top left; width:328px; height:362px;}
	.content_quote-box { float:left; margin-left:80px; margin-top:70px; width:210px; background-color:none; z-index:40;}
	.content_quote-box-p { font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#FFFFFF; line-height:22px; background:url(../images/testi_teks_bg.jpg) repeat-x left top;}
	
		
	#get_in { padding:0;}
	.get_in-t { float:right; position:relative; z-index:4; top:-40px; right:-1px;}
	.get_in-top { background:url(../images/git_top_bg.gif) no-repeat bottom right; display:block; float:right; width:659px; height:43px;}
	.get_in-center { background:url(../images/git_center_bg.gif) repeat-y right; display:block; width:659px; height:auto; float:right}
		
		.get_in-left { padding-left:45px; float:left; width:290px;}
		.get_in-left-t { width:140px; height:68px; display:block; text-indent:-9999px; float:left; background:url(../images/git-teks.gif) no-repeat left top;}
		.get_in-left-box { float:left; width:290px; padding:0; position:relative; z-index:45;}
		.get_in-left-adr { width:150px; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#FFFFFF; padding-top:12px; line-height:20px; padding-left:5px; }
		.get_in-left-tlp { padding-top:10px; float:left}
		.get_in-left-tlp ul { list-style:none;}
		.get_in-left-tlp li { font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#FFFFFF; padding-top:12px; line-height:10px; padding-left:5px; }
		
		.get_in-left-map { width:264px; height:246px; display:block; float:left; padding-top:23px; position:relative; z-index:50;}
		.get_in-left-map a {opacity:1.0; filter:alpha(opacity=100); -moz-transition: all 0.26s ease-out; /* FF4+ */ -o-transition: all 0.26s ease-out; /* Opera 10.5+ */ -webkit-transition: all 0.26s ease-out; /* Saf3.2+, Chrome */ -ms-transition: all 0.26s ease-out; /* IE10? */ }
		.get_in-left-map a:hover {opacity:0.7; filter:alpha(opacity=700);}
		
		
		.get_in-right { float:left; width:306px; height:453px; background:url(../images/git_mail_bg.gif) no-repeat top; margin-top:10px;}
		.get_in-right-tk { float:left; background:url(../images/git_mail_tk.png) no-repeat; width:119px; height:17px; display:block; text-indent:-9999px; margin-left:40px; margin-top:35px;}
		.get_in-right-frm { float:left; width:238px; padding-left:34px;}
			.get_in-frm-inp { padding-top:20px; padding-left:5px;}
			.get_in-frm-inp input { width:220px; height:27px; background:url(../images/git_frm_bg.gif) no-repeat; border:none; padding-left:10px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#ee0183; margin-bottom:10px;}
			.get_in-frm-inp input:focus { color:#270016;}
			.get_in-frm-inp textarea {width:220px; height:180px; display:block; background:url(../images/git_text_bg.gif) no-repeat;  font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; color:#ee0183; border:none; padding-left:10px; padding-top:6px;}
			.get_in-frm-inp textarea:focus { color:#270016;}
			.get_in-frm-inp .submit { background:url(../images/git_submit.gif) no-repeat; width:103px; height:28px; display:block; cursor:pointer; margin-top:14px;}
		
		
	
	
	.get_in-btm { background:url(../images/git_btm_bg.gif) no-repeat top right; display:block; float:right; width:659px; height:70px;}
		.get_in-pdf { width:240px; height:65px; float:left; position:relative; z-index:11; top:50px; left:20px;}
		.get_in-pdf a {  text-decoration:none; opacity:1.0; filter:alpha(opacity=100); -moz-transition: all 0.26s ease-out; /* FF4+ */ -o-transition: all 0.26s ease-out; /* Opera 10.5+ */ -webkit-transition: all 0.26s ease-out; /* Saf3.2+, Chrome */ -ms-transition: all 0.26s ease-out; /* IE10? */ }
		.get_in-pdf a:hover { text-decoration:none; opacity:0.5; filter:alpha(opacity=50);}
	
	
	.scan { float:left; position:relative; z-index:9; top:-172px; left:-80px;}
	
/* ========== BTN TO TOP =========== */
.btn_top { float:right;}	
#arrow1{display:block; width:142px; height:30px; position:absolute; float:right; top:568px; right:15px; background:url(../images/btn_top.gif) no-repeat; text-indent:-9999px;}
#arrow2{display:block; width:142px; height:30px; position:relative; top:10px; left:10px; float:left; background:url(../images/btn_top_left.gif) no-repeat; text-indent:-9999px;}
#arrow1:hover{background:url(../images/btn_top.gif) no-repeat 0px -30px;}
#arrow2:hover{background:url(../images/btn_top_left.gif) no-repeat 0px -30px;}
	
	
	
	
	#content_right { float:right; display:block; width:273px; border-left:1px dashed #666666; border-right:1px dashed #989899; }
		.right_topbg_top{background:url(../images/right_top_bg.jpg) no-repeat top center; height:83px; width:100%; float:left; }
		.right_topbg_top-t { margin-top:20px; margin-left:42px;  display:block; background:url(../images/right_top_teks.png) no-repeat; width:138px; height:64px; text-indent:-9999px;}
		
		
		#right_topbg_center { background:url(../images/right_center_bg.jpg) repeat-y top; width:100%; padding-top:23px; float:left}
		#right_topbg_center-t { width:181px; height:68px; margin-top:20px; background:url(../images/proces.png) no-repeat; display:block; text-indent:-99999px; float:left; margin-left:42px; margin-bottom:18px;}
		
		.right_topbg_center-p { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF; width:195px; line-height:20px; padding-left:50px; padding-bottom:20px;}
		.right_topbg_bottom { background:url(../images/right_bottom_bg.jpg) no-repeat bottom center; height:50px; width:100%; float:left}
		
		
		#right_btmbg_center { background:url(../images/right_center_bg.jpg) repeat-y top; width:100%; float:left}
		.right_btmbg_bottom { background:url(../images/right_bottom_bg.jpg) no-repeat bottom center; height:45px; width:100%; float:left}
		
		
		#right_kit { width:100%; background:url(../images/subcribe_bg.jpg) no-repeat bottom center #FFFFFF; float:left; padding-bottom:30px;}
		.right_kit-frm { float:left; padding-left:40px;}
		.right_kit-tk { display:block; text-indent:-9999px; float:left; width:140px; height:16px; background:url(../images/kit_teks.gif) no-repeat; margin-top:50px;}
		.right_kit-p { font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#959595; line-height:18px; width:190px; float:left; display:block; padding-top:8px;}
		.right_kit-subcribe { padding-top:10px; float:left;}
		.right_kit-subcribe input { width:195px; height:27px; border:none; background:url(../images/kit_frm_bg.gif) no-repeat; padding-left:10px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#8ac655;}
		.right_kit-subcribe .submit { background:url(../images/kit_submit.gif) no-repeat; width:106px; height:28px; display:block; cursor:pointer; margin-top:15px; margin-left:3px;}
		
		.right_kit_top { height:}
		.right_social { height:99px; width:100%; float:left;}
			.right_copy{ float:right; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#959595; padding-top:35px; padding-right:9px;}
			.right_social-list { float:right; padding-top:10px;}
			.right_social-list ul { float:left; list-style:none; padding-right:7px;}
			.right_social-list li { padding-left:2px; float:left;}
			.right_social-list li a {  text-decoration:none; opacity:1.0; filter:alpha(opacity=100); -moz-transition: all 0.26s ease-out; /* FF4+ */ -o-transition: all 0.26s ease-out; /* Opera 10.5+ */ -webkit-transition: all 0.26s ease-out; /* Saf3.2+, Chrome */ -ms-transition: all 0.26s ease-out; /* IE10? */ }
			.right_social-list li a:hover { text-decoration:none; opacity:0.5; filter:alpha(opacity=50);}