/* CONTAINER BOXES
====================================================================
====================================================================
====================================================================
*/

div.baseBackground
	{
	background-image: url(../images/layout3/baseBackgroundBorder.jpg);
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 5px;
	border: 0px;
	border-style: solid;
	text-align: center;
	}
div.topLayoutContainer
	{
	background-image: url(../images/layout3/titleBanner.jpg);
	background-repeat: no-repeat;
	width: 1000px;
	height: 450px;
	margin-left: auto;
	margin-right: auto;
	}
div.navigationContainer
	{
	float: left;
	width: 1000px;
	height: 50px;
	margin-top: 380px;
	}
#timeLeftArea
	{
	width: 250px;
	height: 50px;
	float: left;
	margin-left: 10px;
	margin-top: auto;
	}
#menuRightArea
	{
	width: 640px;
	float: left;
	margin-left: 85px;
	margin-top: auto;
	}
#cleftContentBox
	{
	width: 300px;
	height: auto;
	float: left;
	}
#crightContentBoxINTRO
	{
	background-image: url(../images/layout3/mainContentIntroBanner.png);
	background-repeat: no-repeat;
	width: 615px;
	float: left;
	margin-left: 36px;
	}
#crightContentBoxDetail
	{
	width: 685px;
	margin-top: 10px;
	margin-left: 2px;
	float: left;
	}
#crightContentBoxLWork
	{
	width: 685px;
	margin-top: 10px;
	margin-left: 302px;
	float: left;
	}
#TOPlatestWorkBackground
	{
	background-image: url(../images/layout3/latestWorkTitleBanner.jpg);
	background-repeat: no-repeat;	
	width: 685px;
	height: 35px;
	float: left;
	}
#MIDDLElatestWork
	{	
	width: 685px;
	float: left;
	}
#BOTTOMlatestWorkBackground
	{	
	background-image: url(../images/layout3/latestWorkBottomBanner.jpg);
	background-repeat: no-repeat;
	width: 685px;
	height: 35px;
	float: left;
	}
#storyListContainer
	{
	float: left;
	margin-left: 135px;
	}
#cSplit
	{
	background-repeat: no-repeat;
	width: 15px;
	height: 500px;
	margin-top: auto;
	float: right;
	}
#copyright
	{
	width: 800px;
	float: left;
	margin-top: 170px;
	margin-left: 110px;
	}
#subPageContent
	{
	width: 1000px;
	margin-top: 10px;
	float: left;
	}
div.news
	{
	background-image: url(../images/layout3/newsBackgroundBorder.png);
	width: 277px;
	margin-top: auto;
	float: left;	
	}
div.middleLayoutContainer
	{
	background-image: url(../images/layout3/baseBackgroundBorder.jpg);
	float: right;
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
	margin-top: auto;
	}
div.bottomLayoutContainer
	{
	background-image: url(../images/layout3/bottomBanner.jpg);
	background-repeat: no-repeat;
	width: 1000px;
	height: 200px;
	float: left;
	margin-left: auto;
	margin-right: auto;
	margin-top: auto;	
	}	
div.clear
	{
	clear: both;
	background-image: url(../images/layout3/baseBackgroundBorder.jpg);
	text-align: right;
	font-family: arial;
	font-size: 12px;
	margin-right: 13px;
	}
div.middleLayoutContainerBackground
	{
	background-image: url(../images/layout3/middleBackground.jpg);
	background-repeat: no-repeat;
	float: left;
	}
div.middleLayoutContainerBackgroundABOUT
	{
	background-image: url(../images/layout3/middleBackgroundABOUT.jpg);
	background-repeat: no-repeat;
	float: left;
	}	
div.middleLayoutContainerBackgroundART
	{
	background-image: url(../images/layout3/middleBackgroundART.jpg);
	background-repeat: no-repeat;
	float: left;
	}	
div.middleLayoutContainerBackgroundCONTACT
	{
	background-image: url(../images/layout3/middleBackgroundCONTACT.jpg);
	background-repeat: no-repeat;
	float: left;
	}	
	
/* IMAGE AND LIST ALIGNMENT 
====================================================================
====================================================================
====================================================================
*/	
img.Splitter
	{
	margin-top: 50px;
	}
img.introductionSplitter
	{
	float: left;
	margin-left: 123px;
	margin-top: 15px;
	}
li.nUpdateAlign
	{
	margin-left: 14px;
	font-family: arial;
	font-size: 12px;
	list-style-image: url(../images/layout3/listBullet.png);
	text-align: left;
	}
img.avatarAbout
	{
	float: left;
	margin-left: 15px;
	margin-right: 10px;
	}
	
