body, html {
	margin:0;
	padding:0;
	background:#000 url('../img/bg.jpg') fixed 0 0;
	text-align: left;
	font:normal 11px/18px Verdana, Arial, Helvetica, sans-serif;
	color:#181818;
}

a, img {
	outline:none;
	border:none;
}


h1 {
	position:absolute;
	top:0;
	left:0;
	width:170px;
	height:80px;
	overflow:hidden;
	text-indent: -5000px;
}

a.gohome {
	margin:0;
	width:170px;
	height:80px;
	float:left;
}


#nav {
	position:fixed;
	background:#000 url('../img/nav-bg.gif') no-repeat 0 0;
	top:50px;
	left:0;
	width:170px;
	height:467px;
}

#content {
	position:relative;
	margin:50px 0 0 195px;
	padding:0;
	width:590px;
}

#footer {
	position:relative;
	margin:10px 0 0 195px;
	padding:0;
	width:590px;
	text-align: center;
	text-transform: uppercase;
	font-size:10px;
	color:#FFF;
}


/*
	Content Bubble
*/

#middle {
	position:relative;
	margin:0;
	padding:0;
	background:#FFF;
	width:590px;
	min-height:395px;
}

#inner {
	margin:0;
	padding:0;
	width:380px;
	background:#FFF;
	float:left;
}

body#home #middle p, body#home #middle img {
	position:relative;
	margin:0;
	padding:0;
}

#bottom {
	position:relative;
	margin:0;
	padding:0;
	background: url('../img/bottom.gif') no-repeat;
	width:590px;
	height:35px;
}


/*
	MAIN NAV ROLLOVERS
*/

#nav ul#main-nav {
	position:relative;
	list-style-type:none;
	margin:130px 0 0 45px;
	padding:0;
	background:url('../img/nav-li.gif') 0 0 no-repeat;
	width:85px; 
	height:140px;
	float:left;
}

#nav ul#main-nav li {
	position:absolute;
	left:0; 
	margin:0; 
	padding:0;
	height:20px; 
	width:85px; 
	text-indent: -5000px;
}

#nav ul#main-nav li, #nav ul#main-nav a {
	display:block;
	height:20px; 
	width:85px; 
}

#nav-portfolio {
	top:0; 
}
#nav-news {
	top:20px; 
}
#nav-appearances {
	top:40px; 
}
#nav-catalog {
	top:60px; 
}
#nav-faqs {
	top:80px; 
}
#nav-links {
	top:100px; 
}
#nav-contact {
	top:120px; 
}

body#portfolio #nav-portfolio,
#nav-portfolio a:hover {
	background:transparent url('../img/nav-li.gif') 0 -140px no-repeat;
}
body#p02 #nav-news,
#nav-news a:hover {
	background:transparent url('../img/nav-li.gif') 0 -160px no-repeat;
}
body#p03 #nav-appearances,
#nav-appearances a:hover {
	background:transparent url('../img/nav-li.gif') 0 -180px no-repeat;
}
body#p04 #nav-catalog,
#nav-catalog a:hover {
	background:transparent url('../img/nav-li.gif') 0 -200px no-repeat;
}
body#p05 #nav-faqs,
#nav-faqs a:hover {
	background:transparent url('../img/nav-li.gif') 0 -220px no-repeat;
}
body#p06 #nav-links,
#nav-noodle a:hover {
	background:transparent url('../img/nav-li.gif') 0 -240px no-repeat;
}
body#p07 #nav-contact,
#nav-contact a:hover {
	background:transparent url('../img/nav-li.gif') 0 -260px no-repeat;
}


/*
	OFF 
*/
body#portfolio #nav-portfolio a,
body#p02 #nav-news a,
body#p03 #nav-appearances a,
body#p04 #nav-catalog a,
body#p05 #nav-faqs a,
body#p06 #nav-links a,
body#p07 #nav-contact a {
	display:none;
}


/*
	SUB NAV
*/

#sub-nav-wrapper {
	position:fixed;
	margin:0;
	padding:0;
	top:170px;
	left:130px;
	width:137px;
	height:150px;
	z-index:5;
}

ul#sub-nav {
	position:relative;
	list-style-type: none;
	margin:0;
	padding:0;
	background:url('../img/sub-nav.png') 0 0 no-repeat;
	width:137px;
	height:150px;
	float:left;
}

ul#sub-nav li {
	position:absolute;
	left:15px; 
	margin:0; 
	padding:0;
	height:13px; 
	width:100px; 
	text-indent: -5000px;
}

ul#sub-nav li, ul#sub-nav a {
	display:block;
	height:13px; 
	width:100px; 
}

#sub-01 {
	top:21px; 
}
#sub-02 {
	top:39px; 
}
#sub-03 {
	top:57px; 
}
#sub-04 {
	top:75px; 
}
#sub-05 {
	top:93px; 
}
#sub-06 {
	top:111px; 
}
                                             
