@font-face {

    font-family: 'Helvetica';

    src: local('?'), url('helr45w.ttf') format('truetype');

    font-weight: normal;

    font-style: normal;

}

@charset "utf-8";

* { margin: 0; padding:0;}

ul,ol,li { list-style:none;}

a { color:#fff; text-decoration:none;}

img { border:none;}

body { 

	background:#1f2d33;  

	font-size: 12px;

	font-family: Helvetica, "Helvetica Neue", Arial, sans-serif;

	color: #fff;

}

.clear { clear:both; height:0px; overflow:hidden;}

.hidden { display: none;}

blockquote { margin: 25px 0 25px 10px; padding-left: 20px; border-left: 5px solid #007EFF; font-size: 13px; line-height: 1.45em; font-style: italic; color:#666;}

blockquote cite { margin: 5px 0 0; display: block;	}





#header, #container, #footer { width: 100%; float:left;}

#header { padding: 10px 0 0; background:#262626 url(../images/bg-body.png) repeat-x left top;}

#container { background: #2f434c; padding: 30px 0 40px; margin-top:-1px;}

#logo { float:left; margin-top:20px;margin-left: 8px;}

#logo img {width:300px}



.page-title { margin-bottom: 15px; color:#bababa; text-shadow: -1px -1px 0 #000;}



a.view-larger {

	font-family: Arial, Helvetica, sans-serif;

	font-weight:bold;

	text-transform: uppercase;

	text-decoration: underline;

	background: url(../images/i_mag.png) no-repeat left center;

	padding-left: 20px;

}



/********** < Slideshow */

#single-slider-wrapper {

	background:url("../images/slider_shadow.png") no-repeat scroll center bottom transparent;

    padding-bottom:35px;

    position:relative;

}

.single-slider { width: 940px; position: relative; overflow: hidden; margin: 0 auto;}

.single-slider .opacity-box { background-color: rgba(0, 0, 0, 0.5); position: absolute; width:940px;  padding:20px 20px 35px; left:0; bottom:0; color:#e5e5e5; }

.single-slider ul, .minimal ul li  { float:left;}

.single-slider ul li { width:940px; overflow:hidden; position:relative; min-height:400px; }

.slider-img { float:right; height:400px; overflow:hidden;}

#controls { text-align:center; clear:both; padding-bottom:2px; margin-top:-20px;}

#controls li { display: inline; margin: 0 3px;}

#controls li a { display: inline-block; width: 14px; height:14px; background-color:#1d1d1d; border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px; text-indent: -10em; overflow:hidden;}

#controls li a:hover,

#controls li.current a { background-color:#e5e5e5;}



/* Pricing Hosting Table */ 

#pricing {

  /*position: relative;*/

  

  width: 94%;

}

#pricing table {

  border-collapse: collapse;

/*  table-layout: fixed;*/

  margin: 10px 0 15px 0;

  width:570px;

}



#pricing .check strong {

  display: block;

  text-align: left;

  text-indent: -9999em;

  background: url(../images/table-check.gif) no-repeat center;

}



#pricing .on strong { background-image: url(../images/table-check-on.gif); }

ins { text-decoration: none; }



th.desc           { background: none; height: 63px; }



