/* CSS Document */

body {
	margin: 0;
	font-family:arial;
	font-size:12px;
}
a {
	color:#cc3333;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
ul {
	margin: 0;
	padding: 0;
}
#page-bg {
	margin:auto;
	width:993px;
	height:658px;
	background-image:url(images/page-bg.gif);
	position:relative;
}
.work #page-bg {
	margin:auto;
	width:993px;
	height:823px;
	background-image:url(images/work-page-bg.jpg);
	position:relative;
}
#page {
	width:971px;
	height:640px;
	margin:auto;
	position:relative;
	background-image:url(images/page-bg-gray.jpg);
	background-repeat:repeat-x;
}
#primary-menu {
	width:971px;
	height:16px;
	background-image:url(images/menu-bg.png);
	font-family:verdana;
}
#primary-menu ul {
	list-style:none;
	float:right;
	font-size:11px;
	width:646px;
	display:block;
}
#primary-menu ul li {
	display:inline;
	float:left;
}
#primary-menu ul li a {
	color:#666666;
	text-decoration:none;
	padding:0px 26px 0px 26px;
	margin:0px 1px 0px 0px;
	height:16px;
	display:block;
}
#primary-menu ul li a:hover, #primary-menu ul li a#active {
	background-color:#c21f25;
	color:#FFFFFF;
}
#heading {
	padding:5px 0px 0px 0px;
	float:left;
}
#left-image {
	position:absolute;
	left:0px;
	top:16px;
	z-index:1;
}
#left-image img#community {
	position:absolute;
	top:392px;
}
#left-image-team {
	position:absolute;
	left:0px;
	bottom:-2px;
}
#main-text {
	float:right;
	width:370px;
	color:#666666;
	font-size:12px;
	line-height:24px;
	margin:48px 15px 0px 0px;
}
#main-text-approach {
	float:right;
	width:370px;
	color:#666666;
	font-size:12px;
	line-height:24px;
	margin:24px 15px 0px 0px;
}
#work-text {
	float:left;
	width:385px;
	border-right-color:#a9a9a9;
	border-right-style:solid;
	border-right-width:1px;
	color:#666666;
	font-size:12px;
	line-height:21px;
	padding:0px 25px 0px 20px;
	margin:-10px 0px -10px 0px;
}
#work-text img#marble {
	position:relative;
	z-index:1;
	margin:-6px 0px -10px 0px;
}
.work #work-text {
	float:left;
	width:385px;
	height:300px;
	border-right-color:#a9a9a9;
	border-right-style:solid;
	border-right-width:1px;
	color:#666666;
	font-size:12px;
	line-height:21px;
	padding:0px 25px 0px 20px;
	margin:-10px 0px -10px 0px;
}
.work #work-text p {
	position:relative;
	z-index:2;
}
#work-text p {
	margin:0px 0px -5px 0px;
	
}
#main-text p {
	margin: 10px 0px 0px 0px;
	padding: 0;
}
#main-text-team {
	position:absolute;
	top:10px;
	right:0px;
	width:370px;
	color:#666666;
	font-size:12px;
	line-height:24px;
	margin:48px 15px 0px 0px;
	z-index:5;
}
#team-flash {
	width:971px;
	height:386px;
	z-index:11;
}
img#small-logo {
	margin:0px 5px 0px 0px;
}
#box-two-bottom {
	width:644px;
	float:right;
	position:absolute;
	bottom:-4px;
	right:0px;
}
.work #box-two-bottom {
	width:644px;
	float:right;
	position:absolute;
	bottom:-170px;
	right:0px;
}
#box-one-bottom {
	float:left;
	position:absolute;
	bottom:-4px;
	left:0px;
	width:317px;
	height:236px;
	background-image:url(images/box1-bg.jpg);
	background-repeat:repeat-x;
	color:#666666;
	font-size:11px;
	line-height:16px;
	padding:0px 0px 0px 10px;
}
.work #box-one-bottom {
	float:left;
	position:absolute;
	bottom:-170px;
	left:0px;
	width:317px;
	height:236px;
	background-image:url(images/box1-bg.jpg);
	background-repeat:repeat-x;
	color:#666666;
	font-size:11px;
	line-height:16px;
	padding:0px 0px 0px 10px;
}
#box-one-bottom a {
	font-style:italic;
}
#box-one-bottom-b {
	float:left;
	position:absolute;
	bottom:-4px;
	left:-4px;
	width:317px;
	height:236px;
	background-image:url(images/box1-bg.jpg);
	background-repeat:repeat-x;
	color:#666666;
	font-size:11px;
	line-height:16px;
	padding:0px 0px 0px 10px;
}

