/* -------------------------- TO PURGE AFTER ROB REWRITES COPY ---------------------------------------- */

/* 1px dotted divider breaking up each section on the homepage */
#divider-work-partners.first{
position:relative;
float:left;
width:1px;
border-left:1px dotted #000;
height:196px;
margin-top:13px;
padding-left:4px;
padding-right:10px;
margin-bottom:8px;
}


/* 1px dotted divider breaking up each section on the homepage */
#divider-work-partners.last{
position:relative;
float:left;
width:1px;
border-left:1px dotted #000;
height:196px;
margin-top:13px;
padding-left:0px;
margin-left:-14px;
padding-right:4px;
margin-bottom:8px;
}

/* 1px dotted divider breaking up each section on the homepage */
#divider-work-sp.first{
position:relative;
float:left;
width:1px;
border-left:1px dotted #000;
height:220px;
margin-top:13px;
padding-left:4px;
padding-right:10px;
margin-bottom:8px;
}


/* 1px dotted divider breaking up each section on the homepage */
#divider-work-sp.last{
position:relative;
float:left;
width:1px;
border-left:1px dotted #000;
height:220px;
margin-top:13px;
padding-left:0px;
margin-left:-14px;
padding-right:4px;
margin-bottom:8px;
}


/* Main Body Copy Text */
p.home{
font-family:Arial, Helvetica, sans-serif;
font-size:10pt;
color:#000;
margin-bottom:0px;
margin-top:-12px;
}

/* Style links on the homepage */
a.grey{
font-family:Arial, Helvetica, sans-serif;
font-size:10pt;
color:#797979;
margin-bottom:0px;
text-decoration:none;
}

a.grey:hover{
color:#00aaff;
}

/* -------------------------------------------- GLOBAL HEADER ------------------------------------ */

html{
height:100%;
padding: 0px;
border: 0px none;
#overflow: auto;
}

body{
margin:0;
outline:none;
margin-top:0px;
background-color:#cfcfcf;
min-width:958px;
background-image:url(/img/site-bg.png);
background-repeat:repeat-x;
background-color:#cfcfcf;
height:100%;
padding: 0px;
border: 0px none;
}

.mac.safari body{
margin:0;
outline:none;
}

body.casestudy{
background-color:#cfcfcf;
min-width:958px;
background-image:url(/img/casestudy-bg.jpg);
background-repeat:repeat-x;
background-color:#cfcfcf;
height:100%;
padding: 0px;
margin: 0px;
#outline:none;
border: 0px none;
}

/* Safari Color discrepency fix */
.mac.safari body.casestudy{
background-image:url(/img/casestudy-bg.gif);
background-repeat:repeat-x;
margin:0;
outline:none;
}

/* Mac Firefox Color discrepency fix */
.mac.gecko body.casestudy{
background-image:url(/img/casestudy-bg.gif);
background-repeat:repeat-x;
margin:0;
outline:none;
}

/* Fix for slight height discrepency for the home page vs other pages */
body.home{
background-color:#cfcfcf;
min-width:958px;
background-image:url(/img/home-bg.jpg);
background-repeat:repeat-x;
background-color:#cfcfcf;
border: 0px none;
#margin:0;
#outline:none;
}

/* Safari color discrepency fix */
.mac.safari body.home{
background-image:url(/img/home-bg.png);
background-repeat:repeat-x;
margin:0;
outline:none;
}

/* Safari color discrepency fix */
.mac.gecko body.home{
background-image:url(/img/home-bg.png);
background-repeat:repeat-x;
margin:0;
outline:none;
}

/* Main Container File */
#container{
width: 980px;
margin-left: auto;
margin-right: auto;
margin-top:0px;
z-index:9;
height:100%; margin-bottom:-72px; min-height: 100%; height: auto !important;
}

.ie9 #container{
	margin-top:72px;
}


/* Remove dotted borders around SWFs in Firefox */
object{
outline:none; 
}

/* This is the lower background gradient for the site */
#background{
background-image:url(/img/metal_bottom.jpg);
background-repeat:repeat-y;
background-position: center;
width:980px; 
z-index:1;
position:absolute;
float:left;
height:100%;
margin-bottom:-72px; min-height: 100%; height: auto !important;
}

