body,html {
	margin: 0px;
	padding: 0px;
	}

body {
	font-family: Verdana, Geneva, Arial, Helvetica, "Lucida Grande", sans-serif;
	color: #ffffff;
	font-size: 10px;
	background-color: black;
	}
	

/* -- basic layout Table classes --- */
table.containter{
	width:810px;
	background-color: #222222;
	}

td.head{
	width:410px;
	margin: 0px; 
	background-color: transparent;
	padding: 0px 0px 0px 0px;	
	text-align: left;
	vertical-align: top;
	}

td.foot{
	width:410px;
	font-size: 9px;
	margin: 0px; 
	padding: 5px 0px 0px 0px;	
	background-color: transparent;
	text-align: left;
	vertical-align: top;
	}

td.left{
	font-family: Verdana, Geneva, Arial, Helvetica, "Lucida Grande", sans-serif;
	width:200px;
	color: #ffffff;
	background-color: transparent;
	padding: 10px 15px 0px 15px;
	font-size: 12px;
	font-weight: bold;
	text-align: right;
	vertical-align: top;
	text-transform: uppercase;
	border: 0px solid #ff0000;
	margin: 0px;
	}

td.left-p{
	font-family: Verdana, Geneva, Arial, Helvetica, "Lucida Grande", sans-serif;
	width:200px;
	height: 630px;
	color: #ffffff;
	background: #000000 url(portfolio1.jpg) repeat-y top right;
	padding: 0px 0px 0px 0px;
	font-size: 12px;
	font-weight: bold;
	text-align: right;
	vertical-align: top;
	text-transform: uppercase;
	border: 0px solid #ff0000;
	margin: 0px;
	}

td.main{	
	font-family: Verdana, Geneva, Arial, Helvetica, "Lucida Grande", sans-serif;
	color: #000000;
	width:410px;
	background-color: #ffffff;
	padding: 0px 0px 0px 0px;
	border: 0px solid #ffffff;
	margin: 0px 0px 0px 0px;
	text-align: left;
	vertical-align: top;
	float: left; 
	}

td.right{
	font-family: Verdana, Geneva, Arial, Helvetica, "Lucida Grande", sans-serif;
	width:200px;
	color: #ffffff;
	background-color: transparent;
	padding: 10px 15px 0px 15px;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	vertical-align: top;
	text-transform: uppercase;
	border: 0px solid #ff0000;
	margin: 0px;
	}

td.right-p{
	font-family: Verdana, Geneva, Arial, Helvetica, "Lucida Grande", sans-serif;
	width:200px;
	height: 630px;
	color: #ffffff;
	background: #000000 url(portfolio2.jpg) repeat-y top left;
	padding: 0px 0px 0px 0px;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	vertical-align: top;
	text-transform: uppercase;
	border: 0px solid #ff0000;
	margin: 0px;
	}
/* -- END basic layout Table classes --- */


/* -- basic layout DIV classes --- */
div.left{
	width:200px;
	height: ;
	color: #ffffff;
	background-color: transparent;
	padding: 10px;	
	text-align: left;
	float: left;  
	border: 1px solid #ff0000;
	}

div.main{
	padding: 0px 20px 0px 20px;
	text-align: center;
	text-decoration: none;
	}

div.mainLeft{
	padding: 0px 20px 0px 20px;
	text-align: left;
	text-decoration: none;
	}

div.right{
	width:200px;
	height: ;
	color: #ffffff;
	background-color: transparent;
	padding: 10px;	
	text-align: left;
	float: left; 
	border: 1px solid #ff0000;
	}

div.footer{
	color: bbbbbb;
	text-align: justify;
	padding: 0px 5px 10px 5px;
	}

div.image{
	font-size: 9px;
	color: #222222;
	text-align: center;
	line-height: 13px;
	font-style: italic;
	padding: 10px 0px 0px 0px;
	margin-bottom: -16px;
	}

	
a img {  /* --- this keeps FireFox from putting link decoration around images --- */
	display:block;
	border: none;
	}

div.image-l {

	float: left;
	margin: 0px 0px 0px 0px;
	text-decoration: none;
	}


div.image-c {

	float: left;
	padding: 0px 0px 0px 0px;
	font-size: 9px;
	text-decoration: none;
	text-align: center;
	font-style: normal;
	font-weight: bold;
	}

	
div.image-r {

	float: right;
	margin: 0px 0px 0px 0px;
	text-decoration: none;
	}


div.h1{
	font-size: 12px;
	color: #000000;
	text-align: center;
	padding: 10px 20px 10px 20px;
	font-weight: bold;
	clear: both;
	}


div.h3{
	font-size: 10px;
	text-align: left;
	padding: 0px 0px 0px 0px;
	font-weight: bold;
	clear: both;
	}


div.ul3 {
	margin: -10px 0px 0px 0px;
	font-weight: normal;
	}

div.credit{
	font-size: 9px;
	font-weight: normal;
	padding: 4px 0px 25px 0px;
	}


.introducing{
	font-size: 9px;
	font-weight: normal;
	}


/* -- end basic layout DIV classes --- */



/* --- navigation bar ---*/


div.navContainer {

	width:410px;

	height: 30px;

	margin: 0px;

	padding: 10px 0px 0px 0px;

	margin: 0px;
	font-size: 11px;
	text-decoration: none;
	text-transform: uppercase;
	text-align: center;
	}
	
div.navContainer a:link{
	color: #000000;
	text-decoration: none;
	}

	
div.navContainer a:visited {
	color: #000000;
	text-decoration: none;
	}


div.navContainer a:hover {
	color: #777777;
	text-decoration: none;
	}

	
div.navContainer a:active {
	color: #bbbbbb;
	text-decoration: none;
	}
	
div.navFilm a {

	width:118px; 
	border-right: 1px solid #000000;
	float: left;
	margin-left: 8px;
	text-align: center;
	text-decoration: none;
	}
	
div.navGame a  {

	width:88px; 
	border-right: 1px solid #000000;
	float: left;
	text-align: center;
	text-decoration: none;
	}
	
div.navPlastic a {

	width:69px; 
	border-right: 1px solid #000000;
	float: left;
	text-align: center;
	text-decoration: none;
	}
	
div.navApparel a {

	width:68px; 
	border-right: 1px solid #000000;
	float: left;
	text-align: center;
	text-decoration: none;
	}
	
div.navToys a {

	width:44px; 
	border-left: 0px solid #000000;
	float: left;
	text-align: center;
	text-decoration: none;
	}
	
div.navMisc a {
	text-align: center;
	clear: both
	text-decoration: none;
	}

/* --- end navigation bar ---*/