th.starter     { background: #979797; }

th.standard    { background: #D1D1D1; }

th.eco         { background: #D1D1D1; }

th.office      { background: #D1D1D1; }

th.business    { background: #979797; }

th.pro         { background: #D1D1D1; }

th.quick         { background: #D1D1D1; }

/*

#pricing th.on { background: url(../images/table-heading-on.gif) no-repeat bottom center; }

#pricing tfoot td.on { background: url(../images/table-foot-on.gif) no-repeat top center; height:63px; }

#pricing tbody td.on { background: url(../images/table-body-on.gif) no-repeat bottom center; text-shadow: 1px 1px 1px #777777;}

*/

#pricing th h4 { color: white; font-size: 110%;  font-weight: bold; line-height: 27px; margin: 12px 0; text-shadow: 1px 1px 1px #777777; }

#pricing th h4 span { font-size: 25px; height: 42px;}

#pricing th h4 span.perbulan { font-size: 12px; }

/* #pricing th.on h4 { display:block !important;margin-top:10px;} */



#pricing tbody { color: #fff; font-weight: bold; text-align: center; }

#pricing tbody td { font-size: 1.1em; text-shadow: 1px 1px 1px #777;}



.desc     { height: 27px; text-align: right; color: #333333; font-weight: bold; font-size: .8em !important;  text-shadow: 1px 1px 1px #fff !important;padding-right:10px;}

.starter  { background: url(../images/table-body-5.gif) repeat-x bottom center; }

.standard { background: url(../images/table-body-2.gif) repeat-x bottom center; }

.eco      { background: url(../images/table-body-2.gif) repeat-x bottom center; }

.business { background: url(../images/table-body-5.gif) repeat-x bottom center; }

.office   { background: url(../images/table-body-5.gif) repeat-x bottom center; }

.pro   		{ background: url(../images/table-body-2.gif) repeat-x bottom center; }

.quick   		{ background: url(../images/table-body-2.gif) repeat-x bottom center; }







#pricing tfoot td { vertical-align: top !important; text-align: center; }

#pricing td,#pricing th  { border-right: 1px solid #cccccc; }

#pricing tfoot td.pro {background:none;}

#pricing tfoot td.standard {background:none;}

#pricing tfoot td.pro {background:none;}

/* End Pricing Table */ 



/* A-r simple Dropdown */

/*

	LEVEL ONE

*/

ul#dropdown                         { position: relative;top:30px;left:0;float:right; }

ul#dropdown li                      { font-weight: bold; float: left; zoom: 1; }

ul#dropdown a:hover		            	{ color: #fff; }

ul#dropdown a:active                { color:#0CC; }

ul#dropdown li a                    { display: block; padding: 6px 12px; color: #BABABA; cursor: pointer;  padding-left: 14px;  text-decoration: none;text-shadow:-1px -1px 0 rgba(0, 0, 0, 0.75);font-size:14px; }

ul#dropdown li:last-child a         { border-right: none; } /* Doesn't work in IE */

ul#dropdown li.hover,

ul#dropdown li:hover                { color:white; position: relative; }

ul#dropdown li.hover a              { color: white; }





/* 

	LEVEL TWO

*/

ul#dropdown ul 						{ background:#262626;width: 160px; visibility: hidden; position: absolute; top: 100%; left: 0;z-index:100 }

ul#dropdown ul li 				{ font-weight: normal; color: #000; border-bottom: 1px solid #444;border-top:1px solid #252525; float: none; }

									  

                                    /* IE 6 & 7 Needs Inline Block */

ul#dropdown ul li a					{ border-right: none; width: 100%; display: inline-block;font-size:13px;text-align:;left }  



/* 

	LEVEL THREE

*/

ul#dropdown ul ul 					{ left: 100%; top: 0; }

ul#dropdown li:hover > ul 	{ visibility: visible; }



/* End Simple Dropdown */



table#kontak a {font-weight:normal;text-transform:none}



/* PORTFOLIO */

.port-item {

	display:table;margin-bottom:15px;border-top: 1px solid #F2F2F2; box-shadow: 0 -1px 0 #A1A2A2; padding:20px;width:520px;

}

.port-img {

	float:left; margin-right:30px	

}

.port-desc {

	float:left;

}

.port-desc ul { width:270px }

.port-desc h3 {

margin-top:0 !important;margin-bottom:10px !important;

}



#sticky-posts ul.list-feat li {

	background: url("../images/bullet.gif") no-repeat scroll left 5px transparent;

	margin: 3px 0;

	padding: 0 0 0 15px;

}



@charset "utf-8";

.center {

	width: 960px;/**/

	margin: 0 auto;

}

.nav > ul > li {

	margin: 0 0 0 10px;

}

.slideshow {

	overflow: hidden;

	height: 401px;

	width: 960px;

}

.slideshow .wrapper {

	position: relative;

	margin: 0 -1px;

}

.slideshow li {

	list-style: none;

	padding: 1px 1px;

	float: left;

}

.slideshow li div {

	overflow: hidden;

}

.slideshow li div, .slideshow img {

	float: left;

}

.slideshow .main {

	margin-right: 22px;

	width: 627px;

	height: 398px;

}

.slideshow .second, .slideshow .third {

	width: 310px;

	height: 188px;

}

.slideshow .second {

	margin-bottom: 22px;

}

.slideshow .slide {

	position:relative;

}

.slideshow .overlay {

	position: absolute;

	left: 0;

	top:0;

	width: 100%;

	height: 407px;

	background: transparent url(../images/slideshow.png) 0 0 no-repeat;

}

.slideshow .overlay.clickable {

	cursor:pointer;

}

.slideshow .overlay a {

	display: block;

	width: 76px;

	height: 78px;

	background: transparent url(../images/slideshow-arrow.png) 0 0 no-repeat;

	position: absolute;

	right: 288px;

	top: 166px;

}

.slideshow .overlay a:hover, .slideshow .overlay a:active {

	background-position: -76px 0;

}

.slideshow .opacity-box {

	background-color: rgba(0, 0, 0, 0.5);

	position: absolute;

	width:587px;

	padding:20px 20px 35px;

	left:0;

	bottom:0;

	color:#e5e5e5;

	height:45px;

}

.slideshow h2 {

	font-size: 22px;

	text-shadow: -1px -1px 0 #000;

	line-height:1em;

	margin-bottom:10px;

}

.slideshow h2 a {

	color: #fff;

}

.slideshow p {

	line-height: 1.4em;

}

.slideshow .overlay a {

	background-image: url(../images/slideshow-arrow.png);

}

#home-sticky, #sticky-posts {

	width: 100%;

	float:left;

}

#home-sticky {

	background: url(../images/bg-sticky.png) repeat-x left top;

}

#sticky-posts {

	background: url(../images/bg-sticky-bt.png) repeat-x left bottom;

	padding: 38px 0;

}

.sticky {

	color: #191919;

	float: left;

}

.sticky > div {

	background: url(../images/bg-sticky-box-bt.png) no-repeat left bottom;

	padding-bottom:6px;

	float:left;

}

.sticky > div > div {

	background: url(../images/bg-sticky-box-tp.png) no-repeat left top;

	padding-top:8px;

	float:left;

}

.sticky > div > div > div {

	background: url(../images/bg-sticky-box-ctt.png) repeat-y left top;

	padding: 10px 21px 10px 20px;

	width: 260px;

	float: left;

	height:340px

}

.sticky.mid {

	margin: 0 27px;

}

.sticky .thumbnail {

	margin: -17px -19px 0;

	width:298px;

	height:150px;

	padding-bottom:15px;

}

.sticky .thumbnail img {

	clip-path:url(../resources.svg#c1);

	max-width:298px;

	-webkit-border-top-right-radius: 4px;

	-webkit-border-top-left-radius: 4px;

}

.sticky h2 {

	font-size: 18px;

	line-height:1em;

	color: #000;

	text-shadow: 1px 1px 0 #E6E6E6;

	text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.4);

	margin-bottom:10px;

}

.sticky h2 a {

	color: #000;

}

.sticky .entry {

	margin: 2px 0 25px;

	line-height: 1.35em;

}

.post-links {

	width:100%;

	float:left;

}

.post-links li {

	float: right;

	margin-left: 5px;

}

.post-links li.more {

	float: left;

	text-transform: uppercase;

	margin-left: 0;

}

.post-links a {

	color: #1578dd;

	font-size: 14px;

	font-weight: bold;

	display: block;

	height: 23px;

	line-height: 23px;

}

.post-links a.icon {

	text-indent: -9999px;

}

.post-links .comments a {

	background: transparent url(../images/bubble.png) 0 0 no-repeat;

	width: 46px;

	padding-bottom: 6px;

	color: #fff;

	text-align:center;

}

.post-links .twitter a {

	background: transparent url(../images/twitter.png) 0 0 no-repeat;

	width: 23px;

}

.post-links .fb a {

	background: transparent url(../images/facebook.png) 0 0 no-repeat;

	width: 23px;

}

#footer, #footer-content {

	width: 100%;

	float:left;

}

#footer {

	background: #2f434c url(../images/footer-web.png) repeat-x left top;

	padding-top: 25px;

	margin-top:-25px;

	font-size: 12px;

	text-align:center;

}

.home #footer {

	background-image:none;

	padding-top:0;

	margin-top:0;

}

#footer-content {

	background: url(../images/footer-line.gif) repeat-y 525px top;

	padding: 30px 0 40px;

}

