/*bioflashstyles.css */
/*
Stylesheet for the BioFlash web site
Styles for modern browsers (IE 5+, Netscape 6+, Firefox, Opera 7+, Safari)
Authored by Helena Schniewind, V Design
January 2007
*/


/* for links that have two blue arrows after them */
a	{ 
	color: #666666; /* grey */
	text-decoration: none;
	}

a:visited {
	color: #666666; /* grey */
	}

a:hover {
	color: #E37420; /* orange */
	}

/* for links in bold blue header on the partners page */	
a.body-header-name	{ 
	color: #6699cc; /* blue */
	text-decoration: none; 
	}

a.body-header-name:visited {
	color: #6699cc; /* blue */
	text-decoration: none; 
	}

a.body-header-name:hover {
	color: #6699cc; /* blue */
	text-decoration: underline; 
	}	
a.popup-window span{
	display: none;
}
a.popup-window:hover span{
	position: absolute;
	z-index: 2;
	display: block;
	z-index: 2;
	left: 10em;
	top: 1em;
	border: 1px solid #666666;
}
a.popup-window2 span{
	display: none;
}
a.popup-window2:hover span{
	position: absolute;
	z-index: 2;
	display: block;
	z-index: 2;
	left: 40px;
	top: -80px;
	border: 1px solid #666666;
}


/* for left hand navigation */
a.nav-link {
	color: #999999;
	text-decoration: none;
	}

a.nav-link:visited {
	color: #999999;
	}

a.nav-link:hover {
	color: #6699cc;
	}
	
a.nav-sublink {
	color: #999999;
	text-decoration: none;
	}

a.nav-sublink:visited {
	color: #999999;
	}

a.nav-sublink:hover {
	color: #6699cc;
	}
	
/* for links in body copy that are underlined */
a.underline	{ 
	color: #666666; /* grey */
	text-decoration: underline; 
	}

a.underline:visited {
	color: #666666; /* grey */
	text-decoration: underline; 
	}

a.underline:hover {
	color: #E37420; /* orange */
	text-decoration: underline; 
	}		
	
body {
	text-align: center; 
	}
	
.body-header {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 21px;
	color: #E37420;
	float: left;
}
.body-header-container {
	border-color: #666666;
	border-width: 0;
	border-bottom: 1px solid #666;
	height: 25px;
}
.body-header-right {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 21px;
	color: #E37420;
	float: right;
}

.body-text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #444444;
	}
.body-text-right {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #666666;
	float: right;
}	
.body-header-name {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 18px;
	font-weight: bold;
	color: #6699cc;
	}	
.copyright-info {	
   	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999999;
	}		
#contact-body-container{
		height: 680px;
	background-position: 290px 325px;
}
#container-right{
	float: right;
	margin-top: 20px;
}
#container-left{
	float: left;
	margin-top: 20px;
}
#flash_container{
	width: 350px;
	height: 240px;
	margin-left: 60px;
}
#footer-container1 { /*this is the one I used on the home page */
	width: 735px;
	border-width: 1px 0px 1px 0px;
	border-style: dotted;
	border-color: #999999;
	position: relative;
	margin: 0px;
	padding: 8px 0px 8px 0px;
		}
		
#footer-container1a-2ndLevel { 
	width: 720px;
	height: 20px;
	padding: 15px 0px 0px 15px;
	margin: 0px;
	border-width: 1px 0px 1px 0px;
	border-style: dotted;
	border-color: #999999;
	position: relative;
	 }	
	
#footer-container2 {/* for the copyright info on all pages*/	
	width: 728px;
	padding: 5px 0px 0px 9px;
	position: relative;
	border-width: 1px 0px 0px 0px;
	border-style: solid;
	border-color: #999999;
	}	

.headline-header {
	padding-left: 14px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #6699cc;
	background-image: url(images/HOME-headline-bullet.jpg);
	background-position: 0px 1px;
	background-repeat: no-repeat;
	}
	
.headline-subhead {
	padding-left: 14px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	line-height: 18px;
	}	
	
#home-body-container {
	width: 735px;
	position: relative;
	margin: 0px;
	padding: 0px;
	border: 1px solid;
	border-color: #FFFFFF;
}

#home-body-container-maintext {
	margin: 15px 0px 10px 0px;
	padding: 0px 10px 25px 15px;
	width: 541px;
	position: relative;
	border-width: 0px 1px 0px 0px;
	border-style: solid;
	border-color: #999999;
	/* background-color: #FFCC00; */
	}		
