body {
font-family:Arial, Helvetica, sans-serif; 
font-size:12px;
margin-left:auto;
margin-right:auto;
margin-top:0px;
}
a {
color:#FFFFFF;
text-decoration:none;
}
a:hover {
text-decoration:underline;
}
a.home {
    background: url('http://www.informationdesigndynamics.com/images/sprite.jpg') 0 -1px no-repeat;
	display:block;
    width:60px;
    height:20px;
    padding:0;
}

a.home:hover {
    background: url('http://www.informationdesigndynamics.com/images/sprite.jpg') 0 -22px no-repeat;
}
a.resume {
    background: url('http://www.informationdesigndynamics.com/images/sprite.jpg') 0 -87px no-repeat;
	display:block;
    width:84px;
    height:20px;
    margin-left:15px;
    padding:0;
}

a.resume:hover {
    background: url('http://www.informationdesigndynamics.com/images/sprite.jpg') 0 -107px no-repeat;
}
a.portfolio {
    background: url('http://www.informationdesigndynamics.com/images/sprite.jpg') 0 -43px no-repeat;
	display:block;
    width:92px;
    height:20px;
    padding:0;
}

a.portfolio:hover {
    background: url('http://www.informationdesigndynamics.com/images/sprite.jpg') 0 -64px no-repeat;
}
a.contact {
    background: url('http://www.informationdesigndynamics.com/images/sprite.jpg') 0 -129px no-repeat;
	display:block;
    width:79px;
    height:20px;
    margin-left:15px;
    padding:0;
}

a.contact:hover {
    background: url('http://www.informationdesigndynamics.com/images/sprite.jpg') 0 -150px no-repeat;
}

.nav {
background-color:#000000;
width:360px;
height:35px;
margin-left:auto;
margin-right:auto;
line-height:35px;
vertical-align:middle;
text-align:center;
z-index:1;
}
ul.navlist {
	display:inline;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
    z-index:10;
}

li.navlist {
	list-style-type:none;
	float:left;
    z-index:12;
}

.container {
	width:100%;
	margin-top:15px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}

.content {
background-color:#000000;
width:800px;
margin-left:auto;
margin-right:auto;
z-index:0;
}
a.sample_attach
{
  display: block;
  width:   150px;
  border: 1px solid black;  
}
#sample_attach_menu_parent
	{
		color:#FFFFFF;
		height:25px;
		z-index:27;
	}
a.sample_attach_menu_parent
	{
  background-image:url ('http://www.informationdesigndynamics.com/images/portfolio_off.jpg');
	}
	
#sample_attach_menu_child 
	{
		border: 1px solid black;
		background-image:url('http://www.informationdesigndynamics.com/images/navbg.jpg');
		background-repeat:repeat-y;

	}
a.sample_attach:hover 
	{
		background-image:url ('http://www.informationdesigndynamics.com/images/portfolio_on.jpg');
		text-decoration:none;
		background-color:#0066FF;
	}