/* CSS for Ambit */

/* puts all browsers at same starting point */
*	{ margin: 0px; padding: 0px; border: 0px; }

/* no scroll bar jump for firefox, netscape, opera */
html { min-height: 100%; margin-bottom: 1px; }

body	{ font-size: 11px; font-family: tahoma, trebuchet ms, arial, sans-serif; color: #666; text-align: center; }
body.home	{ background: #fff url(../images/H_body_back.jpg) no-repeat 50% 0px;}
body.sub	{ background: #fff url(../images/S_body_back.jpg) no-repeat 50% 0px;}

/* must have same font styles as body. ie55 doesn't cascade */
table, td, th	{font-size: 11px; font-family: tahoma, trebuchet ms, arial, sans-serif; color: #666; text-align: left;}

#skip		{display: none;}

/* LAYOUT */
.container	{ position: relative; margin: 0px auto; width: 740px; text-align: left;}

#header	{ position: relative; z-index: 5; height: 108px;}
#logo	{ float: left;}/* for IE */


/********************************************************/
/*             START NAVIGATION BAR 			*/
/********************************************************/
/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/skeleton.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
#nav, 
#nav ul {
/*
	padding: 0 0 5px 0;
	margin: 0;
	*/
	list-style: none;
	z-index: 200;
	text-align: center;
	position: absolute; 
	top: 66px; 
	left: 114px; 
	height: 37px; 
	width: 626px;
	background: #eee;
}
/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/skeleton.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/***** hover style for all elements *****/

#nav {height:25px; padding:0;}
#nav table {border-collapse:collapse;}

/**** PARENT LEVEL STYLE ***/
/**** PARENT LEVEL STYLE ***/
#nav li {
	float:left; 
	/*width: 120px;*/
	/*
	padding-right:5px; 
	padding-left:5px; 
	*/
	text-align: center;
	list-style: none; 
	height: 37px;
	background-image:  url(../images/nav.gif); 
}

/*** define background image slices for each menu element ****/
#nav li.about, #nav li.about a, #nav li.about a strong				{ background-position: 0 0px; width: 101px;}
#nav li.kinomescan, #nav li.kinomescan a, #nav li.kinomescan a strong	{ background-position: -101px 0px; width: 86px; }
#nav li.products, #nav li.products a, #nav li.products a strong		{ background-position: -187px 0px; width: 116px; }
#nav li.partners, #nav li.partners a, #nav li.partners a strong		{ background-position: -303px 0px; width: 71px; }
#nav li.news, #nav li.news a, #nav li.news a strong					{ background-position: -374px 0px; width: 99px; }
#nav li.investors, #nav li.investors a, #nav li.investors a strong	{ background-position: -473px 0px; width: 75px; }
#nav li.careers, #nav li.careers a, #nav li.careers a strong		{ background-position: -548px 0px; width: 78px; }


/*** drop down container elements ***/
#nav li li {
	float: none;
	background: none;
	width: 110px;
	height: 20px;
	background-color: #eee;
	border: 0px solid black;
	padding: 0px;
	margin: 0px;
	text-align:left;
	_width: 130px;
}
/* a hack for IE5.x and IE6 */
/*
#nav li a li {
    float:left;
    background: none;
	width: 110px;
	height: 20px;
	background-color: #eee;
	border: 1px solid black;
	padding: 0px;
	margin: 0px;
	text-align:left;
}
*/

#nav li a {
	display:block; 
	color: #575757; 
	height:37px; 
	text-decoration:none; 
	white-space:nowrap;
	text-align: center;
	border: 0px solid green;
}
/*** drop-down children link styles ****/
#nav li li a {
	height: 20px;
	line-height: 20px;
	float: none;
	text-align: left;
	padding-left: 10px;
	margin: 0px;
	width: 100px;
	_width: 101px;
}
#nav li li a:hover {
	height: 20px;
	line-height: 20px;
	float: none;
	text-align: left;
	padding-left: 10px;
	margin: 0px;
	background-color: #CBD2DA;
	width: 100px;
	_width: 120px;
}
#nav li li.lastItem {
	background-image: url(../images/menu_bottom.png);
	background-color: transparent;
	height: 10px;
	padding: 0px;
	margin: 0px;
	vertical-align: top;
	
	/* IE6 */
	_height: 0px; 
	_width: 130px;
	_background-image: none;
	_background-color: none;
}
#nav li:hover {position:relative;z-index:300;}