/* FONT STYLES
====================================================================
====================================================================
====================================================================
*/
#reminder 
	{
	font-weight: bold;
	font-size: 11px;
	}
p.newsUpdateTime
	{
	font-weight: bold;
	font-family: arial;
	font-size: 14px;
	margin-left: 14px;
	text-align: left;
	}
p.newsUpdateDetail
	{
	font-family: arial;
	font-size: 12px;
	margin-left: 10px;
	text-align: left;
	}
p.contentIntroduction
	{
	font-family: arial;
	font-size: 12px;
	margin-left: 140px;
	text-align: left;
	}
p.contentDetail
	{
	font-family: arial;
	font-size: 12px;
	margin-left: 15px;
	margin-right: 15px;
	text-align: left;
	}
p.contentDetailCONTACT
	{
	font-family: arial;
	font-size: 12px;
	text-align: center;
	}
p.contentLatestWorkTitle
	{
	font-family: arial;
	font-size: 12px;
	margin-left: 10px;
	margin-top: 5px;
	text-align: left;
	}
p.copyright
	{
	font-family: arial;
	font-size: 12px;
	color: ffffff;
	margin-left: 20px;
	text-align: center;
	}
p.hitCounterStyle
	{
	font-family: arial;
	font-size: 12px;
	margin-top: 0px;
	text-align: center;
	}
p.subPageTitle
	{
	font-family: arial;
	font-size: 12px;
	margin-left: 6px;
	}
p.artDetail
	{
	font-family: arial;
	font-size: 12px;
	margin-left: 180px;
	margin-right: 180px;
	text-align: center;
	}
p.musicTitle
	{
	font-family: arial;
	font-size: 12px;
	margin-left: 251px;
	text-align: left;
	}
/* Navigation Image Switches Starts Here; Erasing the list bullets
====================================================================
====================================================================
====================================================================
*/
#menu ul 
	{
	margin:0; 
	padding:0; 
	list-style-type: none;
	}

/* Affecting Individual List Items */
#menu li 
	{
	float: left;
	margin-right: 1px;
	}
	
#menu li.list1 
	{
	background: transparent url(../images/layout3/menuDisplayHOMEDefault.jpg) no-repeat;
	}
#menu li.list2 
	{
	background: transparent url(../images/layout3/menuDisplayABOUTDefault.jpg) no-repeat;
	}	
#menu li.list3
	{
	background: transparent url(../images/layout3/menuDisplayARTDefault.jpg) no-repeat;
	}
#menu li.list4
	{
	background: transparent url(../images/layout3/menuDisplayMIDIDefault.jpg) no-repeat;
	}
#menu li.list5 
	{
	background: transparent url(../images/layout3/menuDisplaySTORYDefault.jpg) no-repeat;
	}
#menu li.list6 
	{
	background: transparent url(../images/layout3/menuDisplayCONTACTDefault.jpg) no-repeat;
	}

#menu a 
	{
	display: block; 
	width: 103px; 
	height: 0; 
	padding-top: 50px; 
	color: #000; 
	overflow: hidden;
	}

#menu a#item1 
	{
	background: transparent url(../images/layout3/menuDisplayHOMEActive.jpg) -130px -90px no-repeat;
	}
#menu a#item2 
	{
	background:transparent url(../images/layout3/menuDisplayABOUTActive.jpg) -130px -90px no-repeat;
	}
#menu a#item3
	{
	background:transparent url(../images/layout3/menuDisplayARTActive.jpg) -130px -90px no-repeat;
	}
#menu a#item4
	{
	background:transparent url(../images/layout3/menuDisplayMIDIActive.jpg) -130px -90px no-repeat;
	}
#menu a#item5 
	{
	background:transparent url(../images/layout3/menuDisplaySTORYActive.jpg) -130px -90px no-repeat;
	}
#menu a#item6 
	{
	background:transparent url(../images/layout3/menuDisplayCONTACTActive.jpg) -130px -90px no-repeat;
	}

#menu a#item1:hover 
	{
	background-position: 0 0; 
	}
#menu a#item2:hover 
	{
	background-position: 0 0; 
	}
#menu a#item3:hover 
	{
	background-position: 0 0; 
	}
#menu a#item4:hover 
	{
	background-position: 0 0; 
	}
#menu a#item5:hover 
	{
	background-position: 0 0;
	}
#menu a#item6:hover 
	{
	background-position: 0 0;
	}

/* Container Box For The Link Images */
#menu 
	{
	display: block; 
	width: 630px; 
	height: 50px;
	margin-right: 25px;
	}