@charset "utf-8";

/* 
CSS Document for Red Magma
http://www.redmagma.com
*/

/* --- Style Reset -- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

body{
	background-image:url(../_img/background.gif);
	background-repeat: repeat-x;
	background-color: #000000;
	font-size: 62.5%;
	font-family: Arial, sans-serif;
}

p{
	margin-bottom: 5px;
	line-height: 17px;
}

#article p em{
	background: #666666; /* Safari */
	color:#FFF;
	padding: 0px 3px;
}

#article p strong{
	font-weight: bold;
}

::selection {
	background: #666666; /* Safari */
	color:#FFF;
	}
::-moz-selection {
	background: #666666; /* Firefox */
	color:#FFF;
}

sup{
	font-size: 0.8em;
	vertical-align: top;
}

sup a{
	color: #333;
	text-decoration:none;
	z-index:24;
	position:relative; /*this is the key*/
}

sup a:hover{
	z-index:25; 
}

sup a span{
	display: none
}

sup a:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em; left:2em; width:15em;
    background-color:#666; 
	color:#fff;
    text-align: center;
}


.clear{
clear: both;
}

#wrapper{	
	margin: 0 auto;
	width: 980px;
	background-color: #ffffff;
	background-image:url(../_img/background-content.gif);
	background-repeat: no-repeat;
	overflow: hidden;
	font-size: 1.2em;
	position: relative;
	padding-bottom: 15px;
}

#column1{
	width: 150px;
	display: block;
	float: left;
	min-height: 400px;
	padding-left: 26px;
}

#column1 a.logo{
	background-image:url(../_img/logo.gif);
	width: 91px;
	height: 85px;
	text-indent: -9999px;
	display: block;
}

#column2{
	width: 604px;
	display: block;
	float: left;
	min-height: 400px;
	padding: 0px 3px 0px 3px;
}

#column2.insights-home{
	width: 801px;
	padding: 0px 0px 0px 3px;
}

#column3{
	width: 174px;
	margin: 73px 0px 0px 20px;
	display: block;
	float: left;
	min-height: 400px;
}

ul#menu{
list-style: none;
margin-top: 50px;
}

ul#menu li a{
display:block;
height: 14px;
background-image:url(../_img/background-menu.gif);
text-indent: -9999px;
margin-bottom: 6px;
}

ul#menu li.about a{
	width: 56px;
}

ul#menu li.about a:hover{
	background-position: 0px -16px;
}

body#about ul#menu li.about a{
	background-position: 0px -32px;
}

ul#menu li.clients a{
	width: 64px;
	background-position: -62px 0px;
}

ul#menu li.clients a:hover{
	background-position: -62px -16px;
}

body#clients ul#menu li.clients a{
	background-position: -62px -32px;
}

ul#menu li.work a{
	width: 50px;
	background-position: -132px 0px;
}

ul#menu li.work a:hover{
	background-position: -132px -16px;
}

ul#menu li.insights a{
	width: 74px;
	background-position: -189px 0px;
}

ul#menu li.insights a:hover{
	background-position: -189px -16px;
}

body#insights ul#menu li.insights a{
	background-position: -189px -32px;
}

ul#menu li.contact a{
	width: 80px;
	background-position: -269px 0px;
}

ul#menu li.contact a:hover{
	width: 80px;
	background-position: -269px -16px;
}

body#contact ul#menu li.contact a{
	width: 80px;
	background-position: -269px -32px;
}



#column2 h1{
	font-family:"Century Gothic","Trebuchet MS", Arial, sans-serif;
	font-size: 1.0em;
	color: #c3262e;
	margin: 73px 0px 3px -4px;
	padding-bottom: 11px;
	display: block;
	font-weight: bold;
	text-transform:uppercase;
	background-image:url(../_img/background-doubleline.gif);
	background-repeat:repeat-x;
	background-position: 0px bottom;
}

#column2 ul#breadcrumbs{
	list-style: none;
	font-family:"Century Gothic","Trebuchet MS", Arial, sans-serif;
	font-size: 1.0em;
	color: #c3262e;
	margin: 73px 0px 4px -4px;
	padding-bottom: 7px;
	display: block;
	font-weight: bold;
	text-transform:uppercase;
	background-image:url(../_img/background-doubleline.gif);
	background-repeat:repeat-x;
	background-position: 0px bottom;
	overflow: hidden;
}

