body
{
	width: 1004px;
	margin: 0px auto;
	font-family: Arial;
	font-size: 12px;
	color: #5D5D5D;
}

a, a:link,  a:active,a:visited
{
	color: #0061BE;
	text-decoration: none;
	font-size: 11px;
	cursor: pointer;
}

#menu_left a:hover
{
	color: #0061BE;
	font-size: 11px;
	cursor: pointer;
}

#head
{
	width: 1004px;
}

#head_left
{
	float: left;
	padding: 20px 0px 0px 7px;
	width: 334px;
}

#logo
{
	width: 277px;
	padding: 0px 0px 0px 55px;
}

#search
{
	padding: 37px 0px 0px 0px;
}

.search_title_home
{
	color: #5596D4;
	font-weight: bold;
	font-size: 11px;
}

#search_home_field_box
{
	float: left;
}

#search_home_img_box
{
	float: left;
	padding-top: 1px;
}

#head_right
{
	float: left;
	padding: 37px 0px 0px 91px;
	width: 571px;
}

#flash
{
	float: right;
}

.home_top_menu_ul , .news_ul , .testi_ul
{
	margin: 0px;
	padding:0px;
}

.home_top_menu_li
{
	height: 14px;
	vertical-align: top;
	background: url(../images/bg_menu.jpg) right no-repeat;
	list-style-type: none;
	float: left;
	padding: 5px 0px;
	
}

.home_top_menu_li_home
{
	height: 14px;
	vertical-align: top;
	background: url(../images/bg_menu.jpg) right no-repeat;
	list-style-type: none;
	float: left;
	padding: 0px 0px;
	
}

.link_top_menu, .link_top_menu:visited , .link_top_menu:active 
{
	height: 14px;
	text-decoration: none;
	color: #456F98;
	font-weight: bold;
	margin: 0px;
	padding: 5px 14px 5px 14px;
}

.link_top_menu:hover
{
	height: 14px;
	background: #0061BE;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	margin: 0px;
	padding: 5px 14px 5px 14px;
}

.link_top_menu_home, .link_top_menu_home:visited , .link_top_menu_home:active 
{
	height: 24px;
	text-decoration: none;
	background: url(../images/home_n.jpg) no-repeat;
	width: 55px;
}

.link_top_menu_home:hover
{
	height: 24px;
	text-decoration: none;
	background: url(../images/home_h.jpg) no-repeat;
	width: 55px;

}

#content
{
	width: 1004px;
	background: url(../images/bg_next.jpg) no-repeat bottom;
	display: table;
	clear: left;
}

#content_left
{
	width: 183px;
	background: #023A73;
	float: left;
	display: table-column;
}

#content_left_td
{
	width: 183px;
	background: #023A73;
	vertical-align: top;
}

#menu_left
{
	margin: 15px 0px 228px 14px;
	width: 169px;
}

.home_left_menu_li
{
	
	vertical-align: top;
	list-style-type: none;
	padding: 5px 0px;
	width: 169px;
}

#menu_left ul li a, #menu_left ul li a:visited
{
	font-family: Myriad, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	padding-left: 22px;
	background: url(../images/bg_box_n.jpg) left no-repeat;
	text-decoration: none;
}

#menu_left ul li a:hover , #menu_left ul li a:active
{
	font-family: Myriad, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #F1A72B;
	padding-left: 22px;
	background: url(../images/bg_box_active.jpg) left no-repeat;
	text-decoration: none;
}

#menu_left ul li ul li a, #menu_left ul li ul li a:visited 
{
	font-family: Myriad, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #FFFFFF;
	padding-left: 18px;
	margin-left: 22px;
	background: url(../images/bg_sub_box_n.jpg) left no-repeat;
	text-decoration: none;
}

#menu_left ul li ul li a:hover, #menu_left ul li ul li a:active
{
	font-family: Myriad, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #F1A72B;
	padding-left: 18px;
	margin-left: 22px;
	background: url(../images/bg_sub_box_active.jpg) left no-repeat;
	text-decoration: none;
}

#menu_left ul li ul li ul li a, #menu_left ul li ul li ul li a:visited
{
	font-family: Myriad, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #FFFFFF;
	padding-left: 15px;
	margin-left: 39px;
	background: url(../images/bg_sub2_box_n.jpg) left no-repeat;
	text-decoration: none;
}

#menu_left ul li ul li ul li a:hover , #menu_left ul li ul li ul li a:active
{
	font-family: Myriad, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #F1A72B;
	padding-left: 15px;
	margin-left: 39px;
	background: url(../images/bg_sub2_box_active.jpg) left no-repeat;
	text-decoration: none;
}

#content_right
{
	float: right;
	width: 821px;
	display : table-column;
}