.bottom-box {
	width:317px;
	height:236px;
	float:left;
	color:#666666;
	font-size:10px;
	line-height:16px;
}
.bottom-box#box1 {
	position:relative;
	margin-left:4px;
	background-image:url(images/box2-bg.png);
	background-repeat:repeat-x;
}
.bottom-box#box1-b {
	position:relative;
	margin-left:0px;
	margin-right:4px;
	background-image:url(images/box2-bg.png);
	background-repeat:repeat-x;
}
.bottom-box#box1 p {
	margin:0px 10px 0px 0px;
}
.bottom-box#box2 {
	margin-left:4px;
	position:relative;
}
.bottom-box h2, #box-one-bottom h2 {
	color:#cc3333;
	margin: 10px 10px 0px 10px;
	padding: 0;
	font-size:13px;
	font-weight:900;
}
.bottom-box p, #box-one-bottom p {
	padding: 0px 10px 0px 10px;
	margin: 0;
}
.bottom-box a.more {
	float:right;
	color:#cc3333;
	font-size:10px;
	padding:0px 15px 0px 0px;
	font-style:italic;
}
#watch {
	position:absolute;
	top:50%;
	left:50%;
	margin-left:-107px;
	margin-top:-13px;
}
.bottom-box#box1 img#watch {
	position:absolute;
	top:50%;
	left:50%;
	margin-left:-90px;
	margin-top:-13px;
}
#footer {
	font-size:9px;
	color:#999999;
	font-family:Verdana;
	padding:18px 0px 0px 20px;
}
.work #footer {
	font-size:9px;
	color:#999999;
	font-family:Verdana;
	padding:185px 0px 16px 20px;
}
#footer a {
	color:#cc3333;
	text-decoration:none;
}
#footer a:hover {
	text-decoration:underline;
}

#ants img {
	position:absolute;
	left:10px;
	top:221px;
	z-index:5;
}

/*LIGHTBOX STYLES*/
html, body {
	padding: 0; 
	margin: 0;
	height:100%;
}

#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}

#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
}

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}

#imageContainer{
	padding: 10px;
}

#loading{
	position: absolute;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
	background: url(../images/loading.gif) no-repeat center;
}

#loading:hover{
	background-image: url(../images/close.gif);
}


#imageDataContainer{
	z-index: 100;
	position:absolute;
	width:100%;
	top:0px;
	left:0px;
	background-color: #fff;
}

#imageData {
	font-family: Tahoma,Arial,Helvetica,sans-serif;
	padding:0.4em;
	height:1.5em;
}

#imageData #caption{ 
	float: left;
	font-size:1.2em;
	font-weight: bold;	
}
#imageData #nav{ 
	font-size:0.9em;
	float:right; 
	margin-top:.4em;
}
#imageData #nav a{ 
	color:red;
	font-weight:bold;
}

#imageData .navButton, #imageData #numberDisplay { 
	padding:0.4em;
}
img#heading-approach {
	position:relative;
	top:-2px;
}
img#approach-cord {
	position:absolute;
	left:-36px;
	bottom:29px;
}
img#approach-controller {
	position:absolute;
	left:320px;
	bottom:65px;
	z-index:11;
}
#work-heading {
	margin:auto;
	text-align:center;
	padding:39px 0px 13px 0px;
}
#work-heading h2 {
	font:arial;
	font-size:46px;
	margin: 0;
	padding: 0;
	font-weight:900;
}
#work-heading h2 span.thin {
	font-weight:100;
}
img#marble {
	margin:0px 0px -10px 0px;
}
#concourse-header {
	padding:0px 0px 28px 0px;
}
#work-flash {
	position:absolute;
	right:0px;
	top:338px;
}
#heading img#contact {
	position:relative;
	left:2px;
	top:1px;
}
#left-image img#contact-can {
	position:absolute;
	right:-124px;
	top:130px;
}
p.red {
	color:#cc3333;
	line-height:18px;
	padding-top:16px !important;
}
.line {
	position:absolute;
	top:402px;
	right:0px;
	width:655px;
	height:1px;
	background-color:#999b9c;
}
#community-box {
	width:563px;
	height:317px;
	position:absolute;
	left:0px;
	top:72px;
	text-align:center;
}
#community-box img {
	border-width:0px;
	margin:0px;
}
img#bank-of-america {
	position:relative;
	left:-6px;
	top:18px;
}
img#adobe {
	position:relative;
	left:-2px;
}
img#accenture {
	position:relative;
	top:-10px;
}
img#consumer-united {
	position:relative;
	top:-22px;
}
img#sigma {
	position:relative;
	top:15px;
}
img#metratech {
	position:relative;
	top:-8px;
	left:-6px;
}
img#tech-discovery {
	position:relative;
	top:-10px;
	left:-0px;
}
img#ellaa {
	position:relative;
	top:-6px;
	left:10px;
}
img#xavient {
	position:relative;
	left:8px;
	top:-10px;
}
img#dish-network {
	position:relative;
	left:-10px;
	top:0px;
}
img#t-mobile {
	position:relative;
	top:-8px;
	left:8px;
}
img#click-fox {
	position:relative;
	top:-14px;
}
img#spinnaker {
	position:relative;
	top:-4px;
	left:22px;
}
img#news {
	position:relative;
	top:1px;
	left:1px;
}
img#small-logo-news {
	position:absolute;
	right:502px;
	top:55px;
}
#main-text-news {
	position:absolute;
	width:536px;
	height:500px;
	right:20px;
	top:124px;
	overflow:auto;
	font-size:12px;
	color:#b1b1b1;
	padding:0px 5px 0px 0px;
	line-height:17px;
}
#main-text-news h2, #main-text-news h3 {
	color:#cc3333;
	font-size:12px;
}
#main-text-news h2 {
	padding:10px 0px 0px 0px;
	margin:0;
	font-weight:900;
}
#main-text-news h3 {
	padding:10px 0px 0px 0px;
	margin:0;
	font-weight:100;
}
p#box2-l1 {
	padding-top:10px;
}
p#box2-l1, p#box2-l2 {
	color:#cc3333;
}
p#box2-l1 a {
	font-weight:900;
}
p#box2-l2 a {
	font-weight:900;
}
#box-two-bottom .bottom-box#box1 h2#careers-heading {
	padding:0px 0px 10px 0px;
}
a.learn-more {
	font-style:italic;
}
#roll-the-video a {
	width:105px;
	height:20px;
	background-image:url(images/roll-the-video.jpg);
	position:absolute;
	right:4px;
	bottom:4px;
}
#roll-the-video a:hover {
	background-image:url(images/roll-the-video-r.jpg);
}
.hiddenPic {
	display:none;
}
.grayi {
	color:#666666;
	font-style:italic;
}
p.hr-box {
	line-height:15px;
}
.hidden {
	display:none;
}
/**************PODCAST STYLES*********************/
#drupal-content-holder {
	position:absolute;
	left:50%;
	margin-left:-484px;
	top:406px;
	width:400px;
	height:241px;
	border-width:1px;
	border-color:#cfcd9a;
	border-style:none;
	z-index:1000;
	background-color:#FFFFFF;
	background-image:url(images/podcast-bg.png);
	background-repeat:repeat-x;
}
#drupal-content {
	width:312px;
	height:209px;
	border-width:1px;
	border-color:#cfcd9a;
	border-style:solid;
	z-index:1000;
	background-color:#FFFFFF;
	margin:4px 0 8px 14px;
	padding:8px;
}
#drupal-content .views-hide ul {
	display:none;
}
#drupal-content h2.node-title {
	display:none;
}
#drupal-content .edit {
	display:none;
}
#drupal-content h2 {
	margin:0px;
	padding:0px;
	font-size:36px;
	font-family:Helvetica, Arial, sans-serif
}
#drupal-content p.podcast {
	font-size:14px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 10px 0px;
}

