/*
	STRUCTURE
	==========
	
	#top                    [z-index 2]
		#ad-popup1              [z-index 2]
		#header                 [z-index 1]
			#ad-fullbanner2         [z-index high enough]
	#outer                  [z-index 1]
		#page                   [z-index 1]
			#ad-rectangle1          [z-index high enough]
		#right                  [z-index 2]
			#ad-skyscraper1         [z-index high enough]

	RULES
	======

	- popup1 covers
		fullbanner2 covers
			skyscraper1 covers
				rectangle1 covers everything inside of page
				
	- fullbanner2 can push everything down
	
	- #ad-fullbanner2 has highest z-index within #header
	- #ad-rectangle1  has highest z-index within #page
	- #ad-skyscraper1 has highest z-index within #right

	
	CAVEATS
	========
	
	Always set an explicit z-index if position is non-static.
	IE sets implicit z-index 0 otherwise.
*/

/********************************
	Sample for main containers
********************************/

#top, #outer {
	position: relative;
	width: 1000px;
	margin: 0px auto;
}
#top {
	z-index: 2;
	background-color: gray;
}
#outer {
	z-index: 1;
	background-color: dimgray;
}
#header {
	position: relative;
	width: 100%;
	z-index: 1;
}
#page {
	position: relative;
	z-index: 1;
	top: 0px;
}
#right {
	position: absolute;
	z-index: 2;
	left: 830px;
	top: 0px;
}

/********************************
	Sample for ad containers
********************************/

#ad-popup1 {
	/* style definition not allowed */
}
#ad-fullbanner2 {
	position: relative;
	z-index: 1000;
	left:   121px;
	height: 90px;
	width: 728px;
	padding: 10px 0px;
}
#ad-rectangle1 {
}
#ad-skyscraper1 {
	/* may have style definition */
}