#footer-left {

	width:505px;

	float:left;

	padding: 0 10px;

}

#footer-list {

	width: 100%;

	float:left;

	padding-bottom:5px;

	margin-bottom:25px;

	background: url(../images/footer-list.gif) repeat-y center top;

}

#footer-list ul {

	font-size: 13px;

	color:#999;

	float:left;

}

#footer-list ul#latest {

	width: 140px;

	float:left;

	padding: 0 14px 0 4px;

}

#footer-list ul#archive {

	width: 150px;

	padding: 0 0 0 20px;

}

#footer-list ul#pages {

	float: right;

	width:140px;

}

#footer-list li {

	margin: 7px 0;

	line-height: 1em;

}

#footer-list li a {

	color:#999;

}

#footer-list li.first {

	font-size: 18px;

	font-weight:bold;

	margin: 0 0 15px;

	text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.75);

}

#sidebar {

	width: 301px;

	float:left;

}

.block {

	width: 301px;

	float:left;

	padding-bottom:6px;

	background: url(../images/bg-block-bt.png) no-repeat left bottom;

	margin-bottom:40px;

}

.block h2 {

	background: url(../images/bg-block-head.png) no-repeat left top;

	line-height:60px;

	padding-left:20px;

	font-size:22px;

	text-shadow: 1px 1px 0 #000;

}

