* { margin: 0; padding: 0; }
html {overflow-y: scroll; }
body {
		font: 62.5% verdana, Helvetica, Arial, sans-serif;
		background: url(images/bg.jpg) center top no-repeat;
		width: 100%;
		text-align: center;
	
}


ul { list-style: none inside; }
p { font-size: 1.2em; line-height: 1.3em; font-family: verdana, helvetica, arial, sans-serif; color:#FFF; }
#gray { font-size: 1.2em; line-height: 1.3em; font-family: verdana, helvetica, arial, sans-serif; color:#666}
a { outline: none; font-size: 1.1em; line-height: 1.3em; font-family: verdana, helvetica, arial, sans-serif; color:#FFF; }
a img { border: none; }

#background { height: 1600px; }


#pagewrap {	width: 1024px; text-align: left; margin-left: auto; margin-right: auto;
}

#header {width: 1024px; height: 133px; float: left;
}

#sidebar {width: 201px; height: 463px; float: left;
}

.sidespace {width:161px; padding: 20px 20px 20px 20px;
}

#sidebarcontent  {
					text-align: left;
					padding: 0px 0px 0px 0px;
					height: 463px;
					overflow:  hidden;
					}

#gallerybox {width: 823px; height: 463px; float: left;
}

#navwrap {text-align: left; width: 823px; height: 57px; float: left;}

#lifestreamtab {height: 463px; width: 201px; overflow:hidden;
}

ul#nav {
	
	}
	ul#nav li {
		display: inline;
	}
	ul#nav li a {
			display: block;
			height: 57px;
			text-indent: -9999px;
			float: left;
	}
		ul#navright li {
		display: inline;
	}
	ul#navright li a {
			display: block;
			height: 57px;
			text-indent: -9999px;
			float: left;
	}

	ul#nav li.threed a {
		width: 41px;
		background: url(images/threed.png)
	}
		ul#nav li.threed a:hover {
		width: 41px;
		background: url(images/threed_on.png)
	}
	ul#nav li.twod a {
		width: 60px;
		background: url(images/2d.jpg)
	}
		ul#nav li.twod a:hover {
		width: 60px;
		background: url(images/2d_on.png)
	}
	ul#nav li.reel a {
		width: 62px;
		background: url(images/reel.jpg)
	}
		ul#nav li.reel a:hover {
		width: 62px;
		background: url(images/reel_on.png)
	}
	ul#navright li.home a {
		width: 26px;
		background: url(images/home.jpg)
	}
		ul#navright li.about a {
		width: 55px;
		background: url(images/about.jpg)
		
	}
		ul#navright li.about a:hover {
		width: 55px;
		background: url(images/about_on.png)
	}
	ul#navright li.contact a {
		width: 67px;
		background: url(images/contact.jpg)
		
	}
		ul#navright li.contact a:hover {
		width: 67px;
		background: url(images/contact_on.png)
		}
			ul#navright li.stalk a {
		width: 43px;
		background: url(images/stalk.jpg)
		
	}
		ul#navright li.stalk a:hover {
		width: 43px;
		background: url(images/stalk_on.png)
		}
	ul#listclasses li {
		font-size: 1.1em; line-height: 1.3em; font-family: verdana, helvetica, arial, sans-serif; color:#FFF; }
		

#sidebarnav {
		display: inline;
}

a.tip {
	position: relative;
}

a.tip span {
	display: none;
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 820px;
	padding: 5px;
	z-index: 100;
	background: #333;
	color: #333;
	font-size: 1.1em; 
	line-height: 1.2em; 
	font-family: verdana, helvetica, arial, sans-serif; 
	color:#FFF;
	text-underline: none;
}

a:hover.tip {
	font-size: 99%; /* this is just for IE */

}

a:hover.tip span {
	display: block;
	text-underline: none;
}