body {
	font-family: Arial, Helvetica, sans-serif;
}
img {
	border-width: 0
}
.comment {
	font-size: 1em;
	color: #FFFFFF;
}
#mainBody {
	position: relative;
	top: 30px;
	left: 0px;
	width: 850px;
	height: 600px;
	/*background-color: #eeeeee;*/
}
.index {
	position: relative;
	left: 35px;
	top: 0px;
	margin: 5px;
}
.indexSec {
	color: #333333;
}
.menu {
	position: absolute;
	width: 275px;
	margin: 5px;
	z-index: 1000;
	top: 22px;
	left: 192px;
	visibility: hidden;
	font-size: small;
}
.news {
	font-size: small;
}
.index #myname{
	font-size: small;
	font-weight: bold;
}
.index, .menu a:link {
	text-decoration: none;
	color: #666666;
}
.index, .menu a:visited {
	text-decoration: none;
	color: #666666;
}
#newsMenuArrow {
	color: #FF66CC;
	font-weight: bolder;
}
#workMenuArrow {
	color: #0066CC;
	font-weight: bolder;
}
#experienceMenuArrow {
	color: #66CC66;
	font-weight: bolder;
}
#contactMenuArrow {
	color: #FF9933;
	font-weight: bolder;
}
.index, #newsMenu a:link {
	text-decoration: none;
	color: #FF99CC;
}
.index, #newsMenu a:hover {
	/*cursor:pointer;*/
	text-decoration: none;
	color: #FF66CC;
	font-size: small;
}
.index, .menu, #workMenu a:hover {
	/*cursor:pointer;*/
	text-decoration: none;
	color: #0066CC;
	font-size: small;
}
.index, .menu, #experienceMenu a:hover {
	/*cursor:pointer;*/
	text-decoration: none;
	color: #66CC66;
	font-size: small;
}
.index, .menu, #contactMenu a:hover {
	/*cursor:pointer;*/
	text-decoration: none;
	color: #FF9933;
	font-size: small;
}
.index, .menu a:active{
	text-decoration: none;
	color: #003399;
}
.index, .menu {
	color: #333333;
}
#newsMenu {
	background-image:       url("src/newsColor.gif");
}
#workMenu {
	background-image:       url("src/workColor.gif");
}
#experienceMenu {
	background-image:      url("src/experienceColor.gif");
}
#contactMenu {
	background-image:      url("src/contactColor.gif");
}
.menuSec {
	
	position: relative;
	left: 5px;
}
.list {
	position: absolute;
	left: 10px;
	top: 150px;
	font-size: small;
}
.list div {
	position: relative;
	top: 3px;
	left: 0px;
	width: 170px;
	height: 35px;
	text-align: right;
}
.list a:link {
	text-decoration: none;
	color: #CCCCCC;
}
.list a:visited {
	text-decoration: none;
	color: #CCCCCC;
}
.list a:hover {
	/*cursor:pointer;*/
	text-decoration: none;
	color: #EEEEEE;
}
.list a:active{
	text-decoration: none;
	color: #EEEEEE;
}
.workArea {
	position: absolute;
	top: 150px;
	left: 210px;
	padding: 5px;
	/*background-color: #CCCCCC;*/
}
.workTitle {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 400px;
	font-size: medium;
	z-index: 10;
}
.workTxt {
	position: absolute;
	top: 85px;
	left: 0px;
	width: 280px;
}

.workTxt2 {
	position: absolute;
	top: 85px;
	left: 300px;
	width: 280px;
}
.workTxt2, .workTxt {
	font-size: small;
	text-align: justify;	/*text-align: justify;*/
}
.workTxt a:link {
	text-decoration: none;
	color: #003399;
}
.workTxt a:visited {
	text-decoration: none;
	color: #000066;
}
.workTxt a:hover {
	/*cursor:pointer;*/
	text-decoration: none;
	color: #0066CC;
}
.workTxt a:active{
	text-decoration: none;
	color: #000066;
}
.workTxt2 a:link {
	text-decoration: none;
	color: #003399;
}
.workTxt2 a:visited {
	text-decoration: none;
	color: #000066;
}
.workTxt2 a:hover {
	/*cursor:pointer;*/
	text-decoration: none;
	color: #0066CC;
}
.workTxt2 a:active{
	text-decoration: none;
	color: #000066;
}
#workImg {
	position: relative;
	/*height: 300px;
	width: 300px;*/
	top: 30px;
	left: 280px;
}
#workFtg {
	position: relative;
	/*height: 300px;
	width: 300px;*/
	top: 30px;
	left: 280px;
}
.workImgBtn {
	position: absolute;
	height: 50px;
	width: 300px;
	top: 30px;
	left: 0px;
	font-size: small;
}
.workImgBtn a:link {
	text-decoration: none;
	color: #333333;
}
.workImgBtn a:visited {
	text-decoration: none;
	color: #333333;
}
.workImgBtn a:hover {
	/*cursor:pointer;*/
	text-decoration: none;
	color: #333333;
}
.workImgBtn a:active{
	text-decoration: none;
	color: #333333;
}
#workImgBtnOn {
	background-image:     url("src/workBtnOn.gif");
	background-repeat: no-repeat;

}
#workBtnOff {
	background-image: url();
	background-repeat: no-repeat;

}
#interactionList {
	visibility: hidden;
	/*color:#003399
	background-repeat: no-repeat;*/
}
#webList {
	visibility: hidden;
}
#videoList {
	visibility: hidden;
}
#architectureList {
	visibility: hidden;
}
#tastingmusic {
	background-image:     url("src/tastingmusicThumbOff.jpg");
}
#netsound {
	background-image:      url("src/netsoundThumbOff.jpg");
}
#talkingglass {
	background-image:      url("src/talkingglassThumbOff.jpg");
}
#sharingmoment {
	background-image:      url("src/sharingmomentThumbOff.jpg");
}
#narrowcastingtv {
	background-image:      url("src/narrowcastingtvThumbOff.jpg");
}
#emotionalcommunication {
	background-image:      url("src/emotionalcommunicationThumbOff.jpg");
}
#mobilerapidproto {
	background-image:      url("src/emotionalcommunicationThumbOff.jpg");
}
#exlayer {
	background-image:     url("src/exlayerThumbOff.jpg");
}
#nounou {
	background-image:     url("src/nounouThumbOff.jpg");
}
#lucia {
	background-image:     url("src/luciaThumbOff.jpg");
}
#iamastv {
	background-image:      url("src/iamastvThumbOff.jpg");
}
#water {
	background-image:     url("src/waterThumbOff.jpg");
}
#gifusion {
	background-image:     url("src/gifusionThumbOff.jpg");
}
#body {
	background-image:     url("src/bodyThumbOff.jpg");
}
#esmod {
	background-image:     url("src/esmodThumbOff.jpg");
}
#minoh {
	background-image:     url("src/minohThumbOff.jpg");
}
#globalloon {
	background-image:     url("src/globalloonThumbOff.jpg");
}
#daycare {
	background-image:     url("src/daycareThumbOff.jpg");
}
#lico {
	background-image:     url("src/licoThumbOff.jpg");
}
#mosquito {
	background-image:     url("src/mosquitoThumbOff.jpg");
}
#lions {
	background-image:     url("src/lionsThumbOff.jpg");
}
#court {
	background-image:     url("src/courtThumbOff.jpg");
}
#soft {
	background-image:     url("src/softThumbOff.jpg");
}