/*
Theme Name: WordPress Default
Theme URI: http://wordpress.org/
Description: The default WordPress theme based on the famous <a href="http://binarybonsai.com/kubrick/">Kubrick</a>.
Version: 1.6
Author: Michael Heilemann
Author URI: http://binarybonsai.com/
Tags: blue, custom header, fixed width, two columns, widgets

	Kubrick v1.5
	 http://binarybonsai.com/kubrick/

	This theme was designed and built by Michael Heilemann,
	whose blog you will find at http://binarybonsai.com/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/


@charset "utf-8";
/* CSS Document */

body{
	margin:0;
	padding:0;
	font-size:12px;
	color:#000;
	background:#cab881 url(images/body.png) repeat-x;
	font-family: Calibri, Tahoma, Geneva, sans-serif;
	line-height:18px;
}

.clear{ clear:both; }

.left{ float:left;}

.right{ float:right; }

.grey{ color:#999; }

.grey a{ color:#999; }

.gold{ color:#896e24; }

.ungu{ color:#7b70f0; }

a{ text-decoration:none; color:#666; }

a:hover{ color:#000; }

h1,h2,h3{ padding:0 5px; margin:5px 0; }

#content h2{margin: 0px; padding: 0px}

h1{ font-size:20px ; line-height:25px; font-weight: 100;}

h2{ font-size:18px ; line-height:23px;}

h3{ font-size:16px ; line-height:21px;}

h4{ font-size:14px ;padding:0; margin:5px 0;}


img{ border:none; }

p{ margin:5px 0; padding:0; }

.border-bottom{ border-bottom:1px solid #fff; margin-bottom:10px;padding-bottom:5px; }

.border-right{ border-right:2px solid #fff; }

.border-bottom-dua{ border-bottom:2px solid #fff; }

.border-dua{ border:1px solid #fff; }

.hidden{ display:none; }

#wrapper{
	width:900px;
	margin:50px auto;
	min-height:600px;
	background:url(images/bg-wrap.png) no-repeat top center;
}

#wrapper-web.index{
	background:url(images/trans.png) repeat;
	border:1px solid #fff;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	width:860px;
	padding:20px 20px 0;
	min-height:300px;
}

/*slider*/


.slider-wrap{
	background:url(images/trans.png) repeat;
	border:1px solid #fff;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	width:860px;
	padding:3px 20px 0;
	min-height:297px;
	clear: both;
	margin-top: 0px;
}


.menu-slider{
	color: black;
	position: relative;
	width:860px;
	margin:-35px -20px 10px;
	height:25px;
	line-height:25px;
	letter-spacing:2px;
	padding:2px;
	font-weight:bold;
	text-align:right;
	cursor:pointer;
	z-index: 10;
}

.menu-slider a{color: black;}

#header{
	margin-bottom:0px;
}

#logo{
        margin-left: 5px;
	width:210px;
	float:left;
}

#menu{
	float:right;
	width:620px;
	font-size:12px;
	position:relative; top:-11px;
}

/* NAVIGATION */
#site-navigation {
	/*background: url(../../images/presentation/bkgd-nav-dividers.png) no-repeat;
	overflow: visible;*/
	list-style:none;
	margin:0;
	padding:0;
}
#site-navigation li.nav-item {
	position: relative;
	height: 40px;
	padding:0px 0 5px 0;
	float:left;
	background:url(images/list.png) right no-repeat;
}

#site-navigation li.nav-item.last{
	background:none;
}
/* adds marker to indicate active section  */
#site-navigation li.current {
	background: url(images/bkgd-nav-current.gif) no-repeat 50% 100%;
	position: relative;
}
#site-navigation li.nav-item a.nav-link { display: block; text-align: center; height: 40px; overflow: hidden; text-indent: -9999px; background-repeat: no-repeat; background-position: 0 1px; bottom: -1px;}
/* specific nav items */

li#home-nav{ left:5px;}
li#home-nav a.nav-link { width: 60px; background-image: url(images/home.png); position:relative; top:1px; }


li#impact-nav a.nav-link { width: 65px; background-image: url(images/fxcm.png); position:relative; top:1px; }


li#space-nav a.nav-link { width: 10px; height:42px;  }

li#spasijauh a.nav-link { width:35px; height:42px; }


/* progressively hoist each item over to cover pipes on hover */

li#commit-nav { left: -6px; }
li#commit-nav a.nav-link { width: 67px; background-image: url(images/learn.png); position:relative; top:1px; }

li#contact-nav2 { left: -11px; }
li#contact-nav2 a.nav-link { width: 97px; background-image: url(images/contact.png); position:relative; top:1px; }

li#products-nav { left: -8px; }
li#products-nav a.nav-link { width: 140px; background-image: url(images/market.png); }

li#news-nav { left: -3px; }
li#news-nav a.nav-link { width: 171px; background-image: url(images/deposit.png); }

li#contact-nav { left: 5px; top:-2px; }
li#contact-nav a.nav-link { width: 97px; background-image: url(images/contact-us.png); }
li#contact-nav hover a.nav-link { width: 97px; background-image: url(images/contact-us.png); background-position:0 0; }

#site-navigation ul.sub-nav { 
	position: absolute; 
	z-index: 21;
	left: -9999px;
	background:url(images/black-trans.png) repeat;
	padding: 9px 0 18px;
	list-style:none;
}
/* specifics */

