/* NAMING CONVENTIONS...
	1. Wrappers- 
		- covers the entire site
		-covers the outlines for the main container
		-covers the main container (header / body / footer)
	2. Containers-
		-covers the entire header
		-covers the entire body
		-covers the entire footer
	3. Blocks-
		a. menuBlocks
		-covers the menus in header / body / footer.
		b. imgBlocks
		-covers the logo and pix in header / body / footer.
		c. txtBlocks
		-covers text in the header / body / footer.
// end description */

/* =.=.=.=Global positioning elements for the website=.=.=.= */
 html {
	background: #000000 url('img/stagefinal.jpg') center bottom no-repeat;
	background-attachment: fixed;
	font-family: 'Trebuchet MS', Verdana, Arial;
	font-size: 12px;
	}
	#fullWrapper {
		height: 820px;
		width: 100%;
		margin-top: 0px;
	}
	#siteWrapper {
		position: relative;
		margin: 6px auto;
		height: 770px;
		width: 800px;
		z-index: 4;
	}
	#headContainer {
		position: relative;
		top: 0px;
		left: 0px;
		height: auto;
	}
	#bodyContainer {
		position: absolute;
		top: 500px;
		color: #777;
		margin: 6px 0 0 80px;
		padding-top: 30px;
		width: 780px;
		height: auto;
		z-index: 5;
	}
	#bodyContainer a {
		text-decoration: none;
		font-size: 14px;
		font-weight: normal;
		color: #777;
	}
	#bodyContainer a:hover {
		text-decoration: underline overline;
		font-weight: normal;
		color: #ffff00;
	}
	
		#footContainer {
		z-index: 5;
	}
	
/* Positioning elements for the band images and window */
	#randomBG {
		float: right;
	}
	#windowView {
		position: absolute;
		top: -4px;
		left: 356px;
		margin: 0 auto;
		background: transparent url('img/winframe.png') no-repeat;
		height: 770px;
		width: 450px;
		z-index: 1;
	}
	.quickgb {
		width: 100px;
		color: #dec899;
		font-weight: bold;
		float: left;
	}

/* =.=.=.=Main block level elements=.=.=.= */
		#logoBlock { /*In header*/
			position: absolute;
			display: block;
			border: 0px;
			top: 8px;
			left: 76px;
			background: url('../images/spiral-logo.gif') no-repeat;
			height: 780px;
			width: 230px;
		}
		#phraseBlock {/*In header*/
			position: relative;
			height: 120px;
			width: 250px;
			top: 216px;
			left: 0px;
			font-size: 12px;
			color: #cccccc;
			font-weight: bold;
			text-align: left;
			vertical-align: bottom;
			z-index: 10;
		}
		#bodyLinks {
			height: 300px;
			width: 150px;
			line-height: 24px;
			float: left;
		}

		#a2, #a3, #a4, #a5 {
			height: 340px;
			width: 500px;
			margin-left: 160px;
			border: none;
			background: transparent;
		}
		#a5 {
			height: 320px;
			width: 560px;
			margin-left: 160px;
			border: none;
			background: transparent;
		}
		
		.cntBlock1 { /* hanging calendar */
			background: url('../images/cal2.png') no-repeat;
			width: 262px;
			height: 280px;
			padding: 40px 0 20px 12px;
			font-family: 'Comic Sans MS';
			font-size: 14px;
			color: #eee;
			margin: 132px 0px 0 23px;
			overflow: none;
			}

			.littlewin {
				position: absolute;
				top: 0px;
				left: 184px;
				height: 500px;
				width: 500px;
				z-index: 50;
			}
		.cntBlock3 {
			}
		.cntBlock4 {
			}