/* Header area holding Logo graphic and menu */
#header{
height:72px;
width:980px;
background-image:url(/img/metal_top.jpg);
background-repeat:repeat-y;
background-position: center;
z-index:100;
}

/* Logo Holder */
#logo{
position:relative;
float:left;
padding-top:43px;
padding-left:4px;
z-index:10;
}

/* Main Menu Holder */
#menu{
position:relative;
float:right;
padding-right:15px;
padding-top:40px;
z-index:10;
}

/* IE 6 PNG transparency fix */
img{
border-style:none;
behavior: url("/css/iepngfix.htc");
}

/* --------------------------------------- TEXT TREATMENTS ---------------------------------------- */

/* Main Body Copy Text */
p{
font-family:Arial, Helvetica, sans-serif;
font-size:10pt;
color:#fff;
margin-bottom:0px;
}

/* Remove the dotted borders around hyperlinks */
a{
outline: none;
}

/* Headline Header for homepage */
h1{
font-family:Palatino, Palatino Linotype, serif;
font-size:16pt;
font-weight:normal;
color:#000;
}

h1.noflash{
font-family:Arial, Helvetica, sans-serif;
font-size:10pt;
color:#fff;
text-transform:uppercase;
text-align:center;
margin-top:200px;
}

img.noflash{
display: block;
margin-left: auto;
margin-right: auto;
}

/* Secondary Pages Main Nav Link Styling */
a.cross-link{
text-decoration:none;
color:#000;
}

/* Homepage News Links Styling */
a.home_news{
text-decoration:none;
color:#000;
}

a.home_news:hover{
color:#00aaff;
}

/* Date header for homepage */
h2{
font-family:Arial, Helvetica, sans-serif;
font-size:10pt;
color:#00aaff;
font-weight:normal;
margin-bottom:-10px;
/* IE Fixes */
#margin-top:12px;
.margin-top:12px;
#margin-bottom:0px;
.margin-bottom:-10px;
}

/* Secondary Page Header */
h3{
font-family:Palatino, Palatino Linotype, serif;
font-size:16pt;
font-weight:normal;
color:#fff;
}

/* Home Page Header */
h3.home{
font-family:Palatino, Palatino Linotype, serif;
font-size:12pt;
font-weight:normal;
color:#000;
margin-bottom:-4px;
}

/* Client header in the work section for clients without creative to show */
h3.client{
font-family:Palatino, Palatino Linotype, serif;
font-size:16pt;
font-weight:normal;
color:#00aaff;
}

/* Menu Link Styling */
a.menu{
font-family:Palatino, Palatino Linotype, serif;
font-size:14pt;
color:#000;
text-decoration:none;
margin-left:16px;
}

a.menu:hover{
color:#00aaff;
}

/* Strategic Partners Title Text Treatment */
h4{
position:relative;
font-family:Arial, Helvetica, sans-serif;
font-size:10pt;
color:#00aaff;
margin-left:331px;
margin-top:-24px;
z-index:10;
font-weight:normal;
}

.mac.safari h4{
font-weight:normal;
margin-left:336px;
}

.mac.gecko h4{
font-weight:normal;
margin-left:341px;
}

/* ------------------------------------------------------- HOME --------------------------------------- */

/* Flash content block on homepage */
#flashcontent{
position:relative;
float:left;
height:480px;
width:980px;
background-color:#000;
#padding-bottom:8px;
outline: none;
}


/* Lower News Block Holders */
.news{
position:relative;
float:left;
height:152px;
width:234px;
}

.mac .news{
	width:235px;
}


/* Video Copy Holder */
#video{
position:relative;
float:left;
height:152px;
width:110px;
}

/* Video Thumbnail Holder */
#homevideo{
position:relative;
float:left;
padding-top:16px;
padding-left:4px;
width:160px;
}

/* 1px dotted divider breaking up each section on the homepage */
.divider{
position:relative;
float:left;
width:1px;
border-left:1px dotted #000;
height:130px;
margin-top:20px;
padding-left:4px;
padding-right:4px;
margin-bottom:8px;
}