#home-nav ul.sub-nav { width: 150px; margin:-2px 0 0 0px;}
#impact-nav ul.sub-nav { width: 180px; margin:-1px 0 0 2px;}
#commit-nav ul.sub-nav { width: 185px; }
#products-nav ul.sub-nav { width: 162px; margin:-1px 0 0 0px; }
#news-nav ul.sub-nav { width: 162px; }

#site-navigation ul.sub-nav li { float: none; }
#site-navigation ul.sub-nav li a { 
	display: block; 
	color: #BFAB77; 
	font-weight:bold;
	text-align: left; 
	padding: 2px 15px 3px;
}

#site-navigation ul.sub-nav li a:hover{
	text-decoration:underline;
}


/* hovers (includes IE .hover_ class which is added with JS) */
#site-navigation li:hover,
#site-navigation li.hover_ {
	z-index: 22;
}
#site-navigation li:hover a.nav-link,
#site-navigation li.hover_ a.nav-link {
	background-position: 0 -42px;
	position: relative;
	height:44px;
	z-index: 23;
}
#site-navigation li:hover ul.sub-nav,
#site-navigation li.hover_ ul.sub-nav {
	left: 0;
}

#site-navigation li ul.sub-nav li ul{
	visibility:hidden;
	position:absolute;
	left:100%;
	list-style:none;
	margin:-25px 0 0 0;
	padding:10px;
	width:170px;
	background:url(images/black-trans.png) repeat;
}
#site-navigation ul.sub-nav li:hover ul{
	visibility:visible;
}

/*	#menu ul{
		margin:0;
		padding:0;
		list-style:none;
	}
	
	#menu li{
		float:left;
		background:url(images/list.png) right no-repeat;
	}

	#menu li a{
		display:block;
		padding:5px 15px;
		margin-top:-2px;
	}

	#menu li.last{
		background-image:none;
	}
*/	
	
/*--  HOME PAGE  --*/

#left-content.index{
	width:290px;
	float:left;
	
}

#left-content.isi{
	background:url(images/trans.png) repeat;
	border:1px solid #fff;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	height:290px;
	padding:10px;
padding-left: 12px;
padding-right: 12px;
}



#center-content.index{
	width:295px;
	float:left;
	margin-left:10px;
}

#right-content.isi{
	background:url(images/trans.png) repeat;
	border:1px solid #fff;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	height:300px;
	padding:5px;
}


#right-content.index{
	width:295px;
	float:left;
	margin-left:10px;
}

#center-content.isi{
	background:url(images/trans.png) repeat;
	border:1px solid #fff;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	height:290px;
	padding:10px;	
}



/*--  FOOTER  --*/

#footer{
	margin:20px auto;
	text-align:center;
	font-size:12px;
}



/*--- PAGES ---*/	

#left-side-wrapper{
	width:200px;
	float:left;
}

.left-side{
	padding:10px;
	background:url(images/trans.png) repeat;
	border:1px solid #fff;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	margin:0 0 15px 0;
}

	.left-side ul{
		margin:0;
		padding:0;
		list-style:none;
	}
	
	.left-side li{
		height:25px;
		line-height:25px;
		border-bottom:2px solid #e3dfba;
		color:#6c6754;
	}
	
	.left-side li.last{
		border:none;
	}
	
	.left-side li a{
		display:block;
		font-weight:bold;
		color:#6c6754;
	}
	
	.left-side li a:hover{
		color:#333;
	}
	
			.left-side ul ul.sub{
				list-style:none;
				
				border-bottom:2px solid #e3dfba;
			}
			
			.left-side ul ul.sub li{
				line-height:25px;
				height:25px;
				border:none;
				margin-left:10px;
			}
	
	
	

#right-side{
	width:133px;
	padding:10px;
	background:url(images/trans.png) repeat;
	border:1px solid #fff;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	float:right;
	min-height:300px;
	text-align:center;
}

#wrapper-center{
	width:520px;
	float:left;
	margin-left:10px;
}

#content{
	width:500px;
	padding:10px;
	background:url(images/trans.png) repeat;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border:1px solid #fff;
	min-height:300px;
}

#wrapper-web.page{
	background:url(images/trans.png) repeat;
	border:1px solid #fff;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	width:520px;
	min-height:130px;
	margin-bottom:10px;
}



#copyright{
	
	margin:80px 0 10px 0;
	
	font-size:11px;
	
	line-height:18px;
	
	color:#666;
	
	text-align:right;

}

#copyright img{
	margin-top:5px;
	background:#fff;
	padding:1px;
	border:1px solid #BFAB77;
}



/*-- form --*/

.text-box{ padding:5px; border:1px solid #BFAB77; width:250px; }

.text-box-sub{ padding:5px; border:1px solid #BFAB77; width:260px; }

.text-box-side{ padding:5px; border:1px solid #BFAB77; width:168px; }

.text-area{ padding:5px; border:1px solid #BFAB77; width:400px; height:250px; }

.submit{ padding:5px 10px; border:1px solid #BFAB77; color:#BFAB77; margin:10px 0; background:#fff; cursor:pointer; }

/* "Daisy, Daisy, give me your answer do. I'm half crazy all for the love of you.
	It won't be a stylish marriage, I can't afford a carriage.
	But you'll look sweet upon the seat of a bicycle built for two." */