#content_right_td
{
	width: 821px;
	vertical-align: top;
}

#content_right_content
{
	width: 793px;
	padding: 15px 0px 0px 25px;
}

.title
{
	color: #0061BE;
	font-weight: bold;
	font-size: 20px;
	width: 300px;
}

.breadcrumb_parent , .breadcrumb_parent:link, .breadcrumb_parent:active, .breadcrumb_parent:hover, .breadcrumb_parent:visited
{
	color: #0061BE;
	font-weight: bold;
	font-size: 20px;
}

.breadcrumb_child , .breadcrumb_child:link, .breadcrumb_child:active, .breadcrumb_child:hover, .breadcrumb_child:visited
{
	color: #0061BE;
	font-weight: bold;
	font-size:  14px;
}

.breadcrumb
{
	color: #0061BE;
	font-weight: bold;
	font-size: 20px;
	width: 450px;
}

.subtitle
{
	color: #0061BE;
	font-weight: bold;
	font-size: 16px;
}

.content
{
	color: #5D5D5D;
	width: 646px;
	padding: 17px 0px 30px 30px;
}

.content_contact
{
	color: #5D5D5D;
	width: 676px;
}

.blue_text
{
	color: #0061BE;
}

.contact_office , .portfolio
{
	padding: 20px 0px 0px 20px;
	width: 658px;
}

.corporate_history 
{
	color: #5D5D5D;
	padding: 20px 0px 0px 0px;
	width: 678px;
}

.office_title
{
	color: #0061BE;
	font-weight: bold;
	font-size: 14px;
}

.office_address
{
	color: #5D5D5D;
	padding-left: 20px;
}

.contact_form
{
	color: #0061BE;
	font-weight: bold;
	font-size: 16px;
}

#foot_copy_home
{
	margin: 0px 9px 5px 0px;
	
	background: #023A73;
	border: solid 1px #0061BE;
	color: #FFFFFF;
	width: 177px;
	height: 25px;
	font-weight: bold;
	display: block;
}

#foot_copy_home_2
{
	float: right;
	vertical-align: bottom;
	font-weight: bold;
	display: block;
}

#foot_copy_home_content
{
	padding: 7px 10px 8px 20px;
}

.news_li
{
	list-style-type: none;
	list-style-image: url(../images/news_li.jpg);
	margin: 0px 0px 20px 0px;
	color: #5F5F5F;
	font-size: 12px;
	text-align: justify;
}

.news_title , .news_title:active, .news_title:hover, .news_title:visited, .testimonial_title , .testimonial_title:active, .testimonial_title:hover,.testimonial_title:visited,  .search_title:link, .search_title:active, .search_title:hover, .search_title:visited
{
	font-size: 14px;
	color: #0061BE;
	font-weight: bold;
}

.news_li
{
	list-style-type: none;
	list-style-image: url(../images/news_li.jpg);
	margin: 0px 0px 20px 0px;
	color: #5F5F5F;
	font-size: 12px;
	text-align: justify;
}

.comment
{
	color: #5F5F5F;
	font-size: 12px;
	text-align: justify;
	padding: 0px 0px 0px 5px;
}

.testi_li
{
	list-style-type: none;
	margin: 0px 0px 20px 0px;
	color: #5F5F5F;
	font-size: 12px;
	text-align: justify;
}

.testi_link , .testi_link:link , .testi_link:active , .testi_link:hover, .testi_link:visited
{
	font-size: 14px;
	color: #0061BE;
	font-weight: bold;
	text-decoration: none;
}

.news_link , .news_link:link , .news_link:active , .news_link:hover, .news_link:visited
{
	font-size: 14px;
	color: #0061BE;
	font-weight: bold;
	text-decoration: none;
}

/* buat menu pulldown */
#nav, #nav ul {
	float: left;
	list-style-type: none;
	padding: 0px;
	color: #456F98;
	margin: 0px;
}

#nav a {
	display: block;
	color: #456F98;
	font-weight: bold;
	padding: 5px 15px 5px 15px;
}

#nav a:hover  {
	display: block;
	
	font-weight: bold;
	padding: 5px 15px 5px 15px;
}

#nav li {
	border-left:#FFFFFF solid 1px;	
	border-right:#0061BE solid 1px;	
	float: left;
	padding: 0px;
	border-top:#FFFFFF solid 1px;	
	border-bottom:#FFFFFF solid 1px;	
}

#nav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 12em;
	font-weight: normal;
	border-width: 0.25em;
	margin: 0px;
	border-top: solid 1px #0061BE;
	border-bottom: solid 1px #0061BE;
}