/** set hover event and move mouse over image ***/
#nav li.about:hover {position:relative;z-index:300;background-position: 0 -37px; width: 101px;}
#nav li.kinomescan:hover	{position:relative;z-index:300;background-position: -101px -37px; width: 86px;}
#nav li.products:hover		{position:relative;z-index:300;background-position: -187px -37px; width: 116px;}
#nav li.partners:hover		{position:relative;z-index:300;background-position: -303px -37px; width: 71px;}
#nav li.news:hover 			{position:relative;z-index:300;background-position: -374px -37px; width: 99px;}
#nav li.investors:hover		{position:relative;z-index:300;background-position: -473px -37px; width: 75px;}
#nav li.careers:hover		{position:relative;z-index:300;background-position: -548px -37px; width: 78px;}

#nav a:hover  {position: relative;z-index:300;text-decoration: none;}
#nav li.about a:hover strong {position: relative;z-index:300;text-decoration: none;background-position: 0 -37px; width: 101px;}

/** position and style pop up container **/
#nav :hover ul {
	left: 0px;
	top: 37px;
	width: 100px;
	background: none;
}
/* another hack for IE5.5 and IE6 */
#nav a:hover ul {left:-5px; width: 90px;border: 0px solid pink;padding:0px;margin:0px;}
#nav ul {position:absolute; left:-9999px; top:-9999px;}

/* it could have been this simple if all browsers understood */
#nav li:hover li:hover > ul {
	left:0px; 
	margin-left:100%; 
	top:1px;
	border:1px solid blue;
}
/* keep further levels hidden */
#nav li:hover > ul ul {position:absolute;left:-9999px;top:-9999px;width:auto;}

/* show path followed */
#nav li:hover > a {
	text-decoration: none;
}


/* but IE5.x and IE6 need this lot to style the flyouts*/
/* show next level */
#nav a:hover a:hover ul,
#nav a:hover a:hover a:hover ul,
#nav a:hover a:hover a:hover a:hover ul,
#nav a:hover a:hover a:hover a:hover a:hover ul
{
	left:100%; 
	top:1px;
	text-decoration: none;
}

/* keep further levels hidden */
#nav a:hover ul ul,
#nav a:hover a:hover ul ul,
#nav a:hover a:hover a:hover ul ul,
#nav a:hover a:hover a:hover a:hover ul ul
{position:absolute; left:-9999px; top:-9999px;}
/********************************************************************/




/* HOME PAGE */
#H_whatsnew, #H_gleevec, #H_pipeline, #H_partnership	{ position: relative; float: left; /*width: 170px;*/ margin: 5px 5px 0px 0px; font-size: 11px; line-height: 15px;}
#H_whatsnew	{ width: 230px; background: url(../images/bg_tl_new.gif) no-repeat; font-size: 10px; line-height: 12px; }
	#H_whatsnew div.inner { background: url(../images/bg_tr_new.gif) no-repeat 100% 0%; }
#H_gleevec	{ width: 151px; background: url(../images/bg_tl_gleevec.gif) no-repeat; }
	#H_gleevec div.inner { background: url(../images/bg_tr_gleevec.gif) no-repeat 100% 0%; }
#H_pipeline	{ width: 172px; background: url(../images/bg_tl_pipeline.gif) no-repeat; }
	#H_pipeline div.inner { background: url(../images/bg_tr_pipeline.gif) no-repeat 100% 0%; }
#H_partnership	{width: 172px; background: url(../images/bg_tl_choice.gif) no-repeat; margin: 5px 0 0; }
	#H_partnership div.inner { background: url(../images/bg_tr_choice.gif) no-repeat 100% 0%; }

.H_pad	{ padding: 13px 10px 5px; min-height: 200px;}
.moreinfo	{ position: relative; float: right; padding: 0px 0px 50px 10px; }

#flash_area	{position: relative;}

/* SUB PAGE */
#title	{ position: relative; }

#subnav			{ float: left; width: 148px; height: 200px; min-height: 200px; margin: 5px 0px 0px 0px; color: #90B2D5; background: url(../images/subnav_back.jpg) no-repeat;}
#subnav ul		{ padding: 10px;}
#subnav li		{ list-style: none; padding: 4px 10px; border-top: 1px solid #E8EFF6;}
#subnav li.noborder	{ border: 0px;}

