﻿/*

CSS TABLE CONTENTS

0. General 
1. Head
2. Navigation
3. Social Icons
4. Main Content
...

*/

/* 
	0. General 
*/

body { color:#363636; background:#fff; margin:0 auto; font-family:Arial,Helvetica,sans-serif; font-size:11px; }
.wrap{ width:950px; text-align:left; margin:0 auto; }
.portfolio-wrap{ width:1000px;, text-align:left; margin: 0 auto; padding-left: 50px;}
a:link,a:visited{
	color:#009900;
	text-decoration:none;
	}
a:hover,a:focus{
	text-decoration:underline;
	}

/*
	1. Head

*/               

.header-wrapper {
	width: 100%;
	border-bottom: 1px solid #66ccff;		
}

.head
{
	width:950px;
	height:60px;
	margin:0 auto;
	position:relative;
	background: url('../img/header-bg.png') no-repeat -20px 0;
}
	.head .logo img{
		position:absolute;
		top:9px;
		left:0;
		}

/*             
	2. Navigation
*/

.head .nav
{
    z-index:100;
	margin-left:168px;
	padding-top:22px;
	}
	.head .nav li{
		height:38px;
		margin-right:30px;
		display:block;
		float:left;
		}
		.head .nav li:hover,.head .nav li:focus, .head .nav a.active{
			border-bottom:5px solid #009900;
			position:relative;
			z-index:100;
			
			}
.head .nav a{
	height:38px;
	display:block;
	color:#999999;
	font-size:16px;
	font-weight:bold;
	text-decoration:none;
	}
	.head .nav a:hover,.head .nav a:focus{
		text-decoration:none;
		}


.nav .subnav
{
    position:absolute;
    margin-top: -4px;
    padding-top:15px;
    z-index:0;
}
.nav .subnav a
{
	color:#999999;
	text-decoration:none;
	padding-top:10px;
	display:inline;
	margin-left:14px;
	font-size:12px;
}
.nav .subnav a:hover
{
	text-decoration:none;
}
.nav .subnav a.active
{
	font-weight: bold;
	text-decoration:none;
	border:none;
	color: #009900;
}
.about-sub
{
    margin-left:-14px;
    margin-top:-5px;
    width:300px;
    height:60px;
    overflow:hidden;
    background: url("../img/sub-nav-bg.png") no-repeat;
}

.about-sub a.second{
	margin-left: 40px;
	margin-right: 18px;
	}

.about-sub a.dev-thir{
	margin-left:18px;
	}
.about-sub a.ia-second {
	margin-left:17px;
}

.about-sub-sub {
	background: #ffffff;	
}

.portfolio-sub a.second{
	margin-left: 20px;
	margin-right: 18px;
}

.portfolio-sub 
{
	margin-left:-13px;
    margin-top:-5px;
    width:300px;
    height:60px;
    overflow:hidden;
    background: url("../img/sub-nav-bg.png") no-repeat;
}

.careers-sub {
    width:500px;
	background: url("../img/sub-nav-xtralarge-bg.png") no-repeat;
}

.copyright a{
    margin-bottom:10px;   
}

/*
	3. Social Icons
*/

.socialIcons 
{
    margin: 0 auto;
    width: 950px;
    position: relative;
}	
	.socialIcons ul {
		position:absolute;
		top: 5px;
		right: 40px;
		display: inline;	
	}
		.socialIcons ul li {
			list-style: none;
			display: inline;
			padding-right: 5px;
		}


/*
	Home Page
*/
.homeColLeft{
	width:575px;
	margin-top:16px;
	margin-right:24px;
	float:left;
	}
.leftColWrapper{    
    float:left; 
    width:276px;
    position:relative;
    z-index:1;
}
.rightColWrapper{
    float:left; 
    width:276px;
    padding-top:21px;
}
.pageTitle.homeLeftColTitle{
	margin-top:0;
	width:124px;
	background:url('../img/HomePage/whatsNewTitle.png') no-repeat 0 0;
	}
.whatsnewWrapper{
	margin-bottom:4px;
	padding-bottom:10px;
	background: url('../img/HomePage/WhatsNewWrapper-bg.png') no-repeat 0 55px;
	}
	
.whatsnewWrapper .readMore
{
    display:none;
}
	.whatsnewWrapper.last{
		margin-bottom:0;
		}
	.whatsnewWrapper img{
	    z-index:2000;
		margin-left: 5px;
		padding-top: 0px;
		float:left;
		border-radius: 10px !important;
		-moz-border-radius: 10px !important;
		-webkit-border-radius: 10px;
		behavior: url(/includes/css/PIE.htc);
		}
		.whatsNewMVP 
		{
		    margin-top:15px;
			margin-left: 40px;
			
		}
.whatsnewWrapper .copyWrapper{
	width:268px;
	float:right;
	}
.whatsnewTitle{
	margin-bottom:14px;
	color:#009900;
	font-size:18px;
	font-weight:bold;
	text-transform:uppercase;
}	
	
.whatsnewWrapper .whatsnewTitle{
    margin-left:5px;
	margin-bottom:6px;
	color:#009900;
	font-size:18px;
	font-weight:bold;
	text-transform:uppercase;
}
.whatsnewWrapper .whatsnewDate{
	font-size:12px;
	font-style:italic;
	font-weight: bold;
	color: #99cfef;
	}
.whatsnewWrapper .whatsnewCopy{
	font-family:Verdana,Geneva,sans-serif;
	line-height: 1.5;
	}	

.homeColRight{
	width:350px;
	margin-top:16px;
	float:left;
	}
	.homeColRight p{
		margin-bottom:20px;
		}
.pageTitle.homeRightColTitle{
	width:239px;
	margin-top:0;
	background:url('../img/HomePage/AllAbout.png') no-repeat 0 0;
	}
.nounOasis{
	width:104px;
	height:18px;
	background:url('../img/HomePage/nounOasis.png') no-repeat 0 0;
	}
.homeBox{
	padding:10px;
	background:#f6f6f6;
	border-top:1px solid #66ccff;
	border-bottom:1px solid #66ccff;
	font-size: 12px;
	line-height: 1.5;
	}
.homeBox a {
	color: #009900;
}
#creditfooter {
	display: none;
}
.feedburnerFeedBlock ul li span.headline a, .feedTitle 
{
	font-weight:bold;
}
.feedTitle a
{
	font-size:14px;
	color:#009900 !important;
}