.block .content {

	background: url(../images/bg-block-content.png) repeat-y left top;

	padding: 0 1px 0 0;

}

.block li {

	padding: 12px 20px 10px;

	font-size:15px;

	border-bottom: solid 1px #000;

	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1);

	-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1);

	-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1);

}

.block li.last {

	border-bottom:none;

	box-shadow:none;

	-moz-box-shadow:none;

	-webkit-box-shadow:none;

}

.block li a {

	display: block;

	padding-left: 15px;

	background: url(../images/bullet.gif) no-repeat left 4px;

}

.block li a:hover {

	color:#3CC;

}

#content {

	width: 621px;

	min-height:500px;

	margin-left:330px;

}

.post {

	width:100%;

	float:left;

	color:#191919;

	line-height:1.45em;

	margin-bottom:40px;

}

.post > div {

	background: url(../images/bg-post-tp.png) no-repeat left top;

	padding-top:8px;

	width:100%;

	float:left;

}

.post > div > div {

	background: url(../images/bg-post-bt.png) no-repeat left bottom;

	padding-bottom:7px;

	width:100%;

	float:left;

}

.post > div > div > div {

	background: url(../images/bg-post-ctt.png) repeat-y left bottom;

	padding: 15px 21px 5px 20px;

	width:580px;

	float:left;

	min-height: 702px;

}

.post .thumbnail {

	margin: -22px -19px 0;

	width:618px;

	height:auto;

	padding-bottom:15px;

}

.post .thumbnail img {

	clip-path:url(../resources.svg#c1);

	-webkit-border-top-right-radius: 4px;

	-webkit-border-top-left-radius: 4px;

}

.post h2 {

	color:#000;

	font-size:28px;

	text-shadow: 1px 1px 0 #fff;

	line-height: 1em;

	margin-bottom:20px;

}

.post p {

	margin-bottom: 15px;

}

.post p strong {

	font-size: 14px;

	color:#000;

	text-shadow: 1px 1px 0 #fff;

	line-height: 1.45em;

}

#content-full {

	width:960px;

}

#content-full .post > div {

	background: url(../images/bg-post-tp-full.png) no-repeat left top;

	padding-top:8px;

	width:100%;

	float:left;

}

#content-full .post > div > div {

	background: url(../images/bg-post-bt-full.png) no-repeat left bottom;

	padding-bottom:7px;

	width:100%;

	float:left;

}

#content-full .post > div > div > div {

	background: url(../images/bg-post-ctt-full.png) repeat-y left bottom;

	padding: 15px 21px 5px 20px;

	width:960px;

	float:left;

}

#content-full .post .entry {

	width:95%

}

.post-img {

	margin:-22px -18px 15px -19px;

}

