/*

CSS BAYU GROUP INDONESIA 2011 - 2020

*/



body {

	margin: 0;

	padding: 0;

	color: #7e7d7d;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	line-height: 1.5em; 

	background-color: #FFFFFF;

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

	background-position: top center;

	background-repeat: no-repeat;

}


a, a:link, a:visited { color: #f00; font-weight: normal; text-decoration: none }

a:hover { text-decoration: underline; }



a.more { display: block; float: right; color: #000; margin-top: 20px; padding-left: 20px; font-weight: bold; background: url(images/templatemo_more.jpg) center left no-repeat }

a.more:hover { color: #000; text-decoration: underline }



p { margin: 0 0 10px 0; padding: 0; }

img { border: none; }

blockquote { font-style: italic; margin: 0 0 0 10px;}

cite { font-weight: bold; color: #f00; }

cite a, cite a:link, cite a:visited  { font-weight: bold; color:#f00; }

cite span { font-weight: 400; color: #7e7d7d; }

em { color: #000; }



h1, h2, h3, h4, h5, h6 { color: #f00; font-weight: normal; }

h1 { font-size: 48px; margin: 0 0 30px; padding: 5px 0 }

h2 { font-size: 24px; margin: 0 0 25px; padding: 5px 0; }

h3 { font-size: 24px; margin: 0 0 20px; padding: 0; }

h4 { font-size: 20px; margin: 0 0 15px; padding: 0; }

h5 { font-size: 16px; margin: 0 0 10px; padding: 0;  }

h6 { font-size: 12px; margin: 0 0 5px; padding: 0; }



.cleaner { clear: both }

.h10 { height: 10px }

.h20 { height: 20px }

.h30 { height: 30px }

.h40 { height: 40px }

.h50 { height: 50px }

.h60 { height: 60px }



.float_l { float: left }

.float_r { float: right }



.image_fl { float: left; margin: 3px 30px 0 0 }

.image_fr { float: right; margin: 3px 0 0 30px }



.tmo_list { list-style: none; padding: 0 0 0 5px }

.tmo_list li { color: #1D1E36; margin-bottom: 10px }

.tmo_list li a { color: #1D1E36; font-weight: normal; padding-left: 10px; text-decoration: none; background: url(images/templatemo_list.png) 0 5px scroll no-repeat }

.tmo_list li a:hover { text-decoration: underline }



#templatemo_wrapper { width: 1150px; padding: 0 10px; margin: 0 auto; }



#templatemo_header { width: 1150px; height: 470px; background: url(images/templatemo_header.jpg) center top no-repeat }



#site_title { float: left; margin: 20px 0 10px }

#site_title h1 { margin: 0; padding: 0 }

#site_title h1 a { display: block; width: 300px; height: 60px; color: #000; text-indent: -1140px; background: url(images/templatemo_logo.png) top left no-repeat }



/* menu */



#templatemo_menu {

	clear: both;

	width: 1100px;

	height: 36px;

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

}



#templatemo_menu ul {

	margin: 0;

	padding: 0;

	list-style: none;

}



#templatemo_menu ul li {

	padding: 0;

	margin: 0;

	display: block; 

	float: left;

	background: url(images/templatemo_menu_divider.jpg) no-repeat right center

}



#templatemo_menu ul .last {

	background: none;

}



#templatemo_menu ul li a {

	float: left;

	display: block;

	height: 36px;

	line-height: 36px;

	font-size: 14px;

	font-weight: bold;

	color: #bd1e24;

	padding: 0 30px;

	text-align: center;

	text-decoration: none;

	outline: none;

	border: none;

}



#templatemo_menu ul li a:hover, #templatemo_menu ul .current {

	color: #fff;

	background: url(images/templatemo_menu_hover.png) no-repeat center right

}



#templatemo_menu ul .home {

	color: #fff;

	background: url(images/templatemo_menu_hover.png) no-repeat center left

}



#templatemo_banner {

	clear: both;

	width: 1100px;

	height: 260px;

	position: relative;

}

#templatemo_banner .banner_text {

	position: absolute;

	width: 333px;

	height: 70px;

	left: 184px; 

	top: 98px;

	background: url(images/templatemo_banner_txt.png) no-repeat top left;

}



#templatemo_content {

	float: left;

	width: 650px;

}