/*
	4. Main Content
*/

.main .content .singleCol {
	background: #eeeeee;
	border-top: 1px solid #66ccff;
	border-bottom: 1px solid #66ccff;	
}

.main .content
{
	overflow:hidden;
}	
	.main .content .colLeft{
		width: 630px;
		min-height: 450px;
		float: left;
		padding: 25px 25px;
		background:#eeeeee;
		border-top:1px solid #66ccff;
		border-bottom:1px solid #66ccff;
	}
	.main .content .colLeft a {
		color: #009900;
	}
	.main .content .singleCol .clientIntro {
	    margin-left:25px;
	}
	.main .content .clientIntro p {
		padding: 0 25px 0 0px;	
	}
	.main .content .colLeft .clientList tr td {
		padding: 10px;	
		font-size: 14px;
	}
	
	.main .content .colLeft.careers {
		min-height: 400px;
	}	
	
	/* Job Detail Pages */

	
/* LinkedIn Apply Now Button */

.IN-widget {
	float: right;	
	margin-top: -20px;
	padding-left: 10px;
}	

.main .content .colLeft .apply {
	float: right;	
}

.main .content .colLeft .apply a {
	float: left;
	margin-top: -15px;
	font-size: 14px;
	text-decoration: none;
	color: #009900;	
	font-weight: bold;
}

.main .content .colLeft .apply a:hover {
	text-decoration: underline;	
}