.mac .divider{
margin-top:16px;
}

/* ----------------------------------------------- WORK --------------------------------------------- */

/* Work section */
#flashcontentwork{
position:relative;
float:left;
height:360px;
width:980px;
background-color:#000;
overflow:hidden;
}

/* Work section */
#flashclient{
position:relative;
float:left;
height:480px;
width:980px;
background-color:#000;
overflow:hidden;
}

/* Workpage fix, -this was designed for the new smaller grid */
#work-page-fix {
	background:#CFCFCF url(../img/background-work.gif) repeat-x;
}

/* 1px dotted divider breaking up each section on the homepage */
.divider-work{
position:relative;
float:left;
width:1px;
border-left:1px dotted #000;
height:126px;
margin-top:13px;
padding-left:4px;
padding-right:4px;
}

/* 1px dotted divider breaking up each section on the homepage */
#divider-work.first{
position:relative;
float:left;
width:1px;
border-left:1px dotted #000;
height:126px;
margin-top:13px;
padding-left:4px;
padding-right:10px;
}

/* 1px dotted divider breaking up each section on the homepage */
#divider-work.last{
position:relative;
float:left;
width:1px;
border-left:1px dotted #000;
height:126px;
margin-top:13px;
padding-left:0px;
margin-left:-14px;
padding-right:4px;
}

/* Copy block for lower work area */
#workcopy{
position:relative;
float:left;
margin-left:18px;
margin-right:50px;
}

#workcopy p{
font-family:Arial, Helvetica, sans-serif;
font-size:8pt;
text-transform:uppercase;
color:#fff;
line-height:14px;
}

/* Work sublinks */
.work{
position:relative;
float:left;
height:152px;
width:186px;
}

/* Work sublinks */
#clienttitle{
position:relative;
float:left;
height:152px;
#margin-top:12px;
}

#clienttitle h1{
padding-right:12px;
}

#client{
position:relative;
float:left;
height:152px;
width:720px;
#margin-top:12px;
}

#clientcopy{
position:relative;
float:left;
padding-right:30px;
width:330px;
margin-top:-23px;
#margin-top:-10px;
}

#clientcopy.last{
padding-right:0px;
margin-right:0px;
}

#clientcopy p{
font-family:Arial, Helvetica, sans-serif;
font-size:10pt;
color:#000;
}

h1.client{
font-family:Palatino, Palatino Linotype, serif;
color:#000;
font-size:12pt;
margin-bottom:-10px;
#margin-bottom:-16px;
}

.work ul{
list-style-type: none;
margin-left:-40px;
#margin-left:0px;
#margin-top:10px;
}

.work li{
font-family:Arial, Helvetica, sans-serif;
font-size:8pt;
color:#727272;
text-transform:uppercase;
margin-bottom:2px;
#margin-bottom:-4px;
}

.work a{
font-family:Arial, Helvetica, sans-serif;
font-size:8pt;
color:#000;
text-decoration:none;
outline: none;
}

.work a:hover{
color:#00aaff;
}

#previousexp{
position:relative;
float:right;
margin-right:38px;
}

.mac #previousexp{
margin-right:22px;
}

#previousexp2{
position:relative;
float:left;
margin-top:16px;
}

#previousexp a{
font-family:Arial, Helvetica, sans-serif;
font-size:8pt;
color:#000;
text-decoration:none;
text-transform:uppercase;
outline: none;
}

#previousexp2 a{
font-family:Arial, Helvetica, sans-serif;
font-size:8pt;
color:#000;
text-decoration:none;
text-transform:uppercase;
padding-right:8px;
outline: none;
}

#previousexp a:hover{
color:#00aaff;
}

#previousexp2 a:hover{
color:#00aaff;
}

#previousexp img{
padding-right:4px;
}

#previousexp2 img{
padding-right:4px;
}

/* ----------------------------------------------- ABOUT US --------------------------------------------- */

/* Main Content Block Area */
#ajaxblock{
position:relative;
float:left;
height:461px;
width:980px;
background-color:#000;
}

