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

* { margin: 0; padding: 0; }
body { background: #fff; font: 13px "Lucida Grande", Tahoma, Arial, Sans-Serif; line-height: 1.5em; color: #444; text-align: center; }

a { color: #444; font-weight: normal; }
a:hover { color: #777; }
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; }

div#wrapperOuter { position: relative; width: 100%; background: #845200 url(images/as_site_bg.jpg) top left repeat-x; }
div#wrapperMiddle { position: relative; width: 100%; background: url(images/as_site_bg_white.gif) bottom left repeat-x; }
div#wrapperInner { position: relative; width: 753px; margin: 0 auto; text-align: center; padding: 105px 0 20px 0; }

	div#wrapperInner div#logo { position: absolute; left: 30px; top: 10px; width: 154px; height: 75px; }
	div#wrapperInner div#logo h1 { width: 154px; height: 75px; background: url(images/agile_logo_home.gif) no-repeat; text-indent: -9999px; outline: none; }
	div#wrapperInner div#logo h1 a { display: block; width: 154px; height: 75px; outline: none; }

	div#navBar { position: absolute; top: 65px; left: 225px; width: 508px; height: 25px; }

	div#navBar ul { background: url(images/agile_main_nav.gif) no-repeat; width: 508px; height: 25px; margin: 0; padding: 0; list-style-type: none; position: relative; }
	div#navBar ul, div#navBar ul li { height: 25px; margin: 0; padding: 0; }

	div#navBar ul li#navHome { background: url(images/agile_main_nav.gif) no-repeat 0 0; width: 47px; position: absolute; left: 0; top: 0; }
	div#navBar ul li#navAboutUs { background: url(images/agile_main_nav.gif) no-repeat -47px 0; width: 69px; position: absolute; left: 47px; top: 0; }
	div#navBar ul li#navTheScience { background: url(images/agile_main_nav.gif) no-repeat -116px 0; width: 82px; position: absolute; left: 116px; top: 0; }
	div#navBar ul li#navOurTechnology { background: url(images/agile_main_nav.gif) no-repeat -198px 0; width: 100px; position: absolute; left: 198px; top: 0; }
	div#navBar ul li#navPublications { background: url(images/agile_main_nav.gif) no-repeat -298px 0; width: 83px; position: absolute; left: 298px; top: 0; }
	div#navBar ul li#navNews { background: url(images/agile_main_nav.gif) no-repeat -381px 0; width: 47px; position: absolute; left: 381px; top: 0; }
	div#navBar ul li#navContactUs { background: url(images/agile_main_nav.gif) no-repeat -428px 0; width: 80px; position: absolute; left: 428px; top: 0; }
	
	div#navBar ul li a { height: 25px; display: block; text-indent: -9999px; overflow: hidden; outline: none; }

	div#navBar ul li#navHome a:hover { background: url(images/agile_main_nav.gif) no-repeat 0 -25px; }
	div#navBar ul li#navAboutUs a:hover { background: url(images/agile_main_nav.gif) no-repeat -47px -25px; }
	div#navBar ul li#navTheScience a:hover { background: url(images/agile_main_nav.gif) no-repeat -116px -25px; }
	div#navBar ul li#navOurTechnology a:hover { background: url(images/agile_main_nav.gif) no-repeat -198px -25px; }
	div#navBar ul li#navPublications a:hover { background: url(images/agile_main_nav.gif) no-repeat -298px -25px; }
	div#navBar ul li#navNews a:hover { background: url(images/agile_main_nav.gif) no-repeat -381px -25px; }
	div#navBar ul li#navContactUs a:hover { background: url(images/agile_main_nav.gif) no-repeat -428px -25px; }

	* html div#framingOuter { position: relative; width: 703px; background: #a4afb6; margin: 0 auto; text-align: center; padding: 10px; }
	div#framingOuter { position: relative; width: 703px; background: url(images/home_framing_outer.png); margin: 0 auto; text-align: center; padding: 10px; }
		div#framingInnerHome { position: relative; width: 683px; background: #304d5d url(images/home_framing_inner.jpg) top left no-repeat; color: #fff; text-align: right; margin: 0 auto; padding: 10px; }

			div#sidebarHome { position: absolute; top: -22px; left: -21px; width: 234px; }
				* html div#sidebarHomeTop { width: 234px; height: 10px; background: url(images/home_sidebar_top.gif) top left no-repeat; margin: 0 0 -6px 0; }
				div#sidebarHomeTop { width: 234px; height: 10px; background: url(images/home_sidebar_top.png) top left no-repeat; }
				* html div#sidebarHomeContent { width: 192px; background: url(images/home_sidebar_bg.gif) top left repeat-y; padding: 9px 21px 21px 21px; text-align: left; color: #444;
					font: 11px Verdana, Arial, Helvetica, sans-serif; line-height: 1.5em; }
				div#sidebarHomeContent { width: 192px; background: url(images/home_sidebar_bg.png) top left repeat-y; padding: 9px 21px 21px 21px; text-align: left; color: #444;
					font: 11px Verdana, Arial, Helvetica, sans-serif; line-height: 1.5em; }
					div#sidebarHomeContent h2 { font-size: 13px; font-weight: bold; color: #e0a50d; }
					div#sidebarHomeContent h3 { font-size: 13px; font-weight: bold; margin-bottom: 0; }
					div#sidebarHomeContent p { margin-top: 0; }
					div#sidebarHomeContent p.last { margin-bottom: 0; }
					div#sidebarHomeContent p.last a { font-weight: bold; }
				* html div#sidebarHomeBottom { width: 234px; height: 10px; background: url(images/home_sidebar_bottom.gif) bottom left no-repeat; margin: -6px 0 0 0; }
				div#sidebarHomeBottom { width: 234px; height: 10px; background: url(images/home_sidebar_bottom.png) bottom left no-repeat; }

			div#splash { width: 482px; text-align: left; margin: 0 0 0 auto; }
			div#splash img { width: 482px; border: 0; }
	
			div#contentHome { width: 450px; text-align: left; margin: 15px 12px 0 auto; }

				div#contentHome div.expander { float: right; width: 1px; height: 342px; }

		div#framingInnerSub { position: relative; width: 683px; background: #fff; text-align: left; margin: 0 auto; padding: 0 10px 10px 10px; }

			div#headerSub { position: absolute; top: 0; left: 0; width: 703px; height: 103px; background: #34576b url(images/sub_header_bg.jpg) top left no-repeat; }
			
				h2#headerAboutUs { position: absolute; top: 23px; left: 20px; width: 100px; height: 19px; background: url(images/h2_about_us.png) top left no-repeat; text-indent: -9999px; }
				h2#headerTheScience { position: absolute; top: 23px; left: 20px; width: 129px; height: 19px; background: url(images/h2_the_science.png) top left no-repeat; text-indent: -9999px; }
				h2#headerOurTechnology { position: absolute; top: 23px; left: 20px; width: 159px; height: 25px; background: url(images/h2_our_technology.png) top left no-repeat; text-indent: -9999px; }
				h2#headerPublications { position: absolute; top: 23px; left: 20px; width: 128px; height: 19px; background: url(images/h2_publications.png) top left no-repeat; text-indent: -9999px; }
				h2#headerNews { position: absolute; top: 23px; left: 20px; width: 62px; height: 19px; background: url(images/h2_news.png) top left no-repeat; text-indent: -9999px; }
				h2#headerContactUs { position: absolute; top: 23px; left: 20px; width: 126px; height: 19px; background: url(images/h2_contact_us.png) top left no-repeat; text-indent: -9999px; }

			div#sidebarSub { position: absolute; top: 71px; right: -21px; width: 234px; }
				* html div#sidebarSubTop { width: 234px; height: 10px; background: url(images/home_sidebar_top.gif) top left no-repeat; margin: 0 0 -6px 0; }
				div#sidebarSubTop { width: 234px; height: 10px; background: url(images/home_sidebar_top.png) top left no-repeat; }
				* html div#sidebarSubContent { width: 198px; background: url(images/home_sidebar_bg.gif) top left repeat-y; padding: 9px 18px 3px 18px; text-align: left; color: #444;
					font: 11px Verdana, Arial, Helvetica, sans-serif; line-height: 1.5em; }
				div#sidebarSubContent { width: 198px; background: url(images/home_sidebar_bg.png) top left repeat-y; padding: 9px 18px 3px 18px; text-align: left; color: #444;
					font: 11px Verdana, Arial, Helvetica, sans-serif; line-height: 1.5em; }
					div#sidebarSubContent h2 { font-size: 13px; font-weight: bold; color: #e0a50d; }
					div#sidebarSubContent h3 { font-size: 13px; font-weight: bold; margin-bottom: 0; }
					div#sidebarSubContent p { margin-top: 0; }
					div#sidebarSubContent p.last { margin-bottom: 0; }
					div#sidebarSubContent p.last a { font-weight: bold; }
					div#sidebarSubContent ul#gallery { width: 198px; list-style-type: none; margin: 0 ; padding: 0; }
					div#sidebarSubContent ul#gallery li { width: 198px; margin: 0; padding: 0; }
					div#sidebarSubContent ul#gallery img { margin-bottom: 4px; }
				* html div#sidebarSubBottom { width: 234px; height: 10px; background: url(images/home_sidebar_bottom.gif) bottom left no-repeat; margin: -6px 0 0 0;  }
				div#sidebarSubBottom { width: 234px; height: 10px; background: url(images/home_sidebar_bottom.png) bottom left no-repeat; }

			div#contentSub { width: 450px; text-align: left; margin: 0 auto 0 12px; padding-top: 110px; }

				div#contentSub div.expander { float: right; width: 1px; height: 540px; }

				div#contentSub h3 { margin-top: 1em; margin-bottom: 1em; }
				
				div#contentSub ol { margin-left: 1.5em; }
				div#contentSub ol li { margin-left: 1.5em; margin-bottom: 1em; }

				div#contentSub ul#publicationList { margin-left: 1.5em; margin-top: 2em; }
				div#contentSub ul#publicationList li { margin-left: 1.5em; margin-bottom: 1.5em; }

			div#contentSubWide { text-align: left; margin: 0px 12px 0 12px; padding-top: 110px; }

				div#contentSubWide div.expander { float: right; width: 1px; height: 540px; }

				div#contentSubWide ul#personnel { list-style-type: none; margin-top: 2em; }
				div#contentSubWide ul#personnel li { margin-bottom: 1em; }
				div#contentSubWide ul#personnel li div.portrait { float: left; width: 150px; height: 216px; background: #dee6e8; text-align: center; }
				div#contentSubWide ul#personnel li div.portrait img { margin: 10px; }
				div#contentSubWide ul#personnel li div.biography { float: right; width: 488px; font-size: 11px; }
				div#contentSubWide ul#personnel li div.biography h3 { font-size: 13px; margin: 0; padding: 0; }
				div#contentSubWide ul#personnel li div.biography p.first { font-size: 13px; font-style: italic; }
				
				div#contentSubWide div#newsList { margin-top: 1em; }
				div#contentSubWide div#newsList h3 { margin-bottom: 0; }
				div#contentSubWide div#newsList h3.twistyRight { margin-bottom: 1em; }
				div#contentSubWide div#newsList h3.twistyDown { margin-bottom: 1em; }
				div#contentSubWide div#newsList p { margin-top: 0; }
				
				div#aboutSubsections h3 { margin-bottom: 1em; }

div#footer { width: 723px; font-size: 11px; line-height: 1.5em; text-align: center; margin: 0 auto; padding: 1em 0; background: #fff; }
div#footer a { color: #444; font-weight: bold; }
div#footer a:hover { color: #777; }

.clear { clear: both; }
.center { text-align: center; }
.sidebar { font: 11px Verdana, Arial, Helvetica, sans-serif; line-height: 1.5em; }
.offScreen { display: none; }
.top1em { margin-top: 0; padding-top: 0.1em; }

.twistyInactive { background: url(images/twisty-inactive.gif) center left no-repeat; padding-left: 18px; }
.twistyRight { background: url(images/twisty-right.gif) center left no-repeat; padding-left: 18px; }
.twistyDown { background: url(images/twisty-down.gif) center left no-repeat; padding-left: 18px; }

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