.main .content .colLeft .back a, 
.main .content .colLeft .topLink a {
	color: #009900;
}
	
	.main .content .careerDetailTitle {
		color: #009900;	
		font-size: 1.5em;
		padding-bottom: 10px;
	}
	
	.main .content .attributes, 
	.main .content .responsibilites, 
	.main .content .skills,
	.main .content .keyResponsibilites,
	.main .content .otherResponsibilities,
	.main .content .offer,
	.main .content .seeking,
	.main .content .doing {
		width: 450px;
		text-align: justify;
	}
	
	.main .content .jobIntro {
		width: 550px;
		padding-top: 25px;	
	}
	
	.main .content .responsibilites h2 {
		font-size: 16px;	
		color: #009900;
	}
	
	.main .content .techReq,
	.main .content .otherReq {
		width: 400px;
		text-align: justify;
	}
	
	.main .content .otherReq {
		padding-bottom: 25px;
	}
	
	.main .content .colLeft .techReq ul li,
	.main .content .colLeft .otherReq ul li {
		line-height: 20px;	
	}
	
	.main .content .lrgHeader {
		font-size: 2em;		
		padding: 10px 0 20px 0px;
	}
	
	.main .content .singleCol .lrgHeader {
		font-size: 2em;		
		padding-bottom: 25px;
		margin-left:25px;
	}
	.main .content .colLeft .sectionHeader {
		font-size: 1.5em;	
	}
		.main .content .colLeft .subHeader {
			cursor: pointer;
			font-size: 1.2em;	
			font-weight: bold;
			color: #FF1924;
			padding:3px;
		}
		.main .content .colLeft .section {
			position: relative;
			padding-bottom: 20px;
		}
			.main .content .colLeft .subSection2 {
				margin-top: -15px;
			}
			.main .content .colLeft .subSection {
				padding-bottom: 20px;
			}
				.main .content .colLeft .subSection .services2 {
					display: none;
				}
				.main .content .colLeft .subSection .services tr td {
					padding: 15px 30px 5px 30px;	
				}
	.main .content .colRight{
		margin-right: 30px;
		width:220px;
		float: right;
		}
		.main .content .colRight h5{
			font-size:12px;
			}
			.main .content .colRight h5.shift{
				margin-left:36px;
				}
		.main .content .colRight .portfolioPiece{
			margin:0;
			float:right;
			}
	/* blue line so items in right col don't "float" */
    .main .content .colRight hr{
        border:none; 
        background-color:#6CF; 
        height:1px;
    }
		/* This is for the careers right rail */
		
		.main .content .colRight .quirkyImageCallout {
			padding: 25px 0;	
		}
		
		.main .content .colRight .quirkyImageCallout .headerText,
		.main .content .colRight .quirkyImageCallout .bodyText {
			color: #999999;
			text-align: center;
			width: 250px;
		}
		
		.main .content .colRight .quirkyImageCallout .headerText {
			font-size: 36px;	
			padding-bottom: 20px;
		}
		
		.main .content .colRight .quirkyImageCallout .bodyText {
			font-size: 12px;
			padding-top: 25px;
			line-height: 1.5;
		}
			
		/* THIS IS FOR THE ABOUT PAGES RIGHT COLUMN */
		
		.main .content .colRight.extended {
			width: 250px;	
			float: right;
			margin: 0;
			padding-left: 10px;
		}
		
		.rightRailNav {
			float: right; 
			padding-bottom: 25px;	
		}
		
		/* This is for the page navigation */
		.main .content .colRight .about-navigation-wrapper {
			padding-bottom: 25px;
			margin-left: 0px;
			float: left;
		}
		.main .content .colRight .about-navigation {
			width: 130px;
			height: 150px;
			background: #eeeeee;
			border-top: 1px #66ccff solid;
			border-bottom: 1px #66ccff solid;
		}
		.main .content .colRight .about-navigation ul {
			margin-left: 25px;
			width: 120px;
		}
		.main .content .colRight .about-navigation li {
			padding-top: 10px;
			list-style: none;
			font-weight: bold;
		}
		.main .content .colRight .about-navigation li a {
			font-size: 12px;	
			color: Black;
			text-decoration: none;
		}
		.main .content .colRight .about-navigation li a:hover,
		.main .content .colRight .about-navigation li a:active {
			color: #009900;
		}
		
		/* This is for the jobs panel */
		.main .content .colRight .career-nav-wrapper {
			padding-bottom: 25px;
			float: right;
			width: 110px;
		}
		
		.main .content .colRight .career-nav {
			height: 150px;
			background: #eeeeee;
			border-bottom: 1px #66ccff solid;
			border-top: 1px #66ccff solid;
		}
			
		.main .content .colRight .career-nav ul {
			margin-left: 15px;	
		}
		
		
		/* Dev jobs */
		
		.main .content .colRight .career-nav.dev-nav ul {
			margin-left: 5px;
		}	
		
		/* Client Services jobs */
		
		.main .content .colRight .career-nav.clientServices-nav ul {
			margin-left: -10px;
			text-align: center;
		}
		
		.main .content .colRight .career-nav.clientServices-nav li {
			padding-top: 12px;
		}
		
		.main .content .colRight .career-nav li {
			padding-top: 10px;
			list-style: none;
		}
		.main .content .colRight .career-nav li a {
			font-size: 12px;	
			color: Black;
			font-weight: bold;
			text-decoration: none;
		}
		.main .content .colRight .career-nav li a:hover {
			color: #009900;
		}
		
		.main .content .colRight ul{
			margin-left:-5px;
			list-style:none;
			}
			.main .content .colRight h5{
			}
			.main .content .colRight featured{
			    margin-bottom:10px;
			}
			.main .content .colRight ul li img{
				/*padding-bottom: 10px;*/
				margin-top: 20px;
				margin-bottom: 0px;
				}
				.main .content .colRight ul li img.first
				{
				}
			.main .content .colRight ul li.last{
				padding-top:20px;
				}
			.main .content .colRight .relatedProj ul {
				margin: 0;	
			}
			.main .content .colRight .relatedProj ul li a img {
				width: 250px;
			}
			.main .content .colRight .aboutFeaturedProj {
				padding-left: 30px;	
			}