#content	{ position: relative;  float: right; width: 590px; line-height: 16px; padding: 5px 0px; border: 0px solid blue;}
#content .pad	{ padding: 15px 15px 60px;}
#content sup	{ font-size: 9px;}
#content ul	{ margin: 0px 0px 10px 20px; list-style: square;}
#content ol	{ margin: 5px 0px 10px 35px; }
.section	{ border-bottom: 1px solid #E5E5E5; margin-bottom: 10px; padding-bottom: 12px;}/* for parts with bottom gray line */

#events td	{ padding: 10px 0; border-bottom: 1px solid #E5E5E5; }

.pullquote1			{ float: right;  width: 225px; margin: 0 0 20px 20px; background: #FBF3EA url(../images/pullquote_top.gif) no-repeat top;}
.pullquote1_in		{ height: 10px; background: url(../images/pullquote_bott.gif) no-repeat bottom;}
.pullquote1 h1	{ padding: 20px 20px 0 20px; color: #D68533; font-size: 11px; }
.pullquote1 p	{ padding: 20px 20px 10px 20px; line-height: 1.75;  }
.pullquote1 table	{ margin: 0 20px; }
.pullquote1 ul		{ padding: 20px; }
.pullquote2	{ width: 400px; margin: 10px auto; background: url(../images/pullquote_left.gif) no-repeat top left;}


.pq1_inline	{ margin: 0 0 20px 0; width: 325px; background: #FBF3EA url(../images/pullquote325_top.gif) no-repeat top; }

.pq1_inline_in		{ height: 10px; background: url(../images/pullquote325_bott.gif) no-repeat bottom;}
.pq1_inline h1	{ padding: 20px 20px 0 20px; color: #D68533; font-size: 11px; }
.pq1_inline p	{ padding: 20px 20px 10px 20px; line-height: 1.75;  }
.pq1_inline table	{ margin: 0 20px; }
.pq1_inline ul		{ padding: 20px; }




/* FOOTER */
#footer	{ position: relative; height: 37px; padding: 0px 0px 40px 3px; background: url(../images/H_footer_back.jpg) no-repeat; font-size: 10px; clear: both; }
#copyright	{ float: right; padding-right: 0px; width: 241px; }

#footnav li, #copyright li	{ list-style: none; float: left; padding: 0px 5px; margin: 12px 0px 0px 0px; border-left: 1px solid #fff; color: #999;}
#footnav li, #copyright li span	{ color: #9CB6D1;}
#footnav li.left, #copyright li.left	{ border: 0px;}

/* LINKS */
a:link, a:visited	{ color: #5388BE; text-decoration: none; }
a:hover				{ color: #369; }

/* CLASSES */
.pad	{ padding: 30px 10px 0px 20px;}
.floatright	{ position: relative; float: right; margin: 0px 0px 10px 40px;}
.backtotop	{ font-size: 9px;}
h4.sitemap	{ font-size: 12px; margin: 20px 0px 5px; }
.pdf		{ list-style-image: url(../images/ICN_pdf_sm.gif); list-style-position: inside; margin-bottom: 5px; }

/* TABLES */
.table		{ margin: 15px 0px; width: 550px; border: 1px solid #e5e5e5; border-width: 1px 1px 0px 0px; }
.table td	{ padding: 10px; vertical-align: top; border: 1px solid #e5e5e5; border-width: 0px 0px 1px 1px; }

/* ELEMENTS */
h2	{ font-size: 13px; color: #D68533; padding: 5px 0px;}
h3	{ font-size: 11px; padding: 10px 0px 0px 0px}
h4	{ font-size: 11px; padding: 10px 0px 0px 0px}
p	{ padding: 3px 0px 8px;}
sup	{ font-size: 8px;}

/* FORMS */
#form				{ margin: 15px 0px 0px; }
#form td			{ padding: 4px 5px; background: #CDDDED; border: 1px solid #fff; border-width: 0px 1px 1px 0px; }
#form td.darkbg		{ background: #f3f3f3; text-align: right; font-weight: bold; }
#form input, #form textarea		{ border: 1px solid #C0C9D2; padding: 2px; font-size: 11px; }
#form .noborder		{ border: none;}
.required			{ color: #f00; }
.submit				{ width: 50px; height: 20px; font-size: 10px; background: #eee; }




.pdfpullq	{ margin: 0 20px 10px; line-height: 1.2; background: url(../images/ICN_pdf_sm.gif) no-repeat; padding: 0 0 0 20px; }


.printlink	{ float: right; margin-top: 4px; font-size: 10px }

.printlink a	{ background: url(../images/icon_print.gif) no-repeat 0px 0px; padding: 0 0 0 16px; }

#content .pad h2	{ width: 400px; }

.awardlogo	{ float: right; padding: 7px; }

.pullquote1 #quoter  { text-align:right; }

#KinomeFrame{
    display: block;
    border: 0px solid pink; 
    width: 745px; 
    height: auto;
}
#myIFrame{
    display: block;
    border: 0px solid blue;
    width: 100%;
    height: 1250px;
}