/* css document */

/* portfolio navigation */

#portNav	{
	width: 527px;
	height: 304px;
	margin: 1.5em auto;
	margin-left: 65px;
	position: relative;
}

ul.port	{
	list-style: none;
}

.port a	{
	display: block;
	position: absolute;
	text-indent: -9999px;
}

#bab, #chi, #mat, #fam	{
	height: 150px;
	width: 150px;
}

a#bab	{
	background: url(images/small/smallbaby1.jpg) top left no-repeat;
	top: 0;
	left: 0;
}

a#chi	{
	background: url(images/small/smallchildren1.jpg) top left no-repeat;
	top: 0;
	left: 154px;
}

a#mat	{
	background: url(images/small/smallstudio1.jpg) top left no-repeat;
	top: 154px;
	left: 0;
}

a#fam	{
	background: url(images/small/smallfamily1.jpg) top left no-repeat;
	top: 154px;
	left: 154px;
}

/* hover */

a#bab:hover	{
	background: url(images/small/smallbaby2.jpg) top left no-repeat;
	top: 0;
	left: 0;
}

a#chi:hover	{
	background: url(images/small/smallchildren2.jpg) top left no-repeat;
	top: 0;
	left: 154px;
}

a#mat:hover	{
	background: url(images/small/smallstudio2.jpg) top left no-repeat;
	top: 154px;
	left: 0;
}

a#fam:hover	{
	background: url(images/small/smallfamily2.jpg) top left no-repeat;
	top: 154px;
	left: 154px;
}