@charset "utf-8";

.container {
	width: 320px;
	margin: 0 auto;
}


#h2s.acc_trigger {
	background: url(../img/work/h2_trigger_a.png) no-repeat;
	height: 18px;	
	width: 320px;
	font-size: 2em;
	font-weight: normal;
	float: left;
}
#h2s.acc_trigger a {
	font:italic 15px georgia, Times New Roman, Times, serif;
	padding:0 0 0 13px;;
	color: #fff;
	text-decoration: none;
	display: block;
}
#h2s.acc_trigger a:hover {
	color: #000;
}
#h2s.active {background: url(../img/work/h2_trigger_b.png) no-repeat;}
.acc_container {
	overflow: hidden;
	font-size: 1.2em;
	width: 320px;
	
}
.acc_container .block {
	font-size:13px;
	
}
.acc_container .block p {

}
.acc_container h3 {
	font: 2.5em normal Georgia, "Times New Roman", Times, serif;
	

}
.acc_container img {
	float: left;

	
}


#workPageContainer {
	background:#c6d40a url(../img/work/workPageContainerBg.png) repeat-x center top;
	clear:both;
	margin:0 auto;
	overflow:hidden;
	padding:0;
	position:relative;
	width:808px;
	z-index:200;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
}
.contentWork {
	clear:both;
	left:0;
	margin:0 auto;
	padding:0;
	position:relative;
	top:0;
	width:808px;
	z-index:200;
}
#contentWorkContainer {
	left:0;
	margin:0 auto;
	overflow:hidden;
	padding:0;
	position:relative;
	top:0;
	width:808px;
	z-index:200;
}
#navPrevNextBg {
	height:32px;
	left:0px;
	margin:0px;
	padding:0px;
	position:absolute;
	top:270px;
	width:100%;
	z-index:100;
}
#navPrevNextBg div {
	background-color:#f7941d;
	border-bottom:1px solid #cd5e00;
	height:31px;
	position:absolute;
	width:50%;
}
#navPrevNextContainer {
	height:1px;
	left:0;
	margin:0 auto;
	overflow:visible;
	padding:0;
	position:absolute;
	top:270px;
	width:100%;
	z-index:9000;
}
#navPrevNext {
	height:1px;
	margin:0 auto;
	overflow:visible;
	padding:0;
	position:relative;
	top:0;
	width:808px;
}
#navPrev {
	height:32px;
	left:-100px;
	margin:0px;
	padding:0px;
	position:absolute;
	width:135px;
	z-index:9000;
}
#navNext {
	height:32px;
	left:770px;
	margin:0px;
	padding:0px;
	position:absolute;
	width:135px;
	z-index:9000;
}
#workJobListContainer {
	background:url(../img/work/workJobListContainerBg.png) repeat-x center bottom;
	left:0;
	margin:0 auto;
	padding:30px 0 35px 60px;
	position:relative;
	top:0;
	z-index:8000;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
}
#workJobListContainer h1 {
	color:#fff;
	font:bold 2.9em/1.1em Arial,Helvetica,sans-serif;
	text-shadow:1px 1px 1px #5D6A00;
	margin:0;
	padding:0 0 18px;
}
#highlightedWork {
	height:250px;
	position:relative;
	width:500px;
}
#highlightedImg {
	height:290px;
    left:-50px;
    position:absolute;
    top:-50px;
    width:500px;
    z-index:-5;
}
#highlightedImg img {
	bottom:0;
    left:25px;
    position:absolute;
    top:175px;
}
#highlightedContent {
	left:320px;
	position:absolute;
	width:350px;
	z-index:5;
}
#highlightedContent h2.highlighted, #workPageContainer h2.selected {
	color:#374200;
	font:italic 13px georgia, Times New Roman, Times, serif;
	margin:0;
	padding:0 0 2px;
}
h2.selected { 
	bottom:0;
	position:absolute;
	text-align:center;
	width:685px;
	z-index:10;
}
.workSlide h2 {
	color:#1f1f20;
	font:bold 16px Arial, Helvetica, sans-serif;
	margin:0;
	padding:0 0 5px;
}
#workPageContainer h2, .workSlide h1 {
	color:#fff;
	font:normal 18px Arial, Helvetica, sans-serif;
	margin:0;
	padding:0 0 5px;
}
#workPageContainer h3 {
	color:#1f1f20;
	font:bold 24px/26px Arial, Helvetica, sans-serif;
	margin:0;
	padding:0 0 10px;
}
#workPageContainer h5 {
	color:#1f1f20;
	font:bold 16px/18px Arial, Helvetica, sans-serif;
	margin:0;
	padding:0 0 10px;
}
#workPageContainer p {
	color:#1c1c1c;
	font:normal 13px/18px Arial, Helvetica, sans-serif;
	margin:0;
	padding:0 0 10px;
}
#highlightedContent a {
	background:url(../img/work/linkArrow.png) no-repeat 0 2px;
	display:block;
	color:#fff;
	font:bold 14px/17px Arial, Helvetica, sans-serif;
	text-shadow:1px 1px 1px #95AA00;
	height:15px;
	margin:0;
	padding:0 0 10px 14px;
}
#highlightedContent a:hover {
	background:url(../img/work/linkArrow.png) no-repeat 3px 2px;
}
#workJobList {
	clear:both;
	left:0;
	overflow:hidden;
	position:relative;
	z-index:8000;
}
#workOpenJobList {
	left:444px;
	position:absolute;
	top:20px;
	z-index:5500;
}
#workOpenJobList a {
	background-color:#c8d50b;
	color:#374200;
	display:block;
	font:italic 11px georgia, Arial, Helvetica, sans-serif;
	padding:2px;
	text-align:center;
	width:175px;
	-moz-border-radius:5px;
	-moz-box-shadow:0 1px 2px #8F9808;
	-webkit-border-radius:5px;
}
#workOpenJobList a:hover {
	background-color:#718401;
	color:#fff;
}
#workJobListEnd {
	margin:0;
	height:0;
	width:808px;
	position:relative;
	clear:both;
	float:none;
	z-index:0;
	left:0;
	top:-1px;
	font-size:0;
	line-height:0;
	overflow:hidden;
	padding:0;
}
#workJobList a.workJobLink, .workJobLinkBg {
	height:65px;
	width:340px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
}
#workJobList a.workJobLink {
	background-color:#aaba07;
	background-image:none;
	border-bottom:1px solid #8f9808;
	border-right:1px solid #8f9808;
	clear:none;
	color:#fff;
	cursor:pointer;
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	float:left;
	left:0;
	margin:0 5px 5px 0;
	position:relative;
	text-decoration:none;
	top:0;
	-moz-box-shadow:0px 2px 3px #8f9808;
	-webkit-box-shadow:0px 2px 3px #8f9808;
}
.workJobLinkBg {
	//background:url(../img/work/jobs/ELS/workJobLinkBg.jpg) no-repeat;
	left:0;
	position:absolute;	
	z-index:0;
}
.jobType {
	clear:both;
	color:#222;
	display:block;
	float:left;
	font:bold .7em Arial, Helvetica, sans-serif;
	height:1em;
	padding:15px 15px 3px;
	position:relative;
	white-space:nowrap;
	z-index:20;
}
.jobName {
	clear:left;
	display:block;
	float:left;
	font:bold 1.1em Arial, Helvetica, sans-serif;
	text-shadow:1px 1px 1px #748500;
	height:1.1em;
	padding:0 15px 15px;
	position:relative;
	white-space:nowrap;
	z-index:20;
}
.jobNameCaption {
	color:#b9cb07;
	font-size:0.7em;
	padding-left:8px;
}
#workJobList a.workJobLink:hover span.jobType, #workJobList a.workJobLink:hover span.jobNameCaption {
	color:#fff;
}
.workBody {
	clear:both;
	left:0;
	margin:0;
	overflow:hidden;
	padding:0;
	position:relative;
	top:0;
	width:808px;
	z-index:5000;
}
.workLaunchSite a {
	background-color:#c8d50b;
	clear:both;
	color:#374200;
	display:block;
	float:right;
	font:bold .9em Arial, Helvetica, sans-serif;
	margin:15px 0 0;
	padding:10px 25px;
	position:relative;
	text-align:center;
	text-decoration:none;
	-moz-border-radius:5px;
	-moz-box-shadow:0 1px 2px #8F9808;
	-webkit-border-radius:5px;
}
.workLaunchSite a:hover {
	background-color:#718401;
	color:#fff;
}
.workSlide {
	clear:none;
	float:left;
	font-size:1em;
	left:0;
	margin:0;
	padding:0 0 20px 0;
	position:relative;
	top:0;
	width:808px;
	z-index:5100;
}
.workSlideCopy {
	background:url(../img/work/workSlideCopyBg.png) repeat;
	left:404px;
	margin:0;
	padding:0 50px 0 40px;
	position:relative;
	width:314px;
	-moz-border-radius-topright:6px;
	-webkit-border-top-right-radius:6px;
	-moz-border-radius-bottomright:6px;
	-webkit-border-bottom-right-radius:6px;
}
.workSlideCopyTop {
	background:url(../img/work/workSlideCopyTopBg.png) repeat-x top;
	left:0;
	height:284px;
	margin:0;
	padding:0;
	position:absolute;
	width:404px;
	z-index:0;
	-moz-border-radius-topright:6px;
	-webkit-border-top-right-radius:6px;
}
.workSlideCopyBottom {
	background:url(../img/work/workSlideCopyBottomBg.png) repeat-x bottom;
	bottom:0;
	left:0;
	height:284px;
	margin:0;
	padding:0;
	position:absolute;
	width:404px;
	z-index:0;
	-moz-border-radius-bottomright:6px;
	-webkit-border-bottom-right-radius:6px;
}
.workSlideContent {
	position:absolute;
	top:60px;
	width:320px;
	z-index:51;	
}
.workSlideImg {
	height:304px;
    left:43px;
	overflow:hidden;
	position:absolute;
	width:301px;
	z-index:0;
}
.workSlideImgControls {
	height:385px;
	position:absolute;
	margin-top:0;
	width:404px;
	z-index:50;
}
.workSlideImgControls img {
	bottom:0;
	left:0;
	position:absolute;
}
.imageZoom {
	left:344px;
	position:absolute;
	top:52px;
	width:50px;
}
.imageZoom a {
	background-color:#b0c007;
	border-bottom:1px solid #767f04;
	color:#637700;
	cursor:pointer;
	display:block;
	font:bold 12px Arial, Helvetica, sans-serif;
	height:14px;
	margin-bottom:2px;
	overflow:hidden;
	padding:4px 0 4px 4px;
	width:14px;
	-moz-border-radius-topright:4px;
	-webkit-border-top-right-radius:4px;
	-moz-border-radius-bottomright:4px;
	-webkit-border-bottom-right-radius:4px;
	-moz-box-shadow:1px 1px 1px #7f8904;
	-webkit-box-shadow:1px 1px 0 #6e7e03;
}
.imageZoom a:hover {
	background-color:#718401;
	color:#fff;
}
#workPageContainer .imageZoom a p {
	color:#dbeb4c;
	font:normal 8px Arial, Helvetica, sans-serif;
	padding-top:4px;
	position:relative;
	z-index:200;
}
.expertiseList {
	left:45px;
	position:absolute;
	top:360px;
	z-index:60;
}
.expertiseList ul {
	margin-top:-45px;
}
.expertiseList ul li {
	height:221px;
	float:left;
	list-style-type:none;
	margin:0;
	padding:0;
	position:relative;
	width:160px;
}
.expertiseList ul li a {
	color:#fff;
	font:bold 14px/68px Arial, Helvetica, sans-serif;
	height:68px;
	margin-left:52px;
	position:absolute;
	text-align:center;
	text-shadow:1px 1px 1px #555;
	top:89px;
	width:69px;
	z-index:201;
}

