Hello

/** Page structure tweaks for layout editor wireframe */
body#layout #main-wrap1,
body#layout .sidebar-wrap,
body#layout #header-wrapper {
margin-top: 0;
}
body#layout #header, body#layout #header-wrapper,
body#layout #outer-wrapper {
margin-left:0,
margin-right: 0;
padding: 0;
}
body#layout #outer-wrapper {
width: 730px;
}
body#layout #footer-wrap1 {
padding-top: 0;
}
/*Credits: CSSplay */
/*URL: http://www.cssplay.co.uk/menus/pro_15 */
.preload15 {background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCZ0Xw4PvP7aREfP6XfErJga3amU7ly7JONaA5A9QnOxrN6vSR95FCFt298vxeY7vwk_LAG-zWiKsgLmuXOR_OaIE97_uptMbpR4yNiKbZt4v_MQ5rsSptN_sXsZ6U8z2bX3BC5h9Pt2k/s400/pro_15_1.gif);}
.pro15 {padding:0 0 0 20px; margin:0; list-style:none; height:30px; background:#1841c8 url(http://2.bp.blogspot.com/_c-

XFk4OciTE/R9rK338-11I/AAAAAAAAAZw/CMao7v_DUtg/s400/pro_15_0.gif);}
.pro15 li {float:left;}
.pro15 li a {display:block; float:left; height:30px; line-height:30px; background:url(http://2.bp.blogspot.com/_c-

XFk4OciTE/R9rK338-11I/AAAAAAAAAZw/CMao7v_DUtg/s400/pro_15_0.gif); color:#254117; text-decoration:none; font-family:arial,

verdana, sans-serif; text-align:center; padding:0 0 0 10px; cursor:pointer; font-size:11px;}
.pro15 li a b {float:left; display:block; background:url(http://2.bp.blogspot.com/_c-XFk4OciTE/R9rK338-

11I/AAAAAAAAAZw/CMao7v_DUtg/s400/pro_15_0.gif) right top; padding:0 16px 0 8px; color:#254117;}
.pro15 li.current a {color:#fff; background:url(http://4.bp.blogspot.com/_c-XFk4OciTE/R9rK4X8-

13I/AAAAAAAAAaA/xlwvl2QTp4c/s400/pro_15_2.gif);}
.pro15 li.current a b {background:url(http://4.bp.blogspot.com/_c-XFk4OciTE/R9rK4X8-

13I/AAAAAAAAAaA/xlwvl2QTp4c/s400/pro_15_2.gif) no-repeat right top; color:#fff;cursor:pointer;}
.pro15 li a:hover {color:#fff; background: url(http://3.bp.blogspot.com/_c-XFk4OciTE/R9rK4H8-

12I/AAAAAAAAAZ4/gKdf3mjpStk/s400/pro_15_1.gif); text-decoration:none;}
.pro15 li a:hover b {background:url(http://3.bp.blogspot.com/_c-XFk4OciTE/R9rK4H8-

12I/AAAAAAAAAZ4/gKdf3mjpStk/s400/pro_15_1.gif) no-repeat right top; color:#fff;text-decoration:none;}
.pro15 li.current a:hover {color:#fff; background: url(http://4.bp.blogspot.com/_c-XFk4OciTE/R9rK4X8-

13I/AAAAAAAAAaA/xlwvl2QTp4c/s400/pro_15_2.gif); cursor:default;text-decoration:none;}
.pro15 li.current a:hover b {background:url(http://4.bp.blogspot.com/_c-XFk4OciTE/R9rK4X8-

13I/AAAAAAAAAaA/xlwvl2QTp4c/s400/pro_15_2.gif) no-repeat right top; color:#fff; text-decoration:none;}
.pro15 li a em {display:block; float:left; width:16px; height:30px;}
.pro15 li a em.home {background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinxubaEy2sj-_XX61PqjwZCscuHcW2FG7Ku5W_rwgN_iaqjI3ZxLyC0ona9gV0H-ZhBcrZT-SBTTSTpWRuq5pymXACExyehgvXwvbWRz5WijiTjDSMwbIJJgLmJZxNiOOWDJ5z5m70MNw/s400/home.gif)

no-repeat center center;}
.pro15 li a em.template {background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwxk-3ByLMIQTlihBVt7p2JLzIJzK8ATrx5JWMb17DhTxzvELO0r_Hyd_xCSFfJ0Oeqt98ijItSIHoDyvvnGFoZ113o3JUykICHJsCVYbgK1_eMZxEfHCmF4MdPwhOMxBTsuMfLxJ9fRk/s400/page.gif
) no-repeat center center;}
.pro15 li a em.blogtutor {background:url(http://4.bp.blogspot.com/_c-XFk4OciTE/R9qzaX8-

1pI/AAAAAAAAAYQ/siq71IH05sk/s400/key.gif) no-repeat center center;}
.pro15 li a em.library {background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2yg2Qh_qgLBWi5VN4KicQ7WMkVtyG-6td6G1qx8xtZ8JqKmiZQ4Ud0yqO1WCxkfRuFxhC-TzIFVC4IxQVDgFxMwzuTCE_9D0k8sa2HFurxZlxsstn8NGhC45r4QK0y3-_Iy-GzwcycBU/s400/info.gif)

