/*
CSS for Healionics
By Eben Design
www.ebendesign.com
*/

html { background: #e5e5e5; margin: 0; padding: 0; }
body { background: #e5e5e5; font-family: verdana, arial, sans-serif; font-size: .75em; color: #666; }
img a, a img { border: 0; }
a { outline: none; }
#a { width: 100%; background: #fff; }
#b { width: 968px; margin: 0px auto; padding: 43px 0 0 0; }
#n { height: 75px; }
	.logo { float: left; display: inline; width: 218px; }
	.nav { float: right; display: inline; width: 718px; margin: 3px 0 0 0; position: relative; }
		.nav ul { list-style-type: none; width: 718px; position: relative; }
			.nav ul li { float: left; display: inline; list-style-type: none; position: relative; }
			.nav ul li a { display: block; height: 37px; }
			.nav ul li ul li a { height: 10px; padding: 3px; }
			.n1 { background: url(../i/nav/n-1-home.gif); width: 66px; }
			.n1:hover { background: url(../i/nav/n-1-home.gif); }
			.n2 { background: url(../i/nav/n-2-about.gif); width: 146px; }
			.n2:hover { background: url(../i/nav/n-2-about.gif); }
			.n3 { background: url(../i/nav/n-3-starbiomaterials.gif); width: 153px; }
			.n3:hover { background: url(../i/nav/n-3-starbiomaterials.gif); }
			.n4 { background: url(../i/nav/n-4-applications.gif); width: 117px; }
			.n4:hover { background: url(../i/nav/n-4-applications_hover.gif); }
			.n5 { background: url(../i/nav/n-5-media.gif); width: 134px; }
			.n5:hover { background: url(../i/nav/n-5-media_hover.gif); }
			.n6 { background: url(../i/nav/n-6-contact.gif); width: 102px; }
			.n6:hover { background: url(../i/nav/n-6-contact_hover.gif); }
#f { width: 968px; height: 351px; background: margin: 0 0 20px 0; }
#c { width: 968px; background: url(../i/bg-content.jpg) 0 0 no-repeat; text-align: left; padding: 0 0 30px 0; }
#d { width: 555px; float: left; display: inline; text-align: left; padding: 0 30px 30px 31px; margin: 30px 0 0 0; line-height: 1.5; }
	#d .p1 { background: url(../i/bg-picture.gif) 0 0 no-repeat; height: 230px; width: 208px; float: right; margin: 26px 0 20px 20px }
	.p2 { margin: 8px 0 0 9px; width: 190px; height: 212px; overflow: hidden; }
	.profile { clear: both; padding-bottom: 30px; }
	img.floatleft { float: left; display: inline; margin: 0 25px 35px 0; padding: 1px; border: 1px solid #666; }
	.columnLeft { width: 260px; float: left; display: inline; }
	.columnRight { width: 260px; float: right; display: inline; }
#e { width: 331px; _width: 300px; float: right; display: inline; text-align: left; padding: 0 0 30px 0; margin: 30px 0 0 0; }
	#s { background: url(../i/bg-subnav.jpg) 0 0 no-repeat; _background: url(../i/bg-subnav.jpg) -23px 0 no-repeat; height: 342px; text-align: right; padding: 31px 0 0 0; }
	#g { background: url(../i/bg-greenbox.jpg) right top no-repeat; height: 254px; padding: 36px 31px 0 124px; .padding: 36px 31px 0 95px; text-align: right; line-height: 2; }
	.cLeft { display: block; float: left; display: inline; margin: 35px 0 0 31px; width: 576px; line-height: 1.35; }
		#c .cLeft ul { float: left; display: inline; width: 285px; margin: 26px 0 0 0; }
		#d ul { margin: 22px 0 0 0; }
			#c .cLeft ul li, #d ul li { list-style-type: none; background: url(../i/bullet.gif) 0 2px no-repeat; margin: 4px 0 4px 0; padding: 0 0 0 18px; }
	.cRight { display: block; float: right; display: inline; margin: 30px 31px 0 0; width: 262px; line-height: 1.5; }
		#c .cRight a { color: #666; }
#footer { color: #a8a8a8; font-family: arial, verdana, sans-serif; text-align: left; clear: both; }
	#footer a { color: #7f7f7f; text-decoration: none; margin: 0 15px 0 0; }
	#footer a:hover { text-decoration: underline; }
	.y { width: 968px; margin: 43px auto; }
.clear { display: block; clear: both; }
.br { display: block; clear: both; margin: 26px 0 0 0; text-align: right; }
.ltgray { color: #a8a8a8; }
.newsDate { font-size: .85em; }
.btn-learnmore { display: block; width: 98px; height: 30px; overflow: hidden; background: url(../i/btn-learnmore.gif); float: right; }
.btn-learnmore:hover { display: block; width: 98px; height: 30px; overflow: hidden; background: url(../i/btn-learnmore.gif) 0 -30px; }
.btn-morenews { display: block; width: 97px; height: 30px; overflow: hidden; background: url(../i/btn-morenews.gif); float: right; }
.btn-morenews:hover { display: block; width: 97px; height: 30px; overflow: hidden; background: url(../i/btn-morenews.gif) 0 -30px; }
h1, h2 { color: #f78f1e; font-size: 1.25em; text-transform: uppercase; letter-spacing: -1px; font-weight: bold; font-family: lucida sans, 'trebuchet ms', arial, sans-serif; }
h1 { margin-top: 5px; }
h2 { margin: 12px 31px 12px 0; }
	h2 a.active, h2 a.subactive { color: #a8a8a8!important; }
	h2.sub { font-size: .95em; }	
#c a, #d a, #s a { color: #f78f1e; text-decoration: none; }
#c a:hover, #d a:hover { text-decoration: underline; }
#s a:hover { text-decoration: none; color: #a8a8a8; }
strong { font-weight: bold; }
em { font-style: italic; }
.photoGallery { width: 525px; height: 450px; background: #ccc; position: relative; }
#gallery {  }
#caption { background: #ccc; padding: 15px; border-top: 1px solid white; }
#order { background: #ccc; padding: 5px; position: absolute; bottom: 5px; left: 5px; }
#order a { padding: 2px 5px 2px 5px; color: #666; }
	#order a:hover, .gallerys { background: url(../i/gcnt.gif) 0 0 no-repeat #f78f1e; color: #fff!important; text-decoration: none; }
#cForm td { padding: 3px 0 3px 0; }
#cForm input[type="text"] { width: 200px; }
#sitemap { background: none!important; padding: 0; margin: 0!important; list-style-type: none; }
	#sitemap li { background: none!important; padding: 0; margin: 0; }
		#sitemap li ul { margin: 0!important; }