@import url("reset.css");
@import url("lightbox.css");

/* Universal Styles */

body {
	background-color: #000000;
}

#nav {
	width: 425px;
}

#pics {
position: relative;	
top: -120px;
margin-left: 260px;
	font-family: Arial, Helvetica, Geneva, sans-serif;
}

#pics h2{
	color: #fbeeda;
	font-size: 15px;
}

#pics h3{
	font-size: 13px;
}

#pics a{
	color: #c14445;
	text-decoration: none;
}

#footer a {
	text-indent: -1000em;
	background: url(../images/nav/email-both.png) no-repeat left top;
	width: 134px;
	height: 17px;
	display: block;
	overflow: hidden;
	position: absolute;
	top: 615px;
	left: 834px;
}

/*  IE 5 hack \*/
#footer a {overflow: hidden;}
/* end hack */ 
	
#footer a:hover {
	background-position: -135px 0px;
}



#footer2 a {
	text-indent: -1000em;
	background: url(../images/nav/email.jpg) no-repeat left top;
	width: 160px;
	height: 50px;
	display: block;
	overflow: hidden;
	position: absolute;
	top: 630px;
	left: 834px;
}

/*  IE 5 hack \*/
#footer2 a {overflow: hidden;}
/* end hack */ 
	
#footer2 a:hover {
	background-position: -160px 0px;
}

h2 {
	margin-top: 25px;
}

a img {
	border-style: none;
	border-width: 0;
}
/* Page Specific bgs */

#container-i {
	background: url(../images/bgs/ibg.jpg) no-repeat;
	width: 1000px;
	margin: 0 auto;
	position: relative;
}

#container-d {
	background: url(../images/bgs/dbg.jpg) no-repeat;
	width: 1000px;
	margin: 0 auto;
	position: relative;
}

#container-c {
	background: url(../images/bgs/cbg.jpg) no-repeat;
	width: 1000px;
	margin: 0 auto;
	position: relative;
}

#container-s {
	background: url(../images/bgs/sbg.jpg) no-repeat;
	width: 1000px;
	margin: 0 auto;
	position: relative;
}

#container-a {
	background: url(../images/bgs/abg.jpg) no-repeat;
	width: 1000px;
	margin: 0 auto;
	position: relative;
}


/* Main thumbnail area max 49 ../images */
#main49 {
	width: 555px;
	left: 425px;
	top: -85px;
	position: relative;
}

#main49 img{
	border: 1px solid #fbeeda;
	margin: 0 7px 7px 0;
}

/* Main thumbnail area max 36 ../images */
#main36 {
	width: 555px;
	left: 425px;
	top: -85px;
	position: relative;
}

#main36 img{
	border: 1px solid #fbeeda;
	margin: 0 21px 21px 0;
}

/* Main thumbnail area max 25 ../images */
#main25 {
	width: 555px;
	left: 425px;
	top: -85px;
	position: relative;
}

#main25 img{
	border: 1px solid #fbeeda;
	margin: 0 39px 39px 0;
}

/* Main thumbnail area max 16 ../images */
#main16 {
	width: 555px;
	left: 425px;
	top: -85px;
	position: relative;
}

#main16 img{
	border: 1px solid #fbeeda;
	margin: 0 67px 67px 0;
}

#division {
	margin-top: 50px;
}

#emptylastrow img{
	border: 1px solid #fbeeda;
	margin-bottom: 68px;
}

#comics img{
	border: 0px;
}

/* Navigation */
#illustration a {
	text-indent: -1000em;
	background: url(../images/nav/i-btn.gif) no-repeat left top;
	width: 188px;
	height: 165px;
	display: block;
	overflow: hidden;
	position: relative;
	top: -23px;
	left: 52px;
}

/*  IE 5 hack \*/
#illustration a {overflow: hidden;}
/* end hack */ 
	
#illustration a:hover {
	background-position: -189px 0px;
}



#design a {
	text-indent: -1000em;
	background: url(../images/nav/d-btn.gif) no-repeat left top;
	width: 188px;
	height: 165px;
	display: block;
	overflow: hidden; /* For nested divs in Safari */
	position: absolute;
	top: 86px;
	left: 22px;
	}

/*  IE 5 hack \*/
#design a {overflow: hidden;}
/* end hack */ 
	
#design a:hover {
	background-position: -189px 0px;
}



#character a {
	text-indent: -1000em;
	background: url(../images/nav/c-btn.gif) no-repeat left top;
	width: 188px;
	height: 165px;
	display: block;
	overflow: hidden; /* For nested divs in Safari */
	position: absolute;
	top: 216px;
	left: 47px;
	}

/*  IE 5 hack \*/
#character a {overflow: hidden;}
/* end hack */ 
	
#character a:hover {
	background-position: -189px 0px;
}



#sketch a {
	text-indent: -1000em;
	background: url(../images/nav/s-btn.gif) no-repeat left top;
	width: 188px;
	height: 165px;
	display: block;
	overflow: hidden; /* For nested divs in Safari */
	position: absolute;
	top: 348px;
	left: 6px;
	}

/*  IE 5 hack \*/
#sketch a {overflow: hidden;}
/* end hack */ 
	
#sketch a:hover {
	background-position: -189px 0px;
}



#blog a {
	text-indent: -1000em;
	background: url(../images/nav/b-btn.gif) no-repeat left top;
	width: 188px;
	height: 165px;
	display: block;
	overflow: hidden; /* For nested divs in Safari */
	position: absolute;
	top: 420px;
	left: 168px;
	}

/*  IE 5 hack \*/
#blog a {overflow: hidden;}
/* end hack */ 
	
#blog a:hover {
	background-position: -189px 0px;
}





#blog2 a {
	text-indent: -1000em;
	background: url(../images/nav/b-btn.gif) no-repeat left top;
	width: 188px;
	height: 165px;
	display: block;
	overflow: hidden; /* For nested divs in Safari */
	position: absolute;
	top: 509px;
	left: 50px;
	}

/*  IE 5 hack \*/
#blog2 a {overflow: hidden;}
/* end hack */ 
	
#blog2 a:hover {
	background-position: -189px 0px;
}

#about a {
	text-indent: -1000em;
	background: url(../images/nav/a-btn.gif) no-repeat left top;
	width: 188px;
	height: 165px;
	display: block;
	overflow: hidden; /* For nested divs in Safari */
	position: absolute;
	top: 479px;
	left: 57px;
}

/*  IE 5 hack \*/
#about a {overflow: hidden;}
/* end hack */ 
	
#about a:hover {
	background-position: -189px 0px;
}