#column2 ul#breadcrumbs li{
	float: left;
	margin-right: 6px;
	letter-spacing: 1px;
}

#article{
	background-color: #f4f4f4;
	padding: 25px 0px 25px 0px;
	font-size: 1.0em;
	color: #666;
	position:relative;
	display: block;
	background-image:url(../_img/background-article.gif);
}

#article p{
	text-indent: 0px
}

#article.contact p{
	text-indent: 0px;
	margin-bottom: 15px;
}

#article.contact strong{
font-weight: bold;	
}

#article.contact h3{
font-weight: bold;
font-size: 1.1em;
color: #cf1010;
border-bottom: 5px solid #b0b0b0;
margin-bottom: 10px;
text-transform:uppercase;
padding-bottom: 2px;
}

#article .feature{
	display: block;
	margin: -25px 0px 25px 0px;
	overflow: hidden;
	text-align: right;
}

#article p.summary{
	font-size: 1.20em;
	color: #666;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-indent: 0px;
	margin-bottom: 15px;
}

#article cite.author{
	height: 37px;
	display: block;
	color: #333399;
	font-size: 0.8em;
	background-repeat: no-repeat;
	margin: 5px 0px 15px 0px;
	width: 165px;

}

#article cite.author img{
	float: left;
	border: 1px solid #333;
	margin-right: 4px;
}

#article cite.author a, #article cite.author a:visited{
	background-image:url(../_img/background-author.png);
	background-color:#333;
	background-position: 0px 3px;
	width: 118px;
	height: 28px;
	display: block;
	padding: 6px 0px 0px 5px;
	background-repeat: no-repeat;
	text-decoration:none;
	float: left;
	color: #333;
}

#article cite.author a strong,#article cite.author a:visited strong{
	color:#666666 !important;
}

#article cite.author a:hover{
	text-decoration: none;
	background-position: 0px -32px;
	color: #000 !important;
}

#article .col1{
width: 167px;
float: left;
padding:0px 30px 0px 20px;
}

#article .col2{
width: 174px;
float: left;
padding-right: 20px;
}

#article .col3{
width: 174px;
float: left;
padding-right: 18px;
}

#article h2{
color:#333;
font-size: 2.0em;
font-family:"Century Gothic","Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight: bold;
border-left: 8px solid #333;
padding-left: 10px;
line-height: 27px;
text-transform: uppercase;
margin: 0px 0px  18px -23px;
}

#article h2.continued{
color:#333;
font-size: 1.3em !important;
font-family:"Century Gothic","Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight: bold;
border-left: 8px solid #333;
padding-left: 10px;
text-transform: uppercase;
margin: 0px 0px 9px -23px;
}

#article blockquote{
	background-repeat: no-repeat;
	display: block;
	margin-left: -170px;
	text-indent: -9999px;
}

#briefing-summary{
background-color: #e0e0e0;
padding: 25px 7px 15px 17px;
font-size: 1.0em;
color: #666;
position:relative;
display: block;
float: left;
width: 363px;
margin: 0px 19px 25px 0px;
color: #231f20;
background-image:url(../_img/background-article.gif);
}

#briefing-summary p{
margin-bottom: 35px;
}

#briefing-summary #briefing-footer{
display: block;
padding: 0px 0px 5px 0px;
border-bottom: 1px solid #9c9c9c;
overflow: hidden;
}

#briefing-summary #briefing-footer .stars{
font-family:"Century Gothic","Trebuchet MS", Arial, Helvetica, sans-serif;
color: #cc0000;
font-size: 2em;
width: 100px;
float: left;
height: 15px;
line-height: 23px;
}

#briefing-summary #briefing-footer .stars em{
color: #333;
}

#briefing-summary #briefing-footer .published{
float: right;
width: 200px;
font-family:"Century Gothic","Trebuchet MS", Arial, Helvetica, sans-serif;
text-transform: uppercase;
text-align: right;
font-size: 0.9em;
color: #7f7f7f;
}

ul#pagination{
list-style: none;
float: right;
clear: both !important;
display: block;
bottom: 13px;
right: 13px;
position:absolute;
}

ul#pagination li{
float: left;
background-image:url(../_img/pagination-divider.gif);
background-repeat: no-repeat;
line-height: 12px;
padding: 0px 5px 0px 5px;
}

ul#pagination li a{
color: #939598;
text-decoration: none;
}

ul#pagination li a:hover{
color:#333;
}