/* Main Content Block Area */
#contactblock{
position:relative;
float:left;
height:480px;
width:980px;
background-color:#000;
}

#contactblock a{
font-family:Arial, Helvetica, sans-serif;
font-size:10pt;
color:#00aaff;
text-decoration:none;
outline: none;
}

#contactblock a:hover{
color:#fff;
}

#contactwrapper{
margin-top:36px;
margin-left:14px;
}

/* Small Arrow area under ajaxblock */
#ajaxarrows{
position:relative;
float:left;
height:11px;
width:980px;
background-color:#000;
padding-top:4px;
padding-bottom:4px;
/* IE fixes */
#padding-top:0px;
.padding-top:4px;
#padding-bottom:0px;
.padding-bottom:4px;
z-index:0;
}

/* Left and Right Arrows */
#ajaxarrows img.left{
position:relative;
float:left;
padding-left:4px;
}

#ajaxarrows img.right{
position:relative;
float:left;
padding-left:18px;
}

/* Far Left Graphic Thumbnail */
.thumbnail{
position:relative;
float:left;
width:187px;
padding-right:20px;
padding-top:50px;
}

/* Far Left Graphic Thumbnail */
.thumbnail02{
position:absolute;
float:left;
width:187px;
padding-right:20px;
padding-top:186px;
}

/* Copy blocks to the right of the thumbnail */
#copy01{
position:relative;
float:left;
width:330px;
padding-top:24px;
line-height:16pt;
#padding-top:46px;
}

.mac #copy01{
padding-top:28px;
}

/* Second copy block on about page */
#copy02{
position:relative;
float:left;
width:330px;
padding-left:30px;
padding-top:79px;
#padding-top:98px;
line-height:16pt;
}

.mac.safari #copy02{
padding-top:82px;
}

.mac.gecko #copy02{
padding-top:83px;
}

#copy02.about{
position:relative;
float:left;
width:330px;
padding-left:30px;
padding-top:76px;
#padding-top:86px;
line-height:16pt;
}

.mac #copy02.about{
padding-top:79px;
}

#copy02-contact{
position:relative;
float:left;
width:330px;
margin-left:-80px;
padding-top:75px;
#padding-top:86px;
line-height:16pt;
}

/* --------------------------------- ABOUT US SUB MENU -------------------------------- */
/* About Menu Link columns */
#col{
posistion:relative;
float:left;
margin-right:23px;
margin-top:0px;
z-index:1;
line-height:12pt;
margin-left:4px;
}

.mac.gecko #col{
margin-right:16px;
margin-left:4px;
}

#col-last{
posistion:relative;
float:left;
margin-top:-10px;
z-index:1;
line-height:12pt;
}

/* Menu Styling for main navigation */
.menutree .header, .menutree .content{
float: left;
height: 120px;
margin-top:10px;
#height:135px;
}

/* Header Link of DIV */
.menutree .header a{
font-family:Palatino, Palatino Linotype, serif;
font-size:16pt;
font-weight:normal;
color: #000;
outline: none;
}

.menutree .header a:hover{
color:#00aaff;
}

/* Off State of Menu */	
.menutree .content{
display: none;
width: 0px;
overflow: auto;
margin-left:-105px;
}

/* ---------------------------------- AJAX Carousel Slider ------------------------------------------------- */

.stripViewer .panelContainer .panel ul {
text-align: left;
margin: 0 15px 0 30px;
}
		
.slider-wrap {
margin: 20px 0;
position: relative;
width: 100%;
}

