/*
----------------------------------------------------
Title: 		Man In The Sea - New CSS
Author:		Matthew Spiel
----------------------------------------------------
*/

/* resets */
html, body, div, table, tr, td, ul, ol, li, p, a, h1, h2, h3, h4, h5, img {
	margin: 0px;
	padding: 0px;
	border: none;
}
body {
	background: transparent url(../images/bg-new.jpg) repeat;
	color: white;
	text-align: center;
}
.outty {
	background: transparent url(../images/bg-white.png) repeat center top;
	margin: 50px auto;
	padding: 20px;
	width: 410px;
}
.wrap {
	background: transparent url(../images/bg-white.png) repeat center top;
	margin: 0px auto;
	padding: 50px 30px 30px;
	width: 350px;
}
.bowl {
	background: transparent url(../images/sprite.png) no-repeat center top;
	float: left;
	margin: 0px 0px 60px;
	width: 350px;
	height: 240px;
}

h1 {
	margin: 70px 0px 10px;
	text-align: center;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	font-size: 30px;
	line-height: 30px;
}
p#tag {
	font-size: 12px;
	color: silver;
}

ul {
	display: block;
	list-style: none;
	margin: 20px auto 20px;
	width: 100%;
}
ul li, ul li a {
	display: inline;
	height: 20px;
	text-indent: -100000px !important;
	width: 20px;
}
ul li a {
	background: transparent url(../images/sprite.png) no-repeat;
	margin: 0px 10px;
}
a#d {
	display: inline-block;
	background-position: 0px -265px;
}
a#t {
	display: inline-block;
	background-position: -21px -265px;
}
a#fl {
	display: inline-block;
	background-position: -41px -265px;
}
a#fb {
	display: inline-block;
	background-position: -62px -265px;
}
a#g {
	display: inline-block;
	background-position: -82px -265px;
}
a#e {
	display: inline-block;
	background-position: -102px -265px;
}
a#d:hover {
	display: inline-block;
	background-position: 0px -243px;
}
a#t:hover {
	display: inline-block;
	background-position: -21px -243px;
}
a#fl:hover {
	display: inline-block;
	background-position: -41px -243px;
}
a#fb:hover {
	display: inline-block;
	background-position: -62px -243px;
}
a#g:hover {
	display: inline-block;
	background-position: -82px -243px;
}
a#e:hover {
	display: inline-block;
	background-position: -102px -243px;
}