html { height:100%; }
body { height:100%; background:#000 url(../images/main_bk.png) 0 0 repeat; color:#ddd; font-family:"Trebuchet MS",Arial,Helvetica,sans-serif; font-size:12px; line-height:1.4em; margin:0; padding:0; }
a { color:#f79536; text-decoration:none; }
a:focus { outline:0; }
img { border:0; }
p { margin:0; padding:0; }
fieldset { border:0; padding:0; margin:0; }
legend { display:none; }
input { outline:none; moz-outline:none; }
input, textarea, select { font-family:"Trebuchet MS",Arial,Helvetica,sans-serif; font-size:12px; }
input[type="submit"], input[type="checkbox"], input[type="radio"] { border:0; }
input[type="text"], input[type="password"], textarea, select { padding:4px;  border: 1px solid #ddd; border-top: 1px solid #999; }
input[type="submit"], input[type="button"] { padding:5px 20px; background:#f79536; color:#fff; cursor:pointer; height:30px; font-size:1em; line-leight:1em; }

input.validation-failed, input.error-input { border:1px dotted #f00 !important; background:#faebe7 !important; }
textarea.validation-failed, textarea.error-input { border:1px dotted #f00 !important; background:#faebe7 !important; }
select.validation-failed, select.error-input { border:1px dotted #f00 !important; background:#faebe7 !important; }

h1 { font-size:2em; padding:20px 0; margin:0; color:#f79536; }
h2 { font-size:1.2em; padding:10px 0; margin:0; color:#f79536; }
h3 { font-size:1.2em; padding:5px 0; margin:0; color:#f79536; }
h4 { font-size:1em; padding:2px 0; margin:0; color:#f79536; }

/* Noscript Notice */
.noscript { border:1px solid #ddd; border-width:0 0 1px; background:#ffff90; font-size:12px; line-height:1.25; text-align:center; color:#2f2f2f; }
.noscript .noscript-inner { width:950px; margin:0 auto; padding:12px 0 12px; background:url(../images/i_notice.gif) 20px 50% no-repeat; }
.noscript p { margin:0; }

.clear { clear:both; }
p.bodytext { margin-bottom:1.6em; line-height:2em; }

div.main { position:relative; min-height:100%; }
div.inner { margin:0 auto; padding-bottom:40px;  min-width:960px; } 
div.inner a.logo { display:block; width:135px; height:135px; background:url(../images/logo.png) 0 0 no-repeat; margin:0 30px 20px 10px; }

div.left-side { float:left; width:220px; margin-top:80px; margin-left:40px; }
div.left-side-abs { position:absolute; top:80px; left:40px; width:220px; z-index:100; }
div.right-side { clear:right; margin-left:340px; width:612px; padding-top:80px; }
div.right-side-big { clear:right; margin-left:340px; padding-top:80px; }

div.content { min-height:630px; color:#000; }
div.slideshow { min-height:630px; }
div.right-side-big div.content { padding:0; background:none; }

div.left-side-top { height:23px; background:url(../images/menu_top_bk.png) 0 0 no-repeat; }
div.left-side-middle { padding-left:30px; background:url(../images/menu_middle_bk.png) 0 0 no-repeat; min-height:355px; }
div.left-side-middle2 { padding-left:30px; background:url(../images/menu_middle2_bk.png) 0 0 repeat-y; }
div.left-side-bottom { height:30px; background:url(../images/menu_bottom_bk.png) 0 0 no-repeat; }

div.content div.content-top { height:22px; background:url(../images/content_top_bk.png) 0 0 no-repeat; }
div.content div.content-middle { background:url(../images/content_middle2_bk.png) 0 100% repeat-y; }
div.content div.content-middle2 { padding:10px 40px; background:url(../images/content_middle_bk.png) 0 0 no-repeat; min-height:614px; }
div.content div.content-bottom { height:30px; background:url(../images/content_bottom_bk.png) 0 0 no-repeat; }

div.menu { margin:50px 0 0 0; }
div.menu ul { list-style:none; margin:0; padding:0; }
div.menu ul li { padding:0 5px; }
div.menu ul li a { display:block; padding:7px 10px 7px 10px; color:#fff;  background:url(../images/menu_item_bottom_bk.png) 0 0 no-repeat; }
div.menu ul li.first a { background:none; }
div.menu ul li.active a, div.menu ul li a:hover { color:#f79536; }

div.cat-menu { margin:0; }
div.cat-menu ul { list-style:none; margin:0; padding:0; }
div.cat-menu ul li { padding:0 5px; }
div.cat-menu ul li a { display:block; padding:7px 10px 7px 10px; color:#fff; }
div.cat-menu ul li.active a { color:#f79536; }
div.cat-menu ul ul { margin-left:10px; }

/*footer*/
.footer { clear:both; height:20px; padding:10px 0; line-height:20px; color:#959595; text-align:center; background:#222; position:absolute; bottom:0; left:0; width:100%; min-width:960px; box-shadow:0 0 2px #000; }
.footer a { color:#fff; }
.footer a:hover { text-decoration:underline; }
.footer .footer-inner { padding:0 20px; }
.footer .footer-inner .footer-left { float:left; }
.footer .footer-inner .footer-right { float:right; }

/*sitemap*/
.csc-sitemap { padding:0; }
.csc-sitemap ul li { padding:4px 0; }

/*POWERMAIL*/
.powermail_mandatory { color:#f00; margin-left:5px; }
.tx-powermail-pi1 fieldset {  }
.tx-powermail-pi1 .tx_powermail_pi1_fieldwrap_html { clear:both; padding:0 0 5px 0; }
.tx-powermail-pi1 .tx_powermail_pi1_fieldwrap_html .powermail_mandatory_js { clear:both; color:#f00; }
.tx-powermail-pi1 .tx_powermail_pi1_fieldwrap_html label { display:block; }
.tx-powermail-pi1 .tx_powermail_pi1_fieldwrap_html input[type="text"] { width:280px; }
.tx-powermail-pi1 .tx_powermail_pi1_fieldwrap_html textarea { width:280px; height:90px; }
.tx-powermail-pi1 .tx_powermail_pi1_fieldwrap_html .powermail_submit {  }


/*Portofolio*/

div.slider-mask { width:100%; min-width:960px; height:100%; position:absolute; top:0; left:0; z-index:40; background:url(../images/slider_mask.png) 0 0 repeat; }

div.slider-big-inner { width:100%; height:100%; overflow:hidden; background:#000; }
div.slider-big-inner ul { list-style:none; margin:0; padding:0; width:100%; height:100%; }
div.slider-big-inner ul li { position:fixed; width:100%; height:100%; z-index:30; background:#000 url(../images/prettyPhoto/dark_rounded/loader.gif) 50% 50% no-repeat; display:none; }
div.slider-big-inner ul li div.slide-image.loading { display:none; }
div.slider-big-inner ul li.active { display:block; z-index:32; }
div.slider-big-inner ul li.prev { display:block; z-index:31; }

div.slider-thumb { width:100%; min-width:960px; height:24px; padding-top:10px; overflow:hidden; position:absolute; bottom:0; left:0; z-index:50; background:url(../images/thumb_mask.png) 0 0 repeat; }
div.slider-thumb.slider-thumb-all { height:100px; }
div.slider-thumb ul { list-style:none; padding:0; margin:0 8px; }
div.slider-thumb ul li { float:left; display:inline; width:102px; height:62px; margin:0 10px 0 0; background:url(../images/thumb_item_bk.png) 0 0 repeat; padding:4px; }
div.slider-thumb ul li a img {   /* For IE8 and earlier */ }
div.slider-thumb ul li a:hover img { opacity:1; filter:alpha(opacity=100); /* For IE8 and earlier */ }
div.slider-thumb ul li.active a img { opacity:1; filter:alpha(opacity=100); /* For IE8 and earlier */ }


div.slider-thumb div.thumb_control_prev { width:32px; height:34px; position:absolute; bottom:48px; left:0; z-index:55; }
div.slider-thumb div.thumb_control_prev a { display:block; width:32px; height:34px; background:url("../images/thumb_control_prev.png") no-repeat scroll 0 -34px transparent; }
div.slider-thumb div.thumb_control_prev a:hover { background-position:0 0; }
div.slider-thumb div.thumb_control_next { width:32px; height:34px; position:absolute; bottom:48px; right:0; z-index:55; }
div.slider-thumb div.thumb_control_next a { display:block; width:32px; height:34px; background:url("../images/thumb_control_next.png") no-repeat scroll 0 -34px transparent; }
div.slider-thumb div.thumb_control_next a:hover { background-position:0 0; }

div.slider-thumb div.thumb_control { position:absolute; z-index:55; bottom:0; left:0; width:100%; height:30px; }
div.slider-thumb div.thumb_control div.thumb_info { height:23px; line-height:23px; position:absolute; bottom:4px; left:20px; color:#ccc; }
div.slider-thumb div.thumb_control div.thumb_info p { height:23px; line-height:23px; color:#ccc; }
div.slider-thumb div.thumb_control div.thumb_control_pause { width:22px; height:23px; position:absolute; bottom:4px; right:50px; z-index:55; }
div.slider-thumb div.thumb_control div.thumb_control_pause a { display:block; width:22px; height:23px; background:url("../images/thumb_control.png") no-repeat scroll 0 0 transparent; }
div.slider-thumb div.thumb_control div.thumb_control_pause a:hover { background-position:0 -23px; }
div.slider-thumb div.thumb_control div.thumb_control_play { width:22px; height:23px; position:absolute; bottom:4px; right:50px; z-index:55; }
div.slider-thumb div.thumb_control div.thumb_control_play a { display:block; width:22px; height:23px; background:url("../images/thumb_control.png") no-repeat scroll -22px 0 transparent; }
div.slider-thumb div.thumb_control div.thumb_control_play a:hover { background-position:-22px -23px; }

div.slider-thumb div.thumb_control div.thumb_control_show { width:22px; height:23px; position:absolute; bottom:4px; right:20px; z-index:55; }
div.slider-thumb div.thumb_control div.thumb_control_show a { display:block; width:22px; height:23px; background:url("../images/thumb_control.png") no-repeat scroll -44px 0 transparent; }
div.slider-thumb div.thumb_control div.thumb_control_show a:hover { background-position:-44px -23px; }
div.slider-thumb div.thumb_control div.thumb_control_hide { width:22px; height:23px; position:absolute; bottom:4px; right:20px; z-index:55; }
div.slider-thumb div.thumb_control div.thumb_control_hide a { display:block; width:22px; height:23px; background:url("../images/thumb_control.png") no-repeat scroll -66px 0 transparent; }
div.slider-thumb div.thumb_control div.thumb_control_hide a:hover { background-position:-66px -23px; }

ul#album-list { list-style:none; margin:0; padding:0; }
ul#album-list li { float:left; margin:0 40px 40px 0; padding:0; cursor:pointer; }
ul#album-list li h2 { color:#fff; padding:5px 10px; background:#000; -webkit-border-radius-topleft: 4px; -moz-border-radius-topleft: 4px; border-top-left-radius: 4px; -webkit-border-radius-topright: 4px; -moz-border-radius-topright: 4px; border-top-right-radius: 4px; box-shadow:0 0 2px #666; }
ul#album-list li h2 a { color:#fff; }

ul#album-list li div.album-list-item-mask { background:#fff; opacity:0.9; filter:alpha(opacity=90); position:absolute; top:0; left:0; width:100%; height:0; overflow:hidden;  -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; box-shadow:0 0 2px #000; }
ul#album-list li div.album-list-item-mask h2 { position:relative; color:#ddd;  }
ul#album-list li div.album-list-item-mask div.album-list-description { padding:10px; }
ul#album-list li div.album-list-item-mask div.album-list-description p.bodytext { margin-bottom:0; }

a.link-more { background: url("../images/go_more.png") no-repeat scroll 0 0 transparent; clear: both; color: #ededed; display: block; float: left; font-size: 10px; height: 21px; line-height: 13px; margin: 5px 0 4px; overflow: hidden; position: relative; text-decoration: none; text-shadow: 1px 1px 0 #000; }
a.link-more span { background: url("../images/go_more_right.png") no-repeat scroll right 0 transparent; display: block; padding: 3px 7px 6px; }
a.link-more span i { background: url("../images/go_more_arrow.png") no-repeat scroll 0 0 transparent; display: block; float: right; height: 6px; margin: 4px 0 0 4px; width: 10px; }

a.link-more:hover { background-position:0 -21px; }
a.link-more:hover span { background-position:100% -21px; }


ul#album-image-list { list-style:none; margin:0; padding:0; }
ul#album-image-list li { float:left; margin:0 40px 40px 0; padding:0; position:relative; }
ul#album-image-list li h2 { color:#fff; padding:0; position:absolute; top:5px; left:10px; }

div.rounded { position:relative; overflow:hidden; padding:2px; background:#111; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; box-shadow:0 0 2px #000; }
div.rounded a.link-image { display:block; line-height:0; min-height:200px; min-width:200px; }
div.rounded img { -webkit-border-radius-bottomleft: 4px; -moz-border-radius-bottomleft: 4px; border-bottom-left-radius: 4px; -webkit-border-radius-bottomright: 4px; -moz-border-radius-bottomright: 4px; border-bottom-right-radius: 4px; box-shadow:0 0 2px #666; }
ul#album-image-list div.rounded img { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; box-shadow:0 0 2px #000; }

DIV.csc-textpic-clear { clear:right !important; }