/*-- MID PAN BODY --*/
#midPanBody
{
	min-height: 400px;
	background-color: #f9f9f9;
}

#midLeft { width: 450px;}
#midRight { width: 215px;}

#midLeft h2
{
	width: 300px;
	background: url(../images/portfolio/port_icon.gif) 0 0 no-repeat;
	padding: 0 0 20px;	
}

#midLeft p  { padding: 0 0 0 5px; font-size: 14px; }

#midLeft p span { font-weight: bold; font-size: 16px;}

#midLeft p a { color: #6d6d6d; }

#midLeft p a:hover { color: #333; }

/*-- /MID LEFT --*/


#midRightChar
{
	width: 215px;
	height: 400px;
	background: url(../images/portfolio/port_char.gif) 0 0 no-repeat;
}

/*-- /MID RIGHT --*/

/*-- MID PAN --*/

#botPanBody
{
	clear: both;
	height: 20px;
	min-height: 20px;
}


/* Menu Drop Down */

#midMenu
{
	position: relative;
	margin: 20px;
}

#midMenu ul { width: 200px; font: 10px/12px Verdana, "Trebuchet MS", sans_serif; border-bottom: 2px solid #ccc; }

#midMenu ul li { position: relative; }

#midMenu ul li  ul
{ 
	position: absolute;
	top: 0;
	left: 198px;
	display: none;
}

#midMenu ul li a
{
	display: block;
	width: 186px;
	text-decoration: none;
	color: #555;
	padding: 5px;
	border: 2px solid #ccc;
	border-bottom: 0;
	background: url(../images/portfolio/icon.gif) 98% 50% no-repeat;
}
#midMenu ul li ul li a
{
	background: #f9f9f9;
}

#midMenu ul li a:hover { color: #fff; background-color: #a00; }

#midMenu ul li:hover ul, #midMenu ul li.over ul 
{
	display: block;
}

/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }
/* End */

/* /Menu Drop Down */