no-repeat center center;}
.pro15 li a em.obral {background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheAM_o6dwzoBCVxFaOq0HLMoOxvxnSFdoXz1Ap_3NVVIi8JjpvIrdke71lzfL8Yen3WgJx8WO72YghFjm18H6nc_Lm8N8EyXMbIbBVYEi5cSnwYCdC-t9422wlN6k9b3arzyCn7fQldPE/s400/book.gif)

no-repeat center center;}
.pro15 li a em.resep {background:url(http://4.bp.blogspot.com/_c-XFk4OciTE/R9qzlX8-

1rI/AAAAAAAAAYg/yInfi4UPgDU/s400/monitor.gif) no-repeat center center;}
/* thumbnail
======================== */
.tabel {
padding:5px;
margin:0;
float:left;
}
.thumbnail {
position:relative;
z-index:100;
}
.thumbnail a.gambar-kecil, .thumbnail a.gambar-kecil1:visited {
display:block;
text-decoration:none;
background:transparent;
top:0;
left:0;
border: 2px solid #000;
}
.thumbnail a img {
border:0;
}
.thumbnail a.gambar-kecil:hover {
text-decoration:none;
background-color:#8c97a3;
color:#000;
border: 2px solid #00ff00;
}
.thumbnail a .gambar-besar1 {
display:block;
position:absolute;
width:0;
height:0;
border:0;
top:0;
left:0;
}
.thumbnail a.gambar-kecil:hover .gambar-besar1 {
display:block;
position:absolute;
top:0px;
left:200px;
width:400px;
height:300px;
border:7px solid #D21E00;
}
.thumbnail a .gambar-besar2 {
display:block;
position:absolute;
width:0;
height:0;
border:0;
top:0;
left:0;
}
.thumbnail a.gambar-kecil:hover .gambar-besar2 {
display:block;
position:absolute;
top:100px;
left:0px;
width:400px;
height:300px;
border:5px solid #000;
}
.thumbnail a .gambar-besar3 {
display:block;
position:absolute;
width:0;
height:0;
border:0;
top:0; left:0;
}
.thumbnail a.gambar-kecil:hover .gambar-besar3 {
display:block;
position:absolute;
top:100px;
left:0px;
width:400px;
height:300px;
border:5px solid #000;
}
#menu {position:relative; top:10px; left:100px; width:75px; background-color:#fff; z-index:100;}
#menu a.p1, #menu a.p1:visited {display:block; width:75px; height:75px; text-decoration:none; background:#fff; top:0; left:0;

border:0;}
#menu a img {border:0;}
#menu a.p1:hover {text-decoration:none; background-color:#8c97a3; color:#000;}
#menu a .large {display:block; position:absolute; width:0; height:0; border:0; top:0; left:0;}
#menu a.p1:hover .large {display:block; position:absolute; top:-65px; left:150px; width:300px; height:300px; border:10px

solid #ccc;}