@charset "utf-8";
/* CSS Stylesheet for Algynomics */
/* Website design by Ruben Moreno :: http://www.morenoportfolio.com */

* { margin: 0; padding: 0; }
body { background: #e2e7ec url(images/bg_big.jpg) top center no-repeat; font: 13px "Lucida Grande", Tahoma, Arial, Sans-Serif; line-height: 1.7em; color: #444; text-align: center; }

a { color: #444; font-weight: bold; text-decoration:none }
a:hover { color: #777; font-weight: bold; text-decoration:none}
p, ul { margin-top: 1em; margin-bottom: 1em; }
div, img, h1, h2, h3 { behavior: url(iepngfix.htc); }

h3 { font-size: 13px; }
h3 a { font-weight: bold; }
h4 { font-size: 11px; }

.zbox {display:inline; width:180px;  height:110px; float:left; text-align: center; border: 1px solid #ddd;}

.zbox a { color: #777; font-weight:normal; line-height:14pt; font-size:10pt;}
.zbox a:hover{ color: #555; font-weight:normal;}

.clear { clear: both; }
.center { text-align: center; }

ul.ulStandard { margin-left: 1.5em; }
ul.ulStandard li { margin-left: 1.5em; margin-bottom: 1em; }

p.first { margin-top: 0; }
p.lastSpacer { margin-bottom: 10em; }
p.backToTop { margin-top: -1em; margin-bottom: 2em; }

div#wrapperOuter { width: 860px;  margin: 0 auto; text-align: center; }
div#wrapperInner { position: relative; width: 860px; padding: 123px 0 20px 0; }

h1#titleLogo { position: absolute; top: 40px; left: 46px; width: 398px; height: 68px; background: url(images/algynomics_logo_00.png) top left no-repeat; text-indent: -2000em; outline: none; }
h1#titleLogo a { width: 398px; height: 68px; display: block; outline: none; }

div#topborder {background: url(images/alg_content_bg_top.png) center; height:24px; width:800px;}
div#bottomborder {background: url(images/alg_content_bg_bottom.png) center; height:24px; width:800px;}
div#contentOuter { width: 800px;   text-align: center; }
div#contentMiddle { width: 800px;  margin: 0 auto; text-align: center; background: url(images/alg_content_bg_repeat.png) top left repeat-y;}
div#contentInner { position: relative; width: 800px;  padding: 0; margin: 0 auto; text-align: left; }

div.splash {margin: 0 auto; height: 223px; width:734px  }
div#splashHome { }
div#splashNews { background: url(images/splash_news.jpg); }
div#splashServices { background: url(images/splash_services.jpg); }
div#splashProducts { background: url(images/splash_products.jpg); }
div#splashContact { background: url(images/splash_contact.jpg); }

div.navBarWrapper { position: absolute; top: 0px; left: 274px; width: 509px; height: 49px; background: url(images/alg_navbar_bg_short.png) top left no-repeat; z-index: 11; }
* html div.navBarWrapper { position: absolute; top: 0px; left: 274px; width: 509px; height: 49px; background: url(images/alg_navbar_bg_short_ie6.gif) top left no-repeat; z-index: 11; }

	div.navBar { width: 509px; height: 41px; margin: 4px 0 0 108px; position: relative; z-index: 100; }
	* html div.navBar { width: 510px; w\idth: 509px; }

		div.navBar ul { padding: 0; margin: 0; list-style-type: none; }
		div.navBar li { float: left; position: relative; }

		div.navBar li#navHome { background: url(images/alg_navbar_txt_short.jpg) no-repeat 0 0; width: 66px; }
		div.navBar li#navNews { background: url(images/alg_navbar_txt_short.jpg) no-repeat -66px 0; width: 60px; }
		div.navBar li#navServices { background: url(images/alg_navbar_txt_short.jpg) no-repeat -126px 0; width: 75px; }
		div.navBar li#navProducts { background: url(images/alg_navbar_txt_short.jpg) no-repeat -201px 0; width: 81px; }
		div.navBar li#navContactUs { background: url(images/alg_navbar_txt_short.jpg) no-repeat -282px 0; width: 94px; }
		
		div.navBar li#navHome a:hover { background: url(images/alg_navbar_txt_short.jpg) no-repeat 0 -41px; }
		div.navBar li#navNews a:hover { background: url(images/alg_navbar_txt_short.jpg) no-repeat -66px -41px; }
		div.navBar li#navServices a:hover { background: url(images/alg_navbar_txt_short.jpg) no-repeat -126px -41px; }
		div.navBar li#navProducts a:hover { background: url(images/alg_navbar_txt_short.jpg) no-repeat -201px -41px; }
		div.navBar li#navContactUs a:hover { background: url(images/alg_navbar_txt_short.jpg) no-repeat -282px -41px; }
		
		div.navBar li#navHome ul a:hover,
		div.navBar li#navNews ul a:hover,
		div.navBar li#navServices ul a:hover,
		div.navBar li#navProducts ul a:hover,
		div.navBar li#navContactUs ul a:hover { color: #feda6a; background: #0059b4; background-image: none; }
		
		div.navBar ul li { float: left; position: relative; }
		div.navBar ul li a, div.navBar ul li a:visited { height: 41px; display: block; text-indent: -9999px; overflow: hidden; outline: none; }
		div.navBar ul ul a, div.navBar ul ul a:visited { display: block; text-indent: 0; font-size: 13px; text-decoration: none; color: #feda6a; width: 103px; height: 30px;
			border: 1px solid #444; border-width: 1px 0 1px 1px; background: #ccc; padding-left: 10px; line-height: 29px; }
		* html div.navBar ul ul a, * html div.navBar ul ul a:visited { width: 114px; w\idth: 103px; }
		div.navBar ul ul { visibility: hidden; position: absolute; height: 0; top: 41px; left: 0; width: 114px; border-top: 1px solid #444; }
		* html div.navBar ul ul { top: 40px; t\op: 41px; }
		div.navBar table { position: absolute; top: 0; left: 0; border-collapse: collapse; }
		div.navBar ul ul a, div.navBar ul ul a:visited { background: #eee; color: #444; height: auto; line-height: 1em; padding: 5px 10px; width: 93px; border-width: 0 1px 1px 1px; }
		* html div.navBar ul ul a, * html div.navBar ul ul a:visited { width:115px; w\idth:93px; }
		div.navBar li a:hover { color: #feda6a; background: #0059b4; }
		div.navBar li :hover > a { color: #feda6a; background: #0059b4; }
		div.navBar ul ul a:hover { color: #feda6a; background: #0059b4; }
		div.navBar ul ul :hover > a { color: #feda6a; background: #0059b4; }
		div.navBar ul li:hover ul, div.navBar ul a:hover ul { visibility: visible; }

div#subtitleBar { position: absolute; top: 173px; left: 33px; width: 664px; height: 50px; background: url(images/alg_subtitle_bar_bg.png) top left no-repeat; z-index: 11; }
div#subtitleBar h2 { width: 344px; height: 22px; text-indent: -2000em; margin: 16px 0 0 20px; }
div#subtitleBar h2#presMessage { background: url(images/h2_pres_message.png) top left no-repeat; }
div#subtitleBar h2#theTeam { background: url(images/h2_the_team.png) top left no-repeat; }
div#subtitleBar h2#pressReleases { background: url(images/h2_press_releases.png) top left no-repeat; }
div#subtitleBar h2#scientificPubs { background: url(images/h2_scientific_pubs.png) top left no-repeat; }
div#subtitleBar h2#postersAbstracts { background: url(images/h2_posters_abstracts.png) top left no-repeat; }
div#subtitleBar h2#forPharma { background: url(images/h2_for_pharma.png) top left no-repeat; }
div#subtitleBar h2#forResearchers { background: url(images/h2_for_researchers.png) top left no-repeat; }
div#subtitleBar h2#painResearchPanel { background: url(images/h2_pain_research.png) top left no-repeat; }
div#subtitleBar h2#therapeutics { background: url(images/h2_therapeutics.png) top left no-repeat; }
div#subtitleBar h2#diagnostics { background: url(images/h2_diagnostics.png) top left no-repeat; }
div#subtitleBar h2#contactUs { background: url(images/h2_contact_us.png) top left no-repeat; }

div#contentText { width: 676px; padding: 20px 70px 10px 54px; text-align: left; }
div#contentText ul { margin-left: 1em; margin-bottom: 2em; }
div#contentText ul.first { margin-top: 0; }
div#contentText ul li { margin-bottom: 1em; }
div#contentText ul.bookmarks { margin-top: 0; margin-left: 0; }
div#contentText ul.bookmarks li { display: inline; margin: 0; padding: 0 0.5em 0 0.5em; border-right: 1px dotted #444; }
div#contentText ul.bookmarks li.first { padding-left: 0; margin-left: 0; }
div#contentText ul.bookmarks li.last { border-right: 0; }

div#contentText ul#personnel { margin-left: 0; margin-bottom: 0; list-style-type: none; margin-top: 2em; }
div#contentText ul#personnel li { margin-bottom: 1em; }
div#contentText ul#personnel li div.portrait { float: left; width: 118px; height: 168px; background: #e6e6ea; text-align: center; border: 1px solid #ddd; margin: 0 0 2em 0; }
div#contentText ul#personnel li div.portrait img { margin: 10px; }
div#contentText ul#personnel li div.biography { float: right; width: 528px; font-size: 11px; }
div#contentText ul#personnel li div.biography h3 { font-size: 13px; margin: 0; padding: 0; }
div#contentText ul#personnel li div.biography p { margin: 0 0 2em 0; }

div#contactUsFormBox { position: relative; margin: 2em 0; width: 26em; }
div#contactUsFormBox label { float: left; margin-bottom: 4px; }
div#contactUsFormBox input { float: right; margin-bottom: 4px; font: 13px "Lucida Grande", Tahoma, Arial, Sans-Serif; color: #444; }
div#contactUsFormBox textarea { float: right; }
div#contactUsFormBox .formButton { padding: 4px; margin-top: 1em; }

div#footer { background: text-align: center; font-size: 11px; padding-bottom: 1em; line-height: 1.4em; padding-top:10px; color:#999999;}
div#footer a { font-weight: bold; color:#888888;}
div#footer a:hover { font-weight: bold; color:#777777;}

div#footernav { margin-top:50px;}
div#footernav ul {border-top:solid 1px #CCCCCC; font-weight: normal; padding:0px 10px 0px 10px;margin: 10px 0px 0px 0px;}
div#footernav ul li {display: inline; margin: 0; padding: 0 0.5em 0 0.5em; border-right: 1px solid #CCCCCC; font-size:10px;}
div#footernav a{ font-weight: normal; color:#aaaaaa;}
div#footernav a:hover{ font-weight: normal; color:#888888;}

div#pageBottom { width: 860px; height: 17px; background: url(images/alg_site_bg_bottom.png) top left no-repeat; margin: 0 auto; font-size: 11px; }

div.expander { float: right; width: 1px; height: 300px; }