/* -------------------------------------------------------------------------
BioDelivery Sciences International - Adrienne Klum ( www.citronadedesign.com) 
----------------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	font:normal 80%/150% 'Lucida Grande',Helvetica,Arial,Verdana,sans-serif;
	color:#5a5a5a;
	text-align:center;
	background-color:#1f415a; /* --------------Could be #1f415a (lighter blue)---------------*/
	padding:0 0 20px 0;
	}

/* -------------------------------------------------------
LINKS 
----------------------------------------------------------*/
a:link, a:visited {
	color:#009392;
	}
a:focus, a:hover, a:active {
	color:#00b1b0;
	outline:0;
	}
div#highlight a:link, div#highlight a:visited {
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
	}
div#highlight a:focus, div#highlight a:hover, div#highlight a:active {
	color:#c8c8c8;
	}
.link {
	padding-left:30px;
	min-height:35px;
	display:block;
	background:#FFFFFF url(../media/images/link.gif) left top no-repeat;
	}
.pdf_small {
	padding-left:30px;
	padding-top:3px;
	min-height:30px;
	display:block;
	background:#FFFFFF url(../media/images/pdf_small.gif) left top no-repeat;
	}
.pdf {
	padding-left:48px;
	padding-top:10px;
	min-height:35px;
	display:block;
	background:#FFFFFF url(../media/images/pdf.gif) left top no-repeat;
	}
#midnight_arrows, #ocean_arrows {
	padding-right:20px;
	}
#midnight_arrows {
	background:#1f415a url(../media/images/midnight_arrows.gif) right top no-repeat;
	}
#ocean_arrows {
	background:#0a6a6d url(../media/images/ocean_arrows.gif) right top no-repeat;
	}
/* -------------------------------------------------------
TYPOGRAPHY 
----------------------------------------------------------*/	
p {
	padding-bottom:8px;
	font-size:95%;
	font-family: Georgia, Times New Roman, serif;
	}
ul, ol {
	font-size:95%;
	list-style-type:circle;
	padding-bottom:8px;
	font-family: Georgia, Times New Roman, serif;
	}
ul li, ol li {
	margin-left:16px;
	}
h1, h2, h3, h4, .emphasis {
	font-weight:bold;
	font-family:'Lucida Grande',Helvetica,Arial,Verdana,sans-serif;
	}
h1 {
	color:#1f415a;   /*-----------#ba3939------------*/
	font-size:150%;
	line-height:130%;
	padding-bottom:8px;
	border-bottom:1px dotted #f1b371;
	margin-bottom:15px;
	}
.no_rule {
	margin-bottom:0;
	border-bottom:0;
	}
h2 {
	font-size:120%;
	color:#1f415a;
	padding-bottom:8px;
	}
h3, th, label {
	font-size:100%;
	color:#009392;
	}
h4 {
	font-size:100%;
	line-height:150%;
	display:inline;
	float:left;
	color:#009392;
	font-weight:bold;
	margin-right:.25em;
	}
h1#logo {
	display:block;
	text-indent:-9999px;
	height:153px;
	width:206px;
	position:absolute;
	left:20px;
	top:29px;
	padding:0;
	border-bottom:none;
	margin:0;
	background:#FFFFFF url(../media/images/logo.gif) left top no-repeat;
	}
span.emphasis {
	color:#009392;
	}
#highlight  p {
	color:#c8c8c8;
	}
#highlight h1 {
	color:#FFFFFF;
	border-bottom:none;
	margin-bottom:0;
	}
#highlight h2 {
	color:#c8c8c8;
	}
#highlight h3, #highlight h4 {
	color:#FFFFFF;
	}
#footer {
	line-height:120%;
	color:#5a5a5a;
	}
#footer p {
	padding:0;
	}
#highlight h1 span.billboard, span.billboard {
	font-size:190%;
	line-height:110%;
	color:#1f415a;
	display:block;
	font-family: Georgia, Times New Roman, serif;
	float:left;
	font-style:italic;
	padding:8px 0 10px 0;
	}
#highlight h1 span.mini_billboard {
	color:#1f415a;
	display:block;
	float:left;
	font-size:110%;
	}
