/*  
Theme Name: Calibreworks Themes
Theme URL: http://neotechzone.com
Author: Heri Pramono
Author URI: http://neotechzone.com
Version: 1.0
*/



@charset "utf-8";
/* CSS Document */
* html {
margin:0;padding:0;
}
a img, fieldset { border:none; }
.clearer { clear:both; }
body {
background:url(images/bg.jpg) left top repeat-x;
margin:0 auto;
padding:0;
text-align:center;
font:12px Arial, Helvetica, sans-serif;
color:#676767;
}

#wrapper-container {
background:url(images/bg_top.jpg) center top no-repeat;
margin:0 auto;
padding:0;
text-align:center;
}

#wrapper {
margin:0 auto;
padding:0;
text-align:center;
width:1097px;
position:relative;
}
	#wrapper #header {
	background:url(images/bg_header.jpg) left 190px no-repeat;
	width:984px;
	height:525px;
	margin:0 auto;
	padding:0;
	position:relative;
	}
		#wrapper #header #logo {
		width:100%;text-align:left;
		}
		#wrapper #header #mainnav {
		width:100%;text-align:right;
		position:absolute;
		left:0;
		top:115px;
		z-index:2;
		}
		#wrapper #header #banner_flash {
		clear:both;
		width:972px;
		height:327px;
		overflow:hidden;
		position:absolute;
		left:6px;
		top:196px;
		z-index:1;
		}
			#wrapper #header #banner_flash ul#banner_flash_content_home, #wrapper #header #banner_flash ul#banner_flash_content_home dl {
			list-style:none;margin:0;padding:0;
			}
	#wrapper #header_bottom {
	background:url(images/header_bottom.jpg) -5px top no-repeat;
	text-align:center;
	width:1097px;
	height:26px;
	}
	#wrapper #header_quote {
	position:absolute;
	top:480px;
	right:90px;
	z-index:3;
	}
	*:first-child+html #wrapper #header_quote {
	width:315px;
	}
	#wrapper #container {
	background:url(images/bg_container.jpg) left bottom no-repeat;
	width:969px;
	margin:0 auto;
	padding:20px 25px;
	text-align:left;
	}
	* html #wrapper #container {
	width:1019px;	
	}
	#wrapper #container .top {
	}
		#wrapper #container .top #portfolio-banner-container {
		float:left;
		background:url(images/bg_carouselbox.jpg) left top no-repeat;
		width:379px;
		height:245px;
		}

		#wrapper #container .top #slogan {
		float:right;
		margin:35px 15px 0 0;
		}
		* html #wrapper #container .top #slogan {
		margin:35px 0 0 0;	
		}
	#wrapper #container .bottom {
	margin-top:10px;
	}
		#wrapper #container .bottom #product-banner-container {
		float:left;
		width:720px;
		height: 375px;
		overflow: hidden;
		margin-bottom:90px;
		}

		#wrapper #container .bottom #recent_project {
		float:right;
		width:230px;
		}
			* html #wrapper #container .bottom #recent_project {
			width:235px;	
			}
/* product-wrap */
#product-wrap #product-container ul, #product-wrap #product-container dl { list-style:none;margin:0;padding:0; }
#product-wrap #product-container li {
width:240px;
float:left;
}
/* product-wrap */

/* portfolio-wrap */
#portfolio-wrap {
position:relative;
}
	#portfolio-wrap .prev, #portfolio-wrap .next {
	width:31px;
	height:33px;
	border:none;
	cursor:pointer;
	}
	#portfolio-wrap .prev {
	background:url(images/prev.jpg) left top no-repeat;
	position:absolute;
	top:75px;
	left:7px;
	}
	#portfolio-wrap .next {
	background:url(images/next.jpg) left top no-repeat;
	position:absolute;
	top:75px;
	right:7px;
	}
	#portfolio-wrap #portfolio-container {
	position:absolute;
	margin:35px 0 0 50px;
	width:275px;
	height:175px;
	overflow:hidden;
	}
	#portfolio-wrap #portfolio-container ul, #portfolio-wrap #portfolio-container dl { list-style:none;margin:0;padding:0; }
	#portfolio-wrap #portfolio-container ul li {
	margin:0;padding:0;
	width:275px;
	}
/* portfolio-wrap */

/* modulebox */

.modulebox h1 {
margin:2px 0;padding:0;
font:18px Verdana, Arial, Helvetica, sans-serif;
text-transform:uppercase;
}
.modulebox p {}
.modulebox ol li{
margin-left:-20px;
}
/* modulebox */