#templatemo_content2 {

	float: left;

	width: 650px;



}



#templatemo_content3 {

	float: left;

	width: 650px;



}



#templatemo_contenta {

	float: left;

	width: 650px;

}



#templatemo_contentservice {

	float: left;

	width: 800px;

}



#templatemo_contentservicea {

	float: left;

	width: 800px;

}



#templatemo_contentserviceb {

	float: left;

	width: 800px;

}



#templatemo_left_sidebar {

	width: 200px; 

	float: left;

	margin-right: 30px;

}



#templatemo_left_sidebara {

	width: 200px; 

	float: left;

	margin-right: 13px;

}



#templatemo_left_sidebar3 {

	width: 200px; 

	float: left;

	margin-right: 8px;

}



#templatemo_right_sidebar {

	width: 260px;

	float: right;

}



#templatemo_right_sidebarA {

	width: 270px;

	float: right;

}



.p_box { padding: 40px; border-bottom: 1px dotted #ccc }

.p_boxa { padding: 65px; border-bottom: 1px dotted #ccc }

.p_box h2 { font-size: 18px; margin-bottom: 15px }

.image_frame { display: inline-block; float: left; margin-right: 20px; width: 124px; height: 127px; background: url(images/templatemo_image_frame.png) no-repeat }

.image_frame img { padding: 18px 0 0 19px; }

a.read_more { display: block; margin-top: 40px; float: right; width: 118px; height: 40px; background: url(images/templatemo_read_more.png) no-repeat }



.sb_box { padding-bottom: 15px; margin-bottom: 15px }

.sb_ads { display: block; margin-bottom: 20px }



.news_box { padding: 20px 10px 20px; border-bottom: 1px dotted #ccc  }

.news_box h3 { font-size: 16px; margin-bottom: 5px }



#special_box { position: relative; margin-top: 20px; border: 1px solid #ccc; border-top: 4px solid #ccc; padding: 20px 10px }

#special_box h3 { font-size: 16px; font-weight: bold }

#special_box .sb_text {

	position: absolute;

	top: 281px;

	right: 6px;

	width: 258px;

	display: block;

	height: 95px;

}

#special_box h4 { font-size: 18px; font-weight: bold; margin-bottom: 5px }



.content_title { position: relative;  display: block; height: 33px; line-height: 33px; padding: 0 10px; background: url(images/templatemo_h1r.jpg) center right no-repeat; font-size: 19px; color: #1D1E36; }

.content_titlea { position: relative;  display: block; height: 30px; line-height: 30px; padding: 0 10px; background: url(images/templatemo_h1r.jpg) center right no-repeat; font-size: 19px; color: #1D1E36; }

.content_title span { position: absolute; left: 1px; top: -1px; width: 749px; height: 33px; background: url(images/templatemo_h1l.jpg) no-repeat center left }



/* footer */

#templatemo_footer_wrapper {

	clear: both;

	width: 100%;

	background: #720207;

}



#templatemo_footer {

	clear: both;

	width: 1100px;

	padding: 15px 10px;	

	margin: 0 auto;

	color: #d3d2d2;

	text-align: center;

}



#templatemo_footer a {

	color: #d3d2d2; 

	text-decoration: underline;

}



#contact_form { 

	padding: 0; 

	width: 430px;

}



#contact_form form { 

	margin: 0px; 

	padding: 0px; 

}



#contact_form form .input_field { 

	width: 280px; 

	padding: 5px; 

	color: #333333;  

	background: #f2f2f2; 

	border: 1px solid #999999; 

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

	font-size: 12px;

	margin-top: 5px;

}



#contact_form form label { 

	display: block; 

	width: 100px; 

	margin-right: 12px; 

	font-size: 13px; 

}



#contact_form form textarea { 

	width: 360px; 

	height: 140px;

	padding: 5px;

	color: #333333;  

	background: #f2f2f2; 

	border: 1px solid #999999; 

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

	font-size: 12px;

	margin-top: 5px;

}



#contact_form form .submit_btn { 

	padding: 8px 14px; 

	color: #333333;  

	background: #f2f2f2; 

	border: 1px solid #999999; 

	font-size: 14px;

	margin: 0px 100px 10px 0px;

}