/* ------------------------> CSS Document */


/* ------------------------> Global Styles */
* {
	margin: 0px;
	padding:0px;
}
body {
	background-color: #ffffff; 
	font-family: Arial, Verdana, Helvetica, sans-serif; 
	font-size: 11px;line-height: 17px;
	color: #333333;
	font-stretch: semi-expanded;
	padding: 0 10px 0 10px;

}
a {
	text-decoration: none;
	font-weight: normal;
	color: #389396;
}


/* ------------------------> Containers */
#container {
	width: 860px;
	margin: 28px auto 30px auto;
	position: relative;
}
#newsletter_sub {
	margin: 0 0 0 -10px;
	position: relative;
}
#innercontainer {
	float: left;
	width: 770px;
	margin: 53px 0 0 90px;
	display: inline;
}
#header { float: left; }

/* ------------------------> Homepage */
#hmpgContent {
	margin: 0 -105px 0 -60px;
	width: 1025px;
}
#latestNews {
    position:absolute;
	left:540px;
	top:10px;
}
#latestNews strong {
	text-decoration:none;
	font-weight:normal;
	color:#389396;
}
#latestNews a {
	text-decoration:none;
	font-weight:normal;
	color:#999999;
}
#latestNews a:hover { color:#575757; }


/* ------------------------> 2 Column Template */
#contentColumn {
	float: left;
	width: 280px;
}
#contentColumn img {
	margin-left: -2px;
}
#contentColumn h2 {
	font-size: 14px;
}
#content { 
	margin-top: 20px;
}
#content h1 {
	color: #008080;
	font-weight: normal;
	font-style: italic;
}
#content h2 {
	font-weight: normal;
	font-style: italic;
}
#content p {
	margin-top: 20px;
}
#supportColumn {
	float: right;
	margin-left: 52px;
}



/* ------------------------> About */
#about #contentColumn { width:210px; display:block;}
#aboutContent {
	width: 210px;
	margin-top: 20px;
}
#aboutSupport {
	float: right;
	width: 480px;
	position:relative;
}
#aboutSupport h3 {
	color:#333333;
	font-weight: 500;
}
#about #latestNews {
	top: 320px;
	left:0px;
}


/* ------------------------> About / Press */
#pressArticleList, #pressReleaseList {
	float: left;
	margin-top: 15px;
	color: #9c1c24;
	width: 280px;
}
#pressArticleList li, #pressReleaseList li {
	color: #9c1c24;
}
#pressArticleList a, #pressReleaseList a {
	color: #999999;
}
#pressArticleList a:hover, #pressReleaseList a:hover {
	color: #575757;
}
#pressArticle {
	float: left;
	margin-left: 52px;
	width: 415px;
}
#pressArticle h1 {
	color: #008080;
	font-size: 15px;
	font-weight: normal;
}
#pressArticle h2 {
	color: #808080;
	font-size:15px;
	font-weight: normal;
}
#pressArticle .pdf {
	float: right;
	margin: 8px 10px 15px 15px;
}
#pressArticle h2.subhdr {
	color: #008080;
	font-size: 13px;
}

/* ------------------------> Capabilities */
#capabilities #contentColumn { width:260px; }
#capabilities #aboutContent { width:260px; }
#capabilitiesListA {
	float: left;
	width: 150px;
}
#capabilitiesListB {
	float: right;
	width: 110px;
}


/* ------------------------> Clients */
#clientsColumn {
	float: left;
	width: 415px;
	margin-left: 52px;
	display:inline;
}
#clientsColumnA {
	float: left;
	width: 170px;
	margin: 38px 0 0 55px;
	display:inline;
}
#clientsColumnA a:active, #clientsColumnA a:link, #clientsColumnA a:visited, #clientsColumnA a:hover {
	color: #333333;
	text-decoration: none;
}
#clientsColumnB {
	float: right;
	width: 170px;
	margin: 38px 0 50px 20px;
	display:inline;
}
#clientsColumnB a:active, #clientsColumnB a:link, #clientsColumnB a:visited, #clientsColumnB a:hover {
	color: #333333;
	text-decoration: none;
}


/* ------------------------> Work */
#ak #innercontainer, #amex #innercontainer, #bta #innercontainer, #bw #innercontainer, #emir #innercontainer, #fourseasons #innercontainer, #harley #innercontainer, #mayakoba #innercontainer { 
	margin-left:60px; 
}
#emir #contentColumn {float: left; }
#workCopy {
	width: 210px;
	margin-top: 20px;
}
#workFlash {
	float: right;
	width: 530px;
}

