/* FLY OVER BACKGROUND DHTML SCROLLER
 * created by Randall Goya aka decibel.places July 3,2009
 * Copyleft: © Copyright 2009 Randall Goya
 * http://netsperience.org
 *
 * Put this code in the body of your HTML page:

	<!-- we need to put the url of the bg image here, not in stylesheet -->
	<div id="demo-tile" style="background: transparent url('bg.jpg') no-repeat fixed top left">
	
		<div id="demo-tile-inner">
		
			<div id="content1" class="demo-content">
				<p>This is content1</p>
			</div>
			
			<div id="content2" class="demo-content">
				<p>This is content2</p>
			</div>
			
			<div id="content3" class="demo-content">
				<p>This is content3</p>
			</div>
			
			<div id="content4" class="demo-content">
				<p>This is content4</p>
			</div>
		
		</div><!--end demo-tile-inner-->
		
	</div><!--end demo-tile-->	
 *
 *
 *  This program is free software: you can redistribute it and/or modify
    it under the terms of the GNU General Public License as published by
    the Free Software Foundation, either version 3 of the License, or
    (at your option) any later version.

    This program is distributed in the hope that it will be useful,
    but WITHOUT ANY WARRANTY; without even the implied warranty of
    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
    GNU General Public License for more details.

    You should have received a copy of the GNU General Public License (agpl.txt)
    along with this program.  If not, see <http://www.gnu.org/licenses/>.

	Include this notice with any copies or modifications.
*/

/* RESET */
*, html, body {margin:0; padding:0; height:100%}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td 
{margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline}
a img {border:none}
ul li {list-style: none}
/* END RESET */

#container {width: 100%; height: 100%;}

#demo-tile
{	margin-top: 0px;
	overflow: hidden;
	position: relative;
	/* set size of viewer; can also be % value */
	height: 500px;
	width: 500px;
}

#demo-tile-inner {position: relative;}

.demo-content 
{	padding: 0;
	position: absolute;
	/* set transparency */
	opacity:0.8;
	filter:alpha(opacity=80)	
}

#main_menu {margin: 20px 0 0 20px}

#main_menu li
{	display: block;
	width: 100px;
	float: left
}