#about-body-container-maintext {
	width: 705px;
	position: relative;
	border-width: 0px 0px 0px 0px;
	border-style: solid;
	border-color: #999999;
	padding: 0px 15px 25px;
	margin-bottom: 10px;
	margin-top: 15px;
	margin-right: 15px;
}	
#home-contact-container { /* for home page */
	width: 154px;
	position: absolute;
	top: 0px;
	left: 568px;
	margin: 15px 0px 0px 0px;
	padding: 130px 10px 10px 5px;
	/* background-color: #99CC00; */
	background-image: url(images/HOME-push-area.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	line-height: 16px;
	}	
#home-contact-container a{
	font-size: 14px;
}		
#home-image-area-container1 {
	height: 173px;
	width: 735px;
	position: relative;
	margin: 0px;
	padding: 0px;
	border-width: 1px;
	border-style: solid;
	border-color: #999999;
}
	
.home-push-area-link {	
   	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	line-height: 12px;
	}
			
.home-push-area-link a {	
   	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	line-height: 12px;
	}	
	
.home-push-area-link a:visited {	
   	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	line-height: 12px;
	}	
	
.home-push-area-link a:hover {	
   	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #6699cc;
	line-height: 12px;
	}

.home-subhead {
	margin-left: 65px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #0066cc;
	margin-bottom: -10px;
}	

.home-summary{
	clear: both;
	padding-top: 10px;
}
.home-ul{
	margin-left: 40px;
}
.home-ul li{
	color: #0066cc;
}
#image-area-container-full { /* top image area for second levels*/
	margin: 0px;
	padding: 0px;
	height: 110px;
	width: 735px;
	position: relative;
	}
#image-area-container-left { /* top image area for second levels*/
	margin: 0px;
	padding: 0px;
	height: 110px;
	width: 594px;
	background-image: url(images/SECOND-header-left_03.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	position: absolute;
	left: 0px;
	top: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	color: #ffffff;
	padding: 80px 0px 5px 20px;
	text-align: left;
	}
	
#image-area-container-right { /* top image area  for second levels*/
	margin: 0px;
	padding: 0px;
	height: 110px;
	width: 155px; 
	position: absolute;
	left: 594px;
	top: 0px;
	}	
	
#left-nav-container { /* for home page */
	width: 154px;
	position: relative;
	margin: 0px;
	padding: 20px 0px 25px 5px;
	}

.link-double-arrows {
	color: #6699cc;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	}
	

#logo-container {
	height: 107px;
	width: 735px;
	position: relative;
	margin: 0px;
	padding: 0px;
	}

	
#logo-container p {
	padding: 0px 0px 0px 4px;
	text-align: left;
	vertical-align: bottom;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #999999;
	margin: 0px;
	}

#main-container { /* fixed width for every page */
	width: 745px;
	position: relative;
	/* top: 0px;
	left: 9px; */
	border: 1px solid #999999;
	padding: 0px 0px 10px 10px;
	text-align: left;
	margin: 0 auto;
}
	
.management-team-container {
	width: 407px;
	margin: 10px 0px 0px 0px;
	padding: 10px 0px 10px 0px;
	/* background-color: #99CC00; */
	border-width: 1px 0px 0px 0px;
	border-style: solid;
	border-color: #999999;
	}	
	
#middle-container {
	width: 735px;
	position: relative;
	/* background-color: #FFCCCC; */
	margin: 0px;
	padding: 0px 0px 15px 0px;
	border: 1px solid;
	border-color: #FFFFFF;
	}

.nav-link {
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 25px;
	color: #999999;}

.nav-link-on {
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 25px;
	color: #6699cc;
	}
		
.nav-sublink {
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 18px;
	color: #999999;
	}		

.nav-sublink-on {
	color: #6699cc;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 18px;
	}

#partner-listing-container-tarpon {
	width: 274px;
	margin: 10px 0px 0px 0px;
	padding: 10px 0px 0px 130px;
	/* background-color: #99CC00; */
	background-image: url(images/PARTNERS-tarpon.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	border-width: 1px 0px 0px 0px;
	border-style: solid;
	border-color: #999999;
	position: relative;	
	}
	
#partner-listing-container-xcellerex {
	width: 274px;
	margin: 10px 0px 0px 0px;
	padding: 10px 0px 0px 130px;
	/* background-color: #99CC00; */
	background-image: url(images/PARTNERS-xcellerex.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	border-width: 1px 0px 0px 0px;
	border-style: solid;
	border-color: #999999;
	position: relative;	
	}	
	
#product-listing-container-1 {
	width: 330px;
	height: 65px;
	margin: 10px 0px 0px 0px;
	padding: 15px 0px 7px 75px;
	/* background-color: #99CC00; */ 
	background-image: url(images/PRODUCTS-lvl2-DFC12.jpg);
	background-repeat: no-repeat;
	background-position: 0px 7px;
	border-width: 1px 0px 0px 0px;
	border-style: solid;
	border-color: #999999;
	position: relative;	
	}
	
