* { margin: 0; padding: 0; }

a { color: #FC2423; text-decoration: none; }
a:visited { color: #FC2423; }
a:hover { text-decoration: underline; }

body
{
color: #333333;
margin: 0;
padding: 0;
font-size: 68.5%;
font-family:  Arial,  Verdana, Helvetica,sans-serif;
line-height: 1.4em;
}

#wrapper{width: 900px; margin: 0 auto 0 auto}
	
#header{ height: 50px; margin-top:10px;}
#normal	#header	img{visibility:hidden}

	#nav{ float: right; margin: 30px 0px 0px 00px;}

		#nav ul { list-style-type: none; margin:0;width:446px;height:30px;margin-left:27px}

		#nav li {float:left;height:30px;padding:0}

		#nav li a {padding:0;background: #fff url("../images/nav_bg.gif") no-repeat 0 0;height:30px;display:block}

		#nav li a strong {position:absolute;left:-9000px;top:0;right:auto}

		
		#nav li#nav-1, #nav li#nav-1 a {background-position: 0 0;width:67px}

		#nav li#nav-2, #nav li#nav-2 a {background-position: -67px 0;width:76px}

		#nav li#nav-3, #nav li#nav-3 a {background-position: -142px 0;width:121px}

		#nav li#nav-4, #nav li#nav-4 a {background-position: -264px 0;width:93px}

		#nav li#nav-5, #nav li#nav-5 a {background-position: -360px 0;width:84px}

		

		/* nav hovers and down state*/	
		#nav li#nav-1 a:hover {background-position: 0 -100px}

		#nav li#nav-2 a:hover {background-position: -67px -100px}

		#nav li#nav-3 a:hover {background-position: -142px -100px}

		#nav li#nav-4 a:hover {background-position: -264px -100px}

		#nav li#nav-5 a:hover {background-position: -360px -100px}

		

			#nav li#nav-1 a.active:hover {background-position: 0 -50px}

			#nav li#nav-2 a.active:hover {background-position: -67px -50px}

			#nav li#nav-3 a.active:hover {background-position: -142px -50px}

			#nav li#nav-4 a.active:hover {background-position: -264px -50px}

			#nav li#nav-5 a.active:hover {background-position: -360px -50px}

	

		#nav li#nav-1 a.active {background-position: 0 -50px}

		#nav li#nav-2 a.active {background-position: -67px -50px}

		#nav li#nav-3 a.active {background-position: -142px -50px}

		#nav li#nav-4 a.active {background-position: -264px -50px}

		#nav li#nav-5 a.active {background-position: -360px -50px}
	
	 
#main { background:#EEE9E5; width: 900px; height: 550px; margin: 0 auto 0 auto}
	#content{ 
		float: right; 
		width: 492px;
		margin-right:4px;
		}
		#artistnav { margin-top:5px; width: 492px; height:40;}
			#artistnav img{ margin-right: 1px; display: inline;}
		#artname { margin-top: 5px;}
			#artname .artist { float:left; width:100px; border: 1px solid #cccccc;}
			#artname .artistinfo { 
				background-color:#DDD8D4;
				padding:10px;
				height: 430px; 
				
				overflow: auto; 
				float:right; 
				width:359px;
			}

			#artname .artistcv {clear:both; margin-left: 112px; padding-top: 5px }
		 /*artname for other page*/
	#normal #artname { 
		margin:10px auto 0 auto; 
		width:340px; 
		}
		
	#normal #artname .artist { 
		float:none; 
		background-color:#FFFFFF; 
		width:340px;  
		padding-bottom: 5px;
		border: 1px solid #ffffff;
	 }/*
	 #report #artname .artist {	background-color:#DDD8D4}*/
	
	#normal #artname .artist img{ margin-left: 8px; margin-top: 5px; border: 1px solid #cccccc;}
			
			#rightinfo {
				margin:10px auto 0 auto; 
				width:354px;  
				height:420px; 
				overflow: auto; 
				background-color:#DDD8D4;
				padding: .8em;  
				border: 1px solid #ffffff; 
			} 
			#rightinfo div { background-color:#FFFFFF; padding: 10px;}

	#leftpage{
	float: left;
	width: 398px;
	height: 550px;
	background-image: url(../images/left-background.gif);
	}
		.listwork { 
		margin:10px auto 0 auto; 
		background-image: url(../images/list_work.gif);
		background-color:#FFFFFF; 
		height:150px;
		width:293px; 
		background-repeat:no-repeat;
		border: 1px solid #666666;  
		}
			.listwork div { margin-left: 22px; padding: 0px 4px 4px 4px;  width: 260px; height:140px;}
			.listwork div div { margin: 0px; padding-top: 4px; width: 260px; height:66px;}
			.listwork div div img { margin-right: 3px; border: 1px solid #cccccc}
		/* insert for normal page*/
		.logo {
			margin:10px auto 0 auto; 
			background-image: url(../images/logo_L.gif); 		 
			background-color:#EEE9E3; 
			height:75px; 
			width:293px; 
			background-repeat:no-repeat;
		}
		#content .logo { background-image: url(../images/Proj_report_image.png); width:370px; }
		#content .supporttab { background-image: url(../images/); width:370px; height:85px; }
		/**/
		#showwork {
			margin:5px auto 0 auto; 
			background-image: none; 
			height:320px;
			width:293px; 
			background-repeat:no-repeat;
			
		}
		 #showwork img {  border: 1px solid #666666; padding: 9px; background-color:#FFFFFF }
		 #workdetail { margin:5px auto 0 auto; 
			background-image: none; 
			height:45px;
			width:274px;
			border: 1px solid #666666; 
			padding: 2px 9px 2px 9px;
			background-repeat:no-repeat; 
			overflow: hidden;
			font-size: 9px;
			line-height: 1.2em;
		}
		 #workdetail dl { margin-top: 0px; padding-bottom: 5px; }
		 #workdetail dl.first { margin-top: 0px;}
		 #workdetail span {padding-top: 5px; font-size: 11px; display:block;}
		/* show work for specific page*/
		#leftinfo { 
			margin:10px auto 0 auto; 
			height:420px; 
			width:333px;  
			overflow: auto;
			background-color:#DDD8D4;
			padding: .8em;
			border: 1px solid #ffffff; 
			} 
		 
		/*
			margin:10px auto 0 auto;  
			height:420px; 
			width:333px;   
			overflow: auto; 
			background-color:#DDD8D4; 
			padding:.5em 
			*/
		

		 			/* if info inside leftpage do this*/
			#leftpage .artistinfo { 

				float:none;
				width:293px;
				margin: 100;
				padding: 0;
			}
			