#footer {
background:#111B24 url(images/bg_footer.jpg) left bottom repeat-x;
height:139px;
margin:-66px 0 0 0;
padding:70px 0 0 0;
color:#FFF;
}
* html #footer {
margin:-61px 0 0 0;
}
#footer #footer_container {
width:1000px;
margin:0 auto;
padding:0;
text-align:left;
}
* html #footer #footer_container {
width:1000px;

}
#footer ul { list-style:none;margin:0;padding:0; }
#footer_container #footer_menu {
float:left;
width:640px;
font-size:12px;
}
	#footer_container #footer_menu a, #footer_container #copyright a {
	color:#FFF;text-decoration:none;
	}
	#footer_container #footer_menu li {
	float:left;
	background:url(images/footer_separator.jpg) right top no-repeat;
	height:125px;
	padding:0 15px;
	text-transform:capitalize;
	}
	*:first-child+html #footer_container #footer_menu li {
	width:95px;	
	}
	* html #footer_container #footer_menu li {
	width:85px;	
	}
		#footer_container #footer_menu li ul {
		list-style:inside;
		margin:5px 0 0 0;padding:0 15px 0 0;
		}
		#footer_container #footer_menu li ul li {
		clear:both;
		height:auto;
		background:none;
		padding:0;
		text-transform:lowercase;
		}
		#footer_container #footer_menu ul{
                margin-top:-5px;
                }
                 #footer_container #footer_menu ul li{
                  margin-top:-1px;
                  }
#footer_container .right {
width:310px;
float: right;
}

#footer_container #copyright { margin-top:10px;font-size:11px;text-align:right; }

/* modulebox */
.modulebox {
	
}
	.modulebox ul.support_online {
		list-style:none;margin:0;padding:5px;
	}
	.modulebox ul.support_online li {
		color:#004A8E;
		font-weight:bold;
		border-bottom:1px dotted #009EF3;
		width:200px;
		padding:5px 0;
	}
		


/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
	font-size:12px;
	font-weight:bold;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			10em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			4em; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}

/*** DEMO SKIN ***/
.sf-menu {
	float:			right;
}
.sf-menu a {
	/*background:url(images/mainnav_li.gif) left top no-repeat;*/
	padding: 		1.7em;
	text-decoration:none;
}
.sf-menu a { /* visited pseudo selector so IE6 applies text colour*/
	color:			#12517d;
}
.sf-menu li {
	text-transform:uppercase;
	text-align:center;
}
.sf-menu li ul {
	width:170px;
	
}
.sf-menu li li {
	text-align:left;
	background:url(images/submenu_bg.jpg) left top repeat-x;
}

.sf-menu li li.bottom {
	text-align:left;
	background:url(images/submenu_bottom.png) left bottom repeat-y;
	border-bottom:0;
	height:14px;
}

.sf-menu li li a {
	background:none;
	color:			#19225B;
	padding: 		.75em 1em;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	color:#A66A14;
	outline:0;
	
}

/*** arrows **/
.sf-menu a.sf-with-ul {
	/*padding-right: 	2.25em;*/
	/*min-width:		1px;*/ /* trigger IE7 hasLayout so spans position accurately */

}
.sf-sub-indicator {
	display:none;
	/*position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em;
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('images/arrows-ffffff.png') no-repeat -10px -100px;*/ /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	padding: 9px 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}


