#workHolder {width:976px;height:377px;}


/* Tool Tip */
#toolTip { 
    display:none; 
    background:transparent url(http://static.flowplayer.org/tools/img/tooltip/black_arrow.png); 
    font-size:12px; 
    height:70px; 
    width:160px; 
    padding:25px; 
    color:#fff;
	z-index:200000; 
}
#mainHolder { 
position:relative;
}      

/* override the root element to enable scrolling */
#flowpanes, #workHolder, #caseHolder {
	position:relative;
	overflow:hidden;
	clear:both;
	width:970px;
	height:380px;
	border:0px solid red;
	background-image:none;
	margin-bottom:20px;
}

/* override single pane */
#flowpanes div, #workHolder div, #caseHolder div {
	float:left;
	display:block;
	width:970px;
	height:380px;
	cursor:pointer;
	font-size:12px;
	padding:0;
	margin:0;
}
/*#workHolder div .inContent div {width:inherit;}*/

/* our additional wrapper element for the items */
#flowpanes .itemwrapper, #workHolder .itemwrapper, #caseHolder .itemwrapper {
	width:20000em;
	position:absolute;
	clear:both;
	margin:0;
	padding:0;
}

#flowpanes .less, #flowpanes .less a, #workHolder .less, #workHolder .less a, #caseHolder .less, #caseHolder .less a {
	color:#999 !important;
	font-size:11px;
}

#worknav {position:relative;overflow:hidden;clear:both;height:75px;width:600px;}
#worknav, #casenav {padding:0;margin:0;color:#f5f5f5;float:left;clear:both;}
#worknav li, #casenav li {float:left;background:#333;font-size:11px;padding:10px;margin:0 10px 0 0;list-style-type:none;}
#worknav li a, #casenav li a {color:#f5f5f5;font-size:11px;}

#hblistmod #pageNavigator {height:42px;width:418px;padding:0 0 0 551px;float:right;position:absolute;z-index:199;border:0px red solid;}
.navPosition {border:0px solid blue;background:none;position:relative;height:42px;}
.clientList {position:absolute;top:55px;left:23px;}
.pPrev {position:absolute;top:8px;left:17px;background:url(/images/work/list-previous-orange.png) no-repeat top left;display:block;text-indent-999em;width:15px;height:31px;border:0px solid red;cursor:pointer;}
.nNext {position:absolute;top:8px;right:0px;background:url(/images/work/list-next-orange.png) no-repeat top left;display:block;text-indent-999em;width:15px;height:31px;border:0px solid green;cursor:pointer;}
.workinNav {background:none;}
.caseinNav {background:none;}
#flowpanes #workcontent, #workHolder #workcontent, #caseHolder #workcontent {float:left;padding:2px 0 0 0;border:0 solid green;background:none;width:400px;height:320px;}
#workHolder #workBack, #caseHolder #workBack {width:375px;height:320px;width:400px;}
#workHolder .inContent, #caseHolder .inContent {padding:19px 11px 15px 14px;padding:0;width:354px;height:240px;border:0px solid blue;overflow: hidden;}
#content .inContent h2 {font-size:24px;font-weight:normal;color:#ffffff;line-height:26px;margin-bottom:15px;}
#content .inContent h2 span {color:#D5C833;}
/*#flowpanes .navi, #workHolder .navi, #caseHolder .navi {width:300px;height:40px;margin-left:100px;cursor:pointer;}*/

/* single page */
#workHolder, #caseHolder {width:970px;}
#flowpanes .page, #workHolder .page, #caseHolder .page {
	padding:20px 0 0 0;
	width:551px;
	height: 360px;
	border:0px solid pink;
	margin:0 10px 0 0;
	background:#050505;
}

.notScrollable {
	position:relative;
	overflow:hidden;
	width: 551px;
	height: 320px;
	border:1px solid;
}

/* root element for horizontal scrollables */
#flowpanes .scrollable, #workHolder .scrollable, #caseHolder .scrollable {
	position:relative;
	overflow:hidden;
	width: 551px;
	height: 320px;
}

/* root element for scrollable items */
#flowpanes .scrollable .items, #worknav .scrollable .items, #workHolder .scrollable .items, #caseHolder .scrollable .items {
	width:20000em;
	position:absolute;
	clear:both;
}
/* single scrollable item */
#flowpanes .item, #workHolder .item, #caseHolder .item {
	float:left;
	cursor:pointer;
	width:551px;
	height:320px;
	padding:0;
}

#worknav .item {float:left;width:100px;height:75px;}


