body {
  background:#000000 url(../images/pattern_100.gif) repeat scroll 0%;
  font-size:62.5%;
}

*:link, *:visited {
  text-decoration: none; }

ul,ol {
  list-style: none; }

h1, h2, h3, h4, h5, h6, pre, code, p {
  font-size: 1em;
  color: black; }

ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input {
  margin: 0;
  padding: 0;
  font-family: Arial, Helvetica, Verdana, sans-serif; }

a img, :link img, :visited img {
  border: none;
  text-decoration: none; }

a, a:link, a:visited {
  color: #333;
  text-decoration: underline; }

a:hover {
  color: #000; }

h1 {
  font-size: 1.8em; }

h2 {
  font-size: 1.6em; }

h3 {
  font-size: 1.4em; }

p {
  font-size: 1.1em; }

h1, h2, h3, p {
  margin: 1em 0; }
  
#page { width: 640px; background: #FFF; margin:3em auto; padding: 30px; }
#inner_content { float: right; width: 540px; position: relative; top: -65px; }

div#flash-content {
  /*
	width: 700px;
  	height: 495px;
  */
  width: 721px;
  height: 490px;
  padding: 15px 0 0 17px;
  margin: 1em auto 0 auto;
  background: url(../images/web_frame.png) no-repeat;
}

.flash-content p, .flash-content h1, .flash-content h3, .flash-content h2 { color: white; }

.flash-content a { color: yellow; }

div#footer {
  width: 738px;
  height: 27px;
  margin: 0 auto;
  position: relative;
}

p.credit { 
	position: absolute;
	top: 0;
	right: 8px;
	color: #FFF;
	width: 10em;
}

p.credit a {
	text-indent: -3000px;
	background: url(../images/bionic-logo.gif);
	width: 60px;
	height: 27px;
	position: absolute;
	top:  -7px;
}
	
.clear { clear: both; }