#product-listing-container-2 {
	width: 330px;
	height: 65px;
	margin: 0px;
	padding: 15px 0px 7px 75px;
	/* background-color: #99CC00; */
	background-image: url(images/PRODUCTS-lvl2-DFC80.jpg);
	background-repeat: no-repeat;
	background-position: 0px 7px;
	border-width: 1px 0px 0px 0px;
	border-style: solid;
	border-color: #999999;
	position: relative;	
	}	
	
#product-listing-container-3 {
	width: 330px;
	height: 65px;
	margin: 0px;
	padding: 15px 0px 7px 75px;
	/* background-color: #99CC00; */ 
	background-image: url(images/PRODUCTS-lvl2-DFC200.jpg);
	background-repeat: no-repeat;
	background-position: 0px 7px;
	border-width: 1px 0px 0px 0px;
	border-style: solid;
	border-color: #999999;
	position: relative;	
	}	
	
	
	
/* the area within the right hand column with text and white rules top & bottom 
light blue used for headlines that link to pages on the site, gold used for links to off site
client testimonials, press releases. Decided not to use the gold containers for now. 1-25-07 */

#right-container-lightblue {
	width: 126px;
	margin: 60px 0px 0px 0px;
	padding: 17px 0px 17px 14px;
	background-color: #E2ECF5; 
	border-width: 1px 0px 1px 0px;
	border-style: solid;
	border-color: #FFFFFF;
	position: absolute;
	top: 0;
	left: 594;
	}

/* #right-container-gold { 
	width: 126px;
	padding: 17px 0px 17px 14px;
	background-color: #F7D899; 
	border-width: 1px 0px 1px 0px;
	border-style: solid;
	border-color: #FFFFFF;
	margin: 60px 0px 0px 0px;
	position: absolute;
	top: 0;
	left: 594; 
	} */
	
#right-container-DFC-12 {
	width: 140px;
	margin: 60px 0px 0px 0px;
	padding: 0px;
	background-color: #E2ECF5; 
	border-width: 0px 0px 1px 0px;
	border-style: solid;
	border-color: #FFFFFF;
	position: absolute;
	top: 0;
	left: 593;
	}	
	
#right-container-DFC-80 {
	width: 140px;
	margin: 60px 0px 0px 0px;
	padding: 0px;
	background-color: #E2ECF5;
	border-width: 0px 0px 1px 0px;
	border-style: solid;
	border-color: #FFFFFF;
	position: absolute;
	top: 0;
	left: 593;
	}	
	
#right-container-DFC-200 {
	width: 140px;
	margin: 60px 0px 0px 0px;
	padding: 0px;
	background-color: #E2ECF5; 
	border-width: 0px 0px 1px 0px;
	border-style: solid;
	border-color: #FFFFFF;
	position: absolute;
	top: 0;
	left: 593;
	}			
	
.right-push-area-text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 20px;
	color: #2C67A2; 
	padding: 17px 10px 17px 0px;
	}	
	
.right-push-area-text a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	color: #2C67A2; 
	}	
	
.right-push-area-text a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	color: #2C67A2; 
	}	
	
.right-push-area-text a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	color: #2C67A2;
	text-decoration: underline; 
	}		
.subhead{
		font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 18px;
	color: #0066cc;

}
.subhead-orange {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 21px;
	color: #E37420;
}
.subhead-blue {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 21px;
	color: #0066cc;
}

		
.text_footer1 { /* "BioFlash Partners" */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #0091D5; 
	vertical-align: text-bottom;
	margin: 0;
	padding: 0;
	}	

.text_footer2 { /* "Ahead of the Curve" */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #336699; 
	vertical-align: text-bottom;
	margin: 0;
	padding: 0;
	}
ul.bulleted_list{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #444444;
}