.expertiseList ul li div.active  {
	background:url(../img/work/expertiseOnState.png) no-repeat;
	display:none;
	height:68px;
	margin-left:52px;
	position:absolute;
	top:89px;
	width:69px;
	z-index:200;
}
.expertiseList ul li.Design  {
	background:url(../img/work/expertiseDesign.png) no-repeat;
	margin-left:-30px;
}
.expertiseList ul li.Develop {
	background:url(../img/work/expertiseDevelop.png) no-repeat;
	margin-left:-55px;
}
.expertiseList ul li.Curate {
	background:url(../img/work/expertiseCurate.png) no-repeat;
	margin-left:-45px;
}

.employeeList {
	left:45px;
	position:absolute;
	top:580px;
	width:350px;
	z-index:60;
}
.employeeList ul {
	margin:0;
	padding:0;
}
.employeeList ul li {
	height:40px;
	list-style-type:none;
	width:165px;
}
.employeeList a {
	background-color:#afbd09;
	border-bottom:1px solid #a7b00b;
	color:#1f1f20;
	display:block;
	float:left;
	font:normal .9em/1.3em Arial, Helvetica, sans-serif;
	height:28px;
	margin:0 4px 4px 0;
	padding:6px 0 6px 4px;
	width:157px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-moz-box-shadow:1px 1px 1px #c2cd0c;
	-webkit-box-shadow:1px 1px 1px #c2cd0c;
}
.employeeList a:hover {
	background-color:#7d9002;
	border-bottom:1px solid #696f07;
	color:#fff;
}
#workPageContainer span.empTitle {
	font:normal 9px Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
	overflow:hidden;
}
#workPageContainer span.empName {
	color:#fff;
	display:block;
	font:bold 12px Arial, Helvetica, sans-serif;
	margin:0;
	padding:2px 0 0;
	position:relative;
}
#modalContainer {
	z-index:9999;
}
#modalContainer .window {
	height:520px;
	left:44px;
	margin:0 auto;
	position:absolute;
	top:10px;
	width:720px;
	z-index:9999;
}
#modalContainer div.modalHeader {
	height:22px;
	margin:0 auto;
	width:100%;
}
#modalContainer ul.modalImgNav { 
	list-style-type:none; 
	position:absolute;
	top:0;
	width:400px; 
}
#modalContainer ul.modalImgNav li { 
	display:inline;
	width:10px; 
}
#modalContainer ul.modalImgNav a {
	color:#abc416;
	cursor:pointer;
	font:bold 14px Arial, Helvetica, sans-serif;
}
#modalContainer a.close {
	color:#abc416;
	cursor:pointer;
	font:bold 11px Arial, Helvetica, sans-serif;
	position:absolute;
	right:0;
	top:0;
	text-align:right;
	width:100px;
}
#modalContainer div.modalImg {
	background-color:#fff;
	height:480px;
	margin:0 auto;
	overflow:hidden;
	position:relative;
	width:100%;
	z-index:10;
}
div.modalPrevious, div.modalNext {
	height:59px;
	position:absolute;
	top:238px;
	width:34px;
	z-index:5;
}
div.modalPrevious {
	left:-25px;
}
div.modalNext {
	left:711px;
}
.workSlideImgZoom {
	height:480px;
	left:0;
	overflow:hidden;
	position:absolute;
	width:100%;
	z-index:0;
}
.maskInside, #mask { 
	background-color:#000; 
	display:none; 
	left:0; 
	position:absolute; 
	top:0;   
}
.maskInside, #mask { 
	width:100%;
	z-index:9998;  
}
#mask { 
	z-index:199;  
}
#workFooter {
	clear:both;
	height:110px;
	margin:0 auto;
	overflow:visible;
	padding:0;
	position:relative;
	width:808px;
	z-index:8000;
}
.callUs {
	color:#4d4d4f;
	float:right;
	font:bold 1.4em Arial, Helvetica, sans-serif;
	padding-top:24px;
	text-align:right;
}
.callUs a:link, .callUs a:visited, .callUs a:hover {
	color:#d37707;
}
#footerRibbonL {
	left:-304px;
	overflow:hidden;
	position:absolute;
	top:-275px;
}
#footerRibbonR {
	left:-26px;
	overflow:hidden;
	position:absolute;
	top:-37px;
}