ul#pagination li.selected a{
color: #000;
}

ul#pagination li.firstlast{
background-image:none;

}
#additions{
	margin: 17px 0px 0px 0px;
	padding-bottom: 20px;
	overflow: hidden;
}

#additions.sixty-sec{
	margin: 5px 0px 0px 0px;
	background-position: 392px 43px;
}

#additions .col1{
width: 167px;
margin: 0px 31px 0px 15px;
float: left;
overflow:hidden;
display: inline;
}

#additions .col2{
width: 390px;
margin: 0px 0px 0px 0px;
float: left;
overflow:hidden;
display: inline;
}

#additions.case-study .col2{
	width: 562px;
	margin: 0px auto;
	display: block;
	float:none;
}

#additions.sixty-sec .col1{
margin: 25px 0px 0px 0px;
width: 167px;
}

#additions h3{
margin-bottom: 10px;
border-bottom: 4px solid #d1d1d1;
font-family:"Century Gothic","Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 1.1em;
font-weight: bold;
padding-bottom: 4px;
color:#000;
}

#additions.sixty-sec h4{
	font-family:"Century Gothic","Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 2.0em;
	font-weight: bold;
	color: #cc0000;
	margin: 15px 0px 15px 0px;
	background-image:url(../_img/icon-60-large.gif);
	background-repeat:no-repeat;
	background-position: 0px 2px;
	padding-left: 32px;
}

#additions.sixty-sec h4 em{
	font-weight: normal;
	color: #000;
	font-style: normal;
}

#additions .col1 ul{
list-style: none;
}

#additions  .col1 ul li{
width: 145px;
float: left;
margin: 0px 0px 15px 0px;
font-size: 1.0em;
padding-right: 20px;
}

#additions .col1 ul li.right{
margin-right: 0px;
}

#additions .col1 ul li a{
display: block;
margin-bottom: 6px;
color: #cc3333;
background-image:url(../_img/external-link.gif);
padding-left: 21px;
background-repeat:no-repeat;
background-position: 0px 3px;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight: bold;
}

#additions .col2 ul{
list-style: none;
}

#additions  .col2 ul li{
margin: 0px 20px 15px 0px;
font-size: 1.0em;
line-height: 16px;
color: #666666;
background-repeat:no-repeat;
float: left;
width: 174px;
}

#additions  .col2 ul li a img{
border: 0px;
margin-bottom: 3px;
}

#additions  .col2 ul li.last{
margin: 0px 0px 15px 0px;

}

#additions .col2 ul li a, #additions .col2 ul li a:visited{
	color:#000;
	text-decoration:underline;
}

#additions .col2 ul li a:hover{
	color:#000;
	text-decoration:none;
}

#additions .col2 ul li a.title,#additions .col2 ul li a.title:visited{
margin-bottom: 4px;
color: #cc3333;
padding-left: 22px;
background-repeat:no-repeat;
background-position: 0px 0px;
height: 16px;
display: block;
line-height: 16px;
text-decoration: none;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight: bold;
}

#additions .col2 ul li a.title:hover{
	color:#000;
	text-decoration: none;
}

#additions .col2 ul li a.title em{
	color:#000;
	background-image:url(../_img/icon-line.gif);
	padding-left: 6px;
	background-repeat:no-repeat;
	background-position: 0px 2px;
	margin-left: 1px;
}

#additions .col2 ul li.briefing a.title{
background-image:url(../_img/icon-60.gif);
height: 19px;
line-height: 16px;
padding-left: 23px;
}

#additions .col2 ul li.case-study a.title{
background-image:url(../_img/icon-casestudy.gif);
}

#additions .col2 ul li.report a.title{
background-image:url(../_img/icon-report.gif);
}

ul#clients{
	background-image:url(../_img/clients.gif);
	width: 557px;
	height: 459px;
	list-style: none;
	text-indent: -9999px;
	margin-left:17px !important;
	display: block;
}

ul#clients ul{

	list-style: none;
	
}

#column3 h3{
	font-family:"Century Gothic","Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	color: #c3262e;
	padding-bottom: 8px;
	display: block;
	font-weight: bold;
	text-transform:uppercase;
	background-image:url(../_img/background-doubleline.gif);
	background-repeat:no-repeat;
	background-position: 0px bottom;
	margin-bottom: 3px;
}

#column3 ul{
list-style: none;	
}