#footer{ clear: both; background:#eeeeee; margin-top:5px;}
	#footer ul { margin-left: 50px }
	#footer li {display: inline;}
	#footer	a { color: #330000; text-decoration: none; }
	#footer a:visited { color: #330000; }
	#footer a:hover { text-decoration: underline; }
/* for general class*/
.info {background-color:#DDD8D4; padding:.8em;}
.images {background-color:#ffffff; padding:.8em;}
.flash {margin:10px auto 0 auto; border: 1px solid #cccccc; width:275px; background-color:#FFFFFF}
.support {margin:10px auto 0 auto; border: 1px solid #cccccc; width:440px; height:440px; background-color:#FFFFFF;}

.padding { padding:1em}
/* for tag*/
h2 { 
	font-size: 125.5%;
	line-height: 1.7em;
	color:#8B9D00;
}
h3 { 
	font-size: 100%;
	font-weight: bold;
	line-height: 1.7em;
	color:#333333;
}
p { 
margin-top: .5em; margin-bottom: .5em
}
hr {border-top: 1px solid #cccccc;}
.page {
float:right; margin-top: -20px; 
}
.page li{ 
	display: inline; 
	list-style:none;
	background-color:#ccc;
	margin-right:5px; 
}
.page li a{
	padding: 2px 5px; 
	background-color:#ccc;
	color: #666;
}
.page li a:hover{
   padding: 2px 5px; 
   background-color:#75665c;
   color: #fff;
   text-decoration:none;
}

.page li a.active {
 	background-color:#75665c;
    color: #fff;
	font-weight:bold;
}

ul.list {
margin-left: 10px;
padding-left: 10px; list-style-type:disc;
list-style-image:url(../images/arrow.gif)

}
ul.list a {
color:#838c2f;
}
ul.list a:hover {
color:#fff;
background-color:#838c2f;
padding: 1px 2px;;
}