/* The Hapa Project */
/* CSS by joji - George J. Avelino */
/* February 08, 2006 */

body {
	font-size: small;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	margin: 0;
	color: #CCC;
	/* background: #000 url(../i/front_corner_bg_2.jpg) bottom left no-repeat; */
	background: #070417 url(../i/hapa_nav_bgii.jpg) top right no-repeat;

}
* html body {
	font-size: x-small; /* for IE5/Win */
	f\ont-size: small;  /* for other IE versions */
}

a:link {
	color:#DDDDDD;
	text-decoration: none;
	padding: 1px 4px;
}
a:visited {
	color:#DDDDDD;
	text-decoration: none;
	padding: 1px 4px;	
}
a:hover {
	color: #efefef;
	text-decoration: none;
	background-color: #bc7441;
	padding: 1px 4px;
}

#nori {
	float: right;
	margin: 0;
	padding: 0;
	width: 760px;
	/* background: #0E1024 url(../i/hapa_nav_bg.jpg) top right no-repeat; */
	/* border: 1px solid #999; */

}
#leftBar {
	float: right;
	margin: 0;
	padding: 0;
	/* background: #000 url(../i/hapa_nav_bg.jpg) top right no-repeat;*/
	/* height: 700px; */
	width: 170px;
	/* border: 1px solid lime; */
	
}

#navBar {
	float: left;
	width: 210px; 
	text-align: right;
	/* border: 1px solid #CC0000; */

}
#navBar h2 a:hover, #navBar h2 a:visited, #navBar h2 a:link {
	/* padding: 0; */
	background: none;
}
#header {
	float: right;
	margin: 30px 0 0 0;
	padding: 0;
	width: 560px;
	list-style: none;
	/* border: 1px solid blue;  */
}
#header h2 {
	font-size: 120%;
	vertical-align: middle;
}

#header li {
	float: right;
	color: #84849A;
	margin: 0;
	padding: 0 20px 0 0;
}
#nav {
	float: right;
	margin: 0;
	padding: 0;
	width: 210px;
	/* border: 1px solid #green;  */
}
#nav ul {
	margin: 10px 0 0 0;
}
#nav ul li {
	margin: 0 0 0 -23px;
	padding: 10px 25px 10px 0;
	list-style: none;
	
	/* background: url(../i/bullet_hapa_nav.gif) no-repeat right 50%; */
}
#nav ul li a {
	font-size: 90%;
	display: block;	
}
#b-about, #b-about-S {
	background: url(../i/bullets_ichi.gif) no-repeat right 7px;
}
#b-project, #b-project-S {
	background: url(../i/bullets_ni.gif) no-repeat right 7px;
}
#b-work, #b-work-S {
	background: url(../i/bullets_san.gif) no-repeat right 7px;
}
#b-speak, #b-speak-S {
	background: url(../i/bullets_shi.gif) no-repeat right 7px;
}
#b-press, #b-press-S {
	background: url(../i/bullets_go.gif) no-repeat right 7px;
}
#b-links, #b-links-S {
	background: url(../i/bullets_roku.gif) no-repeat right 7px;
}
#b-contact, #b-contact-S {
	background: url(../i/bullets_nana.gif) no-repeat right 7px;
}
#b-comm, #b-comm-S {
	background: url(../i/bullets_blue.gif) no-repeat right 7px;
}
#b-about-S, #b-project-S, #b-work-S, #b-speak-S, #b-press-S, #b-links-S, #b-contact-S, #b-comm-S {
	color: #fff;
	font-weight: bold;	
	background-color: #070417;
} 

