<!--
/****************************************************/
/* COPYRIGHT, LEFT AND CENTRE (C) 2009 SHI DANIELS. */
/* WOULD YOU LIKE TO KNOW MORE? --> SHI.H@ESYOU.COM */
/****************************************************/


/*Base Properties for entire site*/
a img {
	border:none;
	text-decoration:none;
}

a:link {
	color:#666666;
	border:none;
	text-decoration: none;
}

a:visited  {
	color:#666666;
	border:none;
	text-decoration: none;
}

a:hover {
  color:#00FF00;
  border:none;
  text-decoration: none;
}

a:active {
	color:#666666;
	border:none;
	text-decoration: none;
}

a:link img, a:visited img, a:hover img, a:active img {
	border:none;
	text-decoration: none;
}

html,body{
	height:100%;
	margin:0 0 1px;
	padding:0;
}

body {
	background:#FFFFFF;
/*	color:#000000;
	font-size:12px;
	font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif;*/
}

/*Main container in which everything sits in*/
#master{
margin:auto;
padding:10px 0px 0px 10px;
width:960px;
/*float:left;*/
position:relative;
}

/*Header container*/
.header{
  width:960px;
  border:none;  
  background-color:none;
  padding: 0px 0px 0px 0px;
  text-align:left;
  /*float:left;*/
  position:relative;
}

/*Header Image Container's container*/
.headerimgnav{
  width:960px;
  height:75px;
  border:none;  
  background-color:none;
  padding: 0px 0px 0px 0px;
  text-align:left;
  /*float:left;*/
  position:relative;
}

/*Header Image container*/
.headerimg{
  width:960px;
  height:75px;
  border:none;  
  background-color:none;
  padding: 0px 0px 0px 0px;
  text-align:left;
  /*float:left;*/
  position:absolute;
  
  background-color:none;
  background-image: url(/images/header_img.960x75.png);
}

/*Info container*/
#info{
  width:960px;
  height:15px;
  border:none;  
  background-color:none;
  padding: 0px 0px 0px 0px;
  text-align:left;
  /*float:left;*/
  position:relative;
}

/*Header Nav container*/
.headernav{
  width:960px;
  height:50px;
  border:none;  
  background-color:none;
  padding: 0px 0px 0px 0px;
  text-align:left;
  /*float:left;*/
  position:relative;
}

/*Bodyside container*/
.bodyside{
  width:960px;
  border:none;  
  background-color:none;
  padding: 10px 0px 0px 0px;
  text-align:left;
  /*float:left;*/
  position:relative;
}

/*Body container*/
.content{
  width:660px;
  border:none;
  line-height:0;
  background-color:none;
  padding: 0px 0px 0px 0px;
  text-align:left;
  float:left;
  clear:both;
}

/*TABS*/
.tabs{
  border:none;  
  background-color:#FFFFFF;
  padding: 0px 0px 5px 0px;
  text-align:left;
  float:left;
  margin-right:300px;
  position:relative;
}

.tab{
  border:none;  
  padding: 0px 0px 0px 0px;
  text-align:left;
  cursor:hand;
  cursor:pointer;
  float:left;
  
  top:0px;
  left:0px;
  width:100px;
  height:20px;
  
  background-color:none;
  background-repeat: no-repeat;
  background-position: 0px 0px;
}
.tab:focus		{ background-position: 0px -20px; }
.tab:link		{ background-position: 0px 0px; }
.tab:visited 	{ background-position: 0px 0px; }
.tab:hover		{ background-position: 0px -20px; }
.tab:active		{ background-position: 0px -20px; }