.main .content p{
	margin-bottom:20px;
	font-family:Verdana,Geneva,sans-serif;
	line-height:16px;
	}
.main .content h3.position{
	margin-bottom:20px;
	color:#959595;
	font-size:14px;
	font-weight:bold;
	padding-bottom: 15px;
	}

.main .content h4,.main .content h4.large{
	color:#009900;
	font-size:12px;
	font-weight:bold;
	}
	.main .content h4.large{
		font-size:14px;
		}
.main .content h5{
	margin-bottom:10px;
	color:#959595;
	font-size:18px;
	font-weight:bold;
	}
.main .content h6{
	margin-bottom:5px;
	color:#959595;
	font-weight:bold;
	}
.main .content ul{
	margin:0 0 20px 50px;
	list-style:disc;
	}
	.main .content ul li{
		line-height:16px;
		}
	.main .content ul li.newList{
		list-style:none;
		}
	.main .content ul ul{
		margin-bottom:0;
		list-style:circle;
		}
.main .content ul.aboutClients{
	margin:0 110px 0 0;
	float:left;
	list-style:none;
	}
	.main .content ul.aboutClients.last{
		margin-right:0;
		margin-bottom: 25px;
		}
.main .content .job{
	margin:5px 0 40px 0;
	font-size:11px;
	}
	.main .content .job.large{
		margin-bottom:5px;
		font-size:14px;
		}
	.main .content .launch 
	{
	    margin-bottom: 40px;
	}
.main .content .newPosition{
	margin-bottom:20px;
	overflow:hidden;
	}
.main .content .portfolioWrapper {
	padding-left: 25px;	
}
.main .content .portfolioPiece{
	margin-right:18px;
	float:left;
	}
	.main .content .portfolioPiece img{
		margin-bottom:5px;
		border:1px solid #000;
		}
	.main .content .portfolioPiece.last{
		margin-right:0;
		}
.main .content .imgFeature{
	margin:0 0 20px;
	box-shadow:0 0 5px #000;
	-moz-box-shadow:0 0 5px #000;
	-webkit-box-shadow:0 0 5px #000;
	}
.main_image .teamName,.image_thumb .teamName{
	color:#009900;
	font-size:16px;
	font-weight:bold;
	text-transform:uppercase;
	}
.image_thumb .teamName{
	font-size:14px;
	color:#009900;
	}
	.image_thumb .teamName:hover{
		color:#009900;
		}
.main_image .teamName {
	padding-top: 10px;
}

.main_image .teamTitle{
	margin-bottom: 20px;
	padding-top: 5px;
	color:#000;
	text-transform:uppercase;
	font-size:12px;
	}
.image_thumb .teamTitle{
	color:#363636;
	font-size:12px;
	padding: 3px 0; 
	}

.main .block .teamLinkedin {
	display: none;
	margin-top: -10px;
	padding-bottom: 10px;
}