#column3 ul li{
background-repeat: no-repeat;
padding: 0px 0px 8px 0px;
margin: 0px 0px 4px 0px;
border-bottom: 1px solid #999999;
font-size: 1.0em;
color: #666;
width: 174px;
display: block;
}

#column3 ul li img{
	margin-bottom: 4px;	
}

#column3 ul li.last{
border-bottom: 0px;
}

#column3 ul li a.title{
display: block;
font-size: 1.1em;
}


#column3 ul li a, #column3 ul li a:visited{
	color:#000;
	text-decoration:underline;
}

#column3 ul li a:hover{
	color:#000;
	text-decoration:none;
}

#column3 ul li a.title, #column3 ul li a.title:visited{
margin-bottom: 4px;
color: #cc3333;
padding-left: 22px;
background-repeat:no-repeat;
background-position: 0px 0px;
height: 16px;
display: block;
line-height: 15px;
text-decoration: none;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight: bold;
}

#column3 ul li a.title:hover, #column3 ul li.case-study a.title:hover, #column3 ul li a.title:hover{
	color:#000;
	text-decoration: none;
}

#column3 ul li.briefing a.title{
background-image:url(../_img/icon-60.gif);
height: 19px;
line-height: 18px;
}

#column3 ul li.case-study a.title{
background-image:url(../_img/icon-casestudy.gif);
}

#column3 ul li.report a.title{
background-image:url(../_img/icon-report.gif);
}

.author-popup{
padding-left: 150px;
background-repeat:no-repeat;
color: #666666
}

.author-popup strong{
margin-top: 30px;
font-family:"Century Gothic","Trebuchet MS", Arial, Helvetica, sans-serif;
color: #2d4190;
font-size: 1.3em;
font-weight: bold;
display: block;
}

.author-popup a.close{
text-transform:uppercase;
font-size: 0.8em;
background-image: url(../_img/icon-close.gif);
background-repeat:no-repeat;
height: 25px;
padding-right: 28px;
display: block;
width: 40px;
float: right;
background-position: top right;
line-height: 37px;
text-decoration: none;
color: #666;
}

.author-popup a.close:hover{
background-position: bottom right;
color: #666;
}

#insights-feature{
	background-image:url(../_img/insights-feature.jpg);
	width: 801px;
	height:311px;
	display: block;
	padding-top: 35px;
}

#insights-feature h2{
color:#c80000;
font-size: 2.6em;
font-family:"Century Gothic","Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight: bold;
border-left: 8px solid #c80000;
padding-left: 15px;
line-height: 27px;
text-transform: uppercase;
margin: 0px 0px  18px -4px;
height: 52px;
display: block;
}

#insights-feature p{
color:#c80000;
font-size: 1.4em;
font-family:"Century Gothic","Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight: bold;
padding-left: 10px;
line-height: 22px;
margin: 25px 0px  18px 15px;
height: 52px;
color: #666666;
width: 165px;
}

#insights-listings{
	margin-top:5px;
	padding-top: 33px;
	background-image:url(../_img/insight-listing-arrows.gif);
	background-position: 130px top;
	background-repeat: no-repeat;
	overflow: hidden;
	display: block;
	width: 603px;
	clear: both;
}

#insights-listings ul{
	list-style: none;
	background-image: url(../_img/background-article.gif);
	width: 172px;
	display: block;
	min-height: 400px;
	float: left;
	margin-right: 9px;
	padding: 10px 0px 5px 20px;
}

#insights-listings ul h3{
margin-bottom: 10px;
border-bottom: 4px solid #d1d1d1;
font-family:"Century Gothic","Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 1.1em;
font-weight: bold;
padding-bottom: 4px;
color:#000;
text-transform:uppercase;
color: #c80000;
}

#insights-listings ul ul{
	list-style: none;
	background-image: none;
	width: 170px;
	display: block;
	min-height: 0px;
	float: none;
	margin-right: 5px;
	padding: 0px 0px 0px 0px;
}

#insights-listings ul ul img{
	margin-bottom: 4px;
}

#insights-listings a{
	color:#000;	
}

#insights-listings a:hover{
	color:#000;	
	text-decoration: none;
}

#insights-listings ul ul li strong a{
	color:#C00;
	text-decoration: none;
	font-weight: bold;
	padding-left: 20px;
	display: block;
	margin-bottom: 7px;
	background-repeat: no-repeat;
	font-family:"Century Gothic","Trebuchet MS", Arial, Helvetica, sans-serif;
}

