html{background:url(./images/bg_repeat.jpg) repeat-y left top #F5F5F5;}
body{
padding:0;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
margin:0px;
color:#4a4a4a;
background:url(./images/bg_top.jpg) no-repeat left top;
width:100%;
}
/*------------------------general style---------------------------------*/
a{
color:#4a4a4a;
text-decoration:none;
}
p{padding:5px;margin:0px;line-height:19px;}
p.main_text{text-align:justify;padding:0px 25px 5px 15px;margin:0px;line-height:19px; clear:both;}
.clear{clear:both;}
h1{
font-size:24px; color:#000; width:350px; float:left; padding:0 0 5px 0; margin:0px; font-weight:normal;
}
h2{
font-size:20px; color:#000; width:350px; float:left; padding:0 0 5px 0; margin:0px; font-weight:normal;
}
h3{
font-size:18px; color:#000; width:350px; float:left; padding:15px 0 10px 0; margin:0px; font-weight:normal;
}
h4{
font-size:16px; color:#000; width:350px; float:left; padding:15px 0 10px 0; margin:0px; font-weight:normal;
}
/*-----------------------main container----------------------------------*/
#main_container{width:100%;min-height:100%;margin:0px;padding:0px;}
#header{height:285px;width:auto;padding:0 0 0 50px;}
/*---------------- menu tab----------------------*/
.menu ul{ list-style:none; padding:0px; margin:0px;}
.menu ul li{padding:0px; margin:0px; float:left; display:inline;}
.menu ul li a{ padding:0px; margin:0px; float:left; text-decoration:none; font-size:20px; color:#000; padding:15px 0 0 0; margin:0 25px 0 5px;}
.menu ul li.current a{ padding:0px; margin:0px; float:left; text-decoration:none; font-size:20px; color:#000; border-top:4px #fff solid;padding:11px 0 0 0; margin:0 25px 0 5px;}
.menu ul li a:hover{border-top:4px #fff solid;padding:11px 0 0 0;}


.logo{ float:left; clear:both; padding:75px 0 0 0;}
.logo h1 a{ font-size:36px; color:#707070; padding:0px 0 0 5px;}
.logo h1 a span{ color:#000000; font-weight:bold;}
.motto{ width:520px; float:left; clear:both; font-size:20px; color:#FFFFFF; line-height:25px; padding:10px 0 0 5px;}
.motto span{ float:right; padding:5px 15px 0 0;}



.scrollGallery {
overflow:hidden;
height:495px;	
position:relative;
margin:0px 0 0px 5px;
}
.scrollGallery ul {
padding:0;
margin:0;
position:relative;
list-style:none;
width:31999px;
}
.scrollGallery ul li {
float:left;
padding:9px 0 0 9px;
margin:0 1px 0 1px;
width:305px;
height:486px;
background:url(./images/photo_frame_slider.png) no-repeat center;
}
.scrollGallery ul img {
display:block;
border:none;
}
.scrollGallery ul li h3{ color:#000; font-size:20px; padding:10px 0 0 10px; margin:0px; font-weight:normal; float:left; width:200px;}
span.photo_descr{
padding:5px 0 0 10px;
display:block;
color:#989898;
float:left;
width:200px;
}
a.details{
width:72px;
height:25px;
background:url(./images/details_bg.gif) no-repeat center;
float:right;
text-align:center;
line-height:25px;
color:#626262;
text-shadow:1px 1px #fff; font-size:14px; text-decoration:none; font-weight:bold; margin:24px 12px 0 0;
}
.center_content{
clear:both;
padding:0 0 30px 55px;
}
/*---------------blog---------*/
.narrowcolumn{
width:542px;
float:left;
padding:0 0 30px 0;
background:url(./images/narrow_column_bg.gif) repeat-y center;
}
.post{
width:542px;
float:left;
clear:both;
padding:10px 0 30px 0;
background:url(./images/post_bg.gif) no-repeat center bottom;
}
.post_left{
width:85px;
float:left;
padding:5px 0 0 5px;
font-size:20px;
color:#be0067;
}
.post_content{
width:400px;
float:left;
padding:5px 0 0 15px;
}
.post_content h2{
font-size:20px; color:#000; width:350px; float:left; padding:0 0 5px 0; margin:0px; font-weight:normal;
}
.post_content h2 a{
font-size:20px; color:#000; text-decoration:none;
}
.post_content p{
clear:both;
padding:5px 0 5px 0;
}
.post_content img{
border:2px #fff solid;
margin:5px 0 10px 0;
}
.post_content ul{
padding:15px 0 25px 30px; margin:0px; list-style:none; clear:both;
}
.post_content ul li{
padding:0 0 0 0px; margin:0px 0 10px 0; line-height:18px;
}
.post_content ul li a{
padding:0 0 0 12px;background:url(./images/bullet.gif) no-repeat left;
}
.post_content ul li a:hover{
color:#be0067;
background:url(./images/bullet_a.gif) no-repeat left;padding:0 0 0 12px;
}
.comm{
background:url(./images/comm.gif) no-repeat top right;
padding:10px 10px 0 0;
font-size:20px;
color:#be0067;
float:right;
width:40px;
text-align:right;
}
.comm a{
font-size:20px;
color:#be0067;
}
.blognav{
clear:both;
float:left;
width:200px;
padding:45px 0 0 0;
}
a.previous{
background:url(./images/prev.gif) no-repeat left;
padding:0 0 0 12px;
font-size:20px;
color:#be0067;
float:left;
}
a.next{
background:url(./images/next.gif) no-repeat right;
padding:0 12px 0 0;
font-size:20px;
color:#be0067;
float:left;
margin:0 0 0 18px;
}

.sidebar{
width:275px;
float:left;
padding:15px 0 0 45px;
}
.sidebar h2{
font-size:20px; color:#000; width:350px; float:left; padding:0 0 5px 0; margin:0px; font-weight:normal; clear:both;
}
.sidebar ul{padding:15px 0 25px 0; margin:0px; list-style:none; clear:both;}
.sidebar ul li{padding:0px; margin:0px 0 10px 0; line-height:18px;}
.sidebar ul li a{background:url(./images/bullet.gif) no-repeat left;background-position:0px 3px;padding:0 0 0 12px;}
.sidebar ul li a:hover{color:#be0067;background:url(./images/bullet_a.gif) no-repeat left;background-position:0px 3px;}

.sidebar_photos ul{padding:10px 0 0 0;margin:0px;float:left;clear:both; list-style:none;}
.sidebar_photos ul li{float:left; padding:0px; margin:0px;}
.sidebar_photos ul li a{margin:10px 10px 0 0; padding:0px;float:left;background:none;}
.sidebar_photos ul li a img{border:1px #fff solid;}
.sidebar_photos ul li a:hover img{border:1px #be0067 solid;}

.search_form{
width:250px;
float:left;
clear:both;
padding:0px 0 30px 0;
}
input.search_input{
width:185px;
height:21px;
border:1px #ededed solid;
border-right:none;
background-color:#dadada;
float:left;
}
input.search_submit{
float:left;
cursor:pointer;
background:none;
border:none;
}

.social_share ul{width:250px;float:left;clear:both;padding:10px 0 30px 0;margin:0px;}
.social_share ul li{float:left; padding:0px; margin:0px;}
.social_share ul li a{padding:0 7px 0 0;float:left;margin:0px;}
/*---------------portofolio----------------*/
.portofolio{
width:100%;
padding:0px 0 0 0px;
}
ul.workmenu {
width:900px;
clear:both;
padding:0px 0 45px 5px;
list-style:none;
}
ul.workmenu li{
padding:0px; margin:0px; float:left;
}
ul.workmenu li a{
float:left;
text-decoration:none;
background-color:#be0067;
color:#FFFFFF;
font-weight:bold;
margin:0 10px 0 0px;
padding:4px 15px 4px 15px;
}	
ul.workmenu li a:hover{
color:#be0067;
background-color:#FFFFFF;
}
ul.workmenu li.selected a{
float:left;
text-decoration:none;
font-weight:bold;
color:#be0067;
background-color:#FFFFFF;
margin:0 10px 0 0px;
padding:4px 15px 4px 15px;
}
ul.item{
list-style:none; padding:0px; margin:0px; clear:both;
}
ul.item li{
width:215px;height:159px;float:left;margin:0 10px 10px 0;background:url(./images/photo_frame_portofolio.png) no-repeat center;padding:9px 0 0 0px;}
ul.item li img{ border:none; margin:0 0 0 8px;}
ul.item li h3{ color:#000; font-size:18px; padding:10px 0 0 5px; margin:0px; font-weight:normal; float:left; width:130px;}

a.details_small{
width:55px;
height:23px;
background:url(./images/details_bg_small.gif) no-repeat center;
float:right;
text-align:center;
line-height:23px;
color:#626262;
text-shadow:1px 1px #fff; font-size:12px; text-decoration:none; font-weight:bold; margin:9px 10px 0 0;
}
/*-------------contact form-----------*/
.contact_form{
padding:10px 0 0 5px;
}
.form-row { padding:0 0 10px 0; clear: both; width:400px; float:left;}
.label { display: block; float: left; width:60px; text-align: left; line-height:25px; padding:0 10px 0 0;}
.form-row input{
width:320px;
float:left;
height:22px;
border:1px #ededed solid;
background-color:#dadada;
padding:5px 0 0 0;
}
.form-row textarea{
width:320px;
float:left;
height:55px;
border:1px #ededed solid;
background-color:#dadada;
padding:5px 0 0 0;
}
.form-row input.submit { width:63px; height:24px; float:right; clear:both; border:none; background:none; margin:0 10px 20px 0px;}
label.error { width: 220px; display: block; float: left; color: red; padding:5px 0 0 70px; }
/*----------------footer--------------*/
.footer{
clear:both;
width:731px;
height:54px;
background:url(./images/footer_bg.png) no-repeat center;
color:#7c7c7c;
line-height:50px;
margin:20px 0 0 40px;
padding:0 0 0 10px;
}