/********************************************/

body {background: #000000 ;}

p {
	line-height: 13.5pt;
}

div {
	position:relative;
	z-index: 0;
}

/*.pagecontainer {
     background: #ffffff url(../imgs/background_header_1800x480_v1.png) repeat-x top center;
	 margin: 0px auto;
	 height: 100%;
}*/



.container {
    background: #bcbcbc url(../imgs/background.png) no-repeat top center;
	 margin: 0px auto;
	 height: 100%;
	 min-height: 704px;
	 /*width: 1230px;*/
}

#header
{
	margin-top: 15px;
}

#header a
{
	margin-left: auto; 
	margin-right: auto; 
	display: block;
	width:129px;
}

#content
{
	width: 1094px;
	height:497px;
	margin-top: -20px;
	background: url(../imgs/black_background.png) no-repeat top center;
}

#home
{
	width: 1094px;
	height:497px;
	background: url(../imgs/3_bulb.png) no-repeat top center;
}

#footer {
	text-align:center;
	background: #bcbcbc; 
	color:#000; 
	font-size:12px; 
	font-family:Arial, Helvetica, sans-serif;
}

#home_nav
{
	margin-top: 160px;
	
}

#home_nav a
{
	display: block;
	text_decoration: none;
	text-align: right;
	float: right;
	margin-bottom: 10px;
}

#company_description
{
	text-decoration: none;
	color: #f6f3e7;
	font-size:21px; 
	font-family: "Tw Cen MT", Futura, "URW Gothic L", Arial, sans-serif;
	letter-spacing: 1px;
	margin-top: 140px;
	margin-left: -10px;
	text-transform:uppercase;
}

#topnav
{
	margin-top: 46px;	
	padding-left: 15px;
	
}

#navcontainer
{
	margin-left: auto; 
	margin-right: auto; 
	display: block;
	/*width:340px;*/
	
}

#topnav ul
{
margin: 0;
list-style-type: none;
text-align: center;
/*height: 20px;*/
/*width: 340px;*/
}

#topnav ul li { display: inline; }

#topnav ul li a
{
text-decoration: none;
padding-right: 20px;
padding-left: 20px;
color: #d9800d;
font-size:26px; 
font-family: "Tw Cen MT", Futura, "URW Gothic L", Arial, sans-serif;
letter-spacing: 2px;
/*background: url(http://www.intwist.com/myPosts/lists/bk.jpg) top left no-repeat;*/
/*width: 146px;*/
/*height: 20px;*/
}

#topnav ul li a:hover, #topnav ul li a.current
{
font-size:26px; 
font-family: "Tw Cen MT", Futura, "URW Gothic L", Arial, sans-serif;
color: #d2d0c7;
text-decoration: none;
/*background-position: 0 -82px;*/
/*width: 146px;*/
/*height: 20px;*/
}

/*#topnav ul li a#idea
{
display: block;
background: url(../imgs/nav_idea_off.png) top left no-repeat;
width: 56px;
height: 20px;
}

#topnav ul li a#talent
{
display: block;
background: url(../imgs/nav_talent_off.png) top left no-repeat;
width: 91px;
height: 20px;
}

#topnav ul li a#capital
{
display: block;
background: url(../imgs/nav_capital_off.png) top left no-repeat;
width: 103px;
height: 20px;
}*/


#talentlist
{
	margin-top: 20px;
/*	padding-left: 40px;
	padding-right: 40px;*/
	
}
#talentlist2
{
	margin-top: -40px;
/*	padding-left: 40px;
	padding-right: 40px;*/
	
}

#talentlist div, #talentlist2 div
{
	float: left;
	/*margin-left: 10px;
	margin-right: 10px;*/
		
}

#talentlist div.talent_item, #talentlist2 div.talent_item
{
	background: url(../imgs/rounded_box_small.png) top left no-repeat;
	width: 51px;
	height: 81px;
		
}


#talentlist div.talent_item a, #talentlist2 div.talent_item a
{
	text-decoration: none;
	font-size:8px; 
	font-family:Arial, Helvetica, sans-serif;
	color: #d2d0c7;
	text-align: center;
}

