@charset "UTF-8";
body  {
	font: 62.5% Verdana, Arial, Helvetica, sans-serif;
	background: #fff;
	margin: 0; 
	padding: 0;
	text-align: left; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}

img {
	outline: none;
	border: 0 none;
}

p, h1, h2, h3, ul {
	margin: 0px;
	padding: 0px;
}

#container { 
	width: 1000px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #fff;
	margin: 0; /*auto; /* the auto margins (in conjunction with a width) center the page */
	padding: 0;
	text-align: left; /* this overrides the text-align: center on the body element. */
}

#header { 
	position: absolute;
	height: 80px;
	background: #fff; 
	padding: 0; 
}

#siteName {
	float: left;
	width: 320px;
	height: 80px;
	margin: 15px 0 0 20px;
	background: url(/img/common/KSSig_02_ro.gif) no-repeat;
}

#siteName a:hover {
	background-position: -320px 0;
}

#siteName a {
	width: 320px;
	height: 80px;
	display: block;
	background: url(/img/common/KSSig_02_ro.gif) no-repeat;
	text-indent: -9999px;
	outline: none;
}

/*#NavContainer {
	position: absolute;
	margin: 100px 0 0 0;
	height: 600px;
	width: 1000px;
	background:url(/img/home/home_Tree01.jpg) no-repeat;
}*/

#NavContainer ul {
	list-style-type: none;
	border: none;
	margin: 0;
	padding: 0;
}

#BGContainer {
	position: absolute;
	margin: 100px 0 0 0;
	height: 600px;
	width: 1000px;
	background:url(/img/home/home_Tree01.jpg) no-repeat;
	padding: 0;
}

#FlashTree {
	margin: -1px 0 0 -1px;
	padding: 0px;
}

#Printmaking_ro {
	position: absolute;
	width: 290px;
	height: 173px;
	margin: 168px 0 0 215px;
	background:url(/img/home/home_Print_ro_03.gif) no-repeat;
}

#Printmaking_ro a {
	position: absolute;
	margin: 0px;
	width: 290px;
	height: 173px;
	background:url(/img/home/home_Print_ro_03.gif) no-repeat;
	text-indent: -9999px;
	outline: none;
	display: block;
}

#Printmaking_ro a:hover {
	background-position: -290px;
}

#Illustration_ro {
	position: absolute;
	margin: 341px 0 0 227px;
	width: 290px;
	height: 194px;
	background:url(/img/home/home_Illust_ro_01.gif) no-repeat;
}

#Illustration_ro a {
	position: absolute;
	margin: 0px;
	width: 290px;
	height: 194px;
	background:url(/img/home/home_Illust_ro_01.gif) no-repeat;
	text-indent: -9999px;
	outline: none;
}

#Illustration_ro a:hover {
	background-position: -290px;
}

#Books_ro {
	position: absolute;
	margin: 149px 0 0 591px;
	width: 218px;
	height: 182px;
	background:url(/img/home/home_Books_ro_01.gif) no-repeat;
}

#Books_ro a {
	position: absolute;
	margin: 0px;
	width: 218px;
	height: 182px;
	background:url(/img/home/home_Books_ro_01.gif) no-repeat;
	text-indent: -9999px;
	outline: none;
}

#Books_ro a:hover {
	background-position: -218px;
}

#About_ro {
	position: absolute;
	margin: 331px 0 0 537px;
	width: 276px;
	height: 227px;
	background:url(/img/home/home_About_ro_01.gif) no-repeat;
}

#About_ro a {
	position: absolute;
	margin: 0px;
	width: 276px;
	height: 227px;
	background:url(/img/home/home_About_ro_01.gif) no-repeat;
	text-indent: -9999px;
	outline: none;
}

#About_ro a:hover {
	background-position: -276px;
}

#footer { 
	position: absolute;
	margin: 700px 0 0 40px;
}

#footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 4px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	font-size: 0.9em;
	text-align: left;
}

#footer a {
	color:#999999;
}