em, .italic {
	font-style:italic;
	}
.indent {
	padding-left:.5em;
	padding-top:.5em;
	}
.georgia {
	font-family: Georgia, Times New Roman, serif;
	}
.midnight_header {
	height:27px;
	padding-left:10px;
	display:block;
	color:#FFFFFF;
	line-height:200%;
	background:#FFFFFF url(../media/images/midnight_header.gif) left top no-repeat;
	}
td {
	font-size:95%;
	font-family: Georgia, Times New Roman, serif;
	}
.warning {
	font-style:italic;
	font-family: Georgia, Times New Roman, serif;
	color:#009392;
	font-weight:bold;
	font-size:90%;
	}
#highlight h1 span.mini_billboard {
	color:#1f415a;
	}
.bold {
	font-weight:bold;
	}
.footnote, .small {
	font-size:85%;
	line-height:140%;
	}
.superscript {
	font-size:70%;
	vertical-align:top;
	}
.text_centered {
	text-align:center;
	}
.normal {
	font-weight:normal;
	}
.underlined {
	text-decoration:underline;
	}
/* -------------------------------------------------------
TABLES
----------------------------------------------------------*/
table {
	margin-bottom:8px;
	width:100%;
	border-collapse:collapse;
	}
td, th {
	padding:3px 10px;
	border:1px solid #c8c8c8;
	vertical-align:top;
	}
th {
 	border:1px solid #000000;
	}
/* -------------------------------------------------------
FORMS
----------------------------------------------------------*/
label {
	font-weight:bold;
	}
input, textarea {
	font-family: Georgia, Times New Roman, serif;
	font-size:90%;
	color:#5a5a5a;
	border:1px solid #c8c8c8;
	padding:3px;
	margin-bottom:8px;
	}
input.width_third {
	width:282px;
	}
textarea {
	width:592px;
	}
input:active, textarea:active, input:focus, textarea:focus {
	border:1px solid #000000;
	}
input#submit {
	float:right;
	font-weight:bold;
	padding:3px 5px;
	font-size:100%;
	color:#FFFFFF;
	font-family: 'Lucida Grande',Helvetica,Arial,Verdana,sans-serif;
	background-color:#00b1b0;
	}

/* -------------------------------------------------------
MAIN NAVIGATION - ORANGE
----------------------------------------------------------*/
#navigation {
	background-color:#000000;
	height:47px;
	text-align:center;
	background:#f1b371 url(../media/images/nav_orange.gif) left top no-repeat;
	}
ul#nav {
	margin:0 auto;
	width:781px;
	padding-bottom:0;
	list-style:none;
	}
ul#nav li {
	margin-left:0;
	display:block;
	float:left;
	}
ul#nav li a {
	display:block;
	float:left;
	text-indent:-9999px;
	height:47px;
	}
ul#nav li a.current {
	cursor:default;
	}
ul#nav li#nav_home a {
	width:65px;
	background:#f1b371 url(../media/images/nav_orange_home.gif) left top no-repeat;
	}
ul#nav li#nav_home a:hover {
	background:#f1b371 url(../media/images/nav_orange_home.gif) left -47px no-repeat;
	}
ul#nav li#nav_home a.current {
	background:#f1b371 url(../media/images/nav_orange_home.gif) left -94px no-repeat;
	}
ul#nav li#nav_about a {
	width:101px;
	background:#f1b371 url(../media/images/nav_orange_about.gif) left top no-repeat;
	}
ul#nav li#nav_about a:hover {
	background:#f1b371 url(../media/images/nav_orange_about.gif) left -47px no-repeat;
	}
ul#nav li#nav_about a.current {
	background:#f1b371 url(../media/images/nav_orange_about.gif) left -94px no-repeat;
	}
ul#nav li#nav_technology a {
	width:157px;
	background:#f1b371 url(../media/images/nav_orange_technology.gif) left top no-repeat;
	}
ul#nav li#nav_technology a:hover {
	background:#f1b371 url(../media/images/nav_orange_technology.gif) left -47px no-repeat;
	}