#talentlist div.talent_item a:hover, #talentlist div.talent_item a.current, #talentlist2 div.talent_item a:hover, #talentlist2 div.talent_item a.current
{
	text-decoration: none;
	font-size:8px; 
	font-family:Arial, Helvetica, sans-serif;
	color: #d9800d;
	text-align: center;
}


#talentlist div.talent_item a img, #talentlist2 div.talent_item a img
{
	margin-bottom: 10px;
}

#arrow_left, #arrow_right
{
	padding-top: 15px;
}

#talentinfo
{
	margin-top: 60px;
	clear: both;
	
}

#talent_pic
{
	background: url(../imgs/rounded_box_large.png) top left no-repeat;
	width: 171px;
	height: 171px;
	
}

#talent_area
{
	margin-left: 15px;
}

.talent_description
{	
	margin-top: -20px;
	border-top: 1px solid #3b3b3b;
	clear: both;
}

.talent_description:first-child
{	
	
	border-top: none;
}

.talent_description div.talent_title, .talent_description div.talent_text, .talent_description div.project_item, .talent_description div.people_item
{
	float: left;
	margin-right: 30px;
	padding: 10px 5px 10px 5px;
}

.talent_title
{
	text-decoration: none;
	font-size: 21px; 
	font-family: "Tw Cen MT", Futura, "URW Gothic L", Arial, sans-serif;
	color: #fff;
	vertical-align: bottom;
	width: 175px;
}

.talent_text
{
	text-decoration: none;
	font-size: 21px; 
	font-family: "Tw Cen MT", Futura, "URW Gothic L", Arial, sans-serif;
	color: #9b9b9b;
	vertical-align: bottom;
	width: 370px;
}

.talent_text span
{
	font-size: 13px; 
	font-family: Arial, Helvetica, sans-serif;
}

.talent_description div.project_item
{
	background: url(../imgs/project_bg.png) top left no-repeat;
	width: 41px;
	height: 26px;
	margin-right: 10px;
	margin-left: 0;
	padding: 0;
	padding-top: 5px;
}
.talent_description div.project_item a
{
	text-decoration: none;
	font-size: 13px; 
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	height: 26px;
	margin-left: 10px;
	text-align: center;
	
}
.talent_description div.people_item
{
	/*background: url(../imgs/project_bg.png) top left no-repeat;
	width: 41px;
	height: 26px;
	margin-right: 5px;*/
	margin-right: 0;
	margin-left: 0;
	padding: 0;
	padding-top: 5px;
}

.talent_description div.people_item a
{
	text-decoration: none;
	font-size: 13px; 
	font-family: Arial, Helvetica, sans-serif;
	color: #9b9b9b;
	margin-right: 5px;
	text-align: left;
	
}

/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.scrollable {

	/* required settings */
	position:relative;
	overflow:hidden;
	width: 862px;
	height:80px;
	/* custom decorations */
	/*border:1px solid #ccc;
	background:url(/img/global/gradient/h300.png) repeat-x;*/
}

.scrollable2 {

	/* required settings */
	position:relative;
	overflow:hidden;
	width: 200px;
	height:325px;
	/* custom decorations */
	/*border:1px solid #ccc;
	background:url(/img/global/gradient/h300.png) repeat-x;*/
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
.scrollable .items, .scrollable2 .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
}

.scrollable .items div {
	float:left;
	width:862px;
}

.scrollable2 .items div {
	float:left;
	width:200px;
}

/* single scrollable item */
.scrollable div, .scrollable2 div {
	margin-right: 10px;
	margin-left: 10px;
	/*float:left;
	margin:20px 5px 20px 21px;
	background-color:#fff;
	padding:2px;
	border:1px solid #ccc;
	width:100px;
	height:75px;
	
	-moz-border-radius:4px;
	-webkit-border-radius:4px;*/
}

/* active item */
.scrollable .active, .scrollable2 .active {
	/*border:2px solid #000;*/
	position:relative;
	cursor:default;
}


/* this makes it possible to add next button beside scrollable */
.scrollable, .scrollable2 {
	float:left;	
}

/* prev, next, prevPage and nextPage buttons */
a.browse {
	background:url(../imgs/hori_large.png) no-repeat;
	display:block;
	width:30px;
	height:30px;
	float:left;
	margin:10px 10px;
	cursor:pointer;
	font-size:1px;
}

