/**************************************************************

	Portfolio Accordion Menu

**************************************************************/
.accordion {
   background: #f3f3f3;
   padding: 0px;
   margin: 0px;
}

#content {
	padding: 6px;
	width: 440px;
	float:left;
	margin-top: 0px;
}

h3 {
	padding: 6px 10px;
	font-family: Arial, Helvetica, Verdana, sans-serif; 
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	color: #222;
	background: #98bc48;
	cursor: pointer;
	margin: 0px;
	clear: both;
}



h3 a:link, h3 a:visited {
	font-weight: bold;
	letter-spacing: 1px;
	font-family: Arial, Helvetica, Verdana, sans-serif; 
	font-size: 16px;
	display: block;
	text-decoration: none;
	color: #222;
	
	border: 0; 
	border-bottom-style: none; 
	border-bottom-width: 0px;
}

h3 a:hover, h3 a:active {
	color: #222;
}

h3.web {
	background: #73c151;
	background-image: url(../images/work/tabs/tab_web.gif);
	text-align:right;
	margin: 0px;
	padding: 0px 2px 0px 0px;
	background-repeat:no-repeat;
	clear: both;
}

#clearweb { height: 1px; border: 0; margin: 0; padding: 0; display: none;  } 

h3.interactive {
	background: #f98b2c;
	background-image: url(../images/work/tabs/tab_interactive.gif);
	text-align:right;
	margin: 0px;
	padding: 0px 2px 0px 0px;
	background-repeat:no-repeat;
	clear: both;
}
#clearinteractive { height: 1px; border: 0; margin: 0; padding: 0; display: none;  } 

h3.motion {
	background: #206fb1;
	background-image: url(../images/work/tabs/tab_motion.gif);
	text-align:right;
	margin: 0px;
	padding: 0px 2px 0px 0px;
	background-repeat:no-repeat;
	clear: both;
}
#clearmotion { height: 1px; border: 0; margin: 0; padding: 0; display: none;  } 

h3.print {
	background: #f40f0c;
	background-image: url(../images/work/tabs/tab_print.gif);
	text-align:right;
	margin: 0px;
	padding: 0px 2px 0px 0px;
	background-repeat:no-repeat;
	clear: both;
}
#clearmotion { height: 1px; border: 0; margin: 0; padding: 0; display: none;  } 

/**************************************************************

	ToolTip Bubble

**************************************************************/
.hotspot {color:#900; padding-bottom:1px; border-bottom:1px dotted #900; cursor:pointer; }

#tt {position:absolute; display:block; background:url(../images/work/tooltip/tt_left.gif) top left no-repeat; z-index:90;}
#tttop {display:block; height:5px; margin-left:5px; background:url(../images/work/tooltip/tt_top.gif) top right no-repeat; overflow:hidden}
#ttcont {display:block; padding:2px 12px 3px 7px; margin-left:5px; background:#666; color:#FFF}
#ttbot {display:block; height:5px; margin-left:5px; background:url(../images/work/tooltip/tt_bottom.gif) top right no-repeat; overflow:hidden}



/**************************************************************

	Rollover-one pixel bottom border

**************************************************************/

a#popup {
	margin: 2px; 
	height:20px;
	width:99px;
	position:absolute; 
	overflow:hidden;
}
a#popup img {
    border: 0;

}
a#popup:hover {
    background-color: #999999;
}