@charset "utf-8";
/* CSS Document */
* { padding:0; margin:0;}
body {font-family:Tahoma, Geneva, sans-serif; font-size:12px; color:#000;background:url(../images/content-top-BG.png) no-repeat top #fff; }

/*default*/
form { background:none; margin:0; padding:0; border:0 !important;}
a img{ border:0;}
/*ul { list-style:none !important;}*/
.clear { padding:0; margin:0; clear:both; height:auto;}

/*wrapper*/
#wrap { width:100%; float:left; overflow:hidden; height:auto; }

/*Header*/
#header-wrap { width:100%;  float:left; height:auto; background:url(../images/header-bottom-bg.png) repeat-x bottom; padding:15px 0 6px 0; margin-bottom:30px; }
#header { width:940px; height:auto;margin:0 auto; overflow:hidden;  }
#header-logo { width:250px; float:left; height:auto; padding:22px 0 0 0;}
#header-right { width:680px; float:right; height:auto; text-align:right;}

ul.top-links { display:block; list-style:none; font-size:13px; color:#000000; margin-bottom:50px;}
ul.top-links li{ display:inline;}
ul.top-links li a{ text-decoration:none; color:#000000; font-weight:bold;}
ul.top-links li a:hover{ text-decoration:underline;}
ul.top-links li span{ padding:0 3px;}
/* MENU */
ul.main-nav { display:block; text-align:right; font-size:22px;}

//ul.main-nav li{ display:inline; padding:0 0 0 18px; margin:0 0 0 18px; border-left:1px solid #CCCCCC;}
ul.main-nav li{ display:inline; padding:0 0 0 15px; margin:0 0 0 15px; border-left:1px solid #CCCCCC;}

ul.main-nav a{ text-decoration:none; color:#5F5D53;}
ul.main-nav a:hover { color:#952610;}
a.active-nave {color:#952610 !important;}
li.no-border { border:none !important;}


/*Content*/
#content-wrap { width:100%;  float:left; height:auto; margin-bottom:10px; min-height:320px; }
#content { width:940px;  height:auto;margin:0 auto; overflow:hidden;}

.banner-holder { width:870px;  height:auto; padding:0 0 0 68px; margin-bottom:30px; float:left; }
.banner-box { width:834px; height:304px; float:left;  background:url(../images/notebook-bg.png) no-repeat; color:#333333;}
.banner-box a{ color:#333;}
.banner-box a:hover{ text-decoration:none;}
.banner-left { width:380px; float:left; height:auto; padding:20px 0 0 16px; color:#333333;}
.banner-left h2{ padding:80px 0 0 24px; font-size:30px;}
.banner-left h3{ padding:0 0 0 24px; font-size:17px;}
.banner-left p{ padding:5px 0 0 24px; font-size:14px;}
.banner-right { width:360px; float:right; height:auto; padding:20px 24px 0 0;}

#left { width:532px; float:left; height:auto;}
#right { width:386px; float:right; height:auto;}

h1.main-heading { display:block; font-size:20px; color:#000000; padding:0; margin:0 0 15px 0;}
h1.main-heading a{color:#000000;}
h1.main-heading a:hover{ text-decoration:none;}
p.main-text { display:block; padding:0 0 15px 0; margin:0; text-align:justify; line-height:17px; font-size:1.1em;}
p.main-text a{color:#ff6600;}
p.main-text a:hover{ text-decoration:none;}

.offer-left { width:220px; float:left; height:auto;}
.offer-right {width:220px; float:right; height:auto; padding:0 47px 0 0;}
ul.offer-list { display:block;}
ul.offer-list li{ display:block; background:url(../images/check-icon.png) no-repeat left; padding:0 0 0 30px; margin-bottom:12px; }
ul.offer-list li a{ text-decoration:none; color:#465058; font-size:13px; background:url(../images/offer-list-bg.png) repeat-x bottom; padding:0 0 10px 0; display:block;}
ul.offer-list li a:hover{ color:#FF6600;} 

.news-box { width:386px; height:auto; float:left;background:url(../images/lates-news-body.png) repeat-y;  padding:0;}
.news-top { width:386px; height:42px; float:left; background:url(../images/lates-news-top.png) no-repeat;}
.news-body { width:360px; height:auto; float:left; padding:0 10px 12px 16px; background:url(../images/lates-news-bottom.png) no-repeat bottom; }

.date-box { width:32px; float:left; height:auto; padding:8px 0 0 0; }
p.date-month { text-align:center; font-size:9px; font-weight:bold;  font-family:Arial, Helvetica, sans-serif; color:#fff; line-height:10px;}
p.date-day { text-align:center; font-size:14px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; color:#fff;line-height:14px;}
.news-title { width:332px; float:left; height:auto; color:#2e2e2e; font-size:12px; padding:15px 10px 0 10px;}
.news-title h2{ display:block; font-size:12px; font-size:18px;}
.news-title h2 a{color:#2e2e2e; text-decoration:none;}
.news-title h2 a:hover{ text-decoration:underline;}

.news-details { width:350px; float:left; height:auto; padding:6px 5px; border-top:2px solid #C5C5C5; background:#DADADA;}
.news-details-left {width:250px; float:left; height:auto;font-size:10px; color:#727272; }
.news-details-left span{ padding:0 3px;}
.news-details-left a{ font-size:10px; color:#727272;}
.news-details-left a:hover{ color:#000; text-decoration:none;}
.news-details-right {width:80px; float:right; height:auto; background:url(../images/comment-icon.png) no-repeat left; padding:0 0 0 15px;}
.news-details-right a{ font-size:10px; color:#727272; text-decoration:none;}
.news-details-right a:hover{ color:#000;}

.news-content {width:355px; float:left; height:auto; padding:10px 0 10px 5px;}
.news-content-left {width:100px; float:left; height:auto; }
.news-content-left img{background:#fff; border:1px solid #D3D3D3; padding:4px; width:90px; height:77px;}
.news-content-right {float:right; height:auto; color:#6b6b6b; } /*width:245px;*/ 
.news-content-right p{ line-height:14px; font-size:11px; padding:0; margin:0 0 10px 0; text-align:justify;}
.news-content-right a{ color:#6b6b6b;}
.news-content-right a:hover{ text-decoration:none;}

p.new-read-more { display:block; text-align:right; padding:5px; font-size:10px; color:#797979;}
p.new-read-more a{color:#797979;}
p.new-read-more a:hover{ text-decoration:none;}
	
.portfolio { width:386px; float:left; text-align:center; padding:15px 0 0 0; margin:0;}	
.follow { width:386px; float:left; height:auto; text-align:center;}	
.follow img{ margin-right:2px;}


/*Footer*/
#footer-wrap { width:100%;  float:left; height:auto; background:url(../images/footer-bg.png) #DFDFDF repeat-x top;}
#footer { width:940px; height:auto;margin:0 auto; overflow:hidden; padding:22px 0; font-size:11px;color:#000;}
#footer a{ color:#000; }
#footer a:hover{text-decoration:none;}


#footer-left { width:680px; float:left; height:auto;}
#footer-left ul{ display:block; padding:6px 0 4px 0;}
#footer-left ul li{ display:inline;}
#footer-left ul li a{ text-decoration:none;}
#footer-left ul li a:hover{ text-decoration:underline;}
#footer-left ul li span{ padding:0 4px;}
#footer-left p{ display:block;}
#footer-right { width:220px; float:right; height:auto;}
#footer-right b{ font-size:18px; display:block; text-transform:uppercase;}
#footer-right b a{ color:#000000; text-decoration:none;background:url(../images/icon-rss.png) no-repeat left; display:block;padding:12px 0 8px 45px; }
#footer-right b a:hover{ color:#666666;}


/*added*/

.linkborder {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
}

span.sitemap-menu {
color:#1A6AB3;
font-size:11px;
font-weight:bold;
padding-top:7px;
}
ul.sitemap-menu {
font-family:Tahoma,Geneva,sans-serif;
list-style-type:square;
margin-bottom:5px;
margin-left:20px;
padding-bottom:10px;
text-align:left;
width:100%;
}
ul.sitemap-menu li {
margin:0;
padding:2px;
}
ul.sitemap-menu li a {
font-size:11px;
font-weight:bold;
text-decoration:underline;
}
ul.sitemap-menu li a:hover, a.m-active {
color:#0A557F;
}

.rellink-box { width:386px; height:auto; float:left;background:url(../images/lates-news-body.png) repeat-y;  padding:0;}
.rellink-top { width:386px; height:42px; float:left; background:url(../images/lates-news-top.png) no-repeat;}
.rellink-body { width:360px; height:auto; float:left; padding:0 10px 12px 16px; background:url(../images/lates-news-bottom.png) no-repeat bottom; }
.date-box { width:32px; float:left; height:auto; padding:8px 0 0 0; }
.rellink-title { width:332px; float:left; height:auto; color:#2e2e2e; font-size:12px; padding:15px 10px 0 10px;}
.rellink-title h2{ display:block; font-size:12px; font-size:18px;}
.rellink-details { width:350px; float:left; height:auto; border-top:2px solid #C5C5C5;}
.rellink-content {width:355px; float:left; height:auto; padding:10px 0 10px 5px;}

.portofolioitem a{ color:#FF6600; }














































/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */