@charset "UTF-8";
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #464242;
	padding: 0 0 0px 0;
	margin: 0; 
}

h1, h2, h3, h4, h5, h6 {  font-family: arial, helvetica, sans-serif; letter-spacing: -1px}

h3 {font-family: "Lucida Grande",arial, helvetica, sans-serif; letter-spacing: -1px}
h2 {font-size: 25px; color: #222; font-family: "Lucida Grande",arial, helvetica, sans-serif; letter-spacing: -1px}

h1 {letter-spacing: -3px; font-family: "Lucida Grande", arial, helvetica, sans-serif;}

* html h2, * html h3,
 #IEroot h2, #IEroot h3
 { letter-spacing: 0px;}

.corporate div#headerContainer {
	width: 100%;
	height: 431px;
	background-image: url(/images/homepage_header_tile.png);
	background-repeat: repeat-x;
}

.studiosSubpage div#headerContainer {
	width: 100%;
	height: 304px;
	background-image: url(/images/studios_subpage_header_tile.png);
	background-repeat: repeat-x;
}

.technologiesSubpage div#headerContainer {
	width: 100%;
	height: 304px;
	background-image: url(/images/technologies_subpage_header_tile.png);
	background-repeat: repeat-x;
}

.venturesSubpage div#headerContainer {
	width: 100%;
	height: 304px;
	background-image: url(/images/ventures_subpage_header_tile.png);
	background-repeat: repeat-x;
}

.corporateSubpage div#headerContainer {
	width: 100%;
	height: 304px;
	background-image: url(/images/corporate_subpage_header_tile.png);
	background-repeat: repeat-x;
}

.venturesSubpage div#headerContainer {
	width: 100%;
	height: 304px;
	background-image: url(/images/ventures_subpage_header_tile.png);
	background-repeat: repeat-x;
}

div#headerContainer div#topNav {
	width: 990px;
	height: 20px;
	overflow: hidden;
	font-size: 12px;
	color: #fff;
    margin: 0px auto;
	text-align: right;
	padding: 8px 5px 2px 5px;	
}

div#headerContainer div#topNav ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-align: right;
}

div#headerContainer div#topNav ul li{
	list-style-type: none;
	display: inline;
}

div#headerContainer div#topNav a {
	color: #70787F;
	margin: 0px 5px 0px 5px;
	text-decoration: none;
}

div#headerContainer div#topNav a:hover{
	color: #fff;
}	



div#headerContainer div#header {
	width: 1000px;
	margin: 0px auto;
	border: 0px solid #c00;
	height: 118px;
	position:relative;
	z-index: 9999;
}

div#header a.headerNav {
	display: block;
	height: 93px;
	width: 173px;
	overflow: hidden;
	text-indent: -9999px;
}

* html div#header a.headerNav {
	height: 83px;
	width: 167px;
}

div#header a.headerNav:hover, a#studios:hover, a#technologies:hover, a#ventures:hover {
	background-position: 0px 93px;
}



a#studios {
position: absolute;
top: 25px;
left: 445px;
background-image:url(/images/homepage-nav-studios.png);
}

a#technologies {
position: absolute;
top: 25px;
left: 635px;
background-image:url(/images/homepage-nav-technologies.png);
}

a#ventures {
position: absolute;
top: 25px;
left: 825px;
background-image:url(/images/homepage-nav-ventures.png);
}


.studiosSubpage a#technologies, .studiosSubpage a#ventures, .technologiesSubpage a#studios, .technologiesSubpage a#ventures,
.venturesSubpage a#technologies, .venturesSubpage a#studios
/*,.corporateSubpage a#technologies, .corporateSubpage a#ventures, .corporateSubpage a#studios*/

{
	height: 66px !important;
}

.studiosSubpage a#technologies:hover, .studiosSubpage a#ventures:hover,
.technologiesSubpage a#studios:hover, .technologiesSubpage a#ventures:hover,
.venturesSubpage a#technolgies:hover, .venturesSubpage a#studios: hover,
.corporateSubpage a#technologies:hover, .corporateSubpage a#ventures:hover, .corporateSubpage a#studios:hover {
	height: 93px !important;
}



div#banner {
	width: 1000px;
	height: 347px;
	overflow: hidden;
	background-image:url(/images/homepage-banner-area.png);
	background-repeat: no-repeat;
	display: block;
	margin: auto;
	margin-top: -27px;
	position: relative;
}


.corporate div#bannerLeft {
	position: absolute;
	top: 27px;
	left: 0px;
	width: 458px;
	height: 320px;
	overflow: hidden;
}

.corporate div#bannerRight {
	position: absolute;
	top: 27px;
	left: 458px;
	width: 490px;
	padding: 20px 0px 0px 30px;
	height: 283px;
	overflow: hidden;
}

.studiosSubpage div#banner h1, .corporateSubpage div#banner h1, .venturesSubpage div#banner h1 {
  	position: absolute;
	bottom: 80px;
	left: 0px;
}
.technologiesSubpage div#banner h1 {
  	position: absolute;
	bottom: 80px;
	left: 0px;	
}

.studiosSubpage div#banner {
  	background-image: url(/images/studios-subpage-banner-area.png);
	height: 182px;
	position: relative;
}

.technologiesSubpage div#banner {
  	background-image: url(/images/technologies-subpage-banner-area.png);
	height: 182px;
	position: relative;
}

.corporateSubpage div#banner {
  	background-image: url(/images/corporate-subpage-banner-area.png);
	height: 182px;
	position: relative;
}

.venturesSubpage div#banner {
  	background-image: url(/images/ventures-subpage-banner-area.png);
	height: 182px;
	position: relative;
}



ul#subNav {
    list-style-type: none;
	margin: 0;
	padding: 0;
	position: absolute;
	bottom: 16px;
	left: 0px;
}

ul#subNav li{
    list-style-type: none;
	display: inline;
	border-right: 1px dotted #00ffff;
	margin-left: -1px;
	padding: 0px 10px;
	font-size: 15px;
}

.studiosSubpage ul#subNav li {border-right: 1px dotted #0ff;}
.technologiesSubpage ul#subNav li {border-right: 1px dotted #9f0;}
.corporateSubpage ul#subNav li {border-right: 1px dotted #005eff;}
.venturesSubpage ul#subNav li {border-right: 1px dotted #ff5a00;}

ul#subNav li:last-child {border-right: 0px;}

ul#subNav li a { color: #fff }

ul#subNav li a:hover { color: #000 }

div#banner p {
	font-size: 15px;
	line-height: 20px;
	color: #fff;
}

div#banner h2 {
	font-size: 18px;
	font-weight: bold;
	text-transform:uppercase;
	color: #bff8ff;
	margin: 20px 0px 0px 0px;
	padding: 0px;
	letter-spacing: 1px;
}

div#banner h1 {
	font-size: 35px;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	color: #fff;
}

div#banner a { color: #fff; font-weight: bold; text-decoration: underline;}
div#bodyContainer {
	width: 1000px;
	margin: auto;
	overflow: auto;
	overflow-x: hidden;
	background-color: #fff;
	padding: 30px 0px;
}

div#bodyContainer p, div#bodyContainer ul li {
  line-height: 25px;
  font-size: 16px;
}
div#bodyContainer ul {
}
div#bodyContainer ul li {
	list-style-image: url(/assets/25/bullets.gif);
	margin-bottom: 10px;
}

div#bodyContainer h4 {
  background-color: #efefef;
  color: #333;
  font-family: georgia, times, serif;
  font-weight: normal;
  font-size: 20px;
  line-height: 30px;
  padding: 20px;
  margin: 20px 0;
  overflow: auto;
  text-align: justify;
}

div#bodyContainer h5, em {
	font-size:16px;
	font-weight:normal;
	line-height:25px;
	font-family: arial, helvetica, sans-serif;
}

.corporateSubpage div#bodyContainer h4 img, .corporateSubpage div#bodyContainer h4 image{
  float: left;
  clear: both;
  padding: 10px;
  background-color: #fff;
  border: 1px solid #999;
  margin: 0 20px 10px 0;
}

