/*-------------------------------------------------------
* Filename: styles.css
* Website: http://www.etaxcrew.com
* Programmer: Hendra Kahar
-----------------------------------------------------*/

@charset "utf-8";
body { margin:0; padding:0; width:100%; background:url(images/bg_main.gif);}
html { padding:0; margin:0;}

/* main */
.main {width:100%; padding:0; margin:0 auto; background:url(images/main_bg.jpg) top repeat-x; }
.resize { width:955px; margin:0 auto;}

/*** CENTERCOLUMN ***/
.centercolumn{width:940px; margin:0px auto 0px auto;}
/*** END OF CENTERCOLUMN ***/

/********** header **********/
.header { }

.block_header {margin:0 auto; width:980px;}
.top_menu { float:right; padding:4px 10px; font:normal 11px Tahoma, Geneva, sans-serif; color:#4e4e4e; line-height:1.6em;}
.top_menu a { font:normal 11px Tahoma, Geneva, sans-serif; color:#4e4e4e; text-decoration:none;}
.top_menu a:hover {text-decoration:underline;}
/* logo */
.logo { float:left; padding:0; margin:34px 0 0 0; width:232px;}


/* blog_menu */
.blog_menu {width:992px; height:70px; margin:5px auto 0 auto; padding:0; background: url(images/menu_bg.jpg) top no-repeat;}


/* menu */	
.menu { padding:0; margin:20px 0 0 0; width:975px; float:left; height:43px;}
.menu ul { padding:0; margin:0 20px; list-style:none; border:0;}
.menu ul li { float:left; margin:0; padding:0 3px; border:0;}
.menu ul li a { float:left; margin:0; padding:10px 0; color:#555555; font:bold 12px  Georgia, "Times New Roman", Times, serif; text-decoration:none;}
.menu ul li a span { padding:10px 20px; background:none;}
.menu ul li a:hover { background: url(images/r_menu.gif) no-repeat right top;}
.menu ul li a:hover span { background:url(images/l_menu.gif) no-repeat left top;}
.menu ul li a.active {  background:url(images/r_menu.gif) no-repeat right top;}
.menu ul li a.active span { background:url(images/l_menu.gif) no-repeat left top;}


/********** slider **********/
.slider { background:#72941b url(images/screen_bg.jpg) top no-repeat; width:992px; margin:0 auto; padding:0;}

.title_page { background:url(images/title_bg.jpg) top no-repeat; margin:0 auto; padding:0; height:83px; width:992px;}
.title_page h1 { margin:0; padding:0; color:#ffffff; font:normal 48px Georgia, "Times New Roman", Times, serif; text-indent:50px; line-height:1.6em;}

/*simple text*/
.simple { width:992px; margin:0 auto; padding:0;}
.simple h2 { width:400px; float:left; font:normal 30px Georgia, "Times New Roman", Times, serif; color:#fff; padding:10px 0 0 30px; margin:0;}
.simple .text { font:normal 11px Georgia, "Times New Roman", Times, serif; color:#fff; width:200px; float:left; margin:10px 0; padding:0;}

.slider div.slice1 { margin:0 auto; width:952px; padding:10px 10px;}
.slider div.slice1 p.img { border:0px; float:left; padding:0; margin:0 30px;}
.slider div.slice1 h2 { font:normal 44px Georgia, "Times New Roman", Times, serif; color:#fff; margin:0; margin:0; padding:10px 0; line-height:1.2em; float:none;}
.slider div.slice1 p { font:normal 14px Georgia, "Times New Roman", Times, serif; color:#fff; margin:0; margin:0 30px; line-height:1.6em;}

ul.body_menu_nav { float:left; padding:10px 20px 0 20px; margin:0 auto; list-style:none; width:952px; background:url(images/menu_nav_bg.jpg) no-repeat top; height:88px;}
ul.body_menu_nav li { float:left; display:block; padding:20px 7px 0 7px; margin:0; width:176px;}
ul.body_menu_nav li span { display:block; padding:12px 10px;}
ul.body_menu_nav li img { padding:0 5px;}
ul.body_menu_nav li a { display:block; font:normal 18px Georgia, "Times New Roman", Times, serif; color:#484848; text-decoration:none; line-height:1.8em;}
ul.body_menu_nav li.tabs-selected { background:url(images/menu_nav_bg_h.gif) no-repeat center top;}
ul.body_menu_nav li.tabs-selected a { background:url(images/b_r_menu.gif) no-repeat right top;}
ul.body_menu_nav li.tabs-selected a span { background:url(images/b_l_menu.gif) no-repeat left top;}
ul.body_menu_nav li a:hover { background:url(images/b_r_menu.gif) no-repeat right top;}
ul.body_menu_nav li a:hover span { background:url(images/b_l_menu.gif) no-repeat left top;}


/********** block index **********/
.body { width:972px; margin:10px auto; padding:0; background:#fff url(images/body_b.gif) no-repeat bottom;}
.body_t_i { background:url(images/body_t.gif) no-repeat top;}
.body_nita{ background:url(images/body_nita.gif) no-repeat top;}
.body h2 { font:normal 18px Georgia, "Times New Roman", Times, serif; color:#2c2c2c; margin:0; padding: 10px 0;}
.body h3 { font:normal 18px Georgia, "Times New Roman", Times, serif; color:#545454; padding:10px 0; margin:0; line-height:1.2em;}
.body p { font:normal 11px Georgia, "Times New Roman", Times, serif; color:#545454; line-height:1.8em;}
.body em { font:italic 12px Georgia, "Times New Roman", Times, serif; color:#797979; line-height:1.8em; padding:10px 0 0 10px;}
.body strong { color:#2c2c2c;}

/*Welcome*/
.Welcome { width:570px; margin:5px auto; padding:10px 30px; float: right;}
.Welcome ul { list-style:none; margin:20px auto 20px auto; padding:10px 10px;}
.Welcome ul li { padding:5px 0 5px 20px; margin:0; font:normal 11px Georgia, "Times New Roman", Times, serif; color:#2c2c2c; line-height:1.8em;}
.Welcome ul li strong { color:#a63812; font:bold 11px Georgia, "Times New Roman", Times, serif; line-height:1.8em;}
.Welcome a { font:bold 11px Georgia, "Times New Roman", Times, serif; color:#7b9519;}

/*navigation*/
ul.styledlist 						{ margin:0; padding:0 10px; color:#2c2c2c; }
ul.styledlist li  					{ background:url(images/check.gif) no-repeat left 0.7em;padding-left:25px;list-style:none;}
ul.styledlist li a { font:normal 11px Georgia, "Times New Roman", Times, serif; color:#2c2c2c; text-decoration:none;}
ul.checkedlist 						{ margin:0; padding:0 10px; color:#2c2c2c; }
ul.checkedlist li  					{ background:url(images/arrow.gif) no-repeat left 0.7em;padding-left:25px;list-style:none;}
ul.l2{margin:0px; padding:0px; list-style-type:none;}
ul.l2 li{ float:left; padding:0px 18px 10px 0px;}
ul.l2 li a small 	{ text-align:center; width:140px; background:url(../images/pop_arrow.gif) no-repeat center bottom; padding: 5px 5px 16px; display: none; 	color: #fff; font-size: 11px; text-indent: 0; }

ul.navigation  { margin:0; padding:0 10px;}
ul.navigation li { list-style:none; border-bottom:1px solid #d9d9d9; padding:5px 10px; margin:0;}
ul.navigation li a { font:normal 11px Georgia, "Times New Roman", Times, serif; color:#2c2c2c; text-decoration:none;}
ul.navigation li a:hover { color:#99ac1e; text-decoration: underline;}
ul.navigation li a.active { color:#99ac1e; text-decoration: underline;}

/* lister */
.lister { padding:10px; text-align:center;}

/*BoX*/
.Box { width:280px; margin:5px auto; padding:10px 30px; float:left;}
.Box a { font:normal 11px Georgia, "Times New Roman", Times, serif; color:#7b9519; text-decoration:underline;}
.Box .link { font:normal 11px Georgia, "Times New Roman", Times, serif; color:#08896f; text-decoration:underline; float: none; background:none; padding:0;}
.Box span { font:bold 11px Georgia, "Times New Roman", Times, serif; color:#959595;}
.Box em { padding:0; margin:0; font:italic 11px Georgia, "Times New Roman", Times, serif; color:#505050; line-height:1.8em;}
.Box p.name { font:bold italic 11px Georgia, "Times New Roman", Times, serif; color:#505050; text-align:right; padding:0; margin:0;}
.Box boxslideshow{margin:0px; position:relative;}
.Box boxslideshow .cycle{ background-color:#FFFFFF;}
.Box boxslideshow .cycle img{margin-bottom:5px;}
.Box boxslideshow .cycle .tbold{font-size:14px; font-weight:bold;}


/* testimonial */
.testimonial { background:url(images/bg_testimonials_c.gif) repeat-y left; width:257px; margin:0; border:0;}
.testimonial div { background:url(images/bg_testimonials_b.gif) no-repeat bottom left; width:257px; margin:0; border:0;}
.testimonial div div { background:url(images/bg_testimonials_t.gif) no-repeat top left; padding:5px 10px; width:237px;}
.testimonial p { margin:0; padding:10px; line-height:1.8em;}


/************************************************
                      readmore                  
************************************************/
.readmore
{
margin:10px 0 10px 0;
color:#777;
border:1px solid #ddd;
font-size:9px;	font-weight:bold;
background:#fff url(images/button_bg.gif) bottom left repeat-x;
padding:0px 10px;
text-decoration:none;
-moz-border-radius:3px;
-webkit-border-radius:3px;
-khtml-border-radius:3px;

}
a.readmore:hover
{
color:#484848;
border:1px solid #ccc;
background:#fff url(images/button_bg.gif) bottom left repeat-x;
text-decoration:none;
}

/************************************************
                      content boxes                  
************************************************/
.content-box{ 
border-bottom:1px solid #ddd; 
padding:0px;
margin:20px 0 20px 0;
overflow:auto;
height:100%;
}

.content-box p
{

margin:10px 0 0;
}


.content-box img
{
margin:10px 20px 0 0;
}

.post-info{
padding:6px;
border:1px solid #ddd; 
background:#f2f2f2;
margin:0;
color:#000; 
}


.comments
{
float:right;
padding:0px 0 0 0;
width:85px;
text-align:center;
height:26px;
}

.comments a		 { color:#777; text-decoration:none;}
.comments a:hover	 { color:#69452e; text-decoration:none;}


/********** contact form **********/
#contactform { margin:0; padding:5px 10px;}
#contactform * { color:#222222;}
#contactform ol { margin:0; padding:0; list-style:none;}
#contactform li { margin:0; padding:0; background:none; border:none; display:block;}
#contactform li.buttons { margin:5px 0 5px 110px;}
#contactform label { margin:0; width:110px; display:block; padding:10px 0; font:bold 11px Arial, Helvetica, sans-serif; color:#505050; text-transform:capitalize; float:left;}
#contactform label span { color:#ff0000;}
#contactform input.text { width:400px; border:1px solid #dcdcdc; margin:10px 0; padding:5px 2px; height:16px; background:#f5f5f5; float:left;}
#contactform textarea { width:400px; border:1px solid #dcdcdc; margin:10px 0; padding:2px; background:#f5f5f5; float:left;}
#contactform li.buttons input { padding:3px 0; margin:0; border:0; color:#FFF; float:left;}
p.response { text-align:center; color:#2c2c2c; font: bold 11px Arial, Helvetica, sans-serif; line-height:1.8em; width:auto;}

.FBG { border-top:1px solid #fff; background:#e5e5e5; border-bottom:1px solid #c5c5c5;}
.FBG em { font:bold italic 11px Georgia, "Times New Roman", Times, serif; color:#616161; float: right;}
.FBG h2 { font:normal 18px Georgia, "Times New Roman", Times, serif; color:#0d0d0d; border-bottom:1px solid #c3c3c3; padding:20px 5px 20px 50px; margin:0;}
.FBG p { font:normal 11px Georgia, "Times New Roman", Times, serif; color:#616161; line-height:1.6em;}
.FBG img { margin:5px 5px; padding:0; float:left;}
.FBG a { font:normal 11px Georgia, "Times New Roman", Times, serif; color:#08896f; text-decoration:none;}
.FBG_resize { width:980px; margin:10px auto; padding:0; }
.fbg_box { width:300px; float:left; margin:10px 5px; padding:5px 5px; }
.Contact { width:300px; float:left; margin:10px 5px; padding:5px 5px; }
.Contact h2 { background:url(images/h2_bg_Contact.gif) left no-repeat;}
.Say { width:300px; float:left; margin:10px 5px; padding:5px 5px;}
.Say h2 { background:url(images/h2_bg_They.gif) left no-repeat;}
.What { width:300px; float:left; margin:10px 5px; padding:5px 10px;}
.What h2 { background:url(images/h2_bg_What.gif) left no-repeat;}
.What a { float:right; background:url(images/bg_a_What.gif) left no-repeat; padding:0 0 0 20px; font: bold  11px Georgia, "Times New Roman", Times, serif; color:#0d0d0d;}
/********** footer **********/
.footer { background: url(images/bg_footer.gif); padding:0; width:972px; margin:10px auto; height:54px;}
.footer p { text-align:center; font:normal 11px Georgia, "Times New Roman", Times, serif; color:#2c2c2c; padding:15px 5px; margin:0;}
.footer a {font:normal 11px Georgia, "Times New Roman", Times, serif; color:#2c2c2c; text-decoration:none;}

p.clr, .clr { clear:both; padding:0; margin:0; background:none;}
li.bg, .bg { clear:both; border-top:1px solid #d9d9d9; padding:0; margin:5px 0; background:none;}

/*** CONTACT US ***/

#contactform2 { margin:0; padding:5px 10px;}
#contactform2 label{margin:3px 0px; line-height:20px;}
#contactform2 label.sp { width:3px;}
#contactform2 span.error{color:red;text-align:left; font-size:11px !important;}



#contactform2 input.text-input{background-image:url(images/inputbox.gif); width:280px; background-repeat:no-repeat; padding:5px 5px 11px 5px; margin:0px 0px 5px 0px; border:0px; vertical-align:middle}
#contactform2 select.text-input{background-image:url(images/inputbox1.gif); width:360px; background-repeat:no-repeat; padding:5px 5px 11px 5px; margin:0px 0px 5px 0px; border:0px; vertical-align:middle}
#contactform2 input.verifikasi-input{background-image:url(images/inputbox2.gif); width:200px; background-repeat:no-repeat; padding:5px 5px 11px 5px; margin:0px 0px 5px 0px; border:0px; vertical-align:middle}
#contactform2 textarea.text-input{background-image:url(images/bg_textarea.gif); background-repeat:no-repeat; border:0px; width:352px; height:114px; padding:8px;background-attachment:scroll; vertical-align:top}
#contactform2 contactform2 input:focus, contact_form textarea:focus {border:0px; }
#contactform2 input.button{ background-image:url(images/but_send.gif); background-repeat:no-repeat; padding:0px; margin:0px; border:0px; width:88px; height:32px;left:0px; margin-top:5px; cursor:pointer;}
p.etaxcrew { text-align:center; color:#2c2c2c; font: bold 11px Arial, Helvetica, sans-serif; line-height:1.8em; width:auto;}


/*** END OF CONTACT US ***/



/*** CONTENT ***/


/*** END CONTENT ***/

/*Portfolio*/
ul.pf{margin:0px; padding:0px; list-style-type:none;}
ul.pf li{background-color:#f4f4f4; width:270px; float:left; border:solid 1px #e5e5e5; padding:14px; margin:0px 20px 20px 0px}
ul.pf li.nomargin{margin-right:0px;}
.pf h2 a{color:#333;}
ul.pf p{margin-bottom:10px;}
.navigation2{text-align:center;}
.navigation2 a, .navigation2 a:visited{padding:0px 6px; background-color:#fefefe; border:solid 1px #f5f5f5; margin:0px 3px; color:#333}
.navigation2 a.active{background-color:#ededed; border:solid 1px #f5f5f5;}

.add{
	background:url(images/tanoyan.gif) no-repeat 0 0;
	padding:0px 0 0 5px;
	margin:5px 0 ;

}

.add a{
	font:bold 18px/26px "Century Gothic", Arial, Helvetica, sans-serif;
	color: #99ac1e;
	background-color:inherit;
	width:97px;
	border-bottom:7px dotted #eeeeee;
	text-decoration:none;
}
.add a:hover{
	color:#982325;
}
.add p.service1{
	padding:0 0;
	margin:0 0;
	font:normal 15px/28px "Century Gothic", Arial, Helvetica, sans-serif;
	color:#982325;
	background-color:inherit;
}	

.content		{ width:432px; float:left; padding:0px 0px 20px 0px; }
.content h2	{ font-size:16px; font-weight:bold; padding-bottom:10px; margin-bottom:0px; line-height:16px; text-transform:uppercase; color:#474646; background:url(../images/line_horizontal.gif) repeat-x bottom; }
.content h2.margin_bottom	{ margin-bottom:20px;  }
.content h3	{ font-size:12px; font-weight:bold; padding-bottom:10px; margin-bottom:0px; line-height:14px; text-transform:uppercase; color:#474646; }
.content p		{ padding-bottom:20px; }



/* image_gallery */
.image_galery div		{ width:432px; float:left; padding:0px 0px 20px 0px; }
.image_galery a			{ margin:0px; padding:0px; float:left; margin-right:4px; margin-bottom:4px; }
.image_galery a img		{ float:left; }
.image_galery a small 	{ text-align:center; width:190px; background:url(images/pop_arrow.gif) no-repeat center bottom; padding: 5px 5px 16px; display: none; color: #fff; font-size: 11px; text-indent: 0; }
.image_galery a:hover small{ display: block; position: absolute; z-index: 9999; margin:-40px 0 0 -46px; }

.login { float:right; padding:5px 5px; margin:90px 0 0 0; width:90px;}
.login p { font:normal 11px Georgia, "Times New Roman", Times, serif; color:#948172; padding:0; margin:0;}
.login a { font:normal 11px Georgia, "Times New Roman", Times, serif; color:#948172; text-decoration:none;}
.login a:hover { font:bold 11px Georgia, "Times New Roman", Times, serif; color:#948172; text-decoration: underline;}

.top_right_links {
	float: right;
	padding:5px 20px; 
	margin:70px 0 0 0;
	width: 620px;
	height: 31px;
}
ul.toplinks {
	float: right;
	margin: 0px;
	padding: 14px 0px 0px 0px;
}
.toplinks li {
	float: left;
	margin: 0px 1px;
	padding: 3px;
	list-style-type: none;
}
.toplinks li a {font:normal 11px Georgia, "Times New Roman", Times, serif; color:#FF9933; text-decoration:underline;}

.toplinks li.top_phone {
	background: url(images/top_contactbg.png) no-repeat left top;
	width: 135px;
	height: 21px;
	padding-top: 2px;
	text-align: center;
	color: #fff;
	font-weight: bold;
}