#drupal-content .block-inner {
	background-color:#cfcd9a;
	height:110px;
	font-size:10px;
	margin:0px 0px 0px 0px;
	padding:8px;
	overflow:auto;
}
#drupal-content .content p {
	font-size:12px;
	margin-top:-2px;
	margin-bottom:20px;
}
#drupal-content .view-content {
	position:relative;
	top:10px;
}
#drupal-content ul.audio-info li {
	display:none;
}
#drupal-content ul.audio-info li.first {
	display:block !important;
}
#drupal-content .field-field-description {
	padding-top:16px;
	font-size:12px;
	float:left !important;
	margin-right:8px;
}
#drupal-content .field-field-description .field-items .field-item odd {
	float:left;
}
#drupal-content .field-field-length {
	float:none;
	padding-top:17px;
	padding-bottom:20px;
}
#drupal-content .item-list ul li .node-type-audio {
	position:relative;
}
#drupal-content .item-list ul li .node-type-audio .audio-node ul.audio-info li.first {
	position:absolute;
	top:-4px;
	left:0px;
}

img#herring {
	position:absolute;
	left:-6px;
	top:280px;
	z-index:2005;
	border-width:0px;
}

.clear {
	clear:both;
}

/*Homepage update - oct 2009 */
#home-quote {
	position:absolute;
	left:248px;
	top:110px;
	width:310px;
	text-align:right;
	z-index:10;
	font-size:13px;
	font-style:italic;
	color:#a5a5a5;
	font-weight:bold;
	line-height:16px;
}
#home-quote a:hover {
	text-decoration:none;
	color:#666666;
}
#home-quote .skinny {
	width:238px;
	float:right;
}
#home-quote .wide {
	width:300px;
	float:right;
	clear:both;
}
#home-quote .red {
	color:#cc0001;
	font-weight:normal;
	margin-top:12px;
}

.work #work-text {
	font-size:12px;
	line-height:18px;
}
.work .skinny {
	float:left;
	width:240px;
	margin-top:4px;
}
.work img#work-phone {
	position:relative;
	top:-30px;
}

.work #work-quote {
	width:484px;
	padding:28px 20px 0px 30px;
	height:152px;
	background-image:url(images/work-quote-bg.png);
	position:absolute;
	right:4px;
	top:160px;
	font-size:13.5px;
	font-weight:bold;
	font-style:italic;
	color:#ffffff;
}
.work #work-quote .source {
	font-weight:normal;
	text-align:right;
	margin-top:12px;
	margin-right:6px;
	font-size:13px;
}