#workFlashMedia {
	float: right;
	width: 530px;
	margin-right:200px;
}



.flipbook { 
	/*z-index: 19;position: relative;*/
}

.flipbook img { float:left;}

.popup {
	position: absolute; 
	z-index: 20;
	width: 890px;
	left: -9000px;
	top: 0px;
}


/* ------------------------> Social Media */
#socialmedia {
	margin-top:20px;
}
#socialmedia .email {
	background:url(../images/icons/ico_email.gif) no-repeat left;
	padding: 1px 0 0 22px;
}
#socialmedia .phone {
	background:url(../images/icons/ico_phone.gif) no-repeat left;
	padding: 1px 0 0 22px;
}
#socialmedia .blog {
	background:url(../images/icons/ico_blog.gif) no-repeat left;
	padding: 1px 0 0 22px;
}
#socialmedia .flickr {
	background:url(../images/icons/ico_flickr.gif) no-repeat left;
	padding: 1px 0 0 22px;
}
#socialmedia .facebook {
	background:url(../images/icons/ico_facebook.gif) no-repeat left;
	padding: 1px 0 0 22px;
}
#socialmedia .twitter {
	background:url(../images/icons/ico_twitter.gif) no-repeat left;
	padding: 1px 0 0 22px;
}
#socialmedia .linkedin {
	background:url(../images/icons/ico_linkedin.gif) no-repeat left;
	padding: 1px 0 0 22px;
}


/* ------------------------> Footer */
#footer {
	float: right;
	color: #999999;
	font-size: 10px;
	font-stretch:expanded;
	margin: 30px 0 40px 0;
	height: 22px;
}
#footer a {
	color: #999999;
}
#footer .links {
	float: left;
	margin-top:6px;
}

#follow {
	float:left;
	margin-left:2px;
}

#follow img {
	display: block;
	float: left;
	margin-right: 3px;
	/*padding-top: 8px;*/
}

#follow a {
	background-repeat: no-repeat;
	display: block;
	float: left;
	height: 22px;
	margin-right: 2px;
	width: 22px;
}

#follow a:hover {
	background-position: 0 -23px;
}

#follow a.follow_twitter {
	background-image: url(../images/twitter.gif);
}

#follow a.follow_facebook {
	background-image: url(../images/facebook.gif);
}

#follow a.follow_youtube {
	background-image: url(../images/youtube.gif);
}

#follow a.follow_linkedin {
	background-image: url(../images/linkedin.gif);
}

#follow a span {
	display: none;
}





/* ------------------------> ShareThis Safari icon clipping fix */
.stbutton {
	display: inline;
	float: left;
	clear: none;
}


/* ------------------------> Leadership */

#navLeadership {
	margin-left:55px;
}

#jennifer .jennifer a, #gary .gary a, #bob .bob a, #sal .sal a, #janet .janet a, #kevin .kevin a, #rick .rick a, #bill .bill a, #melissa .melissa a{ 
    color: #98002e; 
}
#gary .jennifer a:hover, #gary .bob a:hover, #gary .sal a:hover, #gary .janet a:hover,#gary .rick a:hover, #gary .bill a:hover, #gary .kevin a:hover, #gary .melissa a:hover{ 
    color: #575757; 
}
#bob .jennifer a:hover, #bob .gary a:hover, #bob .sal a:hover, #bob .janet a:hover,#bob .rick a:hover, #bob .bill a:hover, #bob .kevin a:hover, #bob .melissa a:hover{ 
    color: #575757; 
}
#sal .jennifer a:hover, #sal .gary a:hover, #sal .bob a:hover, #sal .janet a:hover,#sal .rick a:hover, #sal .bill a:hover, #sal .kevin a:hover, #sal .melissa a:hover{ 
    color: #575757; 
}
#janet .jennifer a:hover, #janet .gary a:hover, #janet .bob a:hover, #janet .sal a:hover,#janet .rick a:hover, #janet .bill a:hover, #janet .kevin a:hover, #janet .melissa a:hover{ 
    color: #575757; 
}
#rick .jennifer a:hover, #rick .gary a:hover, #rick .bob a:hover, #rick .sal a:hover,#rick .janet a:hover, #rick .bill a:hover, #rick .kevin a:hover, #rick .melissa a:hover{ 
    color: #575757; 
}
#bill .jennifer a:hover, #bill .gary a:hover, #bill .bob a:hover, #bill .sal a:hover,#bill .rick a:hover, #bill .janet a:hover, #bill .kevin a:hover, #bill .melissa a:hover{ 
    color: #575757; 
}
#kevin .jennifer a:hover, #kevin .gary a:hover, #kevin .bob a:hover, #kevin .sal a:hover, #kevin .janet a:hover,#kevin .rick a:hover, #kevin .melissa a:hover, #kevin .bill a:hover{ 
    color: #575757; 
}
#melissa .jennifer a:hover, #melissa .gary a:hover, #melissa .bob a:hover, #melissa .sal a:hover, #melissa .janet a:hover,#melissa .rick a:hover, #melissa .bill a:hover, #melissa .kevin a:hover{ 
    color: #575757; 
}
#jennifer .melissa a:hover, #jennifer .gary a:hover, #jennifer .bob a:hover, #jennifer .sal a:hover, #jennifer .janet a:hover,#jennifer .rick a:hover, #jennifer .bill a:hover, #jennifer .kevin a:hover{ 
    color: #575757; 
}