.post-img img {

	clip-path:url(../resources.svg#c1);

	-webkit-border-top-right-radius: 3px;

	-webkit-border-top-left-radius: 3px;

}

.post .entry {

	padding: 0 0 5px;

	width:100%;

	float:left;

}

.post .entry a {

	font-weight:bold;

	color: #1578dd;

	text-transform:uppercase;

}

.postmeta {

	width:100%;

	float:left;

	padding: 10px 10px 0;

	margin: 0 -10px;

	border-top: solid 1px #f2f2f2;

	box-shadow: 0 -1px 0 #a1a2a2;

	-moz-box-shadow: 0 -1px 0 #a1a2a2;

	-webkit-box-shadow: 0 -1px 0 #a1a2a2;

}

.post .post-links {

	width:200px;

	padding:0;

	float: right;

}

.tags {

	font-size: 13px;

	color:#555;

	padding-right: 110px;

}

.post .tags {

	float: left;

	padding-right: 0;

}

.tags a {

	font-weight:bold;

	color:#000;

}

.post small {

	width:93%;

	background-color:#fefefe;

	border-radius: 3px;

	-moz-border-radius:3px;

	-webkit-border-radius: 3px;

	font-size:12px;

	/*font-weight:bold;*/

	padding: 20px;

	margin-top:5px;

	display: inline-block;

	margin-bottom:15px;

}

.post .entry ul, .post .entry ol {

	margin: 0 0 15px 10px;

	font-size:13px;

}

.post .entry ul li {

	background: url(../images/bullet.gif) no-repeat left 5px;

	margin: 3px 0;

	padding: 0 0 0 15px;

}

.post .entry ol li {

	list-style: decimal;

	margin-left: 18px;

}

.post .entry ol li ul li {

	list-style: none;

}

.alt {

	margin: 0;

	padding: 10px;

}

code {

	font: 1.1em 'Courier New', Courier, Fixed;

}

acronym, abbr, span.caps {

	font-size: 0.9em;

	letter-spacing: .07em;

}

.post h2 a {

	color:#000;

}

.post h3 {

	font-size: 18px;

	margin: 23px 0 2px;

}

.post #searchform {

	margin: 15px 0;

}

/* Begin Images */

.post .entry p img {

	padding: 0;

	max-width: 100%;

}

img.centered {

	display: block;

	margin-left: auto;

	margin-right: auto;

}

img.alignright {

	padding: 4px;

	margin: 0 0 2px 7px;

	display: inline;

}

img.alignleft {

	padding: 4px;

	margin: 0 7px 2px 0;

	display: inline;

}

.alignright {

	float: right;

}

.alignleft {

	float: left;

}

/* End Images */



/* FORM */



input[type=text],input[type=password],input.text, input.title, textarea, select { background-color:#fff; border:1px solid #bbb; padding: 2px; color: #4e4e4e; }

input[type=text]:focus, input[type=password]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus { border-color:#FC0; color: #3e3e3e; }

input[type=text], input.text, input.title, textarea, select { margin:0.5em 0; }

textarea { padding: 4px; }



form .title {

	background:#666;

}



form .title h3{ font-size:16px; margin: 10px 20px; color:#FFF}



.btn

{

	background-repeat: repeat-x;

	color: #FFF;	

	font-weight: bold;

	display: inline-block;	

	text-decoration: none;

	border-width: 1px;

	border-style: solid;

	padding:10px 20px;

	margin: 0;

	text-shadow: 1px 1px 1px rgba(0,0,0,.2);

	-moz-box-shadow: 1px 1px 1px rgba(0,0,0,.25);

	-webkit-box-shadow: 1px 1px 1px rgba(0,0,0,.25);

	-moz-border-radius: 4px;

	-webkit-border-radius: 4px;

	filter: progid:DXImageTransform.Microsoft.Shadow(color=#999999,direction=135,strength=2);

	cursor: pointer;

	position: relative;

	text-align:center;

}



/* Fix the button in IE7 :-( */

*+html .btn, *+html .btn-icon { border-color: none ; border: 1px solid transparent; }



/* Set default button colors */



.btn { background-color: #909090; border-color: #888; }

.btn:hover { background-color:#0CC; }



.btn-red { background-color: #E53535; border-color: #888; }

.btn-red:hover { background-color: #c11e1e; }

.btn-red { background-image: url(../images/bg-lite.png) !important; }



.btn-orange { background-color: #F90; border-color: #D58000; }

.btn-orange:hover { background-color: #D58000; }

.btn-orange { background-image: url(../images/bg-lite.png) !important; }



.error {

	clear: left;

	color:#C00;

	width: 150px;

	margin-left:150px;

}