div#bodyContainer h3 {
  color: #09b9cc;
  font-weight: normal;
  font-size: 23px;
  margin: 20px 0;
}

.studiosSubpage div#bodyContainer h3, .studiosSubpage div#bodyContainer h3 a {
  color: #09b9cc;
}

.venturesSubpage div#bodyContainer h4, .studiosSubpage div#bodyContainer h4, .technologiesSubpage div#bodyContainer h4 {
  background-color: #fff;
  border-top: 1px solid #cdcdcd;
  border-bottom: 1px solid #cdcdcd;
  padding: 10px 15px;
  font-style: oblique;
  margin: 0;
}

.technologiesSubpage div#bodyContainer h3,.technologiesSubpage div#bodyContainer h3 a {
  color: #9cce3a;
}

.corporateSubpage div#bodyContainer h4 {
  background-color: #d9e6ef;
  overflow: auto;
  width: 970px;
}

.corporateSubpage div#bodyContainer h3, .corporateSubpage div#bodyContainer h3 a {
  color: #1b3664;
}

.venturesSubpage div#bodyContainer h3, .venturesSubpage div#bodyContainer h3 a {
  color: #e06624;
}

div.rightalign {
	text-align: right;
}

div.column {
	width: 21%;
	padding: 2%;
	float: left;
	display: block;	
}

div.dblcolumn {
	width: 46%;
	padding: 2%;
	float: left;
	display: block;	
}

div.triplecolumn {
	width: 71%;
	padding: 2%;
	float: left;
	display: block;
}

div.fullcolumn {
	width: 100%;
	display: block;	
	overflow-x: hidden;
}

div.graycolumn {
width: 190px;
padding: 20px;
margin: 8px;
background-color: #e8e8e8;
border: 1px solid #e1e1e1;
float: left;
display: block;
height: 500px;
}

div.graycolumn p {
font-family: "Lucida Grande", arial, helvetica, sans-serif;
font-size: 11px !important;
line-height: 14px !important;
color:#222;

}

div.graycolumn h3 {
font-family: "Lucida Grande", arial, helvetica, sans-serif;
font-size: 13px !important;
line-height: 14px !important;
color:#222;
margin: 5px 0 0 0;
padding: 3px 0 0 0;
text-align: center;
border-top: 1px solid #ccc;
}


div#bodyContainer div.column p {line-height: 23px;}

div#bottomContainer {
	background-color: #f3f3f3;
	width: 100%;
	overflow: auto;
	padding: 20px 0px;
	border-top: 1px solid #ebebeb;
}

div#bottomContainer div#bottom {
	width: 1000px;
	padding: 0px 20px 0px 20px;
	margin: auto;
  font-family: "Lucida Grande", arial, helvetica, sans-serif;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  background-color: #fff;
  overflow: auto;
  border: 1px solid #ebebeb;
}

div#bottomContainer div#bottom a {
	color: #06f;
}

div#bottom div.column, div#bottom div.dblcolumn{
	border-right: 1px dotted #ccc;
	margin-left: -1px;
} 

div.newsColumn {
	padding-left: 105px;
	background-repeat: no-repeat;
    border-bottom: 1px dotted #ccc;	
}

div.twitter {
	background-image: url(/images/twitter.png);
	border-bottom: 0px;
}	
div.blog {
	background-image: url(/assets/60/blogs.png);
	
}	

