body		{
	text-align: center;
	background-color: #443E40;
	background-image: url('../images/bg_fade.jpg');
	background-repeat: repeat-x;
	font-family: arial, verdana, sans-serif;
/* this sets up em, scale down ems, so they can be spec'd at even em sizes */
	font-family: arial, helvetica, sans-serif;
	font-size: 69%;
/* global margin, padding */
	margin: 0px;
	padding: 0px;
	}
/* 
--------------------------------------------------------------------------- 
global margin, padding 
*/

p, img, ul, li,	a	{
	margin: 0px;
	padding: 0px;
	}

/* 
--------------------------------------------------------------------------- 
typography
*/

p, li			{
	color: #B9BBB1; 
}

a, a:visited {
	color: white;
	text-decoration: none; 
}
	
a:hover		{
	text-decoration: underline;
	color: #66FF66; 
}
	
	
.emphasis		{
	font-weight: bold;
	font-size: 1.4em;
}
	
.indent	{
	margin: 10px 10px 0px 10px;
}

a.update {
	color: #99CCFF;
}

img.mainphoto {
	border: 0px;
}

#footer p, #footer a	{
		color: black;
}
/* 
--------------------------------------------------------------------------- 
structure
*/

/* container centers the page in body container */	
#bodycontainer	{
		margin: 0 auto;
		width:920px;
		position: relative;
		text-align: left;
}
	
#container2	{
position: relative;
		height: 475px;
		width: 100%;
		top: 100px;
		background-color: #443E40;

}

#content1, #content2, #content3 {
		position: absolute;
		float: left;
		width: 240px;
		z-index: 2;
}

#content1	{
		left: 0px;
}

#content2	{
		left: 235px;
}

#content3	{
		position: absolute;
		top: 105px;
		left: 475px;
}

#footer	{
	position: absolute;
	top: 600px;
	left: 20px;
}


/* 
--------------------------------------------------------------------------- 
image controllers
*/

#content1 img, #content2 img {
		float: left;
		width: 228px;
		height: 68px;
		background-color: #A49E8A;
		margin: 5px 0px 0px 5px;
		border: 1px solid white;
}

#CatsterBadge img {
	width: auto;
	height: auto;
}

#CatsterBadge img.pet_img_g  {
	width: 100px;
	height: 101px;
}

/* 
--------------------------------------------------------------------------- 
nav 
*/

#nav 	{
		height: 100px;
		width: 100%;
		top: 5px;
		text-align: left;
		background-color: #443E40;
		position: absolute;
}

.nav1	{
		position: relative;
		top: 30px;
		left: 240px;
		width: 240px;
		background-color: #443E40;
		text-indent: 10px;
		line-height: 15px;
}
	
#yakkologo img	{
	position: absolute;
	top: 20px;
	left: 10px;
	z-index: 2;
	border-style: none;
}