/* JASON CHIN ILLUSTRATION */


/* COLORS
Light blue: #e6eef4;
Light Brown	#76676f;
*/


/* GENERAL RULES */
body {
	margin:0;
	padding:0;
	background-color: #ff;
	font-size: 12px;
	font-family: verdana, arial, helvetica, 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: #76676f;
	}	
a:hover {
	color: #000;
	}
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-color:#e6eef4;
	background-image:url(../images/header-repeat.gif);
	background-repeat:repeat-x;
	background-position:left bottom;
	border-top:1px solid #e6eef4;
	}
.header h1{
	position:absolute;
	left:-1000px;
	}	
.header .headerInner{
	width:740px;
	margin:0 auto;
	position:relative;
	border-top:1px solid #e6eef4;
	}	
.header .headerInner .logo{
	position:absolute;
	top:0;
	left:-100px;
	}	
.header .headerInner .menu{
	text-align:right;
	}	

/* MENU
----------------------------------------------------------------*/
.header .headerInner ul.menu {
	padding-top:48px;
	padding-bottom:10px;
	margin:0;
	}
.header .headerInner ul.menu li{
	float:right;
	list-style: none; 
	margin: 0 15px 0 0;
	}	
ul.menu li a{
	text-decoration:none;
	background-image:url(../images/bullet.gif);
	background-position:center left;
	background-repeat:no-repeat;
	padding-left:15px;
	}
ul.menu li a:hover{
	color:#000;
	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;
	padding-left:15px;
	color:#000;
	}
ul.menu li a.selected .subLinks{
	margin:0;
	padding:0 0 0 10px;
	border:1px solid red;
	}
ul.menu li .subLinks a{
	background-image:none;
	display:block;
	}
ul.menu li .subLinks{
	background-image:url(../images/bullet-repeater.gif);	
	background-position:top left;
	background-repeat:repeat-x;
	padding-top:8px;
	margin-top:3px;
	}


/* 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/pageHeader-portfolio.gif);	
	}
.mainContent .leftCol ul.menu{
	margin:0;
	padding:0;
	}
.mainContent .leftCol ul.menu li{
	float:left;
	list-style: none;
	background-image:url(../images/bullet-repeater.gif);
	background-repeat: repeat-x;
	width:100%;
	margin:0;
	padding:5px 0px;
	text-align:left;
	width:170px;
	}	
.mainContent .rightCol {
	margin: 0 0 0 190px;
	}	
.mainContent .rightCol h3{
	margin-left: 20px;
	padding-top:23px;
	}	
	
.mainContent .mainContentInner{
	width:600px;
	margin:0 auto;
	}	
.mainContent .mainContentInner table.mainContentTable{
	margin:0 auto;
	}

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

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

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

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

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