ul.post {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

 ul.post li{
    list-style-type: none;
	border-bottom: 1px dotted #ccc;
	padding: 15px 0px;
	margin: 0px;
	min-height: 40px;
	overflow: auto;
}

* html div.column div.newsColumn ul.post li, * html ul.post li.bsparkNews{
	width: 100%;
	display: list-item;
	border-bottom: 0px;
	position: relative;
	height: 80px;
	overflow-y: hidden;
	margin-bottom: 10px;
}


ul.post li:last-child {border-bottom: 0px;}

div.date {
	font-size: 20px;
	color: #000000;
	width: 10%;
    text-align: center;
	padding: 1%;
	border: 1px solid #ccc;
	background-color: #fff;
	float: left;
}

div.column div.date {
width: 20%;
margin-right: 10px;
margin-bottom: 5px;

} 

div.column div.newsColumn div.date {
	width: 20%;
	margin: 0;
}
* html div.column div.newsColumn div.date {
	height: 20px;
}
span.month {
	font-size: 10px;
	text-transform:uppercase;
	clear: both;
}

div.title { 
	padding: 0px 10px 4px 10px;
	font-size: 11px;
	font-weight: bold;
	float: left;
	width: 80%;
	overflow: auto;
	overflow-x: hidden;
	overflow-y: auto;
}

* html div.column div.newsColumn div.title {
float: none;
position: absolute;
top: 10px; left: 21%;
}

a { color: #222;
    text-decoration: underline;
}	

/*.studiosSubpage #bodyContainer a:hover {color: #fff; background-color: #09B9CC;}
.technologiesSubpage #bodyContainer a:hover {color: #fff; background-color: #9CCE3A;}
.corporateSubpage #bodyContainer a:hover {color: #fff; background-color: #1B3664;}*/


p.news { margin-bottom: 35px; font-size: 11px}

p.news a strong {text-transform: uppercase; letter-spacing: -1px;}

p.pgFooter {
	font-size: 10px;
	color:#333333;
	margin: 20px;
	text-align: center;
	}
	
a.newsfeed {
	width: 100%;
	color: #000 !important;
	border: 0px !important;
	display:block;
	text-decoration: none !important;
	background-image:url(/images/rssfeed.png);
	background-position: top right;
	background-repeat: no-repeat;
	height: 22px;
}

img, image {
	border: 0px;
}



table.dataTable th {
background-color:#222222;
border-bottom:1px solid #666666;
border-top:1px solid #CCCCCC;
color:#FFCC00;
font-size:8pt;
padding:10px;
text-align:left;
}
table.dataTable th.odd {
background-color:#111111;
}
table.dataTable td {
border-bottom:1px solid #999999;
border-top:1px solid #FFFFFF;
color:#222222;
font-size:11px;
padding:5px 10px 15px;
}
table.dataTable td.odd {
background-color:#efefef;
}

.studiosSubpage table.dataTable th {
  color:#0ff;
}

.technologiesSubpage table.dataTable th {
  color:#9CCE3A;
}

/************ These are for the slider on the homepage ***************************/

 #s3slider {
   width: 458px; /* important to be same as image width */
   height: 320px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
}

#s3sliderContent {
   width: 458px; /* important to be same as image width or wider */
   position: absolute; /* important */
   top: 0; /* important */
   margin-left: 0; /* important */
   margin: 0;
   padding: 0;
   background-image: url(/assets/34/animation-background.png);
   background-repeat: no-repeat;
   hegith: 320px;
}

* html #s3sliderContent {
  background-image: none !important;
}

.s3sliderImage {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
   list-style-type: none;
}

.s3sliderImage span {
   position: absolute; /* important */
   left: 0;
   font: 10px/15px Arial, Helvetica, sans-serif;
   padding: 10px 13px;
   width: 458px;
   background-color: #000;
   filter: alpha(opacity=0); /* here you can set the opacity of box with text */
   -moz-opacity: 0.0; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.0; /* here you can set the opacity of box with text */
   opacity: 0.0; /* here you can set the opacity of box with text */
   color: #fff;
   display: none; /* important */
   top: 0;
   visibility: hidden;

   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}

.clear {
   clear: both;
}

.s3sliderImage span.left {
height:320px;
left:0pt;
top:0pt;
width:110px !important;
}

* html div.column div {
  height: 290px;
}


* html div.homepageBsparkCompanies div.column div {
  height: 330px;
}


/*************************** styles for the fisheye *********************************/