.smimgs {
	margin: 11px 11px 11px 0px; width:136px;
	float:left;
}
.smimgs3 {
	margin-right: 0px;
}
.smimgs div { 
	margin-top:3px;
	padding-left: 20px;
	color:#777777;
	font-size:10px;
}

/*NAVIGATION 
	-- static (grey) = #999999;
	-- over (dk grey) = #575757; 
	-- on (red) = #98002e;
*/

ul { list-style:none; }
#nav {
	float: left;
	display: inline;
	margin-top: 5px;
	height: 16px;
}
#nav li {
	float: left;
	line-height: 16px;
}
#navAbout, #navCareers, #navCapabilities, #navLeadership, #navWork, #navByMedia, #navByClient {
	clear: both;
	width: 750px;
}
#navAbout a, #navLeadership a, #navCareers a, #navCapabilities a, #navWork a {
	color:#999999;
}
#navAbout li, #navCareers li, #navCapabilities li, #navLeadership li, #navWork li, #navByMedia li, #navByClient li {
	float:left;
	display: inline;
    margin-right: 4px; 
	line-height: 16px; 
    color: #4c4c4c;
}
#navCapabilities {
	margin-left: 144px;
}
#navWork {
	margin-left: 35px;
}
#press .press a, #careers .careers a, #method .method a, #prism .prism a { 
	color: #98002e; 
}

/*about*/
#about .press a:hover, #about .careers a:hover, #about .blog a:hover, #about .newsletter a:hover { 
	color: #575757;
}
#press .careers a:hover, #press .blog a:hover, #press .newsletter a:hover{ 
	color: #575757;
}
#careers .press a:hover, #careers .blog a:hover, #careers .newsletter a:hover{ 
	color: #575757;
}

/*capabilities*/ 
#capabilities .prism a:hover, #capabilities .method a:hover, #method .prism a:hover, #prism .method a:hover { 
	color: #575757;
}