ul#nav li#nav_technology a.current {
	background:#f1b371 url(../media/images/nav_orange_technology.gif) left -94px no-repeat;
	}
ul#nav li#nav_pipeline a {
	width:126px;
	background:#f1b371 url(../media/images/nav_orange_pipeline.gif) left top no-repeat;
	}
ul#nav li#nav_pipeline a:hover {
	background:#f1b371 url(../media/images/nav_orange_pipeline.gif) left -47px no-repeat;
	}
ul#nav li#nav_pipeline a.current {
	background:#f1b371 url(../media/images/nav_orange_pipeline.gif) left -94px no-repeat;
	}
ul#nav li#nav_investors a {
	width:133px;
	background:#f1b371 url(../media/images/nav_orange_investors.gif) left top no-repeat;
	}
ul#nav li#nav_investors a:hover {
	background:#f1b371 url(../media/images/nav_orange_investors.gif) left -47px no-repeat;
	}
ul#nav li#nav_investors a.current {
	background:#f1b371 url(../media/images/nav_orange_investors.gif) left -94px no-repeat;
	}
ul#nav li#nav_media a {
	width:104px;
	background:#f1b371 url(../media/images/nav_orange_media.gif) left top no-repeat;
	}
ul#nav li#nav_media a:hover {
	background:#f1b371 url(../media/images/nav_orange_media.gif) left -47px no-repeat;
	}
ul#nav li#nav_media a.current {
	background:#f1b371 url(../media/images/nav_orange_media.gif) left -94px no-repeat;
	}
ul#nav li#nav_contact a {
	width:95px;
	background:#f1b371 url(../media/images/nav_orange_contact.gif) left top no-repeat;
	}
ul#nav li#nav_contact a:hover {
	background:#f1b371 url(../media/images/nav_orange_contact.gif) left -47px no-repeat;
	}
ul#nav li#nav_contact a.current {
	background:#f1b371 url(../media/images/nav_orange_contact.gif) left -94px no-repeat;
	}

/* -------------------------------------------------------
SUB NAVIGATION - ORANGE
----------------------------------------------------------*/
#sub_navigation {
	margin-bottom:40px;
	}
#sub_navigation ul {
	color:#FFFFFF;
	list-style:none;
	font-family: 'Lucida Grande',Helvetica,Arial,Verdana,sans-serif;
	font-size:100%;
	padding-bottom:0;
	}
#sub_navigation ul li {
	margin-left:18px;
	line-height:180%;
	}
#sub_navigation ul li a {
	font-weight:bold;
	text-decoration:none;
	color:#142430;
	display:block;
	}
#sub_navigation ul li a:hover {
	color:#5a5a5a;
	}
#sub_navigation ul li a.current {
	color:#de8322;
	cursor:default;
	padding-left:18px;
	margin-left:-18px;
	background:transparent url(../media/images/sub_nav_orange.gif) left 4px no-repeat;
	}
#sub_navigation ul li ul.sub_sub_nav {
	margin-left:0px;
	padding-bottom:8px;
	}
#sub_navigation ul li ul.sub_sub_nav li {
	line-height:130%;
	}
#sub_navigation ul li ul.sub_sub_nav li a {
	color:#1f415a;
	font-size:85%;
	
	}
#sub_navigation ul li ul.sub_sub_nav li a:hover {
	color:#5a5a5a;
	}
#sub_navigation ul li ul.sub_sub_nav li a.current {
	color:#de8322;
	}
#sub_navigation ul li ul.sub_sub_nav li a.current {
	background:transparent url(../media/images/sub_nav_orange.gif) left 1px no-repeat;
	}

/* -------------------------------------------------------
LAYOUT 
----------------------------------------------------------*/
#container {
	margin:0 auto;
	background-color:#FFFFFF;
	width:950px;
	text-align:left;
	position:relative;
	}
#masthead {
	height:182px;
	position:relative;
	background:#FFFFFF url(../media/images/top_light.gif) left top no-repeat;
	}	
#photography {
	position:absolute;
	right:0;
	z-index:9999;
	}