#nav li li {
	padding: 0px 0em;
	color: #456F98;
	font-weight: bold;
	border-right:#0061BE solid 1px;	
	border-left:#0061BE solid 1px;	
	border-top:#FFFFFF solid 0px;	
	border-bottom:#FFFFFF solid 0px;
	width: 12em;
	background: #FFFFFF;
}

#nav li ul a {
	color: #456F98;
	font-weight: bold;
	height:15px;
}

#nav li ul ul {
	margin: -1.75em 0em 0em 12em;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
	color: #FFFFFF;
	
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
	color: #FFFFFF;
}

#nav:hover
{
	
}

#nav li:hover, #nav li.sfhover {
	border-top:#0061BE solid 1px;	
	border-bottom:#0061BE solid 1px;	
	font-weight: bold;
	border-left:#0061BE solid 1px;	
}

#nav li li:hover, #nav li li.sfhover {
	font-weight: bold;
	border-top:#0061BE solid 0px;	
	border-bottom:#0061BE solid 0px;	
	border-left:#0061BE solid 1px;
	border-right:#0061BE solid 1px;
	color: #FFFFFF;
}

#nav li li a:hover
{
	font-weight: bold;
	border-top:#0061BE solid 0px;	
	border-bottom:#0061BE solid 0px;	
	border-left:#0061BE solid 0px;
	color: #FFFFFF;
	background: #0061BE;
}


#nav
{
	width: 529px;
	float: left;
}

.paging_portfolio, .paging_testimonial
{
	width: 200px;
	float: right;
	text-align: right;
	padding: 10px 0px;
}

.paging_link , .paging_link:link , .paging_link:active , .paging_link:hover ,.paging_link:visited
{
	color: #CCCCCC;
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
}

.content_product
{
	padding: 0px;
	width: 800px;
}

.product_list
{
	width: 652px;
	padding: 10px;
	display: table-cell;
}

.product_info
{
	border: solid 1px #B2B2B2;
	background: #023A73;
	width: 147px;
	float: left;
	margin: 0px  8px 10px 0px;
}

.product_name
{
	color: #EEEEEE;
	padding: 2px 10px;
}

.product
{
	width: 652px; 
	border: solid 1px #023A73; 
	background: #E6F2FF;
	margin: 0px 0px 20px 0px;
}

.product_det
{
	padding: 10px 0px;
}

.product_det_title
{
	font-size: 14px;
	color: #AAAAAA;
	font-weight: bold;
}

#table_product_det td
{
	vertical-align: top;
	text-align: left;
	font-size: 11px;
	color: #606060;
}

.download_link
{
	text-decoration: underline;
	font-weight: bold;
}

#gallery_product td
{
	vertical-align: middle;
}

#login_bar
{
	background: #E6F2FF;
	width: 100%;
}

#login_content
{
	padding: 10px 0px 10px 20px;
	display: table;
	height: 18px;
}

#signup
{
	float: left;
	padding: 3px 0px;
}

#btn_signup
{
	padding: 3px 10px;
	background: #5D5D5D;
	border: solid 1px #000000;
	width: 40px;
	float: left;
	margin: 0px 0px 0px 10px;
}

#signup_link
{
	color: #FFFFFF;
	text-decoration: none;
}

#btn_login
{
	padding: 3px 15px;
	background: #5D5D5D;
	border: solid 1px #000000;
	float: left;
	margin: 0px 0px 0px 10px;
}

#login_link
{
	color: #FFFFFF;
	text-decoration: none;
}

#login_member
{
	float: left;
	padding: 0px 10px 0px 10px;
	text-align: left;
	width: 530px;
}

#download_area
{
	margin: 10px 0px 20px 0px;
}

#download_area td
{
	vertical-align: top;
}

#btn_next
{
	text-align: center;
	background: #5D5D5D;
	border: solid 1px #000000;
	width: 40px;
	float: left;
	margin: 0px 0px 0px 10px;
}

#next_link
{
	color: #FFFFFF;
	text-decoration: none;
}

.download_category ,.download_category:active,.download_category:hover,.download_category:visited
{
	color: #0061BE;
	font-size: 14px;
	font-weight: bold;
	cursor: pointer;
	background: url(../images/download_li_n.gif) no-repeat top left;
	padding-left: 20px;
}

.download_subcategory ,.download_subcategory:active,.download_subcategory:hover,.download_subcategory:visited
{
	color: #5D5D5D;
	font-size: 12px;
	cursor: pointer;
	background: url(../images/download_li_n.gif) no-repeat top left;
	padding-left: 20px;
}


.cat
{
	padding: 0px;
	
	list-style-type : none;
	/*list-style-image: url(../images/download_li_n.gif);*/
	list-style-position: inside;
	
}

#cate
{
	padding: 0px;
	margin: 0px;
	width: 460px;
}

