body {
	background: #130013 url(_img/bkg-body.png) repeat-x left top;
	font-family: Arial, Helvetica, sans-serif;
	color: #780178;
}

div#outer-wrapper {
	background: url(_img/bkg-outer-wrapper.png) repeat-x left top;
}

div#wrapper {
	width: 900px;
	margin: 0 auto;
}

div#header {
	padding-top: 22px;
}

div#header h1 {
	width: 272px;
	height: 108px;
	margin-left: 60px;
}

div#header h1 a {
	width: 272px;
	height: 0;
	display: block;
	overflow: hidden;
	padding-top: 108px;
	background: url(_img/bkg-header.png) no-repeat left top;
}

div#container {
	width: 700px;
	float: right;
}

/*NAVIGATION
 * -------------------------------------------- */

ul#nav {
	width: 700px;
	height: 50px;
}

ul#nav li {
	display: inline;
	float: left;
	margin: 0 12px 0 15px;
}

ul#nav li#products {
	width: 122px;
	height: 32px;
	margin-top: 12px;
}

li#products a {
	width: 122px;
	height: 0;
	display: block;
	overflow: hidden;
	padding-top: 32px;
	background: url(_img/nav-products.png) no-repeat 0 0;
}

li#products a:hover {
	background-position: -122px 0;
}

ul#nav li#team {
	width: 91px;
	height: 47px;
}

li#team a {
	width: 91px;
	height: 0;
	display: block;
	overflow: hidden;
	padding-top: 47px;
	background: url(_img/nav-team.png) no-repeat 0 0;
}

li#team a:hover {
	background-position: -91px 0;
}

ul#nav li#connection {
	width: 174px;
	height: 30px;
	margin-top: 12px;
}

li#connection a {
	width: 174px;
	height: 0;
	display: block;
	overflow: hidden;
	padding-top: 30px;
	background: url(_img/nav-connection.png) no-repeat 0 0;
}

li#connection a:hover {
	background-position: -174px 0;
}

ul#nav li#blog {
	width: 99px;
	height: 42px;
	margin-top: 4px;
}

li#blog a {
	width: 99px;
	height: 0;
	display: block;
	overflow: hidden;
	padding-top: 42px;
	background: url(_img/nav-blog.png) no-repeat left top;
}

li#blog a:hover {
	background-position: -99px 0;
} 

ul#nav li#shop {
	width: 74px;
	height: 39px;
	margin-top: 4px;
}

li#shop a {
	width: 74px;
	height: 0;
	display: block;
	overflow: hidden;
	padding-top: 39px;
	background: url(_img/nav-shop.png) no-repeat left top;
}

li#shop a:hover {
	background-position: -74px 0;
}

/* MAIN
 * ------------------------------------------ */

div#home-graphic {
	width: 700px;
	height: 500px;
	background: #000000;
}

/*SIDEBAR
 * ------------------------------------------ */

div#twitter-sidebar {
	width: 198px;
	float: left;
	margin: 18px 2px 0 0;
}

div#twitter-sidebar h2 {
	width: 158px;
	height: 0;
	float: right;
	overflow: hidden;
	background: url(_img/twitter-header.png) no-repeat left top;
	padding-top: 30px;
	margin-bottom: 2px;
}

div#twitter-sidebar div#twitter-feed {
	width: 162px;
	height: 464px;
	padding: 18px;
	clear: right;
	overflow: hidden;
	line-height: 13px;
	font-size: 12px;
	font-family: "Courier New", Courier, monospace;
	font-weight: bold;
	background: #370037;
	color: #fff;
}

div#twitter-feed ul li {
	margin-bottom: 12px;
}

div#twitter-feed ul li a {
	color: #683268;
	text-decoration: none;
}

div#twitter-feed ul li a:hover {
	color: #fff;
	text-decoration: underline;
}

div#email-list {
	width: 198px;
	float: left;
	text-align: right;
}

div#email-link {
	height: 29px;
	margin-top: 2px;
}