#insights-listings ul ul li{
	margin-bottom: 9px;
	border-bottom: 1px solid #999999;
	padding-bottom: 9px;
}

#insights-listings ul ul li.first{
}

#insights-listings ul#report ul li strong a{
	background-image: url(../_img/icon-report.gif);
}

#insights-listings ul#sixty-sec ul li strong a{
	background-image: url(../_img/icon-60.gif);
}

#insights-listings ul#case-study ul li strong a{
	background-image: url(../_img/icon-casestudy.gif);
	padding-bottom: 2px;
}

#how-to{
width: 176px;
position:absolute;
top: 500px;
right: 0px;
color: #666666;
}

#how-to h4{
text-transform: uppercase;
display: block;
border-bottom: 1px solid #666666;
padding-bottom: 1px;
margin-bottom: 5px;
font-family:"Century Gothic","Trebuchet MS", Arial, Helvetica, sans-serif;
}

#how-to a{
color:#000000;
}

#how-to p{
padding-right: 10px;
}

#careers-form{
	margin: 10px;
	padding: 0px;
}

#contact-form{
	margin: 10px;
	padding: 0px;
}

form#contact{
	background-image:url(../_img/background-contact.gif);
	padding: 20px;
	overflow: hidden;
}

form#contact label{
	font-family:"Century Gothic","Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 1.2em;
	font-weight: bold;
	text-transform:uppercase;
	display: block;
}

form#contact label em{
	color: #cc0000;
}

form#contact input{
	padding: 7px;
	border: 1px solid #c6c6c6;
	width: 300px;
	margin-bottom: 13px;
	background: #fff;
}

form#contact select{
	font-size: 14px;
	border: 1px solid #c6c6c6;
	width: 320px;
	margin-top: 2px;
	margin-bottom: 13px;
}

form#contact strong{
		font-weight: bold;
}

form#contact textarea{
	padding: 7px;
	border: 1px solid #c6c6c6;
	width: 530px;
	height: 100px;
	margin-bottom: 13px;
}

form#contact span.button input{
	width:70px;
	float: right;
	margin-bottom: 0px;
	
}

form#contact span{
	display: block;
}

#footer{
	width: 930px;
	padding: 25px;
	background-image: url(../_img/background-footer.gif);
	margin: 0 auto;
	color: #efefef;
	font-size: 1.2em;
	overflow: hidden;
	
}

#footer p{
float: left;	
}

#footer p.address{
float: right;	
}

#footer p.address.margin{
margin-right: 30px;	
}

/*Home styles */

body#home #wrapper{	
	background-image:url(../_img/background-home-the-smartphone-economy.jpg);
	background-color: #000;
	color: #FFF;
}

body#home #column2{
	width: 790px;
	display: block;
	margin-bottom: 120px;
}

body#home #column2 #report{
	width: 300px;
	margin-top: 120px;
	margin-left: 74px;
}

body#home ul#home-additions{
	display: block;
	margin: 0px 20px 40px 40px !important;
	list-style: none;
	overflow: hidden;
	width: 915px;
	clear: both;
	float: left;
}

body#home ul#home-additions li{
	width: 267px;
	float: left;
	margin-right: 25px;
	padding-right: 25px;
	display: block;
	color: #666666;
	border-right: 1px solid #262626;
}

body#home ul#home-additions li.last, body#home ul#home-additions li.last ul li{
	margin-right: 0px;
	padding-right: 0px;
	border-right: 0px !important;
}

body#home ul#home-additions h3{
	font-size: 1.4em;
	text-transform: uppercase;
	color: #cc0000;
	display: block;
	font-weight: bold;
	font-family:"Century Gothic","Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-bottom: 9px;
	padding: 10px 0px 0px 0px;
}

body#home ul#home-additions li.blue h3{
	color:#03adef;
	padding: 10px 0px 0px 45px;
	background-image:url(../_img/icon-graph.gif);
	background-repeat: no-repeat;
	margin-bottom: 9px;
	display: block;
}

body#home ul#home-additions li.white h3{
	color:#03adef;
	padding: 10px 0px 0px 55px;
	background-image:url(../_img/icon-sixty.gif);
	background-repeat: no-repeat;
	margin-bottom: 9px;
	display: block;
}

body#home #column2 #report h2{
	background-image:url(../_img/background-latest-report-new.gif);
	width: 123px;
	height: 30px;
	display: block;
	text-indent:-9999px;
	margin: 0px 0px 2px 92px;
}