#cate ul
{
	padding: 0px;
	margin: 0px;
}

#cate ul ul
{
	padding: 0px;
	margin: 0px 0px 0px 20px;
}

#cate ul ul li
{
	list-style-type: none;
	padding-top: 5px;	
	padding-bottom: 5px;	
}

.cat
{
	list-style-type: none;
	list style-position: inside;
	padding: 0px;
	margin: 0px;
	
}

.subcat1
{
	width: 432px;
	border: solid 1px #023A73;
	margin: 3px 0px;
	list-style-position: inside;
	list-style-type : none;
	padding: 5px 0px 5px 10px;
	background: #FFFFFF;
	
}

.subcat2
{
	width: 362px;
	border: solid 1px #023A73;
	margin: 3px 0px;
	list-style-type : none;
	background: #E6F2FF;
	list-style-position: inside;
	padding: 5px 0px 5px 10px;
}

#cate table
{
	margin-left: 30px;
}

.signup_table
{
	width: 700px;
	border: solid 1px #023A73;
	background: #FFFFFF;
}

.signup_table td
{
	padding: 5px 10px;
}

.signup_th
{
	padding: 5px 10px;
	background: #E6F2FF;
	border-bottom: solid 1px #023A73;
	font-weight: bold;
}

#signup_field
{
	padding: 10px;
}

.btn_submit
{
	text-align: center;
	background: #5D5D5D;
	border: solid 1px #000000;
	margin: 0px 0px 0px 10px;
	color: #FFFFFF;
}

.btn_login
{
	text-align: center;
	background: #5D5D5D;
	border: solid 1px #000000;
	color: #FFFFFF;
}

.submit_field
{
	text-align: center;
	width: 680px;
}

.product_subcategory
{
	width: 140px;
	height: 106px;
	border: solid 1px #5D5D5D;
	text-align: center;
	background: #FFFFFF;
	
}

.product_subcat_title
{
	font-size: 16px;
	font-weight: bold;
	color: #808080;
	font-family: Arial;
}

.blur
{
	-moz-opacity: 0.30;
	filter:alpha(opacity=30);
	-khtml-opacity: .3;
}

.unblur
{
	-moz-opacity: 1;
	filter:alpha(opacity=100);
	-khtml-opacity: 1;
}

.product_det_img
{
	border: solid 1px #0061BE;
}

.thumb_img
{
	float: left;
	width: 77px;
	height: 68px;
}

#thumb_bar
{
	width: 240px;
}

.cursor
{
	cursor: pointer;
}

#left_menu
{
	width: 169px;
}

.home_left_menu_ul 
{
	margin: 0px;
	padding:0px;
	width: 169px;
}

.red
{
	font-size: 11px;
	color: #FF0000;
}

#logged_in
{
	width: 780px;
	text-align: right;
}

.search_content
{
	color: #5D5D5D;
	width: 646px;
	padding: 17px 0px 30px 30px;
	line-height: 20px;
}

.search_ajax:link, .search_ajax:active, .search_ajax:hover, .search_ajax:visited
{
	font-size: 11px;
	color: #0061BE;
	font-weight: bold;
}

td
{
	vertical-align: top;
}

.testimonial
{
	padding: 20px 0px 0px 5px;
	width: 678px;
}

/*Slider-Image*/


#wrapper {
    width: 400px;
    margin: 0px;
}

#intro {
    padding-bottom: 0px;
}

#slider {
    width: 400px;
    margin: 0 auto;
    position: relative;
	padding: 0px 10px;
}

.scroll {
	overflow: hidden;
	width: 400px;
    margin: 0 auto;
    position: relative;
}

.scrollContainer {
	position: relative;
}

.scrollContainer div.panel {

	height: 188px;

}

#left-shadow {
	position: absolute;
	top: 0;
	left: 0;
	width: 12px;
	bottom: 0;
	background: url(../images/leftshadow.png) repeat-y;
}

#right-shadow {
	position: absolute;
	top: 0;
	right: 0;
	width: 12px;
	bottom: 0;
	background: url(../images/rightshadow.png) repeat-y;
}

.inside {
	padding: 10px;
}

.inside img {
	display: block;
	
	margin: 0 0 10px 0;
	width: 120px;
}

.inside h2 {
	font-weight: normal;
	color: #111;
	font-size: 16px;
	margin: 0 0 8px 0;
}

.inside p {
	font-size: 11px;
	color: #ccc;
}

.scrollButtons {
    position: absolute;
    top: 87px;
    cursor: pointer;
}

.scrollButtons.left {
    left: -15px;
}

.scrollButtons.right {
    right: -15px;
}

.hide {
    display: none;
}

#product_detail
{
	padding-left: 10px;
}