@charset "utf-8";
#portfolio {padding:10px 18px;}
#portfolioContent {padding-left:7px;min-height:480px;height:auto !important;height:480px;}

.nav{padding:0 10px 0 0; margin:0;}
.nav b{color:#111; font-family:Verdana, Geneva, sans-serif; font-size:.8em; margin:0 0 4px 0px; font-weight:normal; text-align:center; width:90px; display:inline-block;}

.portfolioTabbedPanels {
	margin: 0px;
	padding: 0px;
	float: left;
	clear: none;
	width: 923px;
}
.portfolioTabbedPanels .TabbedPanelsContentGroup {
	clear: none;
	float: left;
	width: 620px;
	height: 700px;
	background-color:#FFF;
	border:solid 1px #a4c0d6;
}
.portfolioTabbedPanels .TabbedPanelsTabGroup {
	margin: 0px;
	padding: 10px 0 0 0;
	float: left;
	position: relative;
	width: 300px;
	height: 680px;
}
.portfolioTabbedPanels .TabbedPanelsTab {
	position: relative;
	float: none;
	margin: 0;
	padding:0;
	list-style: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	cursor: pointer;
	background-color:#FFF;
	line-height:1em;
	border-top:solid 1px #ccd9ea;
	border-left:solid 1px #a4c0d6;
	border-right:solid 1px #ccd9ea;
	right:-1px; background-image:url(../images/portfolio/tab-bg-hover.jpg); background-repeat:repeat-y;
}
.portfolioTabbedPanels .TabbedPanelsTabBottom {border-bottom:solid 1px #a4c0d6;}
.portfolioTabbedPanels .TabbedPanelsTabHover {background-image:none;}
.portfolioTabbedPanels .TabbedPanelsTabSelected {border-right:none;background-image:none;}
.portfolioTabbedPanels .TabbedPanelsTab a {color: black;text-decoration: none;}
.portfolioTabbedPanels .TabbedPanelsContent {padding: 0 14px 10px 18px;}
.portfolioTabbedPanels .TabbedPanelsContentVisible {}

#tab {width:298px; height:44px; font-family:Verdana, Geneva, sans-serif;}
#tab img {float:left;width:20px;height:20px;margin:12px 10px;}
#tab div {float:left;width:256px;}
#tab h4 {font-family:tahoma,arial,san-serif; color:#777;font-size:11px;font-weight:bold; margin:4px 0 0 3px;}
#tab p {color:#c33; font-size:10px; padding:0; margin:2px 0 0 3px; line-height:1.1em;}
#tab p.tec {color:#777bb4; margin:1px 0 0 3px;}

#portfolioContent{font-family:Verdana, Geneva, sans-serif; text-align:justify;}
#portfolioContent h2 {padding:22px 15px 9px 10px; margin:0;color:#777; border-bottom:solid 1px #ccd9ea;font-size:1.4em;}
#portfolioContent h2 b{ font-weight:normal; float:left;}
#portfolioContent h2 img{ margin:0 0 0 10px;}
#portfolioContent img.project {float:right; width:250px; height:280px; margin:15px 10px 15px 20px;}
#portfolioContent h3 {padding:14px 20px 0px 10px; margin:0;font-size:0.9em;line-height:1.5em;color:#666;}
#portfolioContent h5{font-size:.9em; font-weight:bold;padding:10px 10px 5px 10px; margin:0; color:#777;}
#portfolioContent p.technology {font-size:.9em;color:#777;padding:0px 10px 0px 10px; margin:0;}
#portfolioContent p.solution {font-size:.9em;color:#777;padding:0px 10px 0px 10px; margin:0;}
#portfolioContent p.solution-dec {font-size:.85em;color:#888;padding:5px 10px 14px 10px; margin:0; }
#portfolioContent div.desc{clear:both;margin:  0px;padding:0px 10px 0px 10px; margin:0; color:#777;}
#portfolioContent div.desc p{line-height:1.7em; font-size:.9em;}

ul.MenuBarHorizontal
{
	margin: 0; 
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	cursor: default;
	width: auto;
}
ul.MenuBarActive
{
	z-index: 1000;
}
ul.MenuBarHorizontal li
{
	margin: 0; margin-left:2px;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	position: relative;
	text-align: left;
	cursor: pointer;
	width:288px;
	float: left;
}
ul.MenuBarHorizontal ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	z-index: 1020;
	cursor: default;
	width:288px;
	position: absolute;
	left: -1000em;
}
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible
{
	left: auto;
}
ul.MenuBarHorizontal ul li
{
	width:288px;
}
ul.MenuBarHorizontal ul ul
{
	position: absolute;
	margin: -5% 0 0 95%;
}
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible
{
	left: auto;
	top: 0;
}
ul.MenuBarHorizontal ul
{
	border: 1px solid #CCC;
}
ul.MenuBarHorizontal a
{
	display: block;
	cursor: pointer;
	background-color: #94B9D8;
	padding:5px 0 5px 10px;
	color: #333;
	text-decoration: none; font-family:tahoma,arial,san-serif;
}
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
{
	background-color: #3369a9;
	color: #FFF;
}
ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible
{
	background-color: #3369a9;
	color: #FFF;
}
ul.MenuBarHorizontal a.MenuBarItemSubmenu
{
	background-image: url(../images/portfolio/SpryMenuBarDown.gif);
	background-repeat: no-repeat;
	background-position: 95% 50%;
}
ul.MenuBarHorizontal ul a.MenuBarItemSubmenu
{
	background-image: url(../images/portfolio/SpryMenuBarRight.gif);
	background-repeat: no-repeat;
	background-position: 95% 50%;
}
ul.MenuBarHorizontal a.MenuBarItemSubmenuHover
{
	background-image: url(../images/portfolio/SpryMenuBarDown.gif);
	background-repeat: no-repeat;
	background-position: 95% 50%;
}
ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover
{
	background-image: url(../images/portfolio/SpryMenuBarRightHover.gif);
	background-repeat: no-repeat;
	background-position: 95% 50%;
}
ul.MenuBarHorizontal iframe
{
	position: absolute;
	z-index: 1010;
	filter:alpha(opacity:0.1);
}
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
{
	ul.MenuBarHorizontal li.MenuBarItemIE
	{
		display: inline;
		f\loat: left;
		background: #FFF;
	}
}