/* author:Nda - http://webwae.com 2009 
 cross browser, semantic, clean.
*/

/*========================================================================*/
/*		MAIN ELEMENTS													  */
/*========================================================================*/
*{margin:0px; padding:0px;}

body{ margin:0px; padding:0px; background:#fff url(../images/bg_body.gif) repeat-x; font: normal 13px/1.5em Arial; color:#494848; }

.clear { clear:both; margin:0px; padding:0px; height:0px; line-height:0; }
.space { clear:both; display:block; margin:0px; padding:0px; height:10px; border:none; font:normal 1px arial; }

h1,h2,h3 {margin:0px; padding:0px;}
h1 {margin:7px 0px; padding:0px; font:bold 18px/1em Arial; color:#689715;}
h2 {margin:7px 0px; padding:0px; font:bold 17px/1em Arial; color:#689715;}
h3 {margin:0px; padding:0px; font:bold 15px/1em Arial; color:#689715;}
h4 {margin:0px; padding:0px; font:bold 14px/1em Arial; color:#689715;}

h1.breadcump_gal { margin:7px 0px; padding:27px 0 0 0; height:30px; font:bold italic 25px/1em Georgia; color:#689715;}

a { border:none; text-decoration: underline; color:#669615;}
a:hover { border:none; text-decoration: none; color:#669615;}
a.more { border:none; text-decoration:none; color:#b71818;}
a.more:hover { border:none; text-decoration:underline; color:#b71818;}

a.morelist { padding:0 15px 0 0; background:url(images/arrow_blue.png) no-repeat right; border:none; text-decoration:underline; color:#77af1a;}
a.morelist:hover { border:none; text-decoration:none; color:#77af1a;}

img { margin:0px; padding:0px; border:none; }
img.iconside { margin:5px 10px -7px 0px; padding:0px; }
img.lefthumb { float:left; margin:5px 5px -3px 0px; }

img.float-right { float:right; margin: 5px 0px 10px 10px; }
img.float-left { float:left; margin: 5px 10px 5px 0px; }

a img { border:none; }
a:hover img { border:none; }

.classbasic { margin:0px; padding:0px; width:auto; height:auto; border:1px solid; }
.float_left { float:left; }
.float_right { float:right; }

/*========================================================================*/
/*		WRAPPING													      */
/*========================================================================*/
#wrap_header { clear:both; margin:0px; padding:0px; width:100%; background:none; text-align:left; }

/*========================================================================*/
/*		NAVTOP														      */
/*========================================================================*/
#navtop { display:block; margin:0px auto; padding:0 0 0 0; width:950px; height:auto; background:transparent; border:none; }
.navtopleft { margin:30px 0 0 0; width:280px; height:auto; float:left; border:none; }
.navtopright { margin:40px 12px 0 0; *margin:48px 12px 0 0; _margin:48px 4px 0 0; padding:; width:630px; height:auto; float:right; border:none; }

.navlog { float:right; width:auto; height:30px; border:none;}
.navcump { float:right; clear:both; padding:3px 11px 0 10px; width:490px; height:22px; background:url(images/bg_navcump.png) no-repeat; color:#fff; border:none;} 
.navcump_left { float:left; width:auto; border:none; font:bold 11px/1.7em arial; }
.navcump_right { float:right; width:auto; border:none; } 
.navcump_right a { color:#fff; font:12px arial; text-decoration:none; } .navcump_right a:hover { color:#fff; text-decoration:underline; }


/*========================================================================*/
/*		CONTENT														      */
/*========================================================================*/
.content { clear:both; margin:0px auto; padding:0px; width:950px; height:auto; background:transparent; border:none; }
.sidehome { float:left; width:410px; font:normal 12px arial; color:#4e8c17; border:none; }
.sidecont { float:left; width:280px; font:normal 12px arial; color:#4e8c17; border:none; }
.sidebox { padding:10px 5px; width:250px; height:auto; color:#3b3b3b; border:none; }
.sideline { display:block; width:239px; margin:5px 0 0 0; padding:0 0 5px 0; background:url(images/sideline.gif) repeat-x top; font-size:2px; }

.content_home { float:right; padding:5px 0 10px 0; width:525px; border:none;  }
.content_cont { float:right; padding:5px 0 10px 0; width:660px; border:none;  }

/*=== sidemenu ===*/
.sidemenu { float:left; margin:10px 0; padding:10px 0 0 0px; width:200px; height:auto; }
.sidemenu ul { list-style:none; }
.sidemenu ul li.home { text-align:left; border-left:8px solid #c3c06e; }
.sidemenu ul li.about { text-align:left; border-left:8px solid #71b428; }
.sidemenu ul li.gallery { text-align:left; border-left:8px solid #378339; }
.sidemenu ul li.product { text-align:left; border-left:8px solid #31ce35; }
.sidemenu ul li.olprint { text-align:left; border-left:8px solid #378339; }
.sidemenu ul li.contact { text-align:left; border-left:8px solid #c2f959; }

.sidemenu ul li a { margin:2px 0; padding:3px; display:block; height:30px; font:bold 18px/1em tahoma; color:#70b236; letter-spacing:-1px; text-decoration:none; }
.sidemenu ul li a:hover { margin:2px 0; padding:3px; display:block; height:30px; font:bold 18px/1em tahoma; color:#378339; letter-spacing:-1px; text-decoration:none; }
.sidemenu ul li a em { clear:both; font:normal 11px/1em arial; }

/*=== sub menu ===*/
.submenu { margin:5px 0; width:230px; }
.submenu ul { list-style:none; }
.submenu ul li a { display:block; padding:10px 0 10px 20px; height:20px; font:bold 13px arial; background:url(images/arrow_blue.png) no-repeat 5px 13px; border-bottom:1px dashed #689715; color:#689715; text-decoration:none; }
.submenu ul li a:hover { display:block; padding:10px 0 10px 20px; height:20px; font:bold 13px arial; background:url(images/arrow_blue.png) no-repeat 5px 13px; border-bottom:1px dashed #689715; color:#689715; text-decoration:underline; }

/*=== overview home ===*/
.hlight { float:left; margin:5px; padding:10px; width:142px; height:248px; background:#d8f0be; font:normal 11px/1.3em arial; color:#000; }
.hlight a.title { font:bold 14px/1.5em arial; text-decoration:none; color:#ff8635; }
.hlight_desc { width:142px; height:145px; }
.hlight_img { width:142px; height:100px; text-align:center; }

.hlight2 { float:left; margin:5px; padding:10px; width:228px; height:248px; background:#d8f0be; font:normal 11px/1.3em arial; }
.hlight2 p.title { font:bold 14px/1.5em arial; color:#78bf3a; }
.newsline { margin:5px 0 0 0; padding:0 0 5px 0; border-top:1px solid #dcdcdc; }

ul.tips { list-style-image:url(images/cek_list.gif); }
ul.tips li { margin:0 0 5px 15px; }
ul.tips li a { text-decoration:none; } ul.tips li a:hover { text-decoration:underline; }


/* Gallery page */
.gallery_wrap { margin:0 auto; width:650px; border:none; }
.gallery_frame { float:left; margin:5px; padding:10px 10px; width:129px; height:159px; background:url(images/bg_framegal.gif) no-repeat; text-align:center; }
.gallery_frame p { font:normal 12px/1.2em arial; } .gallery_frame img { margin:2px 0; }
.gallery_frame a { text-decoration:none; } .gallery_frame a:hover { text-decoration:none; }

.gallery_detail { float:left; margin:4px; padding:10px 10px; width:129px; height:159px; background:transparent; text-align:center; border:none; }
.gallery_detail a img { padding:5px; background:#fff; border:1px solid #ddd; text-decoration:none; }
.gallery_detail a:hover img { padding:5px; background:#fff; border:1px solid #aaa; text-decoration:none; }
.gallery_detail a, .gallery_detail a:hover { text-decoration:none; }

.pro_detail { float:left; margin:4px; padding:10px 10px; width:129px; height:200px; background:transparent; text-align:center; border:none; }
.pro_detail a img { padding:5px; background:#fff; border:1px solid #ddd; text-decoration:none; }
.pro_detail a:hover img { padding:5px; background:#fff; border:1px solid #aaa; text-decoration:none; }
.pro_detail a, .gallery_detail a:hover { text-decoration:none; }

/* list page */
.content_wrap { width:670px; }
.listline { clear:both; display:block; width:669px; margin:8px 0 0 0; padding:0 0 8px 0; background:url(images/sideline.gif) repeat-x top; font-size:2px; } 

/* Box Paging */
.box_paging { clear:both; margin:0px auto; padding:20px 0px 10px 0px; width:600px; height:30px; background:transparent; text-align: center; }
.box_paging b { display:inline-block; margin:0px 2px; padding:3px 0px 0px 0px; width:31px; height:25px; background:#ddd; font:normal 12px/1.5em Arial, sans-serif; color:#333; text-decoration:none; text-align:center; border:1px solid #b2acac; }
a.paging { display:inline-block; margin:0px 2px; padding:3px 0px 0px 0px; width:31px; height:25px; background:#7db519; font:normal 12px/1.5em Arial, sans-serif; color:#FFF; text-decoration:none; text-align:center; border:1px solid #67921b; }
a:hover.paging { display:inline-block; margin:0px 2px; padding:3px 0px 0px 0px; width:31px; height:25px; background:#7db519; font:normal 12px/1.5em Arial, sans-serif; color:#eaff00; text-decoration:underline; text-align:center; border:1px solid #67921b; }
a.pagingarrow_prev { display:inline-block; margin:0px 2px; padding:3px 0 0 0; width:60px; height:25px; background:#7db519; font:normal 12px/1.5em Arial, sans-serif; color:#FFF; text-decoration:none; text-align:center; border:1px solid #67921b; }
a:hover.pagingarrow_prev { display:inline-block; margin:0px 2px; padding:3px 0 0 0; width:60px; height:25px; background:#7db519; font:normal 12px/1.5em Arial, sans-serif; color:#eaff00; text-decoration:none; text-align:center; border:1px solid #67921b; }
a.pagingarrow_next { display:inline-block; margin:0px 2px; padding:3px 0 0 0; width:60px; height:25px; background:#7db519; font:normal 12px/1.5em Arial, sans-serif; color:#FFF; text-decoration:none; text-align:center; border:1px solid #67921b; }
a:hover.pagingarrow_next { display:inline-block; margin:0px 2px; padding:3px 0 0 0; width:60px; height:25px; background:#7db519; font:normal 12px/1.5em Arial, sans-serif; color:#eaff00; text-decoration:none; text-align:center; border:1px solid #67921b; }

/* contact */
.contact_ad { width:300px; float:left; padding:0 30px 0 0; border:none; }


/*========================================================================*/
/*		FOOTER														      */
/*========================================================================*/
#wrap_footer { clear:both; margin:0px; padding:0px; width:100%; background:#3a8b3c; text-align:left; border-top:5px solid #a2e852; }
#footer {
	clear:both;
	padding:7px 0px 0px 0px;
	margin:0px auto; 
	width:950px; height:60px; 
	background:#3a8b3c;
	font: normal 12px/1em Arial, sansans-serif;	color:#fff;
	text-align:center;
}
#footer p{ margin:0px;	padding:0px; font:normal 13px/1.3em arial; color:#fff; }
#footer a{ margin:32px 3px 20px 3px; padding:10px 3px; color:#fff; text-decoration:none; }
#footer a:hover{ text-decoration:underline; }

/*========================================================================*/
/*		FORM GLOBAL														  */
/*========================================================================*/
form { margin:0px; padding:0; }
label { margin:5px 0; display:block; font-weight:bold; }
input.txt { margin:0px; padding:2px 5px 0px 5px; width:210px; height:19px; background:#fff; font: normal 13px/1em Arial; color:#464646; border:1px solid #c0c0c0; }
input.txt_sign { margin:0px; padding:2px 5px 0px 5px; width:170px; height:19px; background:#fff; font: normal 13px/1em Arial; color:#464646; border:1px solid #c0c0c0; }

input.button { margin:1px 0px; padding:0px 15px 3px 15px; width:106px; height:30px; background:url(images/bg_but2.png); font:bold 15px/1em Arial; color:#024769; border:none; cursor:pointer; }
input.but_sign { margin:1px 0px; padding:0px 15px 2px 15px; width:81px; height:22px; background:url(images/but_sign.png); font:bold 12px/1em Arial; color:#fff; border:none; cursor:pointer; }

/*========================================================================*/
/*		DTD STYLE FORM													  */
/*========================================================================*/
dl.control { margin:5px; padding:0px; width:500px; }
dl.contact { margin:20px 0; padding:0px; width:600px; border:none;}

dt { clear: both; display:block; height:24px; margin:5px 0; }
dt.autoheight { display:block; height:auto; margin:5px 0; padding:5px 0; }
dt.float_right { float:right; height:auto; margin:5px 0; padding:5px 0; }

dt label { float:left; padding:2px 5px 0px 0px;  width:100px; font:normal 13px/1em arial; text-align:left; }
dt label.contact { float:left; padding:0px 5px 0px 0px; width:80px; font:normal 13px/1em arial; color:#024769; text-align:left; }
dt label.autoheight { display:block; height:auto; margin:5px 0; padding:5px 0; border:1px solid; }

dt p {  display:inline-block; float:left; line-height:22px; }
dt p.desc_reg { margin:0px 0 5px 0; width:400px; line-height:15px; }

dt input { float:left; width:auto; }
dt input.txt { margin:0px; padding:2px 5px 0px 5px; width:250px; height:19px; background:#fff; font: normal 13px/1em Arial; color:#464646; border:1px solid #c0c0c0; }
dt input.txt_zipcode { margin:0px; padding:2px 5px 0px 5px; width:100px; height:19px; background:#fff; font: normal 13px/1em Arial; color:#464646; border:1px solid #c0c0c0;  }

dt input.button { margin:1px 0px; padding:0px 15px 3px 15px; width:106px; height:30px; background:url(images/bg_but2.png); font:bold 15px/1em Arial; color:#024769; border:none; cursor:pointer; }
dt input.but { margin:1px 5px 1px 0px; padding:0px 15px 3px 15px; width:108px; height:30px; background:url(images/bg_but.gif); font:bold 12px/1.5em Arial; color:#fff; letter-spacing:1px; border:none; }

dt select { float:left; padding:2px; width:262px; }
dt textarea.classified { float:left; padding:5px; width:400px; height:150px; border:1px solid #c0c0c0; }
dt textarea.contact { float:left; margin:0 0 5px 0; padding:5px; width:400px; height:150px; border:1px solid #c0c0c0; }

/*========================================================================*/
/*		TABLE ELEMENTS													  */
/*========================================================================*/
table.contLeft { clear:both; margin:0px; width:600px; font: normal 12px/1.2em Arial; color:#272727; border-collapse:collapse; border:none; }
table.cont_left { clear:both; margin:0px; width:420px; font: normal 12px/1.2em Arial; color:#272727; border-collapse:collapse; border:none; }
table.cont_left2 { clear:both; margin:0px; width:300px; font: normal 12px/1.2em Arial; color:#272727; border-collapse:collapse; border:none; }
tr {margin:0px; padding:0px; width:auto; height:auto; border:none; }
th.noline { padding:0px 3px; height:26px; background:none; color:#272727; text-align:left; border:none; }
th.nolineCenter { padding:0px 3px; height:26px; background:none; color:#272727; text-align:center; border:none; }
th.nolineRight { padding:0px 3px; height:26px; background:none; color:#272727; text-align:right; border:none; }

td { height:auto; text-align:center; padding:5px 5px; border:none;}
td.noline { height:auto; text-align:left; padding:5px 5px; border:none;}
td.nolineCenter { height:auto; text-align:center; padding:5px 5px; border:none;}
td.nolineRight { height:auto; text-align:right; padding:5px 5px; border:none;}
td.nolineBoolean { width:150px; height:auto; text-align:right; padding:5px 5px; border:none;}