@charset "UTF-8";
/* CSS Document */

/* Reset */
body, div, h1, h2, h3, h4, p, ul, li{
	font-family: "Century Gothic", Helvetica, Arial, sans-serif;
	margin: 0;
	padding: 0;
}

ul, li{
	list-style: none;
}

img, a img{
	border: none;
}

/* General Styles */
body{
	background: #fff;
	color: #3c2313;
	font-size: 12px;
	height: 100%;
	text-align: left;
	width: 100%;
}

a:link{
	color: #2fa0a7;
}

a:hover, a:active{
	color: #98be00;
}

a:visited{
	color: #764c29;
}

/* Layout */
#bg{
	background: url(images/bg.gif) top left repeat-y;
	margin: 10px auto;
	padding: 0;
	width: 969px;
}

#bot{
	background: url(images/bot.gif) bottom left no-repeat;
	margin: 0;
	padding: 0;
	width: 969px;
}

#top{
	background: url(images/top.gif) top left no-repeat;
	margin: 0;
	padding: 20px 0;
	width: 969px;
}

#container{
	padding: 20px;
}

#sb{
	float: left;
	margin: 0 16px 0 8px;
	padding: 0;
	width: 249px;
}

#main{
	float: left;
	margin: 0 8px 0 0;
	padding: 0;
	width: 647px;
}

#footer{
	background: url(images/footer.gif) top left no-repeat;
	clear: both;
	font-size: 10px;
	height: 181px;
	margin: 0 20px 0;
	text-align: center;
	width: 929px;
}

#footer p{
	padding-top: 80px;
}

/* Navigation Styling */

#nav{
	height: 159px;
	margin: 0 0 0 17px;
}

#nav li{
	float: left;
	margin: 0;
	padding: 0;
}

#nav li a{
	background-position: top left;
}

#nav li a:hover, #home #nav li.home a, #shoppe #nav li.shoppe a, #blog #nav li.blog a, #gallery #nav li.gallery a, #forum #nav li.forum a, #chat #nav li.chat a, #team #nav li.team a, #contact #nav li.contact a{
	background-position: bottom left;
}

#nav li.L{
	background: url(images/nav_L.gif) top left no-repeat;
	display: block;
	height: 159px;
	width: 17px;
}

#nav li.R{
	background: url(images/nav_R.gif) top left no-repeat;
	display: block;
	height: 159px;
	width: 30px;
}

#nav li.blog a{
	background-image: url(images/nav_blog.gif);
	display: block;
	height: 159px;
	text-indent: -9999px;
	width: 67px;
}

#nav li.chat a{
	background-image: url(images/nav_chat.gif);
	display: block;
	height: 159px;
	text-indent: -9999px;
	width: 75px;
}

#nav li.contact a{
	background-image: url(images/nav_contact.gif);
	display: block;
	height: 159px;
	text-indent: -9999px;
	width: 83px;
}

#nav li.forum a{
	background-image: url(images/nav_forum.gif);
	display: block;
	height: 159px;
	text-indent: -9999px;
	width: 75px;
}

#nav li.gallery a{
	background-image: url(images/nav_gallery.gif);
	display: block;
	height: 159px;
	text-indent: -9999px;
	width: 84px;
}

#nav li.home a{
	background-image: url(images/nav_home.gif);
	display: block;
	height: 159px;
	text-indent: -9999px;
	width: 73px;
}

#nav li.logo a{
	background-image: url(images/nav_logo.gif);
	display: block;
	height: 159px;
	text-indent: -9999px;
	width: 276px;
}

#nav li.shoppe a{
	background-image: url(images/nav_shop.gif);
	display: block;
	height: 159px;
	text-indent: -9999px;
	width: 87px;
}

#nav li.team a{
	background-image: url(images/nav_team.gif);
	display: block;
	height: 159px;
	text-indent: -9999px;
	width: 75px;
}

/* Main Content Area Styling */