#featuredWork, #caseStudies {width:970px;}
#featuredWork .items, #caseStudies .items {width:970px;padding:0;margin:0;}
#featuredWork .items img, #caseStudies .items img {margin:0 10px 0 0;padding:0;filter: alpha(opacity:0.5);
	KHTMLOpacity: 0.5;
	MozOpacity: 0.5;
	-khtml-opacity:.50;
	-ms-filter:Óalpha(opacity=50)Ó;
	-moz-opacity:.50;
	filter:alpha(opacity=50);
	opacity:.50;
}
#featuredWork .items img:hover, #caseStudies .items img:hover, #featuredWork .items img.currentWork, #caseStudies .items img.currentCase {filter: alpha(opacity:1);
	KHTMLOpacity: 1;
	MozOpacity: 1;
	-khtml-opacity:1;
	-ms-filter:Óalpha(opacity=100)Ó;
	-moz-opacity:1;
	filter:alpha(opacity=100);
	opacity:1;
}
#featuredWork .items img.last, #caseStudies .items img.last {margin:0 0 0 0;padding:0;}

/* position and dimensions of the navigator */
#workHolder .navi, #caseHolder .navi {
	width:auto;
	height:10px;
	float:right;
	margin:0 8px 0 0;
}


/* items inside navigator */
.navi a {
	width:10px;
	height:10px;
	float:left;
	margin:3px;
	background:url(/images/work/navigator.png) 0 0 no-repeat;
	display:block;
	font-size:1px;
}

/* mouseover state */
.navi a:hover {
	background-position:0 0;      
}

/* active state (current page state) */
.navi a.active {
	background-position:0 -10px;     
}
#content {position:static;}
#hblistmod {position:static;}

/* override the root element to enable scrolling */
#casePanes, #casePanes1, #casePanes2, #casePanes3, #casePanes4, #casePanes5, #casePanes6 {
	position:relative;
	overflow:hidden;
	clear:both;
}

/* override single pane */
#casePanes div, #casePanes1 div, #casePanes2 div, #casePanes3 div, #casePanes4 div, #casePanes5 div, #casePanes6 div {
	float:left;
	display:block;
	width:358px;
	cursor:pointer;
	font-size:14px;
	
}

/* our additional wrapper element for the items */
#casePanes .items, #casePanes1 .items, #casePanes2 .items, #casePanes3 .items, #casePanes4 .items, #casePanes5 .items, #casePanes6 .items {
	width:20000em;
	position:absolute;
	clear:both;
	margin:0;
	padding:0;
}


#casePanes .less, #casePanes .less a {
	color:#999 !important;
	font-size:11px;
}
#subNav ul {margin-left:0; border-top: 1px solid #656565;}
#subNav ul li a {font-size:11px;}
#subNav ul a.current {
color:#FFFFFF;
}

/* JARED CSS */
#flowpanes #workcontent, #workHolder #workcontent, #caseHolder #workcontent #

.situation {
	height: 200px;
	overflow: auto;
}

#workHolder #workBack, #caseHolder #workBack {
	height: 420px;
}

#workHolder .inContent, #caseHolder .inContent {
	height: 370px;
	padding:0 13px 0 36px;
}

#workHolder div, #caseHolder div {
	
}

#content .inContent h2 {
	
}

#casePanes div p, #casePanes1 div p, #casePanes2 div p, #casePanes3 div p, #casePanes4 div p, #casePanes5 div p, #casePanes6 div p {
	font-size: 12px;
	padding-right: 14px;
}

.navPosition .clientList {
	display: none;
}

#casePanes .items, #casePanes1 .items, #casePanes2 .items, #casePanes3 .items, #casePanes4 .items, #casePanes5 .items, #casePanes6 .items {
	margin-top: 15px;
}

#subNav ul li {
	padding-top: 6px;
}

#subNav ul li.first {
	margin-left: -10px;
}

#subNav ul li a {
	font-size: 12px;
	padding-top: 8px;
	color: #656565;
}

#featuredWork .items img, #caseStudies .items img {
	margin:0 10px 10px 0;
	cursor: pointer;
}
#featuredWork .items img.last, #caseStudies .items img.last {
	margin-bottom:10px;
}
#subNav ul a.current {
	background:transparent url(../images/bulletSubNav.gif) no-repeat scroll center top;
}
#toolTip {
	background:transparent url(../images/work/tooltip-arrow2.png) no-repeat scroll 0 0;
	width: 139px;
	height: 96px;
	padding: 10px 9px 0 23px;
	z-index: 9999;
	line-height: 15px;
}
#casePanes .holder, #casePanes1 .holder, #casePanes2 .holder, #casePanes3 .holder, #casePanes4 .holder, #casePanes5 .holder, #casePanes6 .holder {
	width: 365px;
	height: 250px;
	margin-right: 10px;
	overflow:hidden;
}
#casePanes .holder .scroll-pane {
	height:200px;
	overflow:hidden;
}
#workcontent .myPane .holder .approach ul {
	margin: 0 14px;
	font-size: 12px;
}
#workcontent .myPane .holder .approach ul li {
	list-style: disc;
	padding-bottom: 10px;
}
.jScrollCapBottom {
	background: transparent;
}

.jScrollPaneTrack {
	display: none !important;
}

.jScrollPaneDrag {
	background: #000000;
}

.jScrollPaneContainer {
	border: none;
}

.fauxBot {
	height: 17px !important;
	width: 357px !important;
	position: absolute;
	top: 183px;
	z-index: 99999;
	background: transparent;
}