/* default styles for extension "tx_veguestbook_pi1" */

    .tx-veguestbook-pi1 {
        font-size:100%;
    }
  
    /* error handling */
	.tx-veguestbook-pi1 p.tx-guestbook-form-error {
		font-weight:bold;
		color:#990000;
	}
	
	/* display of result count */
	.tx-veguestbook-pi1 .tx-guestbook-result {
		font-weight:bold;
		float:left;
	}
	
	/* pagination */
	.tx-veguestbook-pi1 .tx-guestbook-pagination {
		font-size:75%;
		font-weight:bold;
		float:right;
	}
	
	/* styles for list mode */
	.tx-veguestbook-pi1 h2.tx-guestbook-header {
		clear:both;
		background:#666;
		color:#FFF;
		display:block;
		font-size:100%;
		font-weight:bold;
		padding: 1em;
		width: 35em;
	}
	
	.tx-veguestbook-pi1 .tx-guestbook-left {
		float:left;
		width:12em;
		background:#EFEFEF;
		min-height:4em;
		padding: 1em;
	}
	
	.tx-veguestbook-pi1 .tx-guestbook-left {
		height:4em;
	}
	
	.tx-veguestbook-pi1 .tx-guestbook-left p {
		color:#333;
	}
 
	.tx-veguestbook-pi1 .tx-guestbook-right {
		float:left;
		width:21em;
		background:#FFF;
		padding: 1em;
	}
	
	/* styles for latest mode */
	.tx-veguestbook-pi1 .tx-guestbook-latest p,
	.tx-veguestbook-pi1 .tx-guestbook-right p {
		color:#333;
	}
	
	.tx-veguestbook-pi1 .tx-guestbook-latest p.tx-guestbook-date,
	.tx-veguestbook-pi1 .tx-guestbook-right p.tx-guestbook-date {
        font-weight: bold;
	}
 
	.tx-veguestbook-pi1 .tx-guestbook-right h3 {
		font-size:100%;
		color:#990000;
		font-weight:bold;
		background:none;
	}
	
	.tx-veguestbook-pi1 .tx-guestbook-right .tx-guestbook-comment {
		font-size:75%;
		color:#333;
		font-style: italic;
	}
	
	.tx-veguestbook-pi1 .tx-guestbook-latest {
		display:block;
		padding:0.25em;
		clear:both;
	}
	
	/* form styles */
	.tx-veguestbook-pi1 .tx-guestbook-field {
		clear:both;
		width:100%;
		display:block;
		padding: 1em 0;
	}
	
	.tx-veguestbook-pi1 .tx-guestbook-field label {
		clear: both;
		display: block;
		float: left;
		width: 10em;
	}
	
	.tx-veguestbook-pi1 .tx-guestbook-field input.tx-guestbook-form-inputfield-med {
		float:left;
		width:10em;
	}
	
	.tx-veguestbook-pi1 .tx-guestbook-field input.tx-guestbook-form-inputfield-big {
		float:left;
		width:20em;
	}
	
	.tx-veguestbook-pi1 .tx-guestbook-field textarea.tx-guestbook-form-textarea {
		width: 30em;
		display: block;
		float: left;
	}
	
	.tx-veguestbook-pi1 .tx-guestbook-field span.tx-guestbook-form-obligationfield {
		color:#990000;
	}
	
	.tx-veguestbook-pi1 fieldset {
		border:none;
	}
	
	.tx-veguestbook-pi1 legend {
		display:none;
	}
	
	.tx-veguestbook-pi1 .tx-guestbook-freecap {
		float:left;
		display:block;
		background:#F7F7F7;
		border:1px solid #CCC;
	}
 
	.tx-veguestbook-pi1 .tx-guestbook-freecap {
		margin-left:2.25em;
	}
 
	
	.tx-veguestbook-pi1 .tx-guestbook-freecap img {
		float:left;
		display:block;
		padding-left:0.25em;
	}
	
	.tx-veguestbook-pi1 .tx-guestbook-freecap input {
		float:left;
	}
	
	.tx-veguestbook-pi1 .tx-guestbook-freecap label {
		clear:both;
		display:block;
		float:none;
		width:10em;
		margin-bottom:0.5em;
	}
	
	.tx-veguestbook-pi1 .tx-guestbook-freecap p {
		font-size:75%;
		padding:0.25em;
	}
	
	.tx-veguestbook-pi1 .tx-guestbook-freecap h3 {
		display:none;
	}
	
	.tx-veguestbook-pi1 .tx-guestbook-freecap span.tx-srfreecap-pi2-cant-read {
		color:#990000;
	}
	
	.tx-veguestbook-pi1 .tx-guestbook-clear {
		clear:both;
		display:block;
	}
	
	.tx-veguestbook-pi1 input.tx-guestbook-submit {
		width:auto;
		display:block;
	}