#highlight {
	padding:10px 20px 10px 20px;
	background:#00b1b0 url(../media/images/blue_shadow.gif) left bottom no-repeat;
	}
#main_page {
	padding:20px 20px 30px 20px;
	clear:both;
	}
div.column_A, div.column_B, div.column_C {
	display:block;
	float:left;
	}
div.column_A {
	width:274px;
	}
div.column_B {
	width:282px;
	padding-right:15px;
	margin-right:20px;
	border-right:1px dotted #f1b371;
	}
div.column_C {
	width:282px;
	}
div.column_BC {
	display:block;
	float:right;
	width:600px;
	min-height:300px;
	padding-left:15px;
	border-left:1px dotted #f1b371;
	}
#highlight div.column_A, #highlight div.column_B, #highlight div.column_C {
	padding:10px 0 20px 0;
	border:0;
	width:290px;
	}
#highlight div.column_A {
	margin-right:20px;
	}
div.justified {
	text-align:justify;
	padding:0 80px;
	}
div.midnight {
	background:#1f415a url(../media/images/midnight_top.gif) left top no-repeat;
	}
div.midnight_bottom {
	background:#1f415a url(../media/images/midnight_bottom.gif) left bottom no-repeat;
	height:10px;
	}
div.ocean {
	background:#0a6a6d url(../media/images/ocean_top.gif) left top no-repeat;
	}
div.ocean_bottom {
	background:#0a6a6d url(../media/images/ocean_bottom.gif) left bottom no-repeat;
	height:10px;
	}
div.midnight, div.ocean {
	min-height:180px;
	padding:10px 15px;
	position:relative;
	}
div.hor_rule, .photo_caption_line {
	border-top:1px dotted #f1b371;
	height:15px;
	margin-top:10px;
	}
#sub_navigation ul li div.hor_rule {
	height:5px;
	margin-top:3px;
	}
.column_third {
	width:290px;
	}
/* -------------------------------------------------------
MANIPULATION 
----------------------------------------------------------*/
.left {
	float:left;
	display:block;
	}
.right {
	float:right;
	display:block;
	}
.centered {
	margin:0 auto;
	}
.margin-left {
	margin-left:15px;
	margin-bottom:5px;
	}
.margin-right {
	margin-right:15px;
	margin-bottom:5px;
	}
.margin-bottom {
	margin-bottom:5px;
	}
#film_overlap {
	margin-right:-30px;
	margin-left:0;
	}
#spiral_overlap {
	margin-top:-23px;
	margin-right:-8px;
	}
.frame {
	margin-top:5px;
	border:2px solid #1f415a;
	padding:2px;
	}
.clear, div.spacer, div.spacer_thick {
	clear:both;
	}
div.spacer_thick {
	height:20px;
	}
.overlap {
	position:relative;
	z-index:100;
	}
.blue {
	color:#1f415a;
	}
.orange {
	color:#de8322;
	}
.photo_caption {
	width:187px;
	float:right;
	clear:both;
	text-align:center;
	margin-bottom:10px;
	color:#1f415a;
	padding-left:14px;
	margin-left:15px;
	border-left:1px dotted #f1b371;
	}
.photo_caption p {
	font:bold 90%/100% 'Lucida Grande',Helvetica,Arial,Verdana,sans-serif;
	padding:0;
	}
.photo_caption_line {
	width:187px;
	float:right;
	clear:both;
	}
/* -------------------------------------------------------
FOOTER 
----------------------------------------------------------*/
#footer {
	clear:both;
	padding:22px 0 20px 100px;
	background:#1f415a url(../media/images/footer_metal.gif) left top no-repeat;
	}
#footer ul {
	height:1.25em;
	list-style:none;
	font-family:'Lucida Grande',Helvetica,Arial,Verdana,sans-serif;
	}
#footer ul li {
	display:block;
	float:left;
	padding:0 10px;
	margin-left:0;
	border-left:1px solid #5a5a5a;
	}
#footer ul li.first {
	border:0;
	padding-left:0;
	}
#footer ul li a {
	text-decoration:none;
	color:#142430;
	}
#footer ul li a:hover {
	color:#FFFFFF;
	}