html,body				{height:100%; width:100%}
body					{font-size:x-small; font-family:tahoma,arial,sans-serif,verdana; color:black; background-color:white}
html>body				{font-size:small}
*						{margin:0; padding:0; border:none; border-collapse:collapse}
#out					{height:100%; margin-bottom:-58px; min-height:100%}
html>body #out			{height:auto}
#clear					{height:15px; clear:both}
#footer					{height:42px}
#top					{height:42px; background:url(i/top.gif) repeat-x; background-color:#2b74b5; padding:0 15px}
		#top img				{float:right; margin-top:13px}

#l1						{width:50%; float:left; text-align:left; text-align:justify; border-right:1px dashed #999}
		#l1 div.content, #l2 div.content			{padding:10px 15px; margin:0}
		#l1 div					{padding-left:60px; margin-top:1.3em}
#l2						{width:49%; float:left; text-align:left}
		#l2 div					{padding-left:70px; margin-top:1.3em}

h1, h2					{font-family:arial,sans-serif,verdana,tahoma}
h1						{font-size:160%; color:white; font-weight:normal; padding-top:8px}
h2						{font-size:130%; color:#333}
td						{font-size:80%}
a						{color:#3c86c7}
html>body table			{width:100%}
b						{color:#333}
small					{font-size:85%}

#resources				{background:url(i/resources.gif) no-repeat}
		#resources div			{margin-top:1em; color:#888}
		#resources div a		{color:#fe0e02}
		#resources div.doc		{background:url('i/doc.gif') top left no-repeat}
		#resources div.pdf		{background:url('i/pdf.gif') top left no-repeat}
		#resources div.ppt		{background:url('i/ppt.gif') top left no-repeat}
#portfolio				{background:url(i/portfolio.gif) no-repeat}
		#portfolio a			{margin-bottom:3px; display:block}
#tech					{background:url(i/tech.gif) no-repeat; margin-top:0 !important}
#screenshots			{background:url(i/screenshots.gif) no-repeat}
		#screenshots div		{color:#888}
		#screenshots a			{background:url('i/screen.gif') top left no-repeat; text-decoration:none}
		#screenshots a.none		{background:none; padding:0; text-decoration:underline}
		#screenshots p			{margin-bottom:3px}

#presentation			{background:url(i/video.gif) no-repeat}
		#presentation div		{color:#888}
		#presentation a			{background:url('i/video2.gif') top left no-repeat; text-decoration:none}
		#presentation a.none		{background:none; padding:0; text-decoration:underline}
		#presentation p			{margin-bottom:3px}

#feedback				{background:url(i/help.gif) no-repeat}

#resources div.doc, #resources div.pdf, #resources div.ppt, #presentation a, #screenshots a {margin-top:0.5em; padding-left:22px}
#resources div, #portfolio div, #tech div, #presentation div, #screenshots div {padding-left:0}
.copy					{float:right; padding-top:1em}