#sub-01 a:hover {                                   
	background:transparent url('../img/sub-nav.png') -15px -150px no-repeat;
}                                                   
#sub-02 a:hover {                                   
	background:transparent url('../img/sub-nav.png') -15px -168px no-repeat;
}                                                   
#sub-03 a:hover {                                   
	background:transparent url('../img/sub-nav.png') -15px -186px no-repeat;
}                                                   
#sub-04 a:hover {                                   
	background:transparent url('../img/sub-nav.png') -15px -204px no-repeat;
}                                                   
#sub-05 a:hover {                                   
	background:transparent url('../img/sub-nav.png') -15px -222px no-repeat;
}                                                   
#sub-06 a:hover {                                   
	background:transparent url('../img/sub-nav.png') -15px -240px no-repeat;
}                                                   
                                             


/*
	ENTRY & TYPOGRAPHY
*/

div.entry {
	margin:0 0 0 35px;
	padding:8px 0;
	width:500px;
}

div.entry-news {
	margin:0 0 0 35px;
	padding:8px 0;
	width:380px;
}
div.entry-news p img {
	max-width:380px;
}

body#p04 div.entry,
body#p02 div.entry {
	width:360px;
}

div.entry p {
	margin:5px 0 10px 0;
	padding:0;
}

h2.title {
	margin:0;
	padding:0 0 3px 0;
	font-size:18px;
	font-weight: normal;
	line-height:19px;
	color: #ea3939;
}

h2 {
	margin:10px 0 3px 0;
	padding:0;
	font-size:12px;
	color: #000;
	display:block;
}

h3 {
	margin:0 0 0 5px;
	padding:0;
	font-size:12px;
	color: #000;
	width:400px;
	height:20px;
	text-indent: -5010px;
	overflow:hidden;
}
h2#title-cb {
	width:400px;
	height:20px;
	text-indent: -5010px;
	overflow:hidden;
	background:url('../img/port-title-comics.gif') no-repeat 0 0;
}
h2#title-cd {
	width:400px;
	height:20px;
	text-indent: -5010px;
	overflow:hidden;
	background:url('../img/port-title-conceptual.gif') no-repeat 0 0;
}
h2#title-ld {
	width:400px;
	height:20px;
	text-indent: -5010px;
	overflow:hidden;
	background:url('../img/port-title-life.gif') no-repeat 0 0;
}
h2#title-sk {
	width:400px;
	height:20px;
	text-indent: -5010px;
	overflow:hidden;
	background:url('../img/port-title-sketches.gif') no-repeat 0 0;
}
h2#title-sd {
	width:400px;
	height:20px;
	text-indent: -5010px;
	overflow:hidden;
	background:url('../img/port-title-editorial.gif') no-repeat 0 0;
}
h2#title-sb {
	width:400px;
	height:20px;
	text-indent: -5010px;
	overflow:hidden;
	background:url('../img/port-title-storyboards.gif') no-repeat 0 0;
}

div.entry ul, div.entry-news ul {
	margin:0 0 10px 0;
	padding:0;
	list-style-type: none;
}
div.entry ul li, div.entry-news ul li {
	margin:0 0 0 12px;
	padding:5px 0;
	list-style-type: square;
}

div.entry a:link, div.entry a:visited {
	text-decoration: underline;
	color: #000;
}
div.entry a:hover {
	text-decoration: none;
	color: #ea3939;
}

div.entry-news a:link, div.entry-news a:visited {
	padding-bottom:1px;
	border-bottom:1px solid #CCC;
	text-decoration: none;
	color: #000;
}
div.entry-news a:hover {
	text-decoration: none;
	color: #ea3939;
}

body#p06 div.entry ul {
	margin:5px 0 10px 0;
	padding:0;
	list-style-type: square;
}
body#p06 div.entry ul li {
	margin:0;
	padding:0 10px 5px 0;
	display:inline;
	list-style-type: square;
}

/*
	NEWS-BAR
*/

#news-bar {
	margin:0 12px 0 0;
	padding:0 0 0 15px;
	top:10px;
	right:10px;
	width:125px;
	min-height:300px;
	border-left:1px solid #CCC;
	float:right;
}

#news-bar ul {
	margin:5px 0 20px 0;
	padding:0;
	list-style-type: none;
}
#news-bar ul li {
	margin:5px 0;
	font-size:9px;
	font-weight: bold;
	line-height: 12px;
}

#news-bar ul a:link, #news-bar ul a:visited {
	padding-bottom:2px;
	border-bottom:0px solid #CCC;
	text-decoration: none;
	color: #666;
}
#news-bar ul a:hover {
	text-decoration: none;
	color: #ea3939;
}

p.date {
	margin:0;
	padding:0;
	text-transform: uppercase;
	font-size:12px;
}

select {
	font-size:10px;
}


div.break {
	display:block;
	clear:both;
	height:1px;
}


div.entry-hide {
	display:none;
}