/* right */
a.right 				{ background-position: 0 -30px; clear:right; margin: 0px 0px 0px 0px; padding: 0px;}
a.right:hover 		{ background-position:-30px -30px; }
a.right:active 	{ background-position:-60px -30px; } 


/* left */
a.left				{ margin-left: 40px; } 
a.left:hover  		{ background-position:-30px 0; }
a.left:active  	{ background-position:-60px 0; }

/* up and down */
a.up, a.down		{ 
	background:url(../imgs/vert_large.png) no-repeat; 
	float: none;
	margin: 10px 50px;
}

/* up */
a.up:hover  		{ background-position:-30px 0; }
a.up:active  		{ background-position:-60px 0; }

/* down */
a.down 				{ background-position: 0 -30px; }
a.down:hover  		{ background-position:-30px -30px; }
a.down:active  	{ background-position:-60px -30px; } 



/* prev, next, prevPage and nextPage buttons */
a.browse2 {
	background:url(../imgs/hori_large.png) no-repeat;
	width:30px;
	height:30px;
	float:left;
	margin:10px 10px;
	cursor:pointer;
	font-size:1px;
}

/* right */
a.next 				{ background-position: 0 -30px; clear:right; margin: 0px 30px 0px 0px; padding: 0px;}
a.next:hover 		{ background-position:-30px -30px; }
a.next:active 	{ background-position:-60px -30px; } 


/* left */
a.prev				{ margin: 0px 0px 0px 30px; padding: 0px; } 
a.prev:hover  		{ background-position:-30px 0; }
a.prev:active  	{ background-position:-60px 0; }

/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
} 	

/* position and dimensions of the navigator */
.navi {
	/*margin-left:328px;
	width:200px;
	height:20px;*/
}


/* items inside navigator */
.navi a {
	/*width:8px;
	height:8px;
	float:left;
	margin:3px;
	background:url(../img/scrollable/arrow/navigator.png) 0 0 no-repeat;
	display:block;
	font-size:1px;*/
}

/* mouseover state */
.navi a:hover {
	/*background-position:0 -8px; */     
}

/* active state (current page state) */
.navi a.active {
	/*background-position:0 -16px; */    
}

/* tooltip styling. by default the element to be styled is .tooltip  */
.tooltip {
	display:none;
	background:transparent url(../imgs/white_arrow_big.png) ;
	font-size:12px;
	height:166px;
	width:320px;
	padding:25px;
	color:#333;	
}

#login_button
{
	position: relative;
	z-index: 99;
	float: right; 
	width:67px; 
	height:39px; 
	margin-right: -3px; 
	margin-top: -100px;
}

#login_form
{
	background:transparent url(../imgs/login_bg.png) ;
	width: 176px;
	height: 174px;	
	
	margin-top: 100px;
	margin-left: auto; 
	margin-right: auto; 
	padding-top: 0px;
}

#login_form label
{
	color: #f89f43;
	width: 151px;
	height: 23px;
	display: block;
	margin-left: 10px;
	padding-top: 5px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	font-size:13px; 
	font-family: "Tw Cen MT", Futura, "URW Gothic L", Arial, sans-serif;
}

#login_form input
{
	background:transparent url(../imgs/form_field_bg.png) ;
	width: 151px;
	height: 23px;
	border: none;
	margin-left: 10px;
	margin-top: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-bottom: 0px;
}

#login_form input[type="checkbox"]
{
	background: none;
	width: 15px;
	height: 15px;
	margin-left: 10px;
	margin-top: 5px;
	padding-top: 0px;
	margin-bottom: 5px;
	display: in-line;
}


#login_form label#remember_label
{
	color: #f89f43;
	display: inline;
	margin-left: 0px;
	font-size:12px; 
	font-family: "Tw Cen MT", Futura, "URW Gothic L", Arial, sans-serif;
}


#login_form input#subBtn
{
	background:transparent url(../imgs/login_button_right.png) ;
	width: 68px;
	height: 40px;
	border: none;
	margin-left: -2px;
	margin-top: 0px;
	padding-top: 0px;
	cursor:pointer;
	display: block;
}