/* These 2 lines specify style applied while slider is loading */
.csw {width: 100%; height: 300px; background: #000; overflow: hidden;}
.csw .loading {margin: 200px 0 300px 0; text-align: center}

/* This is the viewing window */
.stripViewer {
position: relative;
overflow: hidden;
border: 5px solid #000;
margin: auto;
width: 970px;
height: 420px;
clear: both;
background: #000;
/* IE fix */
overflow:hidden;
}
		
.stripViewer .panelContainer {
position: relative;
left: 0; top: 0;
width: 100%;
list-style-type: none;
}

/* Arrange each panel end to end */	
.stripViewer .panelContainer .panel {
float:left;
height: 100%;
position: relative;
width: 980px;
}

/* Wrapper to give some padding in the panels, without messing with existing panel width */
.stripViewer .panelContainer .panel .wrapper { 
padding: 10px;
}

/* This is the div to hold your nav (the UL generated at run time) */		
.stripNav { 
display:none !important /* HIDE THE TABS */
}

/* Posistion the Arrows */
.stripNavL, .stripNavR { /* The left and right arrows */
position: absolute;
top: 440px;
left:8px;
z-index:20;
#top:430px;
}

/* Make the Arrows linkable and then shink the text to hide */	
.stripNavL a, .stripNavR a {
height: 11px;
width: 20px;
text-indent: -9000em;
outline:none;
}

/* Lock the html links with the gfx arrows */		
.stripNavL a, .stripNavR a {
display: block;
height: 11px;
width: 20px;
}
		
/* Create the div to hold the arrow gfx */	
.stripNavL {
background: url("/img/leftarrow_nm.gif") no-repeat center;
float:left;
z-index:1000;
}

.stripNavL:hover{
background: url("/img/leftarrow_hv.gif") no-repeat center;
}


.stripNavR {
background: url("/img/rightarrow_nm.gif") no-repeat center;
float:left;
margin-left:40px;
z-index:1000;
}

.stripNavR:hover{
background: url("/img/rightarrow_hv.gif") no-repeat center;
}

/* About Us Sub-menu */
#link01{
position:relative;
float:left;
height:152px;
width:143px;
margin-top:0px;
.margin-top:10px;
padding-right:8px;
}

#link02{
position:relative;
float:left;
height:152px;
width:118px;
margin-top:0px;
.margin-top:10px;
padding-right:8px;
}

/* Link 03 is in the ajax menu hide class */

#link04{
position:relative;
float:left;
height:152px;
width:126px;
margin-top:0px;
.margin-top:10px;
padding-right:8px;
}

/* Sub page About Us menu divider */
#divider02{
position:relative;
float:left;
width:1px;
border-left:1px dotted #000;
height:98px;
margin-top:13px;
padding-left:4px;
padding-right:4px;
}

/* ------------------ ABOUT US - CAPABILITIES ------------------------- */

/* About You - Capabilites */
#ajaxblock ul{
list-style-type: none;
padding: 0;
margin: 0;
}

#ajaxblock ul.about-capabilities{
list-style-type: none;
margin-top:13px;
}

#ajaxblock li{
font-family:Arial, Helvetica, sans-serif;
color:#fff;
font-size:10pt;
}

#ajaxblock li.title{
font-family:Arial, Helvetica, sans-serif;
font-size:10pt;
color:#00aaff;
text-transform:uppercase;
}

/* ----------------- ABOUT US - TESTIMONIALS ---------------------------- */

/* Testimonials holder in the about you section */
#testimonials{
position:relative;
float:left;
margin-top:-20px;
#margin-top:0px;
}

/* Testimionial Videos div holder */
#vidholder{
position:relative;
float:left;
margin-right:90px;
margin-bottom:10px;
#margin-bottom:30px;
}

#vidholder h1{
font-family:Arial, Helvetica, sans-serif;
font-size:10pt;
color:#00aaff;
text-transform:uppercase;
margin-bottom:-14px;
#margin-bottom:-18px;
}

#vidholder p{
margin-bottom:4px;
}

#vidholder a{
text-decoration:none;
}

/* Controls the border around the images on a mouse hover  About you - Testimonals */
#vidholderimg img{
overflow:hidden;
}
#vidholderimg img:hover {
 border:1px solid #00aaff;
}
#vidholderimg:hover img {
margin: -1px;
}

/* ----------------------------------------------- NEWS --------------------------------------------- */

/* Header text for copy block areas in the News section */
#copyheader{
position:absolute;
float:left;
margin-left:208px;
margin-top:24px;
}

/* News copy blocks to the right of the thumbnail */
#copy01news{
position:relative;
float:left;
width:330px;
padding-top:100px;
line-height:16pt;
/* IE Fix */
#padding-top:0px;
}