/* default styles for extension "tx_cssstyledcontent" */
/* Captions */
	DIV.csc-textpic-caption-c .csc-textpic-caption { text-align: center; }
	DIV.csc-textpic-caption-r .csc-textpic-caption { text-align: right; }
	DIV.csc-textpic-caption-l .csc-textpic-caption { text-align: left; }

	/* Needed for noRows setting */
	DIV.csc-textpic DIV.csc-textpic-imagecolumn { float: left; display: inline; }

	/* Border just around the image */
	DIV.csc-textpic-border DIV.csc-textpic-imagewrap .csc-textpic-image IMG {
		border: 2px solid black;
		padding: 0px 0px;
	}

	DIV.csc-textpic-imagewrap { padding: 0; }

	DIV.csc-textpic IMG { border: none; }

	/* DIV: This will place the images side by side */
	DIV.csc-textpic DIV.csc-textpic-imagewrap DIV.csc-textpic-image { float: left; }

	/* UL: This will place the images side by side */
	DIV.csc-textpic DIV.csc-textpic-imagewrap UL { list-style: none; margin: 0; padding: 0; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap UL LI { float: left; margin: 0; padding: 0; }

	/* DL: This will place the images side by side */
	DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image { float: left; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DT { float: none; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DD { float: none; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DD IMG { border: none; } /* FE-Editing Icons */
	DL.csc-textpic-image { margin: 0; }
	DL.csc-textpic-image DT { margin: 0; display: inline; }
	DL.csc-textpic-image DD { margin: 0; }

	/* Clearer */
	DIV.csc-textpic-clear { clear: both; }

	/* Margins around images: */

	/* Pictures on left, add margin on right */
	DIV.csc-textpic-left DIV.csc-textpic-imagewrap .csc-textpic-image,
	DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image,
	DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap .csc-textpic-image {
		display: inline; /* IE fix for double-margin bug */
		margin-right: 10px;
	}

	/* Pictures on right, add margin on left */
	DIV.csc-textpic-right DIV.csc-textpic-imagewrap .csc-textpic-image,
	DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image,
	DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap .csc-textpic-image {
		display: inline; /* IE fix for double-margin bug */
		margin-left: 10px;
	}

	/* Pictures centered, add margin on left */
	DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image {
		display: inline; /* IE fix for double-margin bug */
		margin-left: 10px;
	}
	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image .csc-textpic-caption { margin: 0; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image IMG { margin: 0; }

	/* Space below each image (also in-between rows) */
	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image { margin-bottom: 5px; }
	DIV.csc-textpic-equalheight DIV.csc-textpic-imagerow { margin-bottom: 5px; display: block; }
	DIV.csc-textpic DIV.csc-textpic-imagerow { clear: both; }

	/* No margins around the whole image-block */
	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-firstcol { margin-left: 0px !important; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-lastcol { margin-right: 0px !important; }

	/* Add margin from image-block to text (in case of "Text w/ images") */
	DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap,
	DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap {
		margin-right: 10px !important;
	}
	DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap,
	DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap {
		margin-left: 10px !important;
	}

	/* Positioning of images: */

	/* Above */
	DIV.csc-textpic-above DIV.csc-textpic-text { clear: both; }

	/* Center (above or below) */
	DIV.csc-textpic-center { text-align: center; /* IE-hack */ }
	DIV.csc-textpic-center DIV.csc-textpic-imagewrap { margin: 0 auto; }
	DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image { text-align: left; /* Remove IE-hack */ }
	DIV.csc-textpic-center DIV.csc-textpic-text { text-align: left; /* Remove IE-hack */ }

	/* Right (above or below) */
	DIV.csc-textpic-right DIV.csc-textpic-imagewrap { float: right; }
	DIV.csc-textpic-right DIV.csc-textpic-text { clear: right; }

	/* Left (above or below) */
	DIV.csc-textpic-left DIV.csc-textpic-imagewrap { float: left; }
	DIV.csc-textpic-left DIV.csc-textpic-text { clear: left; }

	/* Left (in text) */
	DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap { float: left; }

	/* Right (in text) */
	DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap { float: right; }

	/* Right (in text, no wrap around) */
	DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap { float: right; clear: both; }
	/* Hide from IE5-mac. Only IE-win sees this. \*/
	* html DIV.csc-textpic-intext-right-nowrap .csc-textpic-text { height: 1%; }
	/* End hide from IE5/mac */

	/* Left (in text, no wrap around) */
	DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap { float: left; clear: both; }
	/* Hide from IE5-mac. Only IE-win sees this. \*/
	* html DIV.csc-textpic-intext-left-nowrap .csc-textpic-text { height: 1%; }
	/* End hide from IE5/mac */
DIV.csc-textpic DIV.csc-textpic-imagerow-last { margin-bottom: 0; }



/* -------------------[ Caption Styles for WP 2.6+ ]------------------- */

.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignleft {
   float: left;
}

.alignright {
   float: right;
}

.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
}

.wp-caption img, #content #single .post .wp-caption a:link img {
   margin: 0 auto;
   padding: 0;
   border: 0 none;
}

.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
}

.twet ul{
list-style:none;
padding:0;
}



/* product */

.some_widgets_item_bottom {
	width:210px;
	margin-right:15px;
	float:left;
	display:table;
}

.some_title{
	color:#666666;
	font-size:17px;
	font-weight:bold;
}


.some_content{
	display:table;
}

.some_content img{
display:none;
}


.some_content a {
color:#0033CC;
}

.some_content_image{
	padding-top:15px;
	padding-bottom:15px;
	text-align:center;
}

.some_widgets_item_bottom_last{
	width:210px;
	float:left;
	display:table;
}