body#home #column2 #report a{
	background-image:url(../_img/report-the-smartphone-economy.gif);
	width: 318px;
	height: 125px;
	display: block;
	text-indent:-9999px;
}

body#home ul#menu li.about a{
	width: 56px;
	background-position: 0px -47px;
}

body#home ul#menu li.about a:hover{
	background-position: 0px -62px;
}

body#home ul#menu li.clients a{
	width: 64px;
	background-position: -62px -47px;
}

body#home ul#menu li.clients a:hover{
	background-position: -62px -62px;
}

body#home ul#menu li.work a{
	width: 50px;
	background-position: -132px -47px;
}

body#home ul#menu li.work a:hover{
	background-position: -132px -62px;
}

body#home ul#menu li.insights a{
	width: 74px;
	background-position: -189px -47px;
}

body#home ul#menu li.insights a:hover{
	background-position: -189px -62px;
}

body#home ul#menu li.contact a{
	width: 80px;
	background-position: -269px -47px;
}

body#home ul#menu li.contact a:hover{
	width: 80px;
	background-position: -269px -62px;
}

body#home #column1 a.logo{
	background-image:url(../_img/logo-home.gif);
}

body#home #footer{
	background-image: url(../_img/background-footer-home.gif);
	background-repeat:repeat-x;
	color: #626262;
	background-color:#000;
	
}

body#home ul#home-additions li a{
	display: block;
	padding-left: 20px;
	background-repeat:no-repeat;
	color:#FFF;
	margin-bottom: 3px;
	background-position: 3px 3px;
}

body#home ul#home-additions li p a{
	display: inline;
	padding: 0px;
	margin: 0px;
	background-image: none !important;
	color: #fff;
}

#tweet .loading{
	background-repeat: no-repeat;
	margin-top: 20px;
}

#tweet .loading img{
	float: left;
	width: 28px;
	height: 28px;
	margin-right: 8px;
}

#tweet .loading a{
	padding-left: 30px;
}

body#home ul#home-additions li.blue p{
	color: #03adef;
}
body#home ul#home-additions li.blue p strong{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.5em;
	font-style:italic;
	display: block;
	margin-bottom: 4px;
	font-weight: normal;
}

body#home ul#home-additions li.white a{
	background-image: url(../_img/icon-white-arrow.gif);
}

body#home ul#home-additions li.red a{
	background-image: url(../_img/icon-red-arrow.gif);
	color: #ff0000;
}

body#home ul#home-additions li.blue p a{
	color: #03adef;
	text-decoration:none;
}

body#home ul#home-additions li.blue p a:hover{
	text-decoration:underline;
}

body#home ul#home-additions li.blue p em{
	text-transform: capitalize;
	font-size: 0.9em;
	font-weight: bold;
}

body#home #tweet{
	height: 85px;
	display: block;
}

body#home #tweet-links a{
	float: left;
	color: #999999 !important;
	padding-left: 20px;
	overflow: hidden;
	background-repeat:no-repeat;
	text-decoration:none;
	margin-top: 4px;
	padding-bottom: 3px;
	
}

body#home #tweet-links a:hover{
	text-decoration: underline;
	
}

body#home #tweet-links a.rss{
	background-image:url(../_img/icon-rss.gif);
	margin-right: 15px;
}

body#home #tweet-links a.twitter{
	background-image:url(../_img/icon-twitter.gif);
	padding-left: 30px;
}

#imageslider {
	width: 600px;
	height: 275px;
	background: #ccc;
}

#work-listings{
	margin-top:5px;
	padding-top: 33px;
	background-image:url(../_img/insight-listing-arrows.gif);
	background-position: 130px top;
	background-repeat: no-repeat;
	overflow: hidden;
	display: block;
	width: 603px;
	clear: both;
}

#work-listings ul{
	list-style: none;
	background-image: url(../_img/background-article.gif);
	width: 172px;
	display: block;
	min-height: 400px;
	float: left;
	margin-right: 9px;
	padding: 10px 0px 5px 20px;
}

#work-listings ul h3{
margin-bottom: 10px;
border-bottom: 4px solid #d1d1d1;
font-family:"Century Gothic","Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 1.1em;
font-weight: bold;
padding-bottom: 4px;
color:#000;
text-transform:uppercase;
color: #666;
}