/*work*/
#ak .version, #amex .version, #bta .version, #bw .version, #emir .version, #fourseasons .version, #harley .version, #mayakoba .version, #print .version, #video .version, #ooh .version, #interactive .version, #dm .version, #design .version, #radio .version, #iffboston .version {
	color: #575757; 
}
#ak .ak  a, #amex .amex a, #bta .bta a, #bw .bw a, #emir .emir a, #fourseasons .fourseasons a, #harley .harley a, #mayakoba .mayakoba a, #print .print a, #video .video a, #ooh .ooh a, #interactive .interactive a, #dm .dm a, #design .design a, #radio .radio a, #iffboston .iffboston a {   
    color: #98002e; 
}
#work .ak  a:hover, #work .amex a:hover, #work .bta a:hover, #work .bw a:hover, #work .emir a:hover, #work .fourseasons a:hover, #work .harley a:hover, #work .mayakoba a:hover, #work .print a:hover, #work .video a:hover, #work .ooh a:hover, #work .interactive a:hover, #work .dm a:hover, #work .design a:hover, #work .radio a:hover, #work .iffboston a:hover {   
    color: #575757; 
}
#ak .amex a:hover, #ak .bta a:hover, #ak .bw a:hover, #ak .emir a:hover, #ak .fourseasons a:hover, #ak .harley a:hover, #ak .mayakoba a:hover, #ak .print a:hover, #ak .video a:hover, #ak .ooh a:hover, #ak .interactive a:hover, #ak .dm a:hover, #ak .design a:hover, #ak .radio a:hover, #ak .iffboston a:hover {  
    color: #575757; 
}
#amex .ak a:hover, #amex .bta a:hover, #amex .bw a:hover, #amex .emir a:hover, #amex .fourseasons a:hover, #amex .harley a:hover, #amex .mayakoba a:hover, #amex .print a:hover, #amex .video a:hover, #amex .ooh a:hover, #amex .interactive a:hover, #amex .dm a:hover, #amex .design a:hover, #amex .radio a:hover, #amex .iffboston a:hover {  
    color: #575757; 
}
#bta .ak a:hover, #bta .amex a:hover, #bta .bw a:hover, #bta .emir a:hover, #bta .fourseasons a:hover, #bta .harley a:hover, #bta .mayakoba a:hover, #bta .print a:hover, #bta .video a:hover, #bta .ooh a:hover, #bta .interactive a:hover, #bta .dm a:hover, #bta .design a:hover, #bta .radio a:hover, #bta .iffboston a:hover {  
    color: #575757; 
}
#bw .ak a:hover, #bw .amex a:hover, #bw .bta a:hover, #bw .emir a:hover, #bw .fourseasons a:hover, #bw .harley a:hover, #bw .mayakoba a:hover, #bw .print a:hover, #bw .video a:hover, #bw .ooh a:hover, #bw .interactive a:hover, #bw .dm a:hover, #bw .design a:hover, #bw .radio a:hover, #bw .iffboston a:hover {   
    color: #575757; 
}
#emir .ak a:hover, #emir .amex a:hover, #emir .bta a:hover, #emir .bw a:hover, #emir .fourseasons a:hover, #emir .harley a:hover, #emir .mayakoba a:hover, #emir .print a:hover, #emir .video a:hover, #emir .ooh a:hover, #emir .interactive a:hover, #emir .dm a:hover, #emir .design a:hover, #emir .radio a:hover, #emir .iffboston a:hover {  
    color: #575757; 
}
#fourseasons .ak a:hover, #fourseasons .amex a:hover, #fourseasons .bta a:hover, #fourseasons .bw a:hover, #fourseasons .emir a:hover, #fourseasons .harley a:hover, #fourseasons .mayakoba a:hover, #fourseasons .print a:hover, #fourseasons .video a:hover, #fourseasons .ooh a:hover, #fourseasons .interactive a:hover, #fourseasons .dm a:hover, #fourseasons .design a:hover, #fourseasons .radio a:hover, #fourseasons .iffboston a:hover {   
    color: #575757; 
}
#harley .ak a:hover, #harley .amex a:hover, #harley .bta a:hover, #harley .bw a:hover, #harley .emir a:hover, #harley .fourseasons a:hover, #harley .mayakoba a:hover, #harley .print a:hover, #harley .video a:hover, #harley .ooh a:hover, #harley .interactive a:hover, #harley .dm a:hover, #harley .design a:hover, #harley .radio a:hover, #harley .iffboston a:hover {   
    color: #575757; 
}
#mayakoba .ak a:hover, #mayakoba .amex a:hover, #mayakoba .bta a:hover, #mayakoba .bw a:hover, #mayakoba .emir a:hover, #mayakoba .fourseasons a:hover, #mayakoba .harley a:hover, #mayakoba .print a:hover, #mayakoba .video a:hover, #mayakoba .ooh a:hover, #mayakoba .interactive a:hover, #mayakoba .dm a:hover, #mayakoba .design a:hover, #mayakoba .radio a:hover, #mayakoba .iffboston a:hover {  
    color: #575757; 
}
#iffboston .ak a:hover, #iffboston .amex a:hover, #iffboston .bta a:hover, #iffboston .bw a:hover, #iffboston .emir a:hover, #iffboston .fourseasons a:hover, #iffboston .harley a:hover, #iffboston .mayakoba a:hover, #iffboston .print a:hover, #iffboston .video a:hover, #iffboston .ooh a:hover, #iffboston .interactive a:hover, #iffboston .dm a:hover, #iffboston .design a:hover, #iffboston .radio a:hover { 
    color: #575757; 
}


