/*opticnoodlestyles.css */
/*
Stylesheet for the opticnoodle web site
Styles for modern browsers (IE 5+, Netscape 6+, Firefox, Opera 7+, Safari)
Original stylesheet template by Helena Schniewind, January 2007
modified for this site by Helena Schniewind, August 2008
*/


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

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

a:hover {
	color: #6699CC; /* blue */
	}

/* 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; 
	}		


/* 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: #6699CC; /* blue */
	text-decoration: underline; 
	}		
	
body {
	text-align: center; 
	}
	
.body-header {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 21px;
	color: #6699cc;
	}

.body-text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 18px;
	color: #333333;
	}
	
.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: #666666;
	}		
	
#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: 717px;
	padding: 13px 0px 0px 9px;
	position: relative;
	border-width: 1px 0px 0px 0px;
	border-style: solid;
	border-color: #666666;
	}	

.headline-header {
	padding-left: 14px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #0B151B;
	vertical-align: bottom;
	}
	
.headline-subhead {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #0B151B;
	vertical-align: bottom;
	}	
	
#nav-container {
	width: 735px;
	position: relative;
	margin: 0px;
	padding: 0px;
	border: 0px 0px 1px 0px;
	boder-style: solid;
	border-color: #666666;
	}

#nav-container-linknames {
	margin: 0px;
	padding: 10px 0px 10px 0px;
	width: 707px;
	position: relative;
	top: 0px;
	text-align:right;
	}		
	
#home-image-area-container-left {
	position: absolute;
	top: 0px;
	left: 0px;
	}
		
#home-image-area-container1 {
	height: 384px;
	width: 717px;
	background-image: url(images/home-header.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	position: relative;
	margin: 0px;
	padding: 0px;
	}
	
.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-upcoming-performance-info {
	position: absolute;
	top: 72px;
	left: 397px;
	width: 300px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	line-height: 14px;
	border: 0px solid #999999;
	}
	
#image-area-container-full { /* top image area for second levels*/
	margin: 0px;
	padding: 0px;
	height: 110px;
	width: 717px;
	position: relative;
	}
	
	

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

#logo-container {
	height: 40px;
	width: 735px;
	position: relative;
	margin: 0px;
	padding: 15px 0px 0px 0px;
	text-align:left;
	vertical-align:bottom;
	}

	
#logo-container p {
	padding: 0px 0px 0px 0px;
	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;
	border: 0px 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: 550px;
	position: relative;
	/* background-color: #FFCCCC; */
	margin: 0px;
	padding: 0px 10px 15px 0px;
	border: 1px solid;
	border-color: #FFFFFF;
	}

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

.nav-link-on {
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 25px;
	color: #0B151B;
	}
		
.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; 
	}		

		
.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;
	}