* {	margin: 0;	border: 0;	padding: 0;}
body {
	font-family: "Trebuchet MS";
	background-color: #FFFFFF;
}
ul {	list-style-type: none; }
a:hover { text-decoration: none; }
#banner {
	background-color: #DFE7EE;
	border-bottom: solid 1px;
	border-bottom-color: #FF6600;
	background-image: url(images/birdsbg.jpg);
	background-repeat: no-repeat;
	background-position: right;
}
	#banner h1 {
		color: #CCFFFF;
		}
	#banner h2 {
		color: #CCFF33;
		padding-left: 9em;
		font-style: italic;
		font-size: 1.2em;
	}
	#banner img {
		margin: 0px;
		padding: 0px;
	}

#maincontent {
	border-top: 0;
	margin-top: 30px;
	margin-left: 30px;
/*	background: url(images/cornerbirds.jpg) no-repeat right bottom; */
}
#usability, #web, #print, #tutoring, #contact 
{
	z-index: 5;
	display: block;
	width: 300px;
	border: solid 1px #F76300;
}
	/* another msie fix */
	* html #maincontent dd, * html #maincontent dt	{	z-index: -1;}
	#maincontent dt {
		z-index: 4;
		font-size: 1.5em;
		font-weight: bold;
		text-indent: -2px;
		color: #663300;
		line-height: 0.7em;
		padding-top: 0.4em;
		padding-right: 10px;
		background-color: #E6EFF4;
		border-bottom: 1px solid #F76300;
	}
	#maincontent dd {
		z-index: 3;
		color: #5D6163;
		padding-left: 10px;
		margin-bottom: 15px;
	}
	#maincontent dd a { color: #1EA9F4;}
	#maincontent dd a:hover { color: #1EA9F4;}
	#maincontent dd .pop {
		display: none;
		z-index: 2;
		position: absolute;
		top: 100px;
		left: 320px;
		height: 400px;
		padding-left: 85px;
	}
		.pop h2 { 
			color: #630; 
			border-bottom: solid 1px #F76300;
			background-color:white;
			margin-top: 1em; 
			line-height: .2em; 
			width: 350px; 
			padding-bottom: 8px;
		}
	#maincontent dd .pop ul { background-color: #FFF; margin: 0; padding: 5px 0 20px 0; }
	#maincontent dd .pop ul li { padding: 0 0 0 15px; margin: 0;}
		.pop ul, .pop li { margin-left: 10px; }
	#maincontent dd .pop a {
/*		height: 54px;*/
		display: block;
/*		border: solid 1px black;*/	
		padding: 5px 54px 5px 5px;
/*		background-color: white; */
	}
	* html .pop ul li { height: 55px; width: 300px;}
	* html .pop ul li a { height: 1%; background-color: white; } 

	#maincontent dd .pop a:hover {background: url(images/onebird3.jpg) no-repeat right center;}
	#maincontent dd a img { border: solid 5px white;  padding: 0 7px; margin: 0; }
	#maincontent dd a:hover img {
	/*		background-color: #F7F6B8; */
		border-right-color: #9FD6F4;
		border-left-color: #9FD6F4;
			
	}
	#maincontent dd:hover, #maincontent dd.msieFix 
		{
			background-color: #F7F6B8;
		}
	#maincontent dd:hover .pop,
	#maincontent dd.msieFix .pop { display: block; }
	#maincontent a {  }

a .thumbpop { 
	display: none;
	width: 150px;
	position: absolute;
	left: 450px;
	top: 200px;
}
ul.bcard { position: relative; width: 500px;}
ul.bcard li { display: inline; }
* html ul.bcard li { height: 1%; }
a:hover .thumbpop { display: block; }
a:hover .thumbpop img { border-color: transparent; }
	/* #web dd .pop { display: block; }*/
#blurb { 
		z-index: 1;
		font-size: 1.5em;
		color: #663300;
		position: absolute;
		top: 130px;
		left: 330px;
		width: 180px;
		height: 400px;
		padding-left: 125px;
	}
		#blurb p {
			border: 2px solid #F76300;
			padding: 15px;
			margin-bottom: 10px;
			background-color: #EBF4F9;
			background-image: url(images/onebird.jpg);
			background-repeat: no-repeat;
			background-position: right bottom;
		}
		#blurb p.IEbug {display:none;}
		* html #blurb p.IEbug {display: block; font-size: small;}
		* html #blurb { width: 250px; margin: 0;}
	