#copy02news{
position:relative;
float:left;
width:330px;
padding-left:30px;
padding-top:100px;
/* IE Fix */
#padding-top:0px;
line-height:16pt;
}

/* Link treatments in the news copy areas */
#copy01news a{
font-family:Arial, Helvetica, sans-serif;
font-size:10pt;
color:#00AAFF;
text-decoration:none;
outline: none;
}

#copy01news a:hover{
color:#00CCFF;
}

/* Link treatments in the news copy areas */
#copy02news a{
font-family:Arial, Helvetica, sans-serif;
font-size:10pt;
color:#00AAFF;
text-decoration:none;
outline: none;
}

#copy02news a:hover{
color:#00CCFF;
}

/* News Menu Dividers */
#divider03{
position:relative;
float:left;
width:1px;
border-left:1px dotted #000;
height:86px;
margin: 13px 0 0 50px;
/* IE fix */
#position:absolute;
#margin: 40px 0 0 50px;
}

#divider04{
position:relative;
float:right;
width:1px;
border-left:1px dotted #000;
height:86px;
margin:-86px 0 0 380px;
padding-right:4px;
/* IE Fix */
#position:absolute;
#margin: 40px 0 0 390px;
}

/* Container holding employee links */
#menusublinks{
	width:618px;
}


#menusublinks a{
font-family:Arial, Helvetica, sans-serif;
font-size:10pt;
color:#000;
text-decoration:none;
outline: none;
}

#menusublinks a:hover{
color:#00aaff;
}

/* ----------------------------- NEWS MENU ---------------------- */

/* Vertical Menu Holder */
#menuholder{
position:relative;
float:left;
margin-left:100px;
/* IE Fix */
#margin-top:-25px;
#margin-left:95px;
margin-bottom:80px;
}

#menuholder a{
font-family:Arial, Helvetica, sans-serif;
font-size:10pt;
color:#000;
text-decoration:none;
outline:none;
}

#menuholder a:hover{
color:#00aaff;
}

u.spacer{
margin-left:30px;
}

h3.datehead{
font-family:Arial, Helvetica, sans-serif;
font-size:10pt;
font-weight:normal;
color:#00aaff;
margin-top:-2px;
margin-bottom:-14px;
}

h3.titlehead{
font-family:Arial, Helvetica, sans-serif;
font-size:10pt;
font-weight:normal;
color:#00aaff;
margin-top:-20px;
#margin-top:-18px;
margin-bottom:-10px;
text-transform:uppercase;
}

/* Header for questionaires */
i.grey{
color:#999999;
}

/* -------------------------------------- CONTACT US ---------------------------------------- */

#imagelinks{
position:relative;
float:left;
margin-left:202px;
padding-top:30px;
#margin-top:-20px;
}

#imagelinks a{
outline:none;
}

#imagelinks img{
padding-right:20px;
}

.panelContainer2{
text-align: left;
margin: 35px 15px 0 15px;
}

#testimonial, #testimonial2{
background-color:#fff;
position:relative;
float:left;
width:880px;
height:435px;
margin-top:-10px;
}

#fflogo{
position:relative;
float:left;
width:240px;
height:90px;
background-color:#fff;
padding-top:30px;
margin-left:30px;
}

/* MP3 player styling */

#player_container {
	position:relative;
	padding:0px;
	width:372px;
}

ul#icons {margin: 0; padding: 0;}
ul#icons li {margin: 2px; position: relative; padding: 4px 0; cursor: pointer; float: left;  list-style: none;}
ul#icons span.ui-icon {float: left; margin: 0 4px;}

ul#icons #volume-min {
	margin:2px 140px 2px 364px;
}

#sliderVolume {
	position:absolute;
	top:30px;
	left:480px;
	width:120px;
	height:.4em;
}


#sliderVolume .ui-slider-handle {
	height:.8em;
	width:.8em;
}

#bars_holder {
	position:absolute;
	top:5px;
	left:70px;
	width:260px;
}

#sliderPlayback .ui-slider-handle {
	height:1.6em;
}

#loaderBar.ui-progressbar {
	height:.2em;
	border:0;
}

/* HTML5 video placement fix in hover window */


poster{
	z-index:-1;
}