/*TAB menulink container*/
#tab_menu{
  background-image: url(/images/tab_menu.png);
  width:60px;
}
/*TAB interface container*/
#tab_interface{
  background-image: url(/images/tab_interface.png);
  width:80px;
}
/*TAB icons container*/
#tab_icons{
  background-image: url(/images/tab_icons.png);
  width:60px;
}
/*TAB leveldesign container*/
#tab_leveldesign{
  background-image: url(/images/tab_leveldesign.png);
}
/*TAB illustration container*/
#tab_illustration{
  background-image: url(/images/tab_illustration.png);
}
/*TAB print container*/
#tab_print{
  background-image: url(/images/tab_print.png);
  width:60px;
}
/*TAB photography container*/
#tab_photography{
  background-image: url(/images/tab_photography.png);
}
/*TAB about container*/
#tab_about{
  background-image: url(/images/tab_about.png);
  width:80px;
}

.data_menu{
  border:none;  
  padding: 0px 0px 0px 0px;
  margin:1px;
  text-align:left;
  cursor:hand;
  cursor:pointer;
  float:left;
  
  top:0px;
  left:0px;
  width:640px;
  height:80px;
  
  background-color:none;
  background-repeat: no-repeat;
  background-position: 0px 0px;
}
.data_menu:focus		{ background-position: 0px -80px; }
.data_menu:link			{ background-position: 0px 0px; }
.data_menu:visited 		{ background-position: 0px 0px; }
.data_menu:hover		{ background-position: 0px -80px; }
.data_menu:active		{ background-position: 0px -80px; }

.data_menu img{margin:2px;}

/*TAB interface container*/
#data_menu1{
  background-image: url(/images/interface.png);
}
/*TAB icons container*/
#data_menu2{
  background-image: url(/images/icons.png);
}
/*TAB leveldesign container*/
#data_menu3{
  background-image: url(/images/leveldesign.png);
}
/*TAB illustration container*/
#data_menu4{
  background-image: url(/images/illustration.png);
}
/*TAB print container*/
#data_menu5{
  background-image: url(/images/print.png);
}
/*TAB photography container*/
#data_menu6{
  background-image: url(/images/photography.png);
}




/*Side container*/
.side{
  width:280px;
  border:none;  
  background-color:#FFFFFF;
  color:#000000;
  font-size:19px;
  line-height:110%;
  word-spacing: 0px;
  letter-spacing: 0px;
  font-family:Georgia, serif, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif;
  padding: 10px 10px 10px 10px;
  text-align:left;
  float:right;
  /*display:none;*/
}
.side a:link		{color:#000000; font-weight:bold; border:none; text-decoration:none;}
.side  a:visited	{color:#000000; font-weight:bold; border:none; text-decoration:none;}
.side  a:hover 	{color:#00FF00; font-weight:bold; border:none; background-color:#000000;}
.side  a:active	{color:#000000; font-weight:bold; border:none; text-decoration:none;}

/*Big Fonts*/
.big{
  color:#000000;
  font-size:23px;
  line-height:110%;
  word-spacing: 0px;
  letter-spacing: 0px;
  font-family:Georgia, serif, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif;
}

/*Small Fonts*/
.small{
  padding:10px;
  color:#FFFFFF;
  font-size:14px;
  line-height:110%;
  word-spacing: 0px;
  letter-spacing: 0px;
  font-family:Georgia, serif, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif;
}


/*Images container*/
.imgdiv{
	border:0px solid #000000;
	outline:none;
	margin: 0px;
	padding: 0px;
	float:left;
	cursor:hand;
	cursor:pointer;
}
.imgdiv img{margin:1px;}

/*Footer container*/
.footer{
  width:960px;
  height:50px;
  border:none;  
  background-color:none;
  color:#000000;
  font-size:10px;
  font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif;
  padding: 0px 0px 0px 0px;
  text-align:left;
  /*float:left;*/
  position:relative;
  clear:left;
}
.footer  a:link		{color:#666666; font-weight:bold; border:none; text-decoration:none;}
.footer  a:visited	{color:#666666; font-weight:bold; border:none; text-decoration:none;}
.footer  a:hover 		{color:#00FF00; font-weight:bold; border:none; background-color:#000000;}
.footer  a:active	{color:#666666; font-weight:bold; border:none; text-decoration:none;}