div#email-link div#email-list {
	width: 167px;
}

div#email-link a {
	width: 167px;
	height: 0;
	overflow: hidden;
	float: right;
	display: block;
	padding-top: 29px;
	background: url(_img/footer-email.png) no-repeat 0 0;
}

div#email-link a:hover {
	background-position: -167px 0;
}

div#email-list p {
	clear: right;
	margin-top: 5px;
	line-height: 1.2em;
	text-transform: uppercase;
	font-size: 1.1em;
}


/*FOOTER
 * ------------------------------------------- */

div#footer {
	width: 700px;
	float: right;
	padding-bottom: 20px;
}

div#seasonal-graphic img {
	width: 248px;
	height: 78px;
	float: left;
	margin-top: 2px;
}

div#media {      
	width: 430px;
	height: 80px;
	float: left;
	margin-top: 2px;
}

ul#social-links {
	width: 448px;
}

ul#social-links li {
	height: 18px;
	float: left;
	display: inline;
	margin: 0 3px 0 7px;
}

ul#social-links li a {
	background-position: 0 0;
}

ul#social-links li#facebook {
	width: 110px;
}

ul#social-links li#facebook a {
	width: 110px;
	height: 0;
	overflow: hidden;
	padding-top: 18px;
	display: block;
	background: url(_img/footer-facebook.png) no-repeat; 
}

ul#social-links li#facebook a:hover {
	background-position: -110px 0; 
}

ul#social-links li#myspace {
	width: 94px;
}

ul#social-links li#myspace a {
	width: 94px;
	height: 0;
	overflow: hidden;
	padding-top: 18px;
	display: block;
	background: url(_img/footer-myspace.png) no-repeat; 
}

ul#social-links li#myspace a:hover {
	background-position: -94px 0; 
}

ul#social-links li#twiiter {
	width: 91px;
}

ul#social-links li#twitter a {
	width: 91px;
	height: 0;
	overflow: hidden;
	padding-top: 18px;
	display: block;
	background: url(_img/footer-twitter.png) no-repeat; 
}

ul#social-links li#twitter a:hover {
	background-position: -91px 0; 
}

ul#social-links li#youtube {
	width: 96px;
}

ul#social-links li#youtube a {
	width: 96px;
	height: 0;
	overflow: hidden;
	padding-top: 18px;
	display: block;
	background: url(_img/footer-youtube.png) no-repeat; 
}

ul#social-links li#youtube a:hover {
	background-position: -96px 0; 
}

/*INSIDE PAGE GENERIC STYLES
 * ---------------------------------------------------- */

div#page-content {
	width: 610px;
	min-height: 440px;
	padding: 30px 45px;
	background: #370037;
	font-family: Arial, Helvetica, sans-serif;
	color: #fff;
}

div#page-content h3#page-title {
	height: 0;
	overflow: hidden;
	padding-top: 34px;
}

div#page-content div#text {
	padding-top: 20px;
	line-height: 1.2em;
	font-weight: normal;
	font-size: 1.4em;
}

div#text h1, div#text h2, div#text h3, div#text h4, 
div#text h5, div#text h6 {
	font-size: 1.2em;
	font-weight: bold;
}

div#text p {
	margin-bottom: 8px;
}

div#text a {
	color: #ccff00;
	text-decoration: none;
}

div#text a:hover {
	color: #ccff00;
	text-decoration: none;
	border-bottom: 1px dotted #ccff00;
}

div#text ul, div#text ol {
	width: 600px;
	margin: 10px 0;
	padding-left: 20px;
}

div#text ul {
	list-style: disc;
}

div#text ol{
	list-style: decimal;
}

div#text blockquote {
	width: 600px;
	margin: 0 auto;
	padding: 15px 0;
	line-height: 1.1em;
	font-family: "Courier New", Courier, monospace;
	font-size: 1.1em;
	color: #33c5f3;
}

div#home-graphic {
	width: 700px;
	height: 500px;
	overflow: hidden;
}