.fisheye{
	text-align: center;
	height: 50px;
	position: relative;
}
a.fisheyeItem
{
	text-align: center;
	color: #000;
	font-weight: bold;
	text-decoration: none;
	width: 40px;
	position: absolute;
	display: block;
	top: 0;
}
a.fisheyeItem2
{
	text-align: center;
	color: #000;
	font-weight: bold;
	text-decoration: none;
	width: 40px;
	position: absolute;
	display: block;
	bottom: 0;
}
.fisheyeItem img
{
	border: none;
	margin: 0 auto 5px auto;
	width: 100%;
}
.fisheyeItem2 img
{
	border: none;
	margin: 5px auto 0 auto;
	width: 100%;
}
.fisheyeItem span,
.fisheyeItem2 span
{
	display: none;
	positon: absolute;
}
.fisheyeContainter
{
	background-color: #f00;
	height: 50px;
	width: 200px;
	left: 500px;
	position: absolute;
}
#fisheye2
{
	position: absolute;
	width: 100%;
	bottom: 0px;
}


p.toplink a {
  
  padding: 7px;
  color: #333;
  font-weight: bold;
  background-color: #f4f4f4;
  text-decoration: none;
  font-size: 12px;
}

p.toplink a:hover {
  
  padding: 7px;
  color: #ccc;
  font-weight: bold;
  background-color: #fff;
  text-decoration: none;
  font-size: 12px;
}

.errormess { 
              color: red; 
              font-size: 12px;
              font-weight: bold;
             } 

.txtfield {
  background-color: #fff;
  border: 1px solid #ccc;
  padding: 5px;
  font-size: 15px;
  font-family: arial, helvetica, sans-serif;
  margin-bottom: 15px;
  width: 370px;
}

p.news {
  margin: 0px 0px 5px 0px !important;
  font-weight: normal;
}

form.form {
}

form.form p {
  font-weight: bold;
  font-size: 14px !important;
  margin: 0;
  padding: 0;
}




            .black_overlay{
                  display: none;
                  position: absolute;
                  top: 0%;
                  left: 0%;
                  width: 100%;
                  height: 100%;
 
                  background-color: black;
                  z-index:1001;
                  -moz-opacity: 0.8;
                  opacity:.80;
                  filter: alpha(opacity=80);
              }
              .white_content {
                  display: none;
                  position: absolute;
                  top: 25%;
                  left: 25%;
                  width: 50%;
                  height: 50%;
                  padding: 16px;
                  border: 16px solid orange;
                  background-color: white;
                  z-index:1002;
                  overflow: auto;
              }






.onLight {padding:2px; width:20px; background:#999; border:#333 solid; border-width:1px;}


.offLight {
    padding:2px;
    z-index:200;
    width:20px;
    background:#999;
    border:#333 solid;
    border-width:1px;
    position:absolute;
    top:535px;
    right:310px;
    display:none;
}
 

.lightBox {
    width:100%; 
    height:100%; 
    float:left; 
    position:absolute; 
    z-index:100; 
    background-color:#999999; 
    top:0px; left:0px; right:0px; display:none; 
    opacity: .80; /*FOR ALL OTHER BROWSERS AND DEVICES*/
    filter: alpha(opacity=80); /*FOR IE7*/
}


.content {
    width: 600px; 
    height: 440px; 
    border: solid 2px #fff; 
    background: #ccc; 
    margin-top: 20px auto; 
    position:absolute; 
    z-index:200; 
    top: 30px; 
    display:none; 
    padding:20px;
}

.onLight:hover div, .offLight {display:block;}
.offLight:hover + .lightBox {display:none;}



/*

Start Thickbox styles ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
*{padding: 0; margin: 0;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
}

#TB_secondLine {
	font: 10px Arial, Helvetica, sans-serif;
	color:#666666;
}

#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
}

.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
.TB_overlayBG {
	background-color:#000;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
	position: fixed;
	background: #e8e8e8; /*#ffffff;*/
	z-index: 102;
	color:#000000;
	display:none;
	border: 4px solid #525252;
	text-align:left;
	top:50%;
	left:50%;
}

* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}

#TB_closeAjaxWindow{
	padding:7px 10px 5px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#TB_title{
	background-color:#e8e8e8;
	height:27px;
}

#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent.TB_modal{
	padding:15px;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color: #fff; 
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
}