#nav ul ul {
	width: 155px; 

}
#nav ul li ul li {
	margin: 0;
	padding: 2px 0 0 0;
	margin-right: 30px;	
}
#nav ul li ul li.selected {
	padding: 0 3px 0 0;
	color: #B53C40;
}
#nav ul li ul li a {
	font-weight: normal;
}
#info, #lacuna {
	float: left;
	margin: 50px 0 50px 0;
	/* border: 1px solid navy; */
	width: 380px;
	background-color: #070417;
	border-bottom: 1px dotted #efefef;
	border-right: 1px dotted #efefef;
}
#info h3, h4, h5 {
	padding: 0 0 0 10px; 

}
#info h4 {
	margin-bottom: .25em;
	letter-spacing: 1px;
	/* font-weight: normal; */
	font-size: 100%;
	color:#B53C40;
}
#info h5 {
	/* border-top: 1px solid #efefef; */
	padding: 1em 10px .25em 10px;
	font-size: 95%;
}
#info a:link, #info a:hover, #info a:visited {
	padding: 0;
}
#info a:link, #info a:visited {
	border-bottom: 1px solid #444; 
}
#info a:hover {
	border-bottom: 2px solid #54261C;
}	
#info p {
	margin-top: .5em;
	padding: 0 10px 10px 10px;
}
#info dl {
	margin: 0;
	padding: 0 0 25px 10px;
}
#info dt {
	margin: 1.5em 0 0 0;
}
#info dd {
	margin: .15em 0 0 0;
	padding: 0 0 0 0;
	font-size: 95%;
}
#info ul {
	padding: 0;
}
#info ul li {
	font-size: 90%;
}
#info table {
	margin: 10px 0 0 10px;
	padding: 0;
	font-size: 90%;
}
#info th {
	font-size: 95%;
	color:#CC0000;
	text-align: left;
}
#info td {
	text-align: left;
	padding: 0 0 1.2em 0;
}
#info tr 
{
    padding: 0 0 0 10px;   
}
#lacuna {
	border: none;
	}
	
/*-- work -- */
#work {
	float: left;
	width: 370px;
	padding: 10px 0;
	margin: 0;
	/* border: 2px solid red; */
}	
#work dl {
	float: left;
	width: 350px;
	margin: 10px 10px;
	padding: 0;
	display: inline; /* fixes IE/Win double margin bug */
}
#work dt {
	float: right;
	width: 350px;
	margin: 0;
	padding: .5em 0 ;
	font-size: 105%;
	border-top: 1px solid #234;
}
#work dd {
	margin: 0 0 0 92px;
	padding: 0 0 .5em 0;
	font-size: 90%;
	
}
#work dl dd.img {
	margin: 0;
}
#work dd.img img {
	float: left;
	margin: 0 8px 0 0;
	padding: 3px;
	border: 1px solid #777;
	background-color: #fff;
}
#work p {
	margin: 0;
	padding: .5em 0 0 0;
}
#work h4, h5 {
	font-size: 100%;
	margin: 0;
	padding: .75em .25em;
	border-top: 1px solid #234;
	letter-spacing: 0;
}
#work h5 {
	border-top: none;
	text-align: right;
	padding: 0 0 1em 0;
	
}
.dropText {
	color:#B53C40;
	}

#linkDesc1, #linkDesc2, #linkDesc3, #linkDesc4, #linkDesc5, #linkDesc6, #linkDesc7, #linkDesc8, #linkDesc9, #linkDesc10, #linkDesc11, #linkDescAll  {
	margin-left: .5em;
	padding: 0px 4px !important ; 
	border: 2px solid #333;
	font-weight: bold;
	font-size: 95%;
	/*background-color:#CC9966; */
	background-color: none;
}
#sh-data1, #sh-data2, #sh-data3, #sh-data4, #sh-data5, #sh-data6, #sh-data7, #sh-data8, #sh-data9, #sh-data10, #sh-data11 {
	display: none;
}


/* -- Press -- */

#pressList {
	margin: 0 0 20px 0;
	list-style: none;

}
#pressList li {
	margin: 0 0 5px 0;
	padding: 0 10px;

}

/* -- Hacks -- */
/* Fix IE. Hide from IE Mac \*/
* html ul li a { height: 1%; }
/* End */


* html object.hide {
   display: none;	/* -- this hack is for playing movies */
   }