#work-listings ul ul{
	list-style: none;
	background-image: none;
	width: 170px;
	display: block;
	min-height: 0px;
	float: none;
	margin-right: 5px;
	padding: 0px 0px 0px 0px;
}

#work-listings ul ul img{
	margin-bottom: 4px;
}

#work-listings a{
	color:#000;	
}

#work-listings a:hover{
	color:#000;	
	text-decoration: none;
}

#work-listings ul ul li strong a{
	color:#666;
	text-decoration: none;
	font-weight: bold;
	display: block;
	margin-bottom: 7px;
	background-repeat: no-repeat;
	font-family:"Century Gothic","Trebuchet MS", Arial, Helvetica, sans-serif;
}

#work-listings ul ul li{
	margin-bottom: 9px;
	border-bottom: 1px solid #999999;
	padding-bottom: 9px;
}

#work-listings ul ul li.first{
	
}

#work-listings ul ul a.first{
	color:#c00;
}

#work-listings ul#report ul li strong a{
	background-image: url(../_img/icon-report.gif);
}

#work-listings ul#sixty-sec ul li strong a{
	background-image: url(../_img/icon-60.gif);
}

#work-listings ul#case-study ul li strong a{
	background-image: url(../_img/icon-casestudy.gif);
	padding-bottom: 2px;
}

.work-client-list {
	position: relative;
    background-image: url(../_img/linear_gradient.gif);// fallback image
	list-style: none;
	right: -1px;
	padding: 0 0 60px 0;
	border-bottom: 1px solid #ccc;
}

#column3 ul.work-client-list li {
	height:86px;
	width:174px;
	padding: 0;
	margin: 0;
	border-bottom: 0;
}

#column3 ul.work-client-list li.albiero{
	background-image: url(../_img/logos/logo_albireo.png);
}
#column3 ul.work-client-list li.argiva{
	background-image: url(../_img/logos/logo_argiva.png);
}
#column3 ul.work-client-list li.astrazeneca{
	background-image: url(../_img/logos/logo_astrazeneca.png);
}
#column3 ul.work-client-list li.ea{
	background-image: url(../_img/logos/logo_ea.png);
}
#column3 ul.work-client-list li.fujitsu{
	background-image: url(../_img/logos/logo_fujitsu.png);
}
#column3 ul.work-client-list li.orange{
	background-image: url(../_img/logos/logo_orange.png);
}
#column3 ul.work-client-list li.pag{
	background-image: url(../_img/logos/logo_pag.png);
}
#column3 ul.work-client-list li.universal{
	background-image: url(../_img/logos/logo_universal.png);
}
#column3 ul.work-client-list li.wyeth{
	background-image: url(../_img/logos/logo_wyeth.png);
}


/* These are standard sIFR styles... do not modify */

/*****************************************************************************
scalable Inman Flash Replacement (sIFR) version 3.

Copyright 2006 – 2008 Mark Wubben, <http://novemberborn.net/>

Older versions:
* IFR by Shaun Inman
* sIFR 1.0 by Mike Davidson, Shaun Inman and Tomas Jogin
* sIFR 2.0 by Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben

See also <http://novemberborn.net/sifr3> and <http://wiki.novemberborn.net/sifr3>.

This software is licensed and provided under the CC-GNU LGPL.
See <http://creativecommons.org/licenses/LGPL/2.1/>
*****************************************************************************/

@media screen {
  .sIFR-flash {
    visibility: visible !important;
    margin: 0;
    padding: 0;
  }
  
  .sIFR-replaced, .sIFR-ignore {
    visibility: visible !important;
  }
  
  .sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
  }
  
  .sIFR-active #article h2 {
    font-size: 2.5em;
  }
  
  .sIFR-replaced div.sIFR-fixfocus {
    margin: 0pt; 
    padding: 0pt; 
    overflow: auto; 
    letter-spacing: 0px; 
    float: none;
  }
}

@media print {
  .sIFR-flash {
    display    : none !important;
    height     : 0;
    width      : 0;
    position   : absolute;
    overflow   : hidden;
  }
  
  .sIFR-alternate {
    visibility : visible !important;
    display    : block   !important;
    position   : static  !important;
    left       : auto    !important;
    top        : auto    !important;
    width      : auto    !important;
    height     : auto    !important;
  }
}

/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {
  /* Example:
  .sIFR-active h1 {
    font-family: Verdana;
    visibility: hidden;
  }
  */
}