* {
margin: 0px;
padding: 0px;
line-height: 116%;
}

body {
	font-family: Gotham, Helvetica, Arial, sans-serif;
	font-size: 14px;
	background-image: url(images/top_shadow.png);
	background-repeat: repeat-x;
	background-color: #323232;
}

#wrapper {
	width: 740px;
	background-image: url(images/side_shadow.png);
	background-repeat: repeat-y;
	margin-left: auto;
	margin-right: auto;
}

#container {
	width: 720px;
	background-image: url(images/background_grain.png);
	padding-top: 0px;
	position: relative;
	margin-left: auto;
	margin-right: auto;
}

#title {
	float: left;
	display: block;
	background-image: url(images/header.png);
	background-repeat: no-repeat;
	width: 720px;
	height: 120px;
	padding-top: 0px;
	margin-bottom: 0px;
	text-indent: -9999px;
}

#video {
	float: left;
	background-image: url(images/video.png);
	background-repeat: no-repeat;
	overflow: hidden;
	width: 60px;
	height: 0px;
	padding-top: 60px;
	position: absolute;
	top: 30px;
	left: 470px;
}

#video:hover {
	background-image: url(images/video_hover.png);
}

#design {
	float: left;
	background-image: url(images/design_hover.png);
	background-repeat: no-repeat;
	overflow: hidden;
	width: 60px;
	height: 0px;
	padding-top: 60px;
	position: absolute;
	top: 30px;
	left: 540px;
}

#music {
	float: left;
	background-image: url(images/music.png);
	background-repeat: no-repeat;
	overflow: hidden;
	width: 56px;
	height: 0px;
	padding-top: 60px;
	position: absolute;
	top: 30px;
	left: 600px;
}

#music:hover {
	background-image: url(images/music_hover.png);
}

#resume {
	float: left;
	background-image: url(images/news.png);
	background-repeat: no-repeat;
	overflow: hidden;
	width: 60px;
	height: 0px;
	padding-top: 60px;
	position: absolute;
	top: 30px;
	left: 656px;
}

#resume:hover {
	background-image: url(images/news_hover.png);
}



#content {
	width: 720px;
	float: right;
}

#videos {
	float: left;
	width: 718px;
	margin-left: 2px;
	margin-top: 50px;
}

#space-kitchen {
	float: left;
	background-image: url(images/spacekitchen.png);
	overflow: hidden;
	width: 169px;
	height: 0px;
	padding-top: 169px;
	margin-bottom: 8px;
	margin-left: 8px;
}

#space-kitchen:hover {
	opacity: 0.5;
}

#tealeaf-dancer {
	float: left;
	background-image: url(images/tealeaf.png);
	overflow: hidden;
	width: 169px;
	height: 0px;
	padding-top: 169px;
	margin-bottom: 8px;
	margin-left: 8px;
}

#tealeaf-dancer:hover {
	opacity: 0.5;
}

#scope-of-sports {
	float: left;
	background-image: url(images/rotoscope.png);
	overflow: hidden;
	width: 169px;
	height: 0px;
	padding-top: 169px;
	margin-bottom: 8px;
	margin-left: 8px;
}

#scope-of-sports:hover {
	opacity: 0.5;
}

#skim-magazine {
	float: left;
	background-image: url(images/skim.png);
	overflow: hidden;
	width: 169px;
	height: 0px;
	padding-top: 169px;
	margin-bottom: 8px;
	margin-left: 8px;
}

#skim-magazine:hover {
	opacity: 0.5;
}

#motion-piece {
	float: left;
	background-image: url(images/motion.png);
	overflow: hidden;
	width: 169px;
	height: 0px;
	padding-top: 169px;
	margin-bottom: 8px;
	margin-left: 8px;
}

#motion-piece:hover {
	opacity: 0.5;
}

#play {
	float: left;
	background-image: url(images/photography.png);
	overflow: hidden;
	width: 169px;
	height: 0px;
	padding-top: 169px;
	margin-bottom: 8px;
	margin-left: 8px;
}

#play:hover {
	opacity: 0.5;
}

#my-muscle {
	float: left;
	background-image: url(images/mymuscle.png);
	overflow: hidden;
	width: 169px;
	height: 0px;
	padding-top: 169px;
	margin-bottom: 8px;
	margin-left: 8px;
}

#my-muscle:hover {
	opacity: 0.5;
}

#board-games {
	float: left;
	background-image: url(images/boardgame.png);
	overflow: hidden;
	width: 169px;
	height: 0px;
	padding-top: 169px;
	margin-bottom: 8px;
	margin-left: 8px;
}

#board-games:hover {
	opacity: 0.5;
}

#motion-video {
	float: left;
	background-image: url(images/motionvideo.png);
	overflow: hidden;
	width: 169px;
	height: 0px;
	padding-top: 169px;
	margin-bottom: 8px;
	margin-left: 8px;
}

#motion-video:hover {
	opacity: 0.5;
}

#phenaskistascope {
	float: left;
	background-image: url(images/phen.png);
	overflow: hidden;
	width: 169px;
	height: 0px;
	padding-top: 169px;
	margin-bottom: 8px;
	margin-left: 8px;
}

#phenaskistascope:hover {
	opacity: 0.5;
}

#hovercraft-game {
	float: left;
	background-image: url(images/hovercraft.png);
	overflow: hidden;
	width: 169px;
	height: 0px;
	padding-top: 169px;
	margin-bottom: 8px;
	margin-left: 8px;
}

#hovercraft-game:hover {
	opacity: 0.5;
}

#red {
	float: left;
	background-image: url(images/musicgame.png);
	overflow: hidden;
	width: 169px;
	height: 0px;
	padding-top: 169px;
	margin-bottom: 8px;
	margin-left: 8px;
}

#red:hover {
	opacity: 0.5;
}

#power-of-e {
	float: left;
	background-image: url(images/powerofe.png);
	overflow: hidden;
	width: 169px;
	height: 0px;
	padding-top: 169px;
	margin-bottom: 8px;
	margin-left: 8px;
}

#power-of-e:hover {
	opacity: 0.5;
}

#medseek-ecard {
	float: left;
	background-image: url(images/ecard.png);
	overflow: hidden;
	width: 169px;
	height: 0px;
	padding-top: 169px;
	margin-bottom: 8px;
	margin-left: 8px;
}

#medseek-ecard:hover {
	opacity: 0.5;
}

#pirate-television {
	float: left;
	background-image: url(images/piratetv.png);
	overflow: hidden;
	width: 169px;
	height: 0px;
	padding-top: 169px;
	margin-bottom: 8px;
	margin-left: 8px;
}

#pirate-television:hover {
	opacity: 0.5;
}

#pickle-curiosity {
	float: left;
	background-image: url(images/picklecuriosity.png);
	overflow: hidden;
	width: 169px;
	height: 0px;
	padding-top: 169px;
	margin-bottom: 8px;
	margin-left: 8px;
}

#pickle-curiosity:hover {
	opacity: 0.5;
}

#footer-link {
	color: rgb(50, 50, 50);
	text-decoration: none;
}

a:link {
	color: rgb(50, 50, 50);
	text-decoration: none;
}

a:visited {
	color: rgb(120, 120, 120);
	text-decoration: none;
}

a:hover {
	color: rgb(80, 80, 80);
	text-decoration: none;
}

p {
	margin-bottom: 16px;
	line-height: 1.2em;
}


ul {
	list-style: none;
	display: inline;
}

#footer {
	clear: both;
	padding-top: 40px;
	padding-bottom: 10px;
	text-align: center;
}