#design .ak a:hover, #design .amex a:hover, #design .bta a:hover, #design .bw a:hover, #design .emir a:hover, #design .fourseasons a:hover, #design .harley a:hover, #design .mayakoba a:hover, #design .print a:hover, #design .video a:hover, #design .ooh a:hover, #design .interactive a:hover, #design .dm a:hover, #design .radio a:hover, #design .iffboston a:hover {  
    color: #575757; 
}
#dm .ak a:hover, #dm .amex a:hover, #dm .bta a:hover, #dm .bw a:hover, #dm .emir a:hover, #dm .fourseasons a:hover, #dm .harley a:hover, #dm .mayakoba a:hover, #dm .print a:hover, #dm .video a:hover, #dm .ooh a:hover, #dm .interactive a:hover, #dm .design a:hover, #dm .radio a:hover, #dm .iffboston a:hover {   
    color: #575757; 
}
#interactive .ak a:hover, #interactive .amex a:hover, #interactive .bta a:hover, #interactive .bw a:hover, #interactive .emir a:hover, #interactive .fourseasons a:hover, #interactive .harley a:hover, #interactive .mayakoba a:hover, #interactive .print a:hover, #interactive .video a:hover, #interactive .ooh a:hover, #interactive .dm a:hover, #interactive .design a:hover, #interactive .radio a:hover, #interactive .iffboston a:hover {  
    color: #575757; 
}
#ooh .ak a:hover, #ooh .amex a:hover, #ooh .bta a:hover, #ooh .bw a:hover, #ooh .emir a:hover, #ooh .fourseasons a:hover, #ooh .harley a:hover, #ooh .mayakoba a:hover, #ooh .print a:hover, #ooh .video a:hover, #ooh .interactive a:hover, #ooh .dm a:hover, #ooh .design a:hover, #ooh .radio a:hover, #ooh .iffboston a:hover { 
    color: #575757; 
}
#video .ak a:hover, #video .amex a:hover, #video .bta a:hover, #video .bw a:hover, #video .emir a:hover, #video .fourseasons a:hover, #video .harley a:hover, #video .mayakoba a:hover, #video .print a:hover, #video .ooh a:hover, #video .interactive a:hover, #video .dm a:hover, #video .design a:hover, #video .radio a:hover, #video .iffboston a:hover { 
    color: #575757; 
}
#print .ak a:hover, #print .amex a:hover, #print .bta a:hover, #print .bw a:hover, #print .emir a:hover, #print .fourseasons a:hover, #print .harley a:hover, #print .mayakoba a:hover, #print .video a:hover, #print .ooh a:hover, #print .interactive a:hover, #print .dm a:hover, #print .design a:hover, #print .radio a:hover, #print .iffboston a:hover { 
    color: #575757; 
}
#radio .ak a:hover, #radio .amex a:hover, #radio .bta a:hover, #radio .bw a:hover, #radio .emir a:hover, #radio .fourseasons a:hover, #radio .harley a:hover, #radio .mayakoba a:hover, #radio .video a:hover, #radio .ooh a:hover, #radio .interactive a:hover, #radio .dm a:hover, #radio .design a:hover, #radio .iffboston a:hover { 
    color: #575757; 
}


/* PL */
#workContainer {
	float: left;
	display: inline;
	margin: 53px 0 0 70px;
}

/* PL */
#workIndex{
	margin: 40px 0 0 0;
}
#work #contentColumn { width:750px; } 
#work h2 {margin-top:7px; margin-bottom:7px; }
#work p {
	margin: 14px 0 100px 4px;
}
#work .workhdr {
	display:block;
	width: 714px;
	border:0; 
    border-bottom: thin solid #999999;
	text-transform:uppercase;
	color:#666666; 
    font-size:10px; 
    font-stretch:expanded;
	margin: 0 0 12px 3px;
}
.workHome {
	float:left;
	width:220px;
    margin-right:30px;
}
#thankyou .workhdr {
	display:block;
	width: 750px;
	border:0; 
	color:#666666;  
    font-stretch:expanded;
}
.workclass #innercontainer { left:40px; width:820px; }
.workclass #contentColumn { width:213px; }
.workclass #supportColumn { margin-left:40px; width:567px; }

/*news*/
h3 {
	margin: 25px 0 8px 0; color:#333333;
	text-transform:uppercase; font-size:12px; font-weight:500;
}


#newsitems .newstype { color: #98002e; text-transform:uppercase; }
#newsitems li { margin-top:10px; color:#666666; }

.workclass #footer {margin-right:50px; }

#getFlash {
	width:90px;
	float:left;
	margin-left:-92px; margin-top:20px;
}