.main .subHeader {
	font-size: 2em;	
}



/*
           _        _             
          | |      | |            
 _ __ ___ | |_ __ _| |_ ___  _ __ 
| '__/ _ \| __/ _` | __/ _ \| '__|
| | | (_) | || (_| | || (_) | |   
|_|  \___/ \__\__,_|\__\___/|_|   
                                  
*/

.top-block {
	position: relative; 
	width: 100%; 
	margin: 0px;	
	border-top: 1px solid #66CCFF;	
	height:400px;
	background: #000;
    background-image: url("../img/gradientBgSlice.png");
    background-repeat: repeat;
}

.top-block .mvp-hero { 
	width: 582px;
	margin: 0 auto;		
}

.top-text
{
	text-align:center;
	position:relative;
    width:1000px;
	height:400px;
	margin: 0 auto;
	display:block;
}

.top-seo 
{
	text-align:left;
	padding-left: 16px;
	position:absolute;	
	left:220px;
	padding-top: 5px;
	color:#cccccc;	
	font-weight: 700;
	font-size:12px;	
	height:400px;
}

.top-seo p 
{		
	line-height:1.75;
	width: 479px;
}

.top-seo .spacer{
    margin-top:20px;
}

.top-seo h1
{
	padding-bottom:10px;
	color: #87c0e7;
	width: 455px;
	font-weight: 500;
	font-size: 18px;
	line-height:1.5;
}

.top-readmore
{
    position:absolute;
	left:15px;
}

.type-one
{
    bottom:80px;
}

.type-two
{
    bottom:15px;    
}

.top-seo h1 span
{
	color:#cccccc;
}

.top-seo ul
{    
    list-style-type:disc;
    line-height:1.75;
	width: 225px;
	font-weight: 700;
	float:left;
	margin-left:15px;
	margin-top:10px;
}

.top-seo a
{
    color: #87c0e7;
    font-weight: 700;
	font-size: 12px;
	display:block;
}

.top-seo em{
    font-weight:600;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .type-one
    {
        bottom:65px;
    }
}

/**
* old rotator
*
.home-rotator-wrap
{
 background: url("../img/rotator-bg-slice.png");
 text-align:center;
 margin:0 auto;
 border-bottom:1px solid #66CCFF;
}
.home-rotator-wrap #rotator
{
    padding:50px 0px;
    text-align:left;
    margin:0 auto;
    width:950px;
}

/*--Main Image Preview--
.home-rotator-wrap .main_image {
	width: 775px; height: 300px;
	float: left;
	position: relative;
	color: #fff;
	overflow:hidden;
    box-shadow:0 0 20px #000;
	-moz-box-shadow:0 0 20px #000;
	-webkit-box-shadow:0 0 20px #000;
}
.home-rotator-wrap .main_image h2 {
	font-size: 2em;
	font-weight: normal;
	margin: 0 0 5px;	padding: 10px;
}
.home-rotator-wrap .main_image p {
	font-size: 1.2em;
	padding: 10px;	margin: 0;
	line-height: 1.6em;
}

.home-rotator-wrap .block small { 
	padding: 0 0 0 20px; 
	background: url(icon_calendar.gif) no-repeat 0 center; 
	font-size: 1em; 
}
.home-rotator-wrap .main_image .block small {margin-left: 10px;}
.home-rotator-wrap .main_image .desc{
	position: absolute;
	bottom: 0; left:195px;
	width: 100%;

}
.home-rotator-wrap .main_image .block
{
    height:35px;
	width:375px;
	color:#fff;
	text-transform:uppercase;
	text-align:center;
	background: url("../img/rotator-title-bar.png") no-repeat;

}
.home-rotator-wrap .main_image .block h2{
	font-size:14px;
	font-weight:bold;
	}
	.home-rotator-wrap .main_image .block h2 span{
		font-weight:normal;
		color:#333;
		}
.home-rotator-wrap .main_image a.collapse {
	background: url(btn_collapse.gif) no-repeat left top;
	height: 27px; width: 93px;
	text-indent: -99999px;
	position: absolute; 
	top: -27px; right: 20px; 
}
.home-rotator-wrap .main_image a.show {background-position: left bottom;} 


.home-rotator-wrap .image_thumb {
	float: left;
	width: 150px;
}
.home-rotator-wrap .image_thumb img {
	background: #fff; 
	float: left;
	box-shadow:0 0 20px #000;
	-moz-box-shadow:0 0 20px #000;
	-webkit-box-shadow:0 0 20px #000;
}
.home-rotator-wrap .image_thumb ul {
	margin: 0; 
	padding: 0;
	list-style: none;
}
.home-rotator-wrap .image_thumb ul li
{
	width: 150px;
	float: left;
	padding:6px;
	padding-left:30px;
}
.home-rotator-wrap .image_thumb ul li.first
{
    padding-top:0px;
}
.home-rotator-wrap .image_thumb ul li.last
{
    margin-top:2px;
    padding-bottom:0px;
}
.home-rotator-wrap .image_thumb ul li.hover.first 
{
    background-position:0px 0px;
}
.home-rotator-wrap .image_thumb ul li.active.first
{
    background-position:0px 0px;
}
.home-rotator-wrap .image_thumb ul li.hover {

}
.home-rotator-wrap .image_thumb ul li div.shade
{
    cursor:pointer;
    background:black;
    height:50px;
    position:absolute;

    width:100px;
    z-index:100;
    opacity: .5;
    filter: alpha(opacity=50);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    *margin-left:-100px;
    *margin-top:6px;
}
.home-rotator-wrap .image_thumb ul li.first div.shade
{
*margin-top:0px;
}
.home-rotator-wrap .image_thumb ul li.hover .shade{
	background:none;
}
.home-rotator-wrap .image_thumb ul li.active .shade{
	background:none;
}
.home-rotator-wrap .image_thumb ul li.active {
	background: url("../img/rotator-thumb-selected.png") no-repeat 0px 6px;
	cursor: default;
}
html .home-rotator-wrap .image_thumb ul li h2 {
	font-size: 1.5em; 
	margin: 5px 0; padding: 0;
}
.home-rotator-wrap .image_thumb ul li .block {
	display:none
}	
.home-rotator-wrap .image_thumb ul li p{display: none;}

/******************************/


