* {
	margin: 0;
	padding: 0;
	border: none;
}
	
body {
	background:#000000 url("bkgd_tile.gif") 0 0 repeat-x;
	text-align: center;
	font: 200 62.5%/1.5 "Tahoma", Verdana, Trebuchet, Arial, sans-serif;
	margin:0;
	padding:0;
}
	
/* Firefox Dotted Outline Fix */
a:active { 
	outline: none; 
}
	
/* Firefox Dotted Outline Fix */
a:focus { 
	-moz-outline-style: none; 
}
		
/*Table */
#table {
	margin: 0 auto;
	width: 900px; 
	height: 1024px; 
	text-align: center;
}

/* Main */
#main {
	margin: 0; 
	width: 900px; 
	text-align: left; 
	float: left;
	padding: 0;
	background: transparent url("bod_tile.png") 0 0 repeat-y;
}
	
/* Top */
#top {
	height: 143px;
	width: 100%;
	background: url("header2.png") 0 0 no-repeat;
	float: left; 
	margin: 0; 
	padding: 0; 
}
	
/* Tile */
div#tile {
	margin: 0;
	padding: 0;
	background: transparent url("body_tile.png") 0 0 repeat-y;
	height:950px;
}
	
/* NavBox */
#navbox {
	float: left;
	height: 500px;
	width: 315px;
	margin: 0 0 10px 0;
	border: none;
}

/* Menu Body */
ul#menu {
	width:315px;
	height:500px;
	list-style:none;
	margin:0;
	padding:0;
}
	
/* Float LI Elements - horizontal display */
ul#menu li {
	float:left;
	padding: 0;
	margin: 10px 0 0 14px;
}
	
/* Link - common attributes */
ul#menu li a {
	background:url(nav.png) no-repeat scroll top left;
	display:block;
	height:110px;
	width:90px;
	position:relative;
}
	
/* Buttons - Normal State */
ul#menu li a.home{
	width:90px;
	background-position:-17px 0px;
}
	
ul#menu li a.about {
	width:90px;
	background-position:-108px 0px;
}
	
ul#menu li a.illust {
	width:90px;
	background-position:-198px 0px;
}
	
ul#menu li a.web {
	width: 90px;
	background-position:-289px 0px;
}
	
ul#menu li a.print {
	width: 90px;
	background-position: -381px 0px;
}

ul#menu li a.work {
	width: 90px;
	background-position: -472px 0px;
}

ul#menu li a.crafts {
	width: 90px;
	background-position: -562px 0px;
}

ul#menu li a.blog {
	width: 90px;
	background-position: -654px 0px;
}

ul#menu li a.shop {
	width: 90px;
	background-position: -744px 0px;
}

ul#menu li a.contact {
	width: 90px;
	background-position: -835px 0px;
}

ul#menu li a.download {
	width: 90px;
	background-position: -926px 0px;
}

ul#menu li a.facebook {
	width: 90px;
	background-position: -1017px 0px;
}
	
/* Span (on hover) - common attributes */
ul#menu li a span {
	background:url(nav.png) no-repeat scroll bottom left;
	display:block;
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
	z-index:20;
}
	
/* Span (on hover) - display pointer */
ul#menu li a span:hover {
	cursor:pointer;
}
	
/* Buttons - Hover State */
ul#menu li a.home span{
	background-position:-17px -111px;
}
	
ul#menu li a.about span {
	background-position:-108px -111px;
}
	
ul#menu li a.illust span {
	background-position:-198px -111px;
}
	
ul#menu li a.web span {
	background-position:-289px -111px;
}
	
ul#menu li a.print span{
	background-position: -381px -111px;
}

ul#menu li a.work span{
	background-position: -472px -111px;
}

ul#menu li a.crafts span{
	background-position: -562px -111px;
}

ul#menu li a.blog span{
	background-position: -654px -111px;
}

ul#menu li a.shop span{
	background-position: -744px -111px;
}

ul#menu li a.contact span{
	background-position: -835px -111px;
}

ul#menu li a.download span{
	background-position: -926px -110px;
}

ul#menu li a.facebook span{
	background-position: -1017px -110px;
}
	
/* Twitter Updates */
#twitter_div {
	float: left;
	margin: 10px 16px 0 23px;
	padding: 0;
	width: 282px;
	height: 277px;
	overflow: hidden;
	background: url("twitterbkgd.png") 0 0 no-repeat;
	border: none;
}
	
#listbox {
	border: none;
	margin: 50px 0 0 0;
	padding: 0;
	height: 300px;
}
	
ul#twitter_update_list {
	list-style: none;
	font-size: 1.3em;
	height: 190px;
	border: none;
}
	
ul#twitter_update_list li {
	width: 255px;
	margin: 15px 0 0 15px;
	padding: 0 0 10px 0;
	color: #ede1a0;
	border: none;
}
	
#twitter_link {
	display: block;
	text-align:left;
	font-size: 1.1em;
	padding: 0 0 0 80px;
	margin: 0;
	border: none;
}
	
ul#twitter_update_list li a:link { color: #e6a721; text-decoration: none; }
ul#twitter_update_list li a:visited { color: #e6a721; text-decoration: none; }
ul#twitter_update_list li a:hover { color: #57c3d0; text-decoration: none; }
ul#twitter_update_list li a:active { color: #e6a721; text-decoration: none; }
	
#twitter_link a:link { color: #e6a721; text-decoration: none; }
#twitter_link a:visited { color: #e6a721; text-decoration: none; }
#twitter_link a:hover { color: #57c3d0; text-decoration: none; }
#twitter_link a:active { color: #e6a721; text-decoration: none; }

/* Fresh Work */
#illust_box {
	float: left;
	margin: 10px 0 0 30px;
	padding: 0;
	width: 530px;
	height: 300px;
	z-index: 50;
	border: none;
}

h1 {
	font-size: 2.4em;
	color: #e07a27;
}

ul.crafts_thumbs {
	list-style: none;
	float: left;
	margin: 0 0 0 15px;
	padding: 0;
	border: none;	
}

ul.crafts_thumbs li{
	list-style: none;
	display: inline;
	float: left;
	margin: 20px 10px 0 35px;
	padding: 0;
	width: 184px;
	height: 172px;	
	border: none;	
}
	
/* Footer */
#footer {
	float: left;
	margin: 0;
	padding: 0;
	width: 900px;
	height: 62px;
	background: url("footer.png") 0 0 no-repeat;
}
	
#footer_links_box {
	float: left;
	margin: 25px 0 0 37px;
	padding: 0;
}
		
/* Footer Links */
ul#footer_links li {
	float:left;
	padding: 0 11px;
	margin: 0;
	list-style: none;
	font-size: 1.2em;
	border: none;
}
	
ul#footer_links li a { color: #6e3e0f; text-decoration: none; }
ul#footer_links li a:hover { color: #103e5d; text-decoration: none; }
	
.clearleft {
	clear: left;
	float: none;
}
/* 	P.I.E. Method... source: http://www.positioniseverything.net/easyclearing.html 	*/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/*--------------------------------------------------------------------------------
 SI.ClearChildren v1.0
 source: http://www.shauninman.com/archive/2006/05/22/clearance_position_inline_absolute */

.clear_children,.cc_tallest { position: relative; }
.cc_tallest:after { content: ''; }