/* JASON CHIN ILLUSTRATION */


/* COLORS
Light Gray: #a8a5a5;
Dark Brown	#261f1e;
*/


/* GENERAL RULES */
body {
	margin:0;
	padding:0;
	background-color: #261f1e;
	font-size: 12px;
	font-family: arial, verdana, sans-serif;
	font-weight: normal;
	text-align: left;
	color: #76676f;
	line-height:1.5em;
	}
img {
	border: 0px;
	}
table td{
	vertical-align:top;
	text-align: left;
	padding: 0;
	}
a {
	text-decoration:none;
	color: #a8a5a5;
	}	
a:hover {
	color: #fff;
	}
h1, h2, h3, h4, h5, h5{margin:0 0 1em 0; padding:0;}

h1{font-size: 1.8em;}
h2{font-size: 1.6em;}
h3{font-size: 1.4em;}
h4{font-size: 1.2em;}
h5{font-size: 1em;}
h6{font-size: .8em;}

.clear {clear:both;}	
	

/* HEADER
----------------------------------------------------------------*/

.header{
	background-image:url(../images/header-repeat.jpg);
	background-repeat:repeat-x;
	background-position:left -15px;
	}
.header .bottom-border{
	background-image:url(../images/dotted-repeat.jpg);
	background-repeat:repeat-x;
	height:5px;
	}	
.header h1{
	position:absolute;
	left:-1000px;
	}	
.header .headerInner{
	width:740px;
	margin:0 auto;
	position:relative;
	text-align:center;
	}	
.header .headerInner .logo{
	margin-top:20px;
	}	
.header .headerInner .menu{
	}	

/* MENU
----------------------------------------------------------------*/
.header .headerInner ul.menu {
	padding-top:48px;
	padding-bottom:5px;
	margin:0;
	padding-left:165px;
	}
.header .headerInner ul.menu li{
	float:left;
	list-style: none; 
	margin: 0 15px 0 0;
	text-transform:uppercase;
	}	
ul.menu li a{
	text-decoration:none;
	background-image:url(../images/bullet.gif);
	background-position:center left;
	background-repeat:no-repeat;
	padding-left:5px;
	font-size:1.2em;
	}
ul.menu li a:hover{
	color:#fff;
	background-image:url(../images/bullet_on.gif);
	}
ul.menu li a.selected{
	text-decoration:none;
	background-image:url(../images/bullet_on.gif);	
	background-position:center left;
	background-repeat:no-repeat;
	color:#fff;
	}
ul.menu li a.statement{
	font-size:1em;
	margin-left:10px;
	display:block;
	}

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

.mainContent{
	width:760px;
	margin:20px auto;
	}
.mainContent .leftCol{
	float:left;
	width:170px;
	padding-top:20px
	}
.mainContent .leftCol h2{
	background-repeat:no-repeat;
	background-position:top left;
	text-indent:-10000px;
	height:35px;
	width:170px;
	margin:0;
	}
.mainContent .leftCol h2.portfolio{
	background-image: url(../images/header-portfolio.gif);	
	}
.mainContent .leftCol ul.menu{
	margin:0;
	padding:0;
	}
.mainContent .leftCol ul.menu li{
	float:left;
	list-style: none;
	background-image:url(../images/dotted-repeat.jpg);
	background-repeat: repeat-x;
	width:100%;
	margin:0;
	padding:8px 0 3px 0;
	text-align:left;
	width:170px;
	}	
.mainContent .rightCol {
	margin: 0 0 0 190px;
	padding:20px 0 0 0;
	}	
.mainContent .mainContentInner{
	width:600px;
	margin:0 auto;
	}	
.mainContent .mainContentInner table.mainContentTable{
	margin:0 auto;
	}

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

.footer{
	background-image:url(../images/dotted-repeat.jpg);
	background-repeat: repeat-x;	
	text-align:center;
	padding-top:10px;
	color:#999;
	margin-top:20px;
	}
.footer a{
	color:#a8a5a5;
	}	
.footer a:hover{
	color:#fff;
	}
.footer img{
	display:block;
	margin:10px auto;
	}
	
/* PAGES
----------------------------------------------------------------*/	
h2.pageHeader{
	height:20px;
	width:163px;	
	background-repeat:no-repeat;
	}

.links h2.pageHeader{
	background-image:url(../images/header-links.gif);
	text-indent:-10000px;
	}
.links ul{
	padding:0;
	list-style:inside;
	}
.links table{
	margin:0 auto;
	}
	
.designer h2.pageHeader{
	background-image:url(../images/header-artist.gif);
	text-indent:-10000px;
	}	
	
.contact h2.pageHeader{
	background-image:url(../images/header-contact.gif);
	text-indent:-10000px;
	}	

.portfolio h2.pageHeader{
	background-image:url(../images/header-portfolio.gif);
	text-indent:-10000px;
	}
.portfolio table td{
	text-align:center;
	}
.portfolio table td img{
	display:block;
	}
.portfolio a{

	}
.portfolio a:hover{
	
	}	
.bioPic{
	float:right;
	margin: 0 0 10px 10px;
	}