.team-rotator-wrap
{
 text-align:center;
 margin:0 auto;
}
.team-rotator-wrap #rotator
{
    text-align:left;
    margin:0 auto;
    padding: 50px 0 25px 50px;
}

/*--Main Image Preview--*/
.team-rotator-wrap .main_image {
	width: 350px;
	float: left;
	position: relative;
	color: #fff;
}
.team-rotator-wrap .main_image img{
	box-shadow:0 0 5px #999;
	-moz-box-shadow:0 0 5px #999;
	-webkit-box-shadow:0 0 5px #999;
	}
	
.team-rotator-wrap .main_image h2 {
	font-size: 2em;
	font-weight: normal;
	margin: 0 0 5px;	padding: 10px;
}
.team-rotator-wrap .main_image p {
	font-size:11px;
	padding: 0;	margin:0 0 20px 0;
	color:#252525;
}

.team-rotator-wrap .block small { 
	padding: 0 0 0 20px; 
	background: url(icon_calendar.gif) no-repeat 0 center; 
	font-size: 1em; 
}
.team-rotator-wrap .main_image .block small {margin-left: 10px;}

.team-rotator-wrap .main_image .desc{
	position: relative;
	top: 0; left:0;
	width: 100%;

}

.team-rotator-wrap .main_image .block
{
	width:375px;

}
.team-rotator-wrap .main_image a.collapse {
	background: url(btn_collapse.gif) no-repeat left top;
	height: 27px; width: 93px;
	text-indent: -99999px;
	position: absolute; 
	top: -27px; right: 20px; 
}
.team-rotator-wrap .main_image a.show {background-position: left bottom;} 


.team-rotator-wrap .image_thumb {
	float: left;
	width: 450px;
	margin-left:100px;
	cursor:pointer;
}
.team-rotator-wrap .image_thumb img {
	background: #fff; 
	float: left;
}
.team-rotator-wrap .image_thumb ul {
	margin: 0; 
	padding: 0;
	list-style: none;
}
.team-rotator-wrap .image_thumb ul li
{
    
	width: 150px;
	float: left;
	padding:6px;
	padding-left:30px;
}
.team-rotator-wrap .image_thumb ul li.first
{
    padding-top:0px;
}
.team-rotator-wrap .image_thumb ul li.last
{
    margin-top:2px;
    padding-bottom:0px;
}
.team-rotator-wrap .image_thumb ul li.hover.first 
{
    background-position:0px 0px;
}
.team-rotator-wrap .image_thumb ul li.active.first
{
    background-position:0px 0px;
}
.team-rotator-wrap .image_thumb ul li.hover {

}
.team-rotator-wrap .image_thumb ul li div.shade
{
    cursor:pointer;
    background:black;
    height:50px;
    position:absolute;
    width:100px;
    z-index:100;
    opacity: .5;
    filter: alpha(opacity=50);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";

}
.team-rotator-wrap .image_thumb ul li.hover .shade{
	background:none;
}
.team-rotator-wrap .image_thumb ul li.active .shade{
	background:none;
}
.team-rotator-wrap .image_thumb ul li.active {
	cursor: default;
}
html .team-rotator-wrap .image_thumb ul li h2 {
	font-size: 1.5em; 
	margin: 5px 0; padding: 0;
}
.team-rotator-wrap .image_thumb ul li .block {

}	
.team-rotator-wrap .image_thumb ul li p{display: none;}




/*
  __            _   
 / _|          | |  
| |_ ___   ___ | |_ 
|  _/ _ \ / _ \| __|
| || (_) | (_) | |_ 
|_| \___/ \___/ \__|
                    
*/
.foot
{
    margin:0 auto; 
	margin-top:50px;
	padding:20px 20px 10px;
	background:#ebebeb;
	overflow:hidden;
	width:910px;
	text-align:left; 
}
.foot .office{
	margin-right:60px;
	float:left;
	}
.foot h1{
	margin-bottom:20px;
	color:#ff1924;
	font-size:18px;
	text-transform:uppercase;
	text-indent:-9999px;
	}
	.foot h1 span.city{
		color:#ff4800;
		font-weight:bold;
		}
	.foot h1.boston{
		width:138px;
		height:15px;
		background:url('../img/officeBoston.png') no-repeat 0 0 !important;
		}
	.foot h1.newyork{
		width:161px;
		height:15px;
		background:url('../img/officeNewYork.png') no-repeat 0 0 !important;
		}
	.foot h1.sanfrancisco{
		width:221px;
		height:15px;
		background:url('../img/officeSanFrancisco.png') no-repeat 0 0 !important;
		}
.foot p{
	color:#555;
	font-size:14px;
	}
.foot h2{
	margin-top:20px;
	color:#111;
	font-size:14px;
	text-transform:uppercase;
	}
.foot.footContact{
	margin:0;
	padding:0;
	background:none;
	}
	.foot.footContact p{
		margin-bottom:0;
		}
	.foot.footContact .office{
		margin-bottom:60px;
		}
h4.bdContact{
	color:#000!important;
	text-transform:uppercase;
	font-size:14px!important;
	}
.bdContact{
	color:#363636;
	}
	.bdContact a{
		color:#363636;
		}
.footerLinksDiv 
{
    clear: both;
    text-align: center;
    padding-top: 65px;
    margin-left: 90px;
}

.offices {
	padding-left: 120px;	
	padding-top: 20px;
}

.footerLinks tr td
{
    font-size: 13px;
    padding-left: 10px;
}

.footerLink 
{
    display: inline;
    padding: 0 10px;
}
.footerLinkFirst 
{
    display: inline;
    padding-right: 10px;
}

/*
      _         
     | |        
  ___| |_ ___   
 / _ \ __/ __|  
|  __/ || (__ _ 
 \___|\__\___(_)
                
*/

.clear
{
    height:0;
    line-height:0;
    clear:both;
    font-size:0px;    
}
.pageTitle{
	height:23px;
	margin-top:50px;
	padding-bottom:8px;
	}
.pageTitle.titleCapabilites{
	width:169px;
	background:url('../img/PageTitles/titleCapabilities.png') no-repeat 0 0;
	}
.pageTitle.titleCareers{
	width:193px;
	background:url('../img/PageTitles/titleCurrentOpenings.png') no-repeat 0 0;
	}
.pageTitle.titleSeniorProducer{
	width:193px;
	background:url('../img/PageTitles/titleSeniorProducer.png') no-repeat 0 0;
	}
.pageTitle.titleProducer{
	width:193px;
	background:url('../img/PageTitles/titleProducer.png') no-repeat 0 0;
	}
.pageTitle.titleAccountManager{
	width:193px;
	background:url('../img/PageTitles/titleAccountManager.png') no-repeat 0 0;
	}
.pageTitle.titleIAcoOp{
	width:265px;
	background:url('../img/PageTitles/titleIAcoOp.png') no-repeat 0 0;
	}
	
.pageTitle.titleIA {
	width: 475px;
	background:url('../img/PageTitles/titleIA.png') no-repeat 0 0;	
}

.pageTitle.titleSeniorWebAppDev{
	width:475px;
	background:url('../img/PageTitles/titleSeniorWebAppDev.png') no-repeat 0 0;
	}
.pageTitle.titleWebAppDev{
	width:400px;
	background:url('../img/PageTitles/titleWebAppDev.png') no-repeat 0 0;
	}
.pageTitle.titleSitecoreDev{
	width:275px;
	background:url('../img/PageTitles/titleSitecoreDev.png') no-repeat 0 0;
	}
	
.pageTitle.titleClients {
	width: 193px;
	background: url('../img/PageTitles/titleClients.png') no-repeat 0 0;	
}
.pageTitle.titleContact{
	width:271px;
	background:url('../img/PageTitles/titleContact.png') no-repeat 0 0;
	}

.pageTitle.titlePortfolio{
	width:109px;
	background:url('../img/PageTitles/titlePortfolio.png') no-repeat 0 0;
	}
.pageTitle.titleTeam{
	width:95px;
	background:url('../img/PageTitles/titleTeam.png') no-repeat 0 0;
	}
.pageTitle.titleManagement{
	width:197px;
	background:url('../img/PageTitles/titleManagement.png') no-repeat 0 0;
	}
.pageTitle.title404{
	width:197px;
	background:url('../img/PageTitles/404.png') no-repeat 0 0;
	}
.footContact h3 {
	color:#ff4800;
	font-size:18px;
	font-weight:bold;
	text-transform:uppercase;
}
.footContact label {
float:left;
padding:10px 5px;
vertical-align:middle;
}
.footContact .field {
width:220px;
height:45px;
clear:both;
}
.footContact .field span {
float:right;
clear:right;
width:150px;
}
.footContact input,.footContact select {
margin:5px 0px;
float:right;
width:143px;

}
.footContact  .input-comment {
width:520px;
height:80px;
margin-left:5px;
}
.footContact .leftfields {
	float:left;
	width:300px;
}
.footContact .rightfields {
	width:300px;
	float:right;
	padding-top:40px;
	padding-right:300px;
}

.footContact .submit {
width:57px;
margin:0px 0px 10px 0px !important;
position:absolute;
left:0px;

}
.clear {
clear:both;
}
.imgCaptcha {
margin-top:5px;
}
.footContact .captcha {
height:auto;
margin:20px 10px;
width:200px;
position:relative;
}
.captcha input {
float:none;
margin:40px 0px;

}
.lblInstructions {
font-family:Arial,Helvetica,sans-serif;
padding:0px !important;
font-size:11px;
position:relative;
top:-80px;
}
.footContact .captcha span {
padding-left:0px;
float:none;

}
/* twitter 
   - Note - The rest (majority) of the twitter client css is in the widget.css file this is loaded through the widget.js file.
*/

.twitter-logo {
	position: relative;
	z-index: 50000;
}

.twitter-logo a img {
	position: absolute;
	top: 12px;	
	left: 230px;
}

.twtr-ft div a img { display: none;}

.twtr-widget h4 { 
font-size:11px !important; 
font-weight:bold !important;
}
.twtr-widget twtr-hd h3 { 
display: none;
}

/* Careers pages */
.toggleTitle
{
    color: #FF1924;
    cursor: pointer;
    font-size: 1.2em;
    font-weight: bold;
    padding: 3px; 
    margin-bottom: 0 !important;
}
.jobList 
{
    margin-bottom: 0 !important;
}

.copyright{
    font-size:11px !important;
    margin-top:15px;
    text-align:center;
}

.copyleft{
    margin-top:10px;   
}
