body {
    background-color:#e1e1e1;    
}

#pageWrap {
	background-color:#ffffff;
}

/* Cross Section Styles */
a {
	text-decoration: none;
	color: #999999;
}

a:hover {
	color: #333333;
}

p, ul.contactList address {
	color: #666;
}

ul.imageLists {
	list-style: none;
	padding: 0;
	margin: 0 auto;
    width: 894px;
}

ul.imageLists li {
    width: 122px;
	padding: 20px 0px 0px 32px;
	margin: 0px;
	float: left;
}

.noLeftPadding {
	padding-left: 0px !important;
}

#contactTop ul.imageLists li {
	padding: 0 31px 0 0;
	margin: 0;
}

ul.imageLists li a,
ul.imageLists li span {
	text-indent: -10000px;
	width: 117px;
	height: 53px;
	display: block;
}

p.positionLink {
	position: absolute;
	text-align: right;
	top: 30px;
	right: 0px;
	z-index: 10;
}

p.positionPrevLink {
	position: absolute;
	text-align: left;
	top: 30px;
	right: 95px;
	z-index: 10;
}

a.nextpreviousLink, a.nextLink, p.nextLink {
	background: url(../img/arrowRight.gif) center right no-repeat;
	text-decoration: none;
	padding-right: 12px;
	font-weight: bold;
	color: #999999;
}
a.nextpreviousLink {
    font-size: 87%;
}
#projectTxt a.nextpreviousLink {
    font-size: 85%;
}
.positionPrevLink a.prevLink {
    font-size: 87%;
}

a.nextpreviousLink:hover, a.nextLink:hover {
	color: #333333;
}

a.prevLink, p.prevLink,
a.backLink {
	background: url(../img/arrowLeft.gif) center left no-repeat;
	text-decoration: none;
	padding-left: 12px;
	font-weight: bold;
	color: #999999;
}

a.backLink:hover, a.prevLink:hover {
	color: #333333;
}
p.backLink a.backLink {
	color: #999999;
}

p.backLink a.backLink:hover {
	color: #333333;
}

p.backLink{
    padding: 10px 0 0 0;
}

#newsContent p.backLink{
    padding: 10px 0 7px 0;
}

p.nextLink, p.prevLink {
    color: #CCCCCC;
}

.marginB30 {
	margin-bottom: 20px !important;
}

.txtAlignL{
	text-align: left;
}

.txtAlignR{
	text-align: right;
}

.clearAll {
	clear: both;
}

/* header styles */

#header {
    background-color: #9B0B16;
    width: 100%;
    height:102px;
}

#header .logo .logoRed {
	position: relative;
	top: -10000px;
	display: none;
	visibility: hidden;
}

.headContent {
    margin: 0 auto;
    text-align: left;
    width: 950px;
    padding-top:20px;
}

.headContent img {
    float:left;
}

.headContent h1 {
	float: left;
    margin:0;
}

/* navigation styles */

div.mainnav {
	float:right;
	margin: 13px 0 0 0;
}

ul.nav {
    list-style:none;
}

ul.nav li {
    float:left;
    font-family:'Georgia', Arial, Sans-Serif;
    font-size:112.5%;
    text-align:left;
    margin-left: 24px;
}
ul.nav li.first {
    margin-left: 0px;
}

ul.nav li a {
    color:#ffffff;
    padding-bottom: 2px;
    display:inline-block; /* for IE */
}

ul.nav li a:hover, ul.nav li a.selected {
    border-bottom:1px solid #C36D73;
}

/* interested in content styles */

#interestedInWrap{
    background-color: #e1e1e1;
    width: 100%;
    overflow: hidden;
}

.interestedInContent {
    margin: 0 auto;
    text-align: left;
    width: 950px;
    padding-top:15px;
    font-family: 'Georgia',Arial,Sans-Serif;
}

.interestedInContent .projectlist{
    float:left;
    width:500px;
    padding-top:5px;
}

.interestedInContent .sortFilter a {
    color: #9b0b16;
    font-style:italic;
    font-size:112.5%;
    font-family: 'Georgia',Arial,Sans-Serif;
}   

#interestedInWrap.list{
    background-color: #e1e1e1;
    width: 100%;
}

#interestedInWrap.list #interestedInContentFirst 
{
	margin-bottom: 20px;
}

#interestedInWrap.list .interestedInContent {
    margin: 0 auto;
    text-align: left;
    width: 950px;
    padding-top:15px;
}

#interestedInWrap.list #interestedInContentFirst .interestedInContent {
	margin-bottom: 30px;
}

#interestedInWrap.list #interestedInContentSecond 
{
	margin-bottom: 25px;
}

#interestedInWrap.list .interestedInContent ul{
    list-style:none;
    padding:0;
    margin:0;
}

#interestedInWrap.list .interestedInContent ul li{
   margin-bottom:10px;
   color:#373534;
   font-size:75%;
}

#interestedInWrap.list .interestedInContent .sortBy ul li
{
	font-size: 150%;
}

#interestedInWrap.list .interestedInContent ul li input{
    margin-right:8px;
    margin-top: 0px;
    float: left;
    padding: 0px;
}
#interestedInWrap.list .interestedInContent ul li span {
    float: left;
	width: 161px;
	color: #373534;
    display: block;
    
}

#interestedInWrap.list .interestedInContent .sortBy ul li input{
    margin-right:14px;
    margin-top: 7px;
}

#interestedInWrap.list .interestedInContent h2 {
    font-family: 'Georgia',Arial,Sans-Serif;
    font-size: 150%;
    font-weight:normal;
    color:#373534;
    display:block;
}

#interestedInWrap.list .interestedInContent h3 {
    font-family: 'Georgia',Arial,Sans-Serif;
    font-size: 150%;
    font-weight:normal;
    color:#373534;
    float:left;
    width:180px;
}

#interestedInWrap.list .interestedInContent .sortBy h3 {
	margin-bottom: 16px;
}

#interestedInWrap.list .interestedInContent .projectlist{
    float:left;
    width:500px;
    padding-top:5px;
}

#interestedInWrap .interestedInContent .sortFilter {
    float:right;
    width: 162px;
    color: #9b0b16;
    font-style:italic;
    text-align: right;
    margin-top: 3px;
}   

#interestedInWrap form .interestedInContent .sortFilter {
    width: 118px;
}

#interestedInWrap .interestedInContent .sortFilter a {
    padding-right: 37px;
}

#interestedInWrap .interestedInContent .sortFilter a {
    background:url(../img/arrowDownRed.gif) 100% 2px no-repeat;
}   

#interestedInWrap form .interestedInContent .sortFilter a {
    background:url(../img/arrowTopRed.gif) 100% 2px no-repeat;
}

#interestedInWrap.list .interestedInContent .sortBy {
    width:175px;
    float:left;
    padding-top:0;
    margin-top:0;
}


#interestedInWrap.list .interestedInContent .sortFilter a {
    color: #9b0b16;
    font-style:italic;
    font-size:112.5%;
} 

#interestedInWrap.list .interestedInContent .listing{
    float:left;
    width:630px;
}

#interestedInWrap.list .interestedInContent .listing ul{
    float:left;
    width:210px;
}

.sortBtn {
    padding: 160px 0px 0 0;
    float:left;
}

p.btnContainer input {
    background: url("../img/btn_applyFilters.gif") no-repeat scroll 0px 0px transparent;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 87.5%;
    font-weight: bold;
    height: 32px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    font-family:Arial;
    width:118px;
    border: 0px solid #e1e1e1;
}
/* main content styles */

#content {
	text-align:left; 
	margin:0 auto;
	width:950px;
	padding:30px 0 0 0;
	position: relative;
}

.topBanner {
    padding: 0 0 40px 0;
}

.moreLinks {
    margin:0;
    display: block;
    float: right;
    margin-bottom: 0px;
    text-align: right;
    width: 250px;
}

.moreLinks a {
    color:#373634;
    background: url(/img/redarrowright.png) bottom right no-repeat;
    padding-right:14px;
    font-weight: bold;
    font-family:'Arial', Georgia, Sans-Serif;
    margin-right:12px;
    font-size:12px !important;
}

#news p.moreLinks {
	width: 140px;
}

.contactList .moreLinks {
    text-align: left;
    width: auto;
}

.tagsContainer .moreLinks {
	clear: both;
	float: left;
	text-align: left;
	width: auto;
}

.caseStudyTop .moreLinks {
	width: auto;
}

.moreLinks.leftArrow a,
a.redArrowLink.leftArrow {
    background: url(/img/redarrowleft.png) bottom left no-repeat;
    padding-left:14px;
}

.pageNum, .pageNum a {
    color:#373634;
    font-family:'Arial', Georgia, Sans-Serif;
    font-weight: bold;
    font-size:12px !important;
    padding: 0px 2px;
}

#homeContent #intro p strong,
#homeContent #intro p a {
	font-weight: normal;
	color: #373534;
}

.msSurface p.sSubIntro a {
	font-weight: bold;
	color: #373534;
}

.moreLink,
.redArrowLink,
#projectTxt p.url a,
#partners p.url a,
ul.socialCycle li a span,
.sharepopupbottom ul li a span {
    color:#373634;
    font-family:'Arial', Georgia, Sans-Serif;
    background: url(/img/redarrowright.png) bottom right no-repeat;
    padding-right:14px;
    font-weight: bold;
    font-size:12px !important;
    line-height: 110%;
}

ul.socialCycle li a span {
    background: url(/img/redarrowlarge3.png) bottom right no-repeat;
    padding-right:18px;
}

#intro .moreLinks a {
    font-size:50%;
    color:#373634;
    font-family:'Arial', Georgia,Sans-Serif;
    margin-right:21px;
    position:relative;
    bottom:-4px;
    font-weight: bold !important;
}

#intro .moreLinks {
    float:right;
    display:block;
}

.talkContact a,
.largetext a,
.contactfeeds ul.socialIcons li a span,
.newsItem a {
    background: url(/img/redarrowlarge.png) bottom right no-repeat;
    padding-right: 18px;
}

.sidebarfeeds ul.socialIcons li a span {
    background: url(/img/redarrowlarge2.png) bottom right no-repeat;
    padding-right: 18px;
}

.newsItem .newsImage a {
	background: none;
}

.talkContact a,
.largetext a {
    color:#373634;
}

.moreLink,
.moreLinks a:hover,
#intro .moreLinks a:hover,
.talkContact a:hover,
.largetext a:hover,
.redArrowLink:hover,
#projectTxt p.url a:hover,
#partners p.url a:hover,
#sideCol ul.tagCloud a:hover,
.pageNum,
.pageNum a:hover,
#news div.headlineItem h3 a:hover,
.recentposts div.headlineItem h3 a:hover,
#homeContent #intro p a:hover,
.approach .approachtags ul li a:hover,
.approach a:hover,
.msSurface p.sSubIntro a:hover,
ul.socialCycle li a:hover,
.contactfeeds ul.socialIcons li a:hover,
.sidebarfeeds ul.socialIcons li a:hover,
.sharepopup .sharepopupbottom ul li a:hover,
a.containerlink:hover span.link {
    color: #9b0b16 !important;
}

.sectionTop .moreLinks a {
    bottom: -11px;
    position: relative;
    line-height: 110%;
    text-align: right;
}

#footer .moreLinks {
	margin-top: 2px;
	clear: both;
	text-align: left;
}

#homeContent {
    margin-bottom:60px;
}

#homeContent #intro {
	width: 545px;
	float: left;
}

.newtemplate p {
	line-height: 150%;
}
p.intro,
p.introTxt,
p.introtext {
    color: #737171;
	margin: 0 0 60px;
	line-height: 130%;
	font-size: 150%;
    font-family: 'Georgia',Arial,Sans-Serif;
}
p.introtext {
	margin: 0 0 10px 0;
}

#newsContent p.intro {
	margin: 0 0 20px;
}

#intro p {
	color: #737171;
	margin: 0;
	line-height: 132%;
	font-size: 137.5%;
    font-family: 'Georgia',Arial,Sans-Serif;
}

#intro p.introextra {
	padding-top: 10px;
}

p.introTxt {
    padding: 0;
    clear: both;
    margin-top: 0px;
    margin-bottom: 20px;
}

#news {
    float:right;
    width:357px
}

#news ul {
	list-style-type: none;
	margin: -9px 0 0 0;
	padding: 0;
	font-weight: bold;
}

#sideCol .recentposts {
	margin-bottom: 15px;
}

#news li,
#sideCol .recentposts ul li {
    font-size: 75%;
    clear: both;
    margin-bottom: 5px;
}


#sideCol .recentposts ul li a {
    display: block;
    float: right;
    margin-top: 1px;
    margin-right: 20px;
    text-decoration: none;
    width: 258px;
    clear:both;
}

#news div.headlineItem {
    border-bottom: 1px solid #BABABA;
    margin-top: 15px;
}

#news div.headlineItem h3 {
    margin-bottom: 4px;
}

#news div.headlineItem h3 a,
.recentposts div.headlineItem h3 a {
    color: #373534;
    font-family: 'Georgia',Arial,Sans-Serif;
    font-size: 87.5%;
    font-weight: normal;
    display: inline;
    padding-right:14px;
    margin-bottom: 15px;
    background: url(/img/redarrowright.png) bottom right no-repeat;
	line-height: 120%;
}

.recentposts div.headlineItem h3 a {
    font-size: 100%;
    background: url(/img/redarrowright.png) bottom right no-repeat;
}

.recentposts div.headlineItem p,
#news div.headlineItem p {
    color: #666666;
    font-size: 75%;
    font-family:'Arial', Georgia, Sans-Serif;
    line-height: 150%;
}

#sideCol .recentposts ul li a {
    color: #737171;
    font-family: 'Georgia',Arial,Sans-Serif;
    font-size: 14px;
    font-weight: normal;
	color: #666666;
}

#news li a:hover,
#sideCol .recentposts ul li a:hover {
	color:#9b0b16;
}

#news li span 
{
}
#sideCol .recentposts ul li span {
    padding-left: 6px;
    padding-right: 12px;
}

#sideCol .recentposts ul li span {
	color: #373737;
}

#news .scrollControls {
	position: relative;
	padding-top: 7px;
	height: 152px;
	float: left;
}

#news .scrollControls ul,
#news .scrollControls li {
	padding: 0;
	margin: 0;
}

#news #sBtm {
	position: absolute;
	bottom: 0px;
}

#latestWork {
    clear:both;
    margin-bottom: 60px;
}

#latestWork div.columns2 {
    float: left;
    width: 577px;
}

#latestWork div.columns2,
#latestWork div.columns3 {
	margin: 0 0px 0px 0;
}

#latestWork div.clientText {
    float: left;
    width: 263px;
    padding-right: 50px;
}

#latestWork div.clientText p {
	color: #666666;
}

.latestWorkItems{
    clear: both;
    float: left;
}

/* WORK ROWS */

.row {
	margin-bottom: 10px;
}

.row ul, .row li {
	list-style: none;
	padding: 0;
	margin: 0;
}

.row li {
    width: 262px;
	padding: 19px 82px 0px 0;
	float: left;
}

.row ul.first li {
	padding-top: 0;
}

.row li.last {
	padding-right: 0;
	background: none;
}

.row a img {
	border-bottom: solid #ffffff 1px !important;
}

.row a {
    background: url("../img/arrow.gif") no-repeat scroll right bottom #F0F0F0;
    color: #333333;
    display: block;
}

.row a:hover {
	background: #6b6b6b url(../img/arrowOvr.gif) bottom right no-repeat;
}

.row a span {
	font-size: 100% !important;
	color: #333333;
	display: block;
	padding: 7px 10px;
	font-weight: bold;
	background-color:#e1e1e1;
    background: url("../img/spriteIcons.png") no-repeat scroll 128% -150px #e1e1e1;
}

.row a:hover span {
	color: #e1e1e1;
	background: url("../img/spriteIcons.png") no-repeat scroll 128% -300px #333333;
}

.row a span span, .row a:hover span span {
	background: none;
}

.row a span span {
	padding: 0px;
	font-weight: normal;
	color: #666666;
	line-height: 115%;
}

#latestWork h2.widthDivider {
	border-top: solid #e3e2e2 1px;
	margin: 0;
}

#latestWork p.tagline2 {
    float: left;
    width: 890px;
	border-top: 1px solid #e3e2e2;
	padding: 20px 0 0 0;
	margin: 0;
}

.noborder {
	background-image: none;
}

.no_border,
#blogContent .blogEntry.vacancy {
	border-top: 0px solid #FFFFFF !important;
	border-bottom: 0px solid #FFFFFF !important;
	border-left: 0px solid #FFFFFF !important;
	border-right: 0px solid #FFFFFF !important;
	border: 0px solid #FFFFFF !important;
}

.noborder li {
	padding-bottom: 0;
}

#talkToUs {
    clear:both;
    margin-bottom:20px;
}

.talkLeft {
    float:left;
    width:490px;
}

.talkLeft p {
	line-height: 140%;
	margin-bottom: 0px;
}

.talkLeft p.talkContact {
	line-height: 110%;
	margin: 10px 0 0 0;
}

.talkRight {
    float:right;
}

.talkContact {
    font-family: 'Georgia',Arial,Sans-Serif;
    font-size:24px;
    color: #737171;
    width:370px;
    margin-bottom:0px;
}

/* footer styles */
#footer {
    clear: both;
    color: #ABABAB;
    margin: 0 auto;
    width: 950px;
    padding:30px 0 40px;
    color:#363636;
    font-size:11px;
}

.footerAdd {
    float:left;
    font-style:normal;
    margin:0 24px 0 0;
    font-size:11px;
}

#footer ul {
    float:left;
    margin: 14px 24px 0 0;
    padding:0;
    list-style:none;
    font-size:11px;
}
#footer ul li {
    font-size:11px;
}

#footer ul.footerLinks {
	margin-top: 11px;
}

ul.breadcrumb {
	background: url(../img/hDivider.gif) bottom left repeat-x;
	padding: 0;
	margin: 0;
	display: block;
	height: 20px;
	font-size: 100%;
}

ul.breadcrumb li {
	background: url(../img/breadcrumbDivider.gif) top right no-repeat;
	padding-bottom: 10px;
	padding-right: 15px;
	list-style: none;
	float: left;
	font-size: 70%;
}

ul.breadcrumb li a {
	text-decoration: none;
	color: #999999;
	padding: 0;
	margin: 0;
}

ul.breadcrumb li a:hover {
	color: #333333;
}

p.tagline {
	color: #999999;
	font-size: 112%;
	margin: 0;
	padding: 0;
}

p.tagline2 {
	color: #737171;
	font-size: 150%;
	margin: 0;
    padding: 20px 0 60px;
	clear: both;
	line-height: 1em;
    font-family: 'Georgia',Arial,Sans-Serif;
}

p.tagline2 a {
	text-decoration: none;
	color: #666;
}

p.tagline2 a:hover {
    color:#9b0b16;
}

.imageFrame{
	float: left;
	padding: 15px;
	display: block;
}

#projectTxt h3 {
	color: #333333;
	font-size: 125%;
	font-family: 'Georgia', Arial, Sans-Serif;
	margin: 0;
	padding: 0 0 15px 0;
	font-weight:normal;
}

/* partner styles */

#partners {
	clear: both;
	float: left;
	width: 100%;
	margin-bottom:40px;
}

#partners h2 {
	color: #333;
	font-size: 150%;
	margin: 0;
	padding: 15px 0;
}

#partners .partner {
	margin: 0;
	padding: 0;
	float: left;
	margin-bottom: 20px;
}

#partners .partner .imageFrame{
	float: left;
	padding: 0px 15px 15px 0;
	display: block;
}

#partners .partner .imageFrame img {
    border: 1px solid #ccc;
}

#partners .partner .partnerTxt{
	float: left;
	width: 500px;
	margin: 0 0 0 40px;
	padding: 0;
}

#partners .partner .partnerTxt h2 {
	color: #333;
	font-size: 125%;
	margin: 0;
	padding: 0 0 15px 0;
	font-family: 'Georgia', Arial, Sans-Serif;
	font-weight:normal;
}

#partners .partner .partnerTxt p {
	font-size: 75%;
}

/* contact page styles */

ul.contact {
	list-style-type: none;
	line-height: 1.4em;
	font-size: 126%;
	color: #333333;
	padding: 0;
	margin: 0;
}

ul.contact li {
	list-style-type: none;
	line-height: 1.3em;
}

.contact a,
.contact a:link,
.contact a:active,
.contact a:visited {
	color: #333;
	text-decoration: none;
}

.contact a:hover {
    color: #c33;
}

.contactText{
    float: left;
    width: 380px;
    padding-bottom: 20px;
}

#pressText {
    float: left;
    width: 380px;
    padding-bottom: 150px;
}

#pressText p.introTxt a,
#pressText p.introTxt a:link,
#pressText p.introTxt a:active,
#pressText p.introTxt a:visited {
    font-weight: normal;
    color: #666666;
}

#pressText p.introTxt a:hover {
    color: #c33;
}

#myMap {
    position:relative !important;
    height:270px !important;
    width:950px !important;
    overflow: hidden !important;
}

.veMapNoImage{
    width: 392px;
    height: 326px;
	margin: 20px 0 20px 40px;
	padding: 14px;
	float: right;
	display: block;
}

.veMap {
	background-color: #e1e1e1;
	margin: 0 0 60px 0;
}

.name{
	padding-bottom: 18px;
}

.name, li span {
	color: #999;
}

.name span {
	color: #333;
	display: block;
}

li.email {
	padding-top: 14px;
}	

.map {
	float: right;
	border: 14px solid #e1e1e1;
	margin: 30px 0 0 10px;
}

/* team styles */

#photoGrid {
    float: left;
    margin: 17px 0 55px 0;
}

ul.team{
	margin: 0;
	padding:0;
}

ul.team li{
	display: inline;
}

.team img {
	float: left;
	width: 98px;
	height: 75px;
	padding: 0 6px 6px 0;
}

#sideCol ul.communityPics {
    list-style:none;
    margin: 25px 0 30px 0;
    padding: 15px 0 0 0px !important;
    border-top: solid 1px #CCC;
}

.communityPics li {
    float:left;
    margin-right:13px;
    margin-top: 15px;
    padding-top: 104px !important;
}

.communityPics li.last {
    margin-right:0px;
}

.communityPics img {
	float: left;
	margin-bottom: 1px;
  
}

.communityPics span {
	float: left;
    background-color: #E1E1E1;
    color: #333333;
    display: block;
    font-size: 100% !important;
    font-weight: bold;
    padding: 7px 10px;
    width: 288px;
}

.teamquote .teamquoteperson {
	float: left;
	width: 110px;
}

.teamquote .teamquotetop {
	float: left;
	width: 212px;
	position: relative;
	top: -12px;
	margin-bottom: -12px;
}

.teamquote .teamquotetop {
	background: url(../img/teamquote.gif) left top no-repeat;
}

.teamquote .teamquotebottom {
	background: url(../img/teamquote.gif) left bottom no-repeat;
}

.teamquote .teamquotetop p {
	color: #666;
	font-size: 118.75%;
	font-family: 'Georgia', Arial, Sans-Serif;
	font-style: italic;
	padding: 7px 7px 7px 7px;
	margin: 0;
	line-height: 130%;
}

.teamquote .teamquoteperson p {
	margin: 0px;
}

.teamquote .teamquoteperson p.teamquoteimage {
	margin-bottom: 10px;
}

.teamquote .teamquoteperson p.teamquotetitle {
	color: #373534;
	font-weight: bold;
	margin-bottom: 3px;
}

/* Project Pages */

.project {
	background-color: #e1e1e1;
	margin: 0 47px 60px 0;
	text-align: center;
	padding: 20px 0px;
	width: 421px;
	float: left;
}

.project img.main,
.project div.main {
	padding-bottom: 21px;
	float: none;
}

#projectTxt {
	width: 419px;
	float: left;
	margin-bottom: 60px;
}

#projectTxt h2 {
	margin-bottom: 0;
	font-size: 70%;
	color: #333333;
}

#projectTxt p.inbrief,
#projectTxt ul.inbrief li {
	font-size: 70%;
	color: #999999;
}

#projectTxt ul.inbrief {
	padding-top: 0;
	padding-left: 0;
	margin-left: 0;
	margin-top: 0;
	font-size: 70%;
}

#projectTxt ul.inbrief li {
	line-height: normal;
	list-style: none;
	display: inline;
	font-size: 100%;
	padding: 0;
	margin: 0;
}

#projectTxt #projectBottom {
    float: left;
	width: 419px;
	border-top: 1px solid #BABABA;
	padding: 11px 0px 0px 0px;
	margin-bottom: 20px;
}

#projectTxt p.next {
	float: right;
	text-align: right;
	font-size: 82%;
}

#projectTxt p.url,
#partners p.url {
	float: left;
	margin: 0;
	font-size: 70%;
	font-weight: bold;
}

.footerLinks li.url a
{
	padding: 0px 0 0px 10px;
	font-weight: bold;
	background: url(../img/arrowFooter.gif) 0px 2px no-repeat;
}

#projectTxt p.url {
    width: 310px;
    display: block;
}

#projectTxt p {
	font-size: 75%;
	line-height: 150%;
	color: #666666;
}

blockquote {
	background: url(../img/quote.gif) top left no-repeat;
	margin-bottom: 0;
	margin-top: 15px;
	padding-left: 61px;
	font-size: 150%;
	color: #999999;
	display: block;
	width: 355px;
	min-height: 69px;
}

blockquote p.quotetext {
	margin-bottom: 5px;
	font-family: 'Georgia', Arial, Sans-Serif;
	font-style: italic;
}

blockquote p.quotedetails cite {
	font-style: normal;
	font-weight: bold;
	color: #333333;
	font-size: 66.67%;
	display: block;
	line-height: 150%;
}

blockquote p.quotedetails cite span {
	font-weight: normal;
	color: #999999;
	display: block;
}

ul.clientList {
	padding-right: 50px;
}

ul.clientList li {
	border-bottom: solid #eeeeee 1px;
	list-style: none;
	font-size: 100%;
	line-height: 1.4em;
}

ul.clientList li {
	padding: 3px;
	display: block;
}

ul.clientList li a {
	padding: 3px;
	display: block;
	color: #666666;
}

ul.clientList li.nolink {
	padding: 6px;
	color: #AAAAAA;
}

ul.clientList li a:hover {
	background-color: #e1e1e1;
}

.moreWork h2 {
	margin-top: 50px;
}

.moreWork h2.first {
	margin-top: 0px;
}

/* blog pages */

#blog,
#newsBits{
	background: url("../img/blogBg.gif") top left repeat-y;
	padding: 0 0 20px 0;
	float: left;
	width: 950px;
	color: #333;
	font-size: 100%;
}

#blog .nextprevious,
#newsBits .nextprevious {
	font-size: 70%;
}

#blog h2,
#newsBits h2{
	margin: 0;
	padding: 0 0 10px 0;
}

#blogContent{
	float: left;
	width: 536px;
	position: relative;
}

.blogEntry{
	margin-bottom: 30px;
	padding-bottom: 20px;
	border-bottom: 1px solid #BABABA;
}

.blogEntry ul.tags {
    display: inline;
    font-size: 100%;
}

.blogEntry ul.tags li a {
    font-size: 87%;
}

.blogEntry a, .blogEntry a:link, .blogEntry a:active, .blogEntry a:visited,
.approachTxt a, .approachTxt a:link, .approachTxt a:active, .approachTxt a:visited{
    font-weight: bold;
	color: #333;
}
.approachTxt p 
{
    line-height: 150%;
	color: #666666;
}

.blogEntry a:hover,
.approachTxt a:hover{
	color:#9b0b16;
}

.newsItem h2,
.blogEntry h2 {
	font-size: 150%;
	font-family:'Georgia', Times New Roman, Sans-Serif;
	font-weight: normal;
	margin-bottom: 15px;
}

.blogEntry h2 a {
    background: url(/img/spriteIcons.png) 100% 12px no-repeat;
    padding-right:16px;
    font-weight: normal !important;
}

.newsItem a, .newsItem a:link, .newsItem a:active, .newsItem a:visited {
	font-weight: normal;
}

a.redLink {
    color:#9b0b16 !important;
}

.blogEntry p,
.newsItem p {
	line-height: 150%;
	font-size: 75%;
}
.blogEntry p a,
.newsItem p a{
    font-weight: bold;
}

.blogEntry ul, 
.newsItem ul {
	list-style-type: none;
	padding: 0 0 10px;
	margin: 0;
	font-size: 100%;
}

.blogEntry ul li,
.newsItem ul li {
	display: inline;
}

.blogEntry .blogPic{
	margin-bottom: 10px;
}

.blogEntry .blogVideo{
    float: none;
	border: 8px solid #e1e1e1;
	margin-bottom: 10px;
	margin-right: 15px;
}

.blogEntry .tags li{
	font-weight: bold;
	color: #c33;
}

.blogEntry div.tagsContainer{
    padding-bottom: 10px;
}

.blogEntry .tags a, .blogEntry .tags .comma{
}

.blogEntry ul.commentHeader{
	background-color: #e1e1e1;
	padding: 3px 0;
	margin-bottom: 5px;
}

p.blogImages1{
    margin-top: 12px;
}

.comments p{
	margin-left: 25px;
	font-size: 70%;
	color: #666;
}

.commentLink{
	background: url(../img/commentArrowRight.gif) 4px center no-repeat;
	padding: 0 8px 0 20px;
	color: #333;
	border-right: 1px solid #333;
	font-size: 110%;
	cursor: pointer;
	cursor: hand;
}

a.commentLinkExpand{
	background: url(../img/commentArrowDown.gif) 4px center no-repeat;
	padding: 0 8px 0 20px;
	color: #333;
	border-right: 1px solid #333;
	font-size: 110%;
}

a.addCommentLink{
	color: #333;
	font-size: 100%;
	font-weight: bold;
	padding-left: 5px;
}

a.commentLink:hover,
a.commentLinkExpand:hover,
a.addComment:hover,
.tags a:hover{
	color: #9b0b16;
	cursor: pointer;
	cursor: hand;
}

.tags a.selected{
	color: #9b0b16;
}

.comments p.commentDetail{
	background: url(../img/iconSpeechBubble.gif) left no-repeat;
	padding: 2px 0 2px 35px;
	font-size: 100%;
	color: #666;
	margin-left: 25px;
	font-size: 75%;
}

p.commentDetail span {
	font-family:'Georgia', Times New Roman, Sans-Serif;
	font-style: italic;
}

.addComment{
    margin-bottom: 10px;
}

.addComment input{
	border: 1px solid #ccc;
	margin: 0 5px 5px 0;
	color: #999;
	padding: 0 3px;
	font-size: 100%;
}

.addComment textarea{
	border: 1px solid #ccc;
	color: #999;
	padding: 3px;
	font-size: 100%;
	width: 495px;
	height: 55px;
	font-family: Arial, Helvetica, sans-serif;
}

.addComment input.btn, .addComment img.btn{
	border: none;
	margin-top: 5px;
}

.addComment input.textbox {
    width: 308px;
    font-size: 75%;
}

.addComment textarea.textarea {
    font-size: 75%;
}

.addComment .optional {
    font-size: 75%;
    color: #999999;
}

.dottedLine{
	background: url(../img/hDivider.gif) bottom repeat-x;
	padding-bottom: 15px;
}

.dottedLineTop{
	padding-top: 10px;
	display: block;
}

#blogContent .pageNum,
#newsContent .pageNum {
	display: block;
	float: left;
	margin: 0 auto;
	width: 440px;
	text-align: center;
}

.bold { font-weight:bold; }


/* News page */


#newsContent {
	float:left;
	position:relative;
	width:603px;
}

.newsItem {
	float:left;
	width:542px;
	margin-bottom: 20px;
	padding-bottom: 10px;
	border-bottom: 1px solid #BABABA;
}

.newsImage {
	display:inline;
	float:left;
	margin-right:10px;
	width:151px;
}

.newsImage img {
	margin-bottom: 15px;
}

.theNews {
	float:left;
	width:365px;
}

.theNews h2 a { color:#333; }
.theNews h2 a:hover { color:#c33; }

.sideSurfaceCol {
	float: left;
	width: 362px;
	margin: 0 0 0 52px;
	padding-bottom: 20px;
	background-color: #FFFFFF;
}

.sideSurfaceCol a {
	display: block;
	width: 362px;
	height: 139px;
	background: url(../img/surface/sidead1.jpg) top left no-repeat;
	text-indent: -10000px;
}

#sideCol{
	float: right;
	width: 322px;
	margin: 0 0 0 52px;
	padding: 20px 20px 0 20px;
}

#sideCol a.rssFeed{
	background: url(../img/iconRSS.gif) left no-repeat;
	padding: 3px 0 3px 20px;
	margin-bottom: 25px;
	color: #666;
	font-weight: bold;
	font-size: 75%;
	display: block;
}

#sideCol a.rssFeed:hover{
	color: #c33;
}

#sideCol h2 {
	font-size: 150%;
	font-family:'Georgia', Times New Roman, Sans-Serif;
	font-weight: normal;
	color: #373737;
	margin-bottom: 20px;
	padding: 20px 0 0 0px;
	border-top: solid 1px #CCCCCC;
}

#sideCol h2.first {
	padding: 0px;
	border: none;
}

#sideCol h3{
	color:#9b0b16;
	font-size: 75%;
	margin: 0;
	padding: 0px;
}

#sideCol .headlineItem h3 {
	margin-bottom: 4px;
}

#sideCol ul{
	margin: 0;
	padding: 0 0 15px;
	list-style-type: none;
}

#sideCol li{
	padding: 0 0 10px;
}

#sideCol li a{
	color: #333;
	font-weight: bold;
}

#sideCol li a:hover,
#sideCol li a.selected{
	color:#9b0b16;
}

#sideCol ul.tagCloud li {
    vertical-align: bottom;
    line-height: 2.0em;
	display: inline;
	padding-right: 0px;
	padding-top: 8px;
	padding-bottom: 8px;
}

#sideCol ul.tagCloud a{
	color: #333;
	font-weight: normal;
    font-family: 'Georgia',Arial,Sans-Serif;
}

#sideCol ul.tagCloud a.selected{
	color: #c33;
}
#sideCol div.blogarchives ul{
    width: 156px;
}


/* SILVERLIGHT SIDE BAR */
.msSurface {
	background: url("../img/blogbgtemplate2.gif") top left repeat-y;
	margin-top: 30px;
	padding: 0 0 20px 0;
}

.msSurface h1.news {
	background: url(../img/hDivider.gif) bottom left repeat-x;
	padding-bottom: 0.5em;
	margin-bottom: 1em;
	font-size: 150%;
}

.msSurface p.sSubIntro {
	margin-bottom: 20px;
}

.surfaceSideMargin {
	padding-bottom: 20px;
	width: 295px;
	float: right;
	background-color: #FFFFFF;
}

.surfaceSide {
	padding-top: 15px;
	width: 295px;
	background-color: #000000;
}

.surfaceSideBtm {
	background: url(/img/surfaceSideBtm.jpg) bottom left no-repeat;
	padding: 0px 10px 83px 10px;
}

.surfaceSideBarExtra {
	float: right !important;
	width: 278px !important;
	margin: 0px !important;
	padding: 20px 0 0 16px !important;
}

.clientContent {
	background: url(/img/surfaceClient.gif) bottom left repeat-x;
	padding: 27px 0px 0px 0px;
}

.relatedInfo {
	background: #4b4b4b url(/img/surfaceRelated.gif) bottom left repeat-x;
	padding: 16px 0px 0px 0px;
}

.surfaceSide h2, .surfaceSide h3, .surfaceSide p, .surfaceSide ul {
	line-height: 1.4em;
	margin: 0px 10px;
	color: #ffffff;
}

.surfaceSide h2 {
	background: url(/img/surfaceLogo.gif) top left no-repeat;
	margin-bottom: 0px;
	overflow: hidden;
	width: 173px;
	height: 56px;
	display: block;
}

.surfaceSide h2 span {
	padding-left: 200px;
	overflow: hidden;
	width: 173px;
	height: 56px;
	display: block;
}

.surfaceSide h3 {
	text-transform: uppercase;
	font-weight: bold;
	font-size: 75%;
}

.surfaceSide h3.client {
	text-transform: none;
	color: #ec008c;
}

.surfaceSide p {
	padding-bottom: 1.4em;
	font-size: 70%;
	color: #cccccc;
}

.surfaceSide a {
	padding-right: 10px;
	color: #ec008c;
}

.surfaceSide a:hover {
	text-decoration: underline;
	color: #ec008c;
}

.surfaceSide hr {
	margin: 0px 10px 15px 10px;
	border: none;
	border-top: dotted #999999 1px;
	background: transparent;
	color: #000000;
}

ul.surfaceImageList, ul.surfaceImageList li {
    margin: 0;
    padding: 0;
    list-style: none;
}
ul.surfaceImageList {
    padding: 0 0 0px 10px !important;
    width: 260px;
    overflow: hidden;
}
ul.surfaceImageList li {
    float: left;
    margin: 0 15px 15px 0;
}
ul.surfaceImageList li a{
    padding: 5px;
    background-color: #e5e5e5;
    display: block;
    width: 40px;
}

.silvPlugin {
    background-color: #000000;
}

.silvPlugin p {
    padding-top: 10px !important;
    padding-bottom: 0px !important;
}

.silvPlugin h2 {  
    font-size: 100%;  
    text-transform: none;
}

.silvPlugin h3 {  
    font-size: 75%;  
    text-transform: none;
}

.silvPlugin a {
	padding: 0px !important;
}

.silvPlugin a.link {
    font-size: 100%;
}

.silvPlugin a.link:hover {
}

.sCTA {
	background: url(../img/sCTA.jpg) top right no-repeat #000000;
	padding: 33px 376px 25px 29px;
	margin: 0px -30px 60px -30px;
	position: relative;
}

.sCTA h2, .sCTA li, .sCTA label {
	color: #ffffff;
}

.sCTA h2 {
	border-bottom: solid #4d4d4d 1px;
	text-transform: uppercase;
	margin-bottom: 10px;
	padding-bottom: 3px;
	font-weight: normal;
	font-size: 150%;
}

.sCTA form {
	background-color: #000000;
	padding: 10px 10px 0px 10px;
}

.sCTA p {
	line-height: 1.3em;
	font-size: 88%;
	color: #999999;
}

.sCTA p label {
	padding-left: 42px;
	width: 110px;
	display: block;
	float: left;
}

.sCTA p input {
	background-color: #999999;
	border: solid #333333 1px;
	width: 250px;
}

.sCTA p input.submit {
	margin-left: 153px;
	border: none;
	width: auto;
}

p.call span {
	padding-left: 42px;
	font-size: 112%;
	display: block;
	color: #ffffff;
}



a, input{ outline: 0 }

#blog ul,
#blogContent ul,
#newsBits ul,
#projectTxt ul,
#newsContent ul,
#blog ol,
#blogContent ol,
#newsBits ol,
#projectTxt ol,
#newsContent ol {
	margin-left: 2px;
	padding-left: 18px;
}

.sharebox ul, ul.newsinfo {
	margin-left: 0px !important;
	padding-left: 0px !important;
}

#blog ul li,
#blogContent ul li,
#newsBits ul li,
#projectTxt ul li,
#newsContent ul li,
#blog ol li,
#blogContent ol li,
#newsBits ol li,
#projectTxt ol li,
#newsContent ol li {
	padding-bottom: 3px;
	margin-bottom: 0px;
	line-height: normal;
	color: #666666;
	font-size: 75%;
}

#sideCol .recentposts ul li {
	padding-bottom: 0px;
}

#sideCol .blogarchives ul li span {
	color: #666666;
}

#sideCol .blogarchives ul li {
	padding-bottom: 10px;
}

#sideCol .recentposts,
#sideCol .blogarchives,
#sideCol .tagscloud {
	clear: both;
	width: 322px;
}

li.date {
	color: #666;
}

li.posted {
	color: #666;
	font-style: italic;
	font-family:'Georgia', Times New Roman, Sans-Serif;
}

li.numComments{
	color: #9b0b16;
	font-family:'Georgia', Times New Roman, Sans-Serif;
}

li.pipe 
{
	padding: 0 4px;
}

/* contact */

ul.contactList {
    margin: 0 0 60px 0;
    padding:0;
    list-style:none;
    width:950px;
}

ul.contactList li {
    float:left;
	margin-left:75px;
}

ul.contactList li.first {
	margin-left:0px;
}

ul.contactList h3 {
    font-family:'Georgia', Arial, Sans-Serif;
    font-size:24px;
    color:#737171;
    padding-top:5px;
    font-weight: normal;
}

ul.contactList address {
    font-size:12px;
    font-style:normal;
    margin-bottom:1em;
}


#contactTop{
	float: left;
	width: 890px;
	border-top: 1px solid #e3e2e2;
	padding: 15px 0 0 0;
	margin: 0;
}

.contactDiv,
.contactDiv .contactImg,
.contactDiv .contactBg{
	float: left;
}

.contactDiv{
	width: 890px;
	font-size: 100%;
	background: url(../img/contactBg.gif);
	margin: 10px 0 0 0;
	padding: 0;
}

.contactDiv .contactImg{
	width: 265px;
	margin: 0;
	background-color: #FFFFFF;
	display: block;
}

.contactDiv .contactBg{
	width: 597px;
	background-color: #F0F0F0;
	padding: 0 14px 0 14px;
}

.contactDiv .contactBg h2{
	font-size: 140%;
	color: #333333;
	font-weight: normal;
	margin: 0 !important;
	padding: 8px 6px 0 6px !important;
}

.contactDiv .contactBg h2 span{
	font-size: 63%;
	color: #333333;
	font-weight: normal;
	margin: 0;
	padding: 0;
}

.contactDiv .contactBg p{
	color: #494949;
	font-size: 75%;
	font-weight: normal;
	line-height: 16px;
	margin: 0;
	padding: 6px;
}

.contactDiv .contactBg a,
.contactDiv .contactBg a:link,
.contactDiv .contactBg a:active,
.contactDiv .contactBg a:visited{
	color: #494949;
	font-weight: bold;	
}

.contactDiv .contactBg a:hover{ color: #c33; }

#projectTxt .contactDiv{ width: 419px; background: none; }
#projectTxt .contactDiv .contactBg{ background: none; }
#projectTxt .contactDiv .contactImg{ width: 108px; height: 81px; }
#projectTxt .contactDiv .contactBg{ width: 311px; padding: 0; }
#projectTxt .contactDiv .contactBg h2{ font-size: 100%; color: #666666; }
#projectTxt .contactDiv .contactBg h2 span{ font-size: 100%; font-weight: bold; color: #333333; }
#projectTxt .contactDiv .contactBg p{ color: #666666; }
#projectTxt .contactDiv .contactBg p strong{ color: #333333; }
#projectTxt .contactDiv .contactBg a,
#projectTxt .contactDiv .contactBg a:link,
#projectTxt .contactDiv .contactBg a:active,
#projectTxt .contactDiv .contactBg a:visited{ color: #333333; font-weight: bold; }
#projectTxt .contactDiv .contactBg a:hover{ color: #c33; }

.tagsContainer p.url{
	padding: 1px 0 3px 10px;
	margin: 0;
	font-size: 70%;
	font-weight: bold;
	background: url(../img/arrowRight.gif) center left no-repeat;
}

.MyPushpinStyle {
    position:relative;
    left:-11px;
    top:-48px;
}
.MyPushpinHtmlStyle{
	font-family: Arial, Helvetica, sans-serif;			
	font-size: 16px;
	font-weight: normal;
	color: #CCCCCC;
	line-height: 1.4em;
}
.MyPushpinHtmlStyle strong{
	font-weight: normal;
	color: #333333;
}
.MyPushpinHtmlStyle img{
    position:relative;
    left:0px;
    top:-20px;
}

/* footer partners rollovers */

.footerImageLinks {
    float:right;
    width:400px;    
}

#footer .footerImageLinks ul {
    margin: 9px 0 0 0; 
}

.footerImageLinks ul li {
    float:left;
    height:42px;
    margin-left: 24px;   
}

.footerImageLinks a {
	text-indent: -20000px;
	display: block;
}

.footerImageLinks ul li.first {
	margin-left: 0px;
}

.footerImageLinks .imrg a {
	background: url(/img/footer/imrg.gif) top left no-repeat;
	width: 66px;
	height: 30px;
}

.footerImageLinks .imrg a:hover {
	background: url(/img/footer/imrg.gif) top right no-repeat;
}

.footerImageLinks .microsoftsurface a {
	background: url(/img/footer/microsoftsurface.gif) top left no-repeat;
	width: 82px;
	height: 30px;
}

.footerImageLinks .microsoftsurface a:hover {
	background: url(/img/footer/microsoftsurface.gif) top right no-repeat;
}

.footerImageLinks .deloitte a {
	background: url(/img/footer/deloitte.gif) top left no-repeat;
	width: 108px;
	height: 30px;
}

.footerImageLinks .deloitte a:hover {
	background: url(/img/footer/deloitte.gif) top right no-repeat;
}

.footerImageLinks .deloitte500 a {
	background: url(/img/footer/deloitte500.gif) top left no-repeat;
	width: 83px;
	height: 40px;
}

.footerImageLinks .deloitte500 a:hover {
	background: url(/img/footer/deloitte500.gif) top right no-repeat;
}

.footerImageLinks .microsoftpartner a {
	background: url(/img/footer/microsoftpartner.gif) top left no-repeat;
	width: 56px;
	height: 30px;
}

.footerImageLinks .microsoftpartner a:hover {
	background: url(/img/footer/microsoftpartner.gif) top right no-repeat;
}

.footerImageLinks .html5 a {
	background: url(/img/footer/html5.gif) top left no-repeat;
	width: 28px;
	height: 40px;
}

.footerImageLinks .html5 a:hover {
	background: url(/img/footer/html5.gif) top right no-repeat;
}

.footerImageLinks .bima a {
	background: url(/img/footer/bima.gif) top left no-repeat;
	width: 105px;
	height: 34px;
}

.footerImageLinks .bima a:hover {
	background: url(/img/footer/bima.gif) top right no-repeat;
}

.footerImageLinks .windows8 {
	background: url(/img/footer/windows8.gif) top left no-repeat;
	width: 109px;
	height: 40px;
	cursor: pointer;
}

.footerImageLinks .windows8:hover {
	background: url(/img/footer/windows8.gif) top right no-repeat;
}

.footerEmail a {
	font-weight: bold;
}

.videos .introTxt{
    width: 575px;
    font-weight: normal;
    float: left;
    clear: none !important;
}

.videos .introTxt,
.msSurface .introTxt {
	margin-top: 0px;
}

.videos .videoSilverlightDownload{
    float: right;
    width: 262px;
    height: 130px;
}

.flash-replaced .alt {
	display: block;
	height: 0;
	position: absolute;
	overflow: hidden;
	width: 0;
}

/* extra pagination */

.pagination {
	clear: both;
}

p.pageLabel {
	width: 100px;
}

#blogContent p.pageNumLabel,
#newsContent p.pageNumLabel {
	width: 305px;
}

p.pageLabel.floatRight {
	text-align: right;
}

.msSurface .pageLabel {
	font-size: 70%;
}

.msSurface .pageNumLabel {
	font-size: 75%;
	width: 376px !important;
}

/* blog entry contact div */

.blogEntry .contactDiv {
	margin-bottom: 15px;
	background: none;
	width: 542px;
}

.blogEntry .contactDiv .contactBg {
	background: none;
}

.blogEntry .contactDiv .contactBg h2 {
	font-size: 100%;
	color: #666666;
}

.blogEntry .contactDiv .contactBg h2 span {
	font-size: 100%;
	font-weight: normal;
	color: #333333;
}

.blogEntry .contactDiv .contactImg {
	width: 105px;
	height: 81px;
}

.blogEntry .contactDiv .contactBg {
	width: 409px;
	padding: 0 2px 0 2px;
}

.blogEntry .brennonblogItem ul,
.blogEntry .blogItem ul {
	padding-bottom: 0;
	list-style-type: disc;
	padding-left: 18px;
	margin-bottom: 1em;
	margin-left: 2px;
}

.blogEntry .brennonblogItem ol,
.blogEntry .blogItem ol {
	padding-bottom: 0;
	padding-left: 18px;
	margin-bottom: 1em;
	margin-left: 2px;
}

.bulletlist {
	margin-left: 2px;
}

.blogEntry .brennonblogItem ul li,
.blogEntry .blogItem ul li,
.blogEntry .brennonblogItem ol li,
.blogEntry .blogItem ol li {
	display: list-item;
}

.blogEntry .brennonblogItem h3,
.blogEntry h3,
.approachTxt h3 {
    font-family:'Georgia', Arial, Sans-Serif;
	font-weight: normal;
	font-size: 16px;
	color: #333;
	margin-bottom: 14px;
	display: block;
}

.brennonblogItem h3 strong {
	font-weight: normal !important;
}

ul.homesplendidteam {
	float: left;
	width: 415px;
	padding: 0px;
	margin: 0px;
	list-style: none;
	background-color: #FFFFFF;
}
ul.homesplendidteam li {
	float: left;
	width: 78px;
	height: 60px;
	padding: 0px;
	margin: 0px 0px 5px 5px;
	list-style: none;
}
ul.homesplendidteam li.bottom {
	margin: 0px 0px 0px 3px;
}
.contactBg {
	float: left;
}

.slideshow {
    position:relative;
    list-style:none;
    height:270px;
    width:950px;
    margin:0;
    padding:0;
    overflow: hidden;
}

.sectionTop.lessPad {
	margin-bottom: 10px;
}

.sectionTop.lessPad20 {
	margin-bottom: 20px;
}

.sectionTop.noPad {
	margin-bottom: 0px;
}

.videoContainer {
	margin: 0 0 20px 20px;
	text-align: left;
}

.msSurface .newsItem {
	width: 603px;
}

.msSurface .theNews {
	margin-left: 10px;
	width: 432px;
}

.msSurface .theNews ul {
	margin-bottom: 15px;
	padding: 0px;
}

/* new approach */

.approach .topBannerBack {
	width: 950px;
	height: 270px;
	margin-bottom: 40px;
	position: relative;
}

.approach.approachintro .topBannerBack {
	background: url(../img/approach/banners/approachintro.jpg) top left no-repeat;
}

.approach.approachunderstand .topBannerBack {
	background: url(../img/approach/banners/approachunderstand.jpg) top left no-repeat;
}

.approach.approachdesign .topBannerBack {
	background: url(../img/approach/banners/approachdesign.jpg) top left no-repeat;
}

.approach.approachdevelop .topBannerBack {
	background: url(../img/approach/banners/approachdevelop.jpg) top left no-repeat;
}

.approach.approachdeliver .topBannerBack {
	background: url(../img/approach/banners/approachdeliver.jpg) top left no-repeat;
}

.approach .topBannerBack a.approachnext, 
.approach .topBannerBack a.approachprev {
	width: 24px;
	height: 31px;
	display: block;
	position: absolute;
	top: 219px;	
}
.approach .topBannerBack a.approachprev {
	left: 384px;
}
.approach .topBannerBack a.approachnext {
	left: 408px;
}

#slideshowButtons {
	width: 126px;
}

.slideshowButtons {
	float: left;
	position: relative;
	top: -27px;
	left: 34px;
	z-index: 20;
	list-style: none;
	width: 48px;
	height: 31px;
}

.slideshowWithButtons {
	margin-bottom: -31px;
}

.slideshowWithButtons li img {
	cursor: pointer;
}

.slideshowButtons,
.slideshowButtons li {
	list-style: none;
	margin: 0;
	padding: 0;
}

.slideshowButtons li {
	float: left;
}

.slideshowButtons a.approachnext, 
.slideshowButtons a.approachprev {
	width: 24px;
	height: 31px;
	display: block;
	text-indent: -10000px;
}

.approach .intro {
	width: 648px;
	float: left;
}

.approach .intro h3 {
    font-family:'Georgia', Arial, Sans-Serif;
	font-size: 150%;
	font-weight: normal;
	color: #333333;
	margin-bottom: 20px;
}

.approach .intro p {
	font-size: 75%;
}

.approach.approachunderstand .sectionTop h2 {
	color: #cf3e42;
}

.approach.approachdesign .sectionTop h2 {
	color: #4e78b3;
}

.approach.approachdevelop .sectionTop h2 {
	color: #d6a81a;
}

.approach.approachdeliver .sectionTop h2 {
	color: #6a9e61;
}

.approach .approachtags {
	width: 239px;
	float: right;
	padding: 15px;
	background-color: #f2f2f2;
	line-height: 100%;
	font-size: 62.5%;
	text-align: center;
}

.approach.approachunderstand .approachtags {
	background-color: #faebec;
}

.approach.approachdesign .approachtags {
	background-color: #edf1f7;
}

.approach.approachdevelop .approachtags {
	background-color: #fbf6ea;
}

.approach.approachdeliver .approachtags {
	background-color: #f0f5ef;
}

#sideCol ul.tagCloud 
{
	font-size: 62.5%;
}

.approach .approachtags ul,
.approach .approachtags ul li {
	padding: 0px;
	margin: 0px;
	list-style: none;
}

.approach .approachtags ul li,
#sideCol ul.tagCloud li {
	display: inline;
	font-size: 100%;
	line-height: 100%;
	padding: 0px 2px 0px 2px;
}

.approach .approachtags ul li,
.approach .approachtags ul li a,
#sideCol ul.tagCloud li,
#sideCol ul.tagCloud li a {
    font-family:'Georgia', Arial, Sans-Serif;
	font-size: 100%;
	line-height: 130%;
	font-weight: normal;
	color: #333333;
}

.approach .approachtags ul li {
	font-size: 100%;
	line-height: 130%;
}

.approach .approachtags ul li.size0,
.approach .approachtags ul li a.size0,
#sideCol ul.tagCloud li.size0,
#sideCol ul.tagCloud li a.size0 {
	font-size: 110%;
}

.approach .approachtags ul li.size1,
.approach .approachtags ul li a.size1,
#sideCol ul.tagCloud li.size1,
#sideCol ul.tagCloud li a.size2 {
	font-size: 120%;
}

.approach .approachtags ul li.size2,
.approach .approachtags ul li a.size2,
#sideCol ul.tagCloud li.size2,
#sideCol ul.tagCloud li a.size2 {
	font-size: 130%;
}

.approach .approachtags ul li.size3,
.approach .approachtags ul li a.size3,
#sideCol ul.tagCloud li.size3,
#sideCol ul.tagCloud li a.size3 {
	font-size: 140%;
}

.approach .approachtags ul li.size4,
.approach .approachtags ul li a.size4,
#sideCol ul.tagCloud li.size4,
#sideCol ul.tagCloud li a.size4 {
	font-size: 150%;
}

.approach .approachtags ul li.size5,
.approach .approachtags ul li a.size5,
#sideCol ul.tagCloud li.size5,
#sideCol ul.tagCloud li a.size5 {
	font-size: 160%;
}

.approach .approachtags ul li.size6,
.approach .approachtags ul li a.size6,
#sideCol ul.tagCloud li.size6,
#sideCol ul.tagCloud li a.size6 {
	font-size: 170%;
}

.approach .approachtags ul li.size7,
.approach .approachtags ul li a.size7,
#sideCol ul.tagCloud li.size7,
#sideCol ul.tagCloud li a.size7 {
	font-size: 180%;
}

.approach .approachtags ul li.size8,
.approach .approachtags ul li a.size8,
#sideCol ul.tagCloud li.size8,
#sideCol ul.tagCloud li a.size8 {
	font-size: 190%;
}

.approach .approachtags ul li.size9,
.approach .approachtags ul li a.size9,
#sideCol ul.tagCloud li.size9,
#sideCol ul.tagCloud li a.size9 {
	font-size: 200%;
}

.approach .approachtags ul li.size10,
.approach .approachtags ul li a.size10,
#sideCol ul.tagCloud li.size10,
#sideCol ul.tagCloud li a.size10 {
	font-size: 210%;
}

.approach .approachtags ul li.size11,
.approach .approachtags ul li a.size11,
#sideCol ul.tagCloud li.size11,
#sideCol ul.tagCloud li a.size11 {
	font-size: 220%;
}

.approach .approachtags ul li.size12,
.approach .approachtags ul li a.size12,
#sideCol ul.tagCloud li.size12,
#sideCol ul.tagCloud li a.size12 {
	font-size: 230%;
}

.approach .approachtags ul li.size13,
.approach .approachtags ul li a.size13,
#sideCol ul.tagCloud li.size13,
#sideCol ul.tagCloud li a.size13 {
	font-size: 240%;
}

.approach .approachtags ul li.size14,
.approach .approachtags ul li a.size14,
#sideCol ul.tagCloud li.size14,
#sideCol ul.tagCloud li a.size14 {
	font-size: 250%;
}

.approach .approachtags ul li.size15,
.approach .approachtags ul li a.size15,
#sideCol ul.tagCloud li.size15,
#sideCol ul.tagCloud li a.size15 {
	font-size: 260%;
}

.approach .approachtags ul li.size16,
.approach .approachtags ul li a.size16,
#sideCol ul.tagCloud li.size16,
#sideCol ul.tagCloud li a.size16 {
	font-size: 270%;
}

.approach .approachtags ul li.size17,
.approach .approachtags ul li a.size17,
#sideCol ul.tagCloud li.size17,
#sideCol ul.tagCloud li a.size17 {
	font-size: 280%;
}

.approach .approachtags ul li.size18,
.approach .approachtags ul li a.size18,
#sideCol ul.tagCloud li.size18,
#sideCol ul.tagCloud li a.size18 {
	font-size: 290%;
}

.approach .approachtags ul li.size19,
.approach .approachtags ul li a.size19,
#sideCol ul.tagCloud li.size19,
#sideCol ul.tagCloud li a.size19 {
	font-size: 300%;
}

.approach .approachtags ul li.size20,
.approach .approachtags ul li a.size20,
#sideCol ul.tagCloud li.size20,
#sideCol ul.tagCloud li a.size20 {
	font-size: 310%;
}

.approach ul.approachmenu,
.approach ul.approachmenu li {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

.approach ul.approachmenu {
	margin-bottom: 20px;
	margin-left: 6px;
}

.approach ul.approachmenu li {
	float: left;
    font-size: 100%;
}

.approach ul.approachmenu li a {
	color: #FFFFFF;
    font-family:'Georgia', Arial, Sans-Serif;
    font-size: 150%;
    text-align: center;
	height: 30px;
    padding-top: 10px;
    display: block;
}

.approach ul.approachmenu li a:hover {
	color: #FFFFFF !important;
}

.approach ul.approachmenu li.understand a {
	width: 221px;
	padding-right: 20px;
    background: url(/img/approach/menubg.gif) left 0px no-repeat;
}

.approach ul.approachmenu li.understand a:hover {
    background: url(/img/approach/menubg.gif) left -40px no-repeat !important;
}

.approach ul.approachmenu li.design a {
	width: 236px;
	padding-right: 2px;
    background: url(/img/approach/menubg.gif) left -120px no-repeat;
}

.approach ul.approachmenu li.design a:hover {
    background: url(/img/approach/menubg.gif) left -160px no-repeat !important;
}

.approach ul.approachmenu li.develop a {
	width: 237px;
	padding-right: 3px;
    background: url(/img/approach/menubg.gif) left -240px no-repeat;
}

.approach ul.approachmenu li.develop a:hover {
    background: url(/img/approach/menubg.gif) left -280px no-repeat !important;
}

.approach ul.approachmenu li.deliver a {
	width: 212px;
	padding-left: 7px;
    background: url(/img/approach/menubg.gif) left -360px no-repeat;
}

.approach ul.approachmenu li.deliver a:hover {
    background: url(/img/approach/menubg.gif) left -400px no-repeat !important;
}

.approach.approachdesign ul.approachmenu li.understand a,
.approach.approachdevelop ul.approachmenu li.understand a,
.approach.approachdeliver ul.approachmenu li.understand a {
    background: url(/img/approach/menubg.gif) left -80px no-repeat;
    color: #666666;
}

.approach.approachunderstand ul.approachmenu li.design a,
.approach.approachdevelop ul.approachmenu li.design a,
.approach.approachdeliver ul.approachmenu li.design a {
    background: url(/img/approach/menubg.gif) left -200px no-repeat;
    color: #666666;
}

.approach.approachunderstand ul.approachmenu li.develop a,
.approach.approachdesign ul.approachmenu li.develop a,
.approach.approachdeliver ul.approachmenu li.develop a  {
    background: url(/img/approach/menubg.gif) left -320px no-repeat;
    color: #666666;
}

.approach.approachunderstand ul.approachmenu li.deliver a,
.approach.approachdesign ul.approachmenu li.deliver a,
.approach.approachdevelop ul.approachmenu li.deliver a {
    background: url(/img/approach/menubg.gif) left -440px no-repeat;
    color: #666666;
}

ul.approachimages,
ul.approachimages li {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

ul.approachimages {
	float: left;
	margin-top: 13px;
}

ul.approachimages li {
	margin-left: 6px;
	float: left;
	width: 212px;
	height: 141px;
	display: block;
}

ul.approachimages li.first {
	margin-left: 0px;
}

.approachcontent {
	margin-bottom: 60px;
}

.approach.approachintro .approachcontent {
    background: url(/img/approach/bg/intro.gif) left top repeat-y;
}

.approach.approachunderstand .approachcontent {
    background: url(/img/approach/bg/understand.gif) left top repeat-y;
}

.approach.approachdesign .approachcontent {
    background: url(/img/approach/bg/design.gif) left top repeat-y;
}

.approach.approachdevelop .approachcontent {
    background: url(/img/approach/bg/develop.gif) left top repeat-y;
}

.approach.approachdeliver .approachcontent {
    background: url(/img/approach/bg/deliver.gif) left top repeat-y;
}

/* social css */

.socialBar {
    border-top: 1px solid #BABABA;
    margin-bottom: 60px;
    width: 950px;
}

.socialBar h2 {
	font-size: 112.5%;
    font-family:'Georgia', Arial, Sans-Serif;
    font-weight: normal;
	margin-bottom: 0px;
}

.socialBar h2.followus {
	float: right;
	padding: 14px 0px 0px 0px;
}

.socialBar h2.recentlyposted {
	float: left;
	padding: 14px 12px 0px 0px;
}

.socialBar ul.socialIcons, .socialBar ul.socialIcons li {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

.socialBar ul.socialIcons {
	float: right;
    margin: 14px 0px 0px 7px;
}

.socialBar ul.socialIcons li {
	float: left;
	margin-left: 4px;
}

.socialBar ul.socialIcons li a {
	text-indent: -10000px;
	display: block;
	width: 20px;
	height: 30px;
}

.socialBar ul.socialIcons li a.twitter {
    background: url(/img/social_icons/home_twitter.gif) left top no-repeat;
}

.socialBar ul.socialIcons li a.twitter:hover {
    background: url(/img/social_icons/home_twitter.gif) right top no-repeat;
}

.socialBar ul.socialIcons li a.facebook {
    background: url(/img/social_icons/home_facebook.gif) left top no-repeat;
}

.socialBar ul.socialIcons li a.facebook:hover {
    background: url(/img/social_icons/home_facebook.gif) right top no-repeat;
}

.socialBar ul.socialIcons li a.flickr {
    background: url(/img/social_icons/home_flickr.gif) left top no-repeat;
}

.socialBar ul.socialIcons li a.flickr:hover {
    background: url(/img/social_icons/home_flickr.gif) right top no-repeat;
}

.socialBar ul.socialIcons li a.linkedin {
    background: url(/img/social_icons/home_linkedin.gif) left top no-repeat;
}

.socialBar ul.socialIcons li a.linkedin:hover {
    background: url(/img/social_icons/home_linkedin.gif) right top no-repeat;
}

.socialBar ul.socialIcons li a.rss {
    background: url(/img/social_icons/home_rss.gif) left top no-repeat;
}

.socialBar ul.socialIcons li a.rss:hover {
    background: url(/img/social_icons/home_rss.gif) right top no-repeat;
}

.socialBar ul.socialIcons li a.youtube {
    background: url(/img/social_icons/home_youtube.gif) left top no-repeat;
}

.socialBar ul.socialIcons li a.youtube:hover {
    background: url(/img/social_icons/home_youtube.gif) right top no-repeat;
}

.socialBar ul.socialIcons li a.vimeo {
    background: url(/img/social_icons/home_vimeo.gif) left top no-repeat;
}

.socialBar ul.socialIcons li a.vimeo:hover {
    background: url(/img/social_icons/home_vimeo.gif) right top no-repeat;
}

.socialBar ul.socialIcons li a.behance {
    background: url(/img/social_icons/home_behance.gif) left top no-repeat;
}

.socialBar ul.socialIcons li a.behance:hover {
    background: url(/img/social_icons/home_behance.gif) right top no-repeat;
}

.socialBar ul.socialIcons li a.google {
    background: url(/img/social_icons/home_google.gif) left top no-repeat;
}

.socialBar ul.socialIcons li a.google:hover {
    background: url(/img/social_icons/home_google.gif) right top no-repeat;
}

.socialCycleDiv {
	float: left;
	width: 414px;
	margin-top: 9px;
}

ul.socialCycle {
    overflow: hidden;
}

.contactfeeds {
	margin-bottom: 45px;
}

.contactfeeds .fblikeiframe {
	margin-top: 2px !important;
}

.contactfeeds li iframe {
	width: 350px;
	height: 30px;
	margin: 4px 0 -9px 0;
}

.sidebarfeeds li iframe {
	width: 275px;
	height: 30px;
	margin-top: 7px;
}

ul.socialCycle,
ul.socialCycle li,
.contactfeeds ul.socialIcons,
.contactfeeds ul.socialIcons li {
	margin: 0px;
	padding: 0px;
	list-style: none;
    font-size: 100%;
	line-height: 120%;
}

.contactfeeds ul.socialIcons li {
	float: left;
	margin: 0 40px 15px 0;
}

ul.socialCycle li a,
.contactfeeds ul.socialIcons li a,
.sidebarfeeds ul.socialIcons li a {
	display: block;
	width: 374px;
	padding-left: 40px;
    font-weight: normal !important;
    font-family: 'Georgia',Arial,Sans-Serif;
}

ul.socialCycle li a {
	height: 22px;
	padding-top: 8px;
    color: #373534;
    font-size: 75%;
	line-height: 120%;
}

.contactfeeds ul.socialIcons li a {
	height: 26px;
	padding-top: 4px;
	line-height: 100%;
    font-size:24px;
    color:#333333;
}

.sidebarfeeds ul.socialIcons li a {
	height: 23px;
	padding-top: 7px;
	line-height: 100%;
	font-size: 150%;
	width: 282px;
}

ul.socialCycle li a.twitter,
.contactfeeds ul.socialIcons li a.twitter {
    background: url(/img/social_icons/cycle_twitter.gif) left top no-repeat;
}

ul.socialCycle li a.twitter:hover,
.contactfeeds ul.socialIcons li a.twitter:hover {
    background: url(/img/social_icons/cycle_twitter.gif) right top no-repeat;
}

ul.socialCycle li a.facebook,
.contactfeeds ul.socialIcons li a.facebook {
    background: url(/img/social_icons/cycle_facebook.gif) left top no-repeat;
}

ul.socialCycle li a.facebook:hover,
.contactfeeds ul.socialIcons li a.facebook:hover {
    background: url(/img/social_icons/cycle_facebook.gif) right top no-repeat;
}

ul.socialCycle li a.flickr,
.contactfeeds ul.socialIcons li a.flickr {
    background: url(/img/social_icons/cycle_flickr.gif) left top no-repeat;
}

ul.socialCycle li a.flickr:hover,
.contactfeeds ul.socialIcons li a.flickr:hover {
    background: url(/img/social_icons/cycle_flickr.gif) right top no-repeat;
}

ul.socialCycle li a.linkedin,
.contactfeeds ul.socialIcons li a.linkedin {
    background: url(/img/social_icons/cycle_linkedin.gif) left top no-repeat;
}

ul.socialCycle li a.linkedin:hover,
.contactfeeds ul.socialIcons li a.linkedin:hover {
    background: url(/img/social_icons/cycle_linkedin.gif) right top no-repeat;
}

ul.socialCycle li a.rss,
.contactfeeds ul.socialIcons li a.rss {
    background: url(/img/social_icons/cycle_rss.gif) left top no-repeat;
}

ul.socialCycle li a.rss:hover,
.contactfeeds ul.socialIcons li a.rss:hover {
    background: url(/img/social_icons/cycle_rss.gif) right top no-repeat;
}

ul.socialCycle li a.youtube,
.contactfeeds ul.socialIcons li a.youtube {
    background: url(/img/social_icons/cycle_youtube.gif) left top no-repeat;
}

ul.socialCycle li a.youtube:hover,
.contactfeeds ul.socialIcons li a.youtube:hover {
    background: url(/img/social_icons/cycle_youtube.gif) right top no-repeat;
}

ul.socialCycle li a.vimeo,
.contactfeeds ul.socialIcons li a.vimeo {
    background: url(/img/social_icons/cycle_vimeo.gif) left top no-repeat;
}

ul.socialCycle li a.vimeo:hover,
.contactfeeds ul.socialIcons li a.vimeo:hover {
    background: url(/img/social_icons/cycle_vimeo.gif) right top no-repeat;
}

ul.socialCycle li a.behance,
.contactfeeds ul.socialIcons li a.behance {
    background: url(/img/social_icons/cycle_behance.gif) left top no-repeat;
}

ul.socialCycle li a.behance:hover,
.contactfeeds ul.socialIcons li a.behance:hover {
    background: url(/img/social_icons/cycle_behance.gif) right top no-repeat;
}

ul.socialCycle li a.google,
.contactfeeds ul.socialIcons li a.google {
    background: url(/img/social_icons/cycle_google.gif) left top no-repeat;
}

ul.socialCycle li a.google:hover,
.contactfeeds ul.socialIcons li a.google:hover {
    background: url(/img/social_icons/cycle_google.gif) right top no-repeat;
}

.sidebarfeeds ul.socialIcons li a.twitter {
    background: url(/img/social_icons/sidebar_twitter.gif) left top no-repeat;
}

.sidebarfeeds ul.socialIcons li a.twitter:hover {
    background: url(/img/social_icons/sidebar_twitter.gif) right top no-repeat;
}

.sidebarfeeds ul.socialIcons li a.facebook {
    background: url(/img/social_icons/sidebar_facebook.gif) left top no-repeat;
}

.sidebarfeeds ul.socialIcons li a.facebook:hover {
    background: url(/img/social_icons/sidebar_facebook.gif) right top no-repeat;
}

.sidebarfeeds ul.socialIcons li a.flickr {
    background: url(/img/social_icons/sidebar_flickr.gif) left top no-repeat;
}

.sidebarfeeds ul.socialIcons li a.flickr:hover {
    background: url(/img/social_icons/sidebar_flickr.gif) right top no-repeat;
}

.sidebarfeeds ul.socialIcons li a.linkedin {
    background: url(/img/social_icons/sidebar_linkedin.gif) left top no-repeat;
}

.sidebarfeeds ul.socialIcons li a.linkedin:hover {
    background: url(/img/social_icons/sidebar_linkedin.gif) right top no-repeat;
}

.sidebarfeeds ul.socialIcons li a.rss {
    background: url(/img/social_icons/sidebar_rss.gif) left top no-repeat;
}

.sidebarfeeds ul.socialIcons li a.rss:hover {
    background: url(/img/social_icons/sidebar_rss.gif) right top no-repeat;
}

.sidebarfeeds ul.socialIcons li a.youtube {
    background: url(/img/social_icons/sidebar_youtube.gif) left top no-repeat;
}

.sidebarfeeds ul.socialIcons li a.youtube:hover {
    background: url(/img/social_icons/sidebar_youtube.gif) right top no-repeat;
}

.sidebarfeeds ul.socialIcons li a.vimeo {
    background: url(/img/social_icons/sidebar_vimeo.gif) left top no-repeat;
}

.sidebarfeeds ul.socialIcons li a.vimeo:hover {
    background: url(/img/social_icons/sidebar_vimeo.gif) right top no-repeat;
}

.sidebarfeeds ul.socialIcons li a.behance {
    background: url(/img/social_icons/sidebar_behance.gif) left top no-repeat;
}

.sidebarfeeds ul.socialIcons li a.behance:hover {
    background: url(/img/social_icons/sidebar_behance.gif) right top no-repeat;
}

.sidebarfeeds ul.socialIcons li a.google {
    background: url(/img/social_icons/sidebar_google.gif) left top no-repeat;
}

.sidebarfeeds ul.socialIcons li a.google:hover {
    background: url(/img/social_icons/sidebar_google.gif) right top no-repeat;
}

ul li.fblikeiframe {
	margin-top: 15px !important;
}

.sharebox {
	clear: both;
	float: left;
	margin-top: 5px;
	margin-bottom: 10px !important;
	width: 279px;
	height: 20px;
	display: block;
}

#projectTxt .sharebox {
	margin: 20px 0;
}

.sharebox ul, .sharebox ul li,
.sharepopup ul, .sharepopup ul li {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

.sharebox ul li {
	float: left;
}

.sharebox .twitter-share-button {
	width: 114px !important;
	height: 20px !important;
}

.sharebox .fblike {
	width: 95px;
	height: 20px;
}

.sharebutton a {
    background: url(/img/social_icons/sharebox/share.gif) left top no-repeat;
    display: block;
    width: 70px;
    height: 16px;
    font-weight: normal !important;
    text-align: center;
    padding-top: 4px;
    color: #333333;
    line-height: 100%;
}

.sharebutton a:hover {
    color:#9b0b16 !important;
}

.sharepopup {
	clear: both;
	float: left;
	width: 284px;
	position: relative;
	margin-bottom: -224px;
	left: 288px;
	top: -91px;
	z-index: 20;
}

.sharepopup.below {
	left: -5px;
	top: -4px;
}

.sharepopup .sharepopuptop {
	display: block;
	width: 284px;
	height: 80px;
    background: url(/img/social_icons/sharebox/sharetop.png) left top no-repeat;
}

.sharepopup.below .sharepopuptop {
    background: url(/img/social_icons/sharebox/sharetop-below.png) left top no-repeat;
}

.sharepopup .sharepopuptop .heading {
	float: left;
	padding: 23px 6px 6px 23px;
    font-weight: normal !important;
    font-family: 'Georgia',Arial,Sans-Serif;
    color: #333;
    font-size: 150%;
    margin-bottom: 0px;
}

.sharepopup .sharepopuptop .close {
	float: right;
	padding: 13px 6px 6px 6px;
    margin-bottom: 0px;
}

.sharepopup .sharepopuptop .close a {
    background: url(/img/social_icons/sharebox/close.gif) left top no-repeat;
    width: 27px;
    height: 29px;
    display: block;
    text-indent: -10000px;
}

.sharepopup .sharepopupbottom {
	display: block;
	width: 261px;
	height: 144px;
    background: url(/img/social_icons/sharebox/sharebottom.png) left bottom no-repeat;
    padding-left: 24px;
}

.sharepopup .sharepopupbottom ul li {
	float: left;
	margin-bottom: 0px !important;
}

.sharepopup .sharepopupbottom ul li a {
	display: block;
	width: 99px;
	height: 14px;
	padding-left: 21px;
	padding-bottom: 3px;
    padding-top: 2px;
    font-family: 'Georgia',Arial,Sans-Serif;
    font-size: 100%;
    color: #373534;
    font-weight: normal;
    margin-bottom: 2px;
    line-height: 100%;
}

#projectTxt .sharebutton a,
#projectTxt .sharepopup .sharepopupbottom ul li a {
	font-size: 90%;
}

.sharepopup .sharepopupbottom ul li a.facebook {
    background: url(/img/social_icons/sharebox/facebook.gif) left top no-repeat;
}

.sharepopup .sharepopupbottom ul li a.facebook:hover {
    background: url(/img/social_icons/sharebox/facebook.gif) right top no-repeat;
}

.sharepopup .sharepopupbottom ul li a.twitter {
    background: url(/img/social_icons/sharebox/twitter.gif) left top no-repeat;
}

.sharepopup .sharepopupbottom ul li a.twitter:hover {
    background: url(/img/social_icons/sharebox/twitter.gif) right top no-repeat;
}

.sharepopup .sharepopupbottom ul li a.google {
    background: url(/img/social_icons/sharebox/google.gif) left top no-repeat;
}

.sharepopup .sharepopupbottom ul li a.google:hover {
    background: url(/img/social_icons/sharebox/google.gif) right top no-repeat;
}

.sharepopup .sharepopupbottom ul li a.stumbleupon {
    background: url(/img/social_icons/sharebox/stumbleupon.gif) left top no-repeat;
}

.sharepopup .sharepopupbottom ul li a.stumbleupon:hover {
    background: url(/img/social_icons/sharebox/stumbleupon.gif) right top no-repeat;
}

.sharepopup .sharepopupbottom ul li a.digg {
    background: url(/img/social_icons/sharebox/digg.gif) left top no-repeat;
}

.sharepopup .sharepopupbottom ul li a.digg:hover {
    background: url(/img/social_icons/sharebox/digg.gif) right top no-repeat;
}

.sharepopup .sharepopupbottom ul li a.myspace {
    background: url(/img/social_icons/sharebox/myspace.gif) left top no-repeat;
}

.sharepopup .sharepopupbottom ul li a.myspace:hover {
    background: url(/img/social_icons/sharebox/myspace.gif) right top no-repeat;
}

.sharepopup .sharepopupbottom ul li a.email {
    background: url(/img/social_icons/sharebox/email.gif) left top no-repeat;
}

.sharepopup .sharepopupbottom ul li a.email:hover {
    background: url(/img/social_icons/sharebox/email.gif) right top no-repeat;
}

.sharepopup .sharepopupbottom ul li a.emailapp {
    background: url(/img/social_icons/sharebox/emailapp.gif) left top no-repeat;
}

.sharepopup .sharepopupbottom ul li a.emailapp:hover {
    background: url(/img/social_icons/sharebox/emailapp.gif) right top no-repeat;
}

.sharepopup .sharepopupbottom ul li a.hotmail {
    background: url(/img/social_icons/sharebox/hotmail.gif) left top no-repeat;
}

.sharepopup .sharepopupbottom ul li a.hotmail:hover {
    background: url(/img/social_icons/sharebox/hotmail.gif) right top no-repeat;
}

.sharepopup .sharepopupbottom ul li a.bebo {
    background: url(/img/social_icons/sharebox/bebo.gif) left top no-repeat;
}

.sharepopup .sharepopupbottom ul li a.bebo:hover {
    background: url(/img/social_icons/sharebox/bebo.gif) right top no-repeat;
}

.splendid_hide {
	display: block;
	width: 174px;
	height: 72px;
	position: relative;
	margin-bottom: -72px;
	top: -10000px;
}

.accessibility {
	margin-bottom: 60px;
}

#bookViewing .verification {
	margin-bottom: 1em;
	margin-left: 152px;
}

#sideCol h2.workingatsplendid {
	margin-bottom: 25px;
}

.sectionTop {
	clear: both;
    border-bottom: 1px solid #BABABA;
    margin-bottom: 30px;
}

.sectionTop h2,
#blog .sectionTop h2 {
    color: #333333;
    float: left;
    font-family: 'Georgia',Arial,Sans-Serif;
    font-size: 150%;
    font-weight: normal;
    padding-bottom: 0px;
    margin-bottom: 10px;
    width: 700px;
}

#blog .sectionTop h2 {
    width: 536px;
}

#blog .sectionTop.h2short h2 {
    width: 400px;
}

#blog .sectionTop.h2short .moreLinks {
    width: 136px;
}

.sectionTop.h2short h2 {
    width: 215px;
}

.sectionTop.nomargin {
	margin-bottom: 0px;
}

.sectionTop.h2medium h2 {
	font-size: 112.5% !important;
}

.sectionTop.h2mtop {
	margin-top: 30px !important;
}

.sectionTop.h2medium .moreLinks a {
	bottom: -6px;
}

 /*
 * splendid lightbox pop up styles 
 * The fade out layer
 */
.nockBack {
	background: #000000;
	position: absolute;
	z-index: 400;
	left: 0px;
	top: 0px;
}
.popup {
	background: #FFFFFF;
	padding: 10px;
}

.clearBoth {
	clear: both;
}

.newvacancies {
	margin-bottom: 60px;
}

.newvacancies .norecruiters {
	margin-bottom: 2px;
	text-transform: uppercase;
}

#blogContent .blogEntry.vacancy h3,
#blogContent .blogEntry.vacancies h3 {
	display: block;
	margin: 20px 0 0 0;
	padding: 20px 0 20px 0;
	font-size: 150%;
	font-family: 'Georgia', Times New Roman, Sans-Serif;
	font-weight: normal !important;
	color: #333;
	border-top: 1px solid #BABABA;
}

#blogContent .blogEntry.vacancies h3 {
	font-size: 100%;
	border: 0px solid #FFFFFF !important;
	margin: 0;
	padding: 0 0 20px 0;
}

#blogContent .blogEntry .rightLink {
	float: right;
	padding-top: 1px;
}

/* new template */
.newtemplate .shareboxcontain {
	float: right;
	width: 279px;
}
.newtemplate .sectionTop h2 {
	width: 650px;
}
.newtemplate p.intro {
	margin-bottom: 15px;
	color: #737171;
	line-height: 120%;
	font-size: 150%;
	font-family: 'Georgia',Arial,Sans-Serif;
}
.newtemplate h2, .newtemplate h3 {
    font-family:'Georgia', Arial, Sans-Serif;
	font-weight: normal;
	font-size: 150%;
	color: #333333;
	margin-bottom: 14px;
	display: block;
}
.newtemplate h2.bigger {
	font-size: 212.5%;
}
.newtemplate h3 {
	font-size: 100%;
	font-weight: bold;
	color: #666;
	margin-top: 20px;
}
.newtemplate h3.first {
	margin-top: 0px;
}
.newtemplate ul.approachimages li img,
.newtemplate ul.approachimages li {
	width: 174px;
}
.newtemplate p.quote {
	color: #666;
	font-size: 100%;
	font-family: 'Georgia', Arial, Sans-Serif;
	font-style: italic;
	line-height: 130%;
}
.newtemplate #sideCol .teamquote {
	margin-bottom: 25px;
}
.newtemplate #sideCol .relatedcasestudies .row a {
	font-size: 96.03%;
}
.newtemplate #sideCol .relatedcasestudies .row li {
	margin-bottom: 15px;
}
.newtemplate #sideCol .relatedcasestudies .row ul {
	padding-bottom: 0px;
}
.newtemplate .fontlarge {
    font-family:'Georgia', Arial, Sans-Serif;
	font-weight: normal;
	font-size: 312.5%;
	color: #666666;
	line-height: 75%;
	margin-bottom: 20px;
}
.newtemplate .industrystats {
	margin-bottom: 25px;
}
.newtemplate .industrystats .downloadpdf span {
	float: left;
	display: block;
	width: 180px;
}
.newtemplate .industrystats .quote {
	font-size: 118.75%;
}
.newtemplate .industrystats .downloadpdf a {
	float: right;
	background: url(/img/download.gif) left top no-repeat;
	text-align: center;
	display: block;
	width: 126px;
	height: 24px;
	margin-left: 15px;
	color: #FFF;
	font-size: 93.75%;
	padding-top: 7px;
}
.newtemplate .sharebutton a {
	font-size: 93.75%;
}
.newtemplate .diagram {
	border: 1px solid #E6E6E6;
}
.newtemplate .diagram a {
	text-align: right;
	padding: 18px;
}
.newtemplate .diagram a span.title {
	display: block;
	float: left;
	text-align: left;
	font-family: 'Georgia',Arial,Sans-Serif;
	color: #333;
	font-size: 187.5%;
	padding-bottom: 10px;
	line-height: 120%;
}
.newtemplate .diagram a span.text {
	display: block;
	float: left;
	width: 280px;
	color: #666;
	text-align: left;
	margin-top: 10px;
}
.newtemplate .diagram a span.redArrowLink {
	float: right;
	position: relative;
	display: block;
	width: 110px;
	height: 14px;
	margin-bottom: -14px;
	left: 0px;
	top: -14px;
}
.newtemplate .diagram a span.redArrowLink.withText {
	top: 27px;
}
.newtemplate .diagram a:hover span.redArrowLink {
	color: #9b0b16;
}
.newtemplate ul.percentages li {
	margin-bottom: 4px !important;
	font-family: 'Times New Roman', 'Georgia', Arial, Sans-Serif;
	font-size: 175% !important;
	color: #666666;
	line-height: 100%;
}
.newtemplate ul.percentages li span {
}
.newtemplate ul.percentages span.percentagetitle {
	font-family: 'Arial',verdana,sans-serif;
	color: #373737;
	float: left;
	width: 120px;
	font-weight: bold;
	font-size: 42.85%;
	padding-top: 8px;
	line-height: 100%;
}
.newtemplate ul.percentages span.percentage {
	float: left;
	width: 196px;
	background-color: #E1E1E1;
	padding: 0px 3px 0px 3px;
	text-align: right;
	line-height: 100%;
	font-family: 'Times New Roman', 'Georgia', Arial, Sans-Serif;
	color: #666666;
	font-size: 100%;
}
.newtemplate ul.percentages span.percentage.nocolor {
	width: auto;
	background-color: #F3F3F3;
}
.newtemplate ul.percentages span.percentage2 {
	width: 184px;
}
.newtemplate ul.percentages span.percentage3 {
	width: 151px;
}
.newtemplate ul.percentages span.percentage4 {
	width: 52px;
}
.newtemplate ul.percentages span.percentage5 {
	width: 35px;
}
.newtemplate ul.percentages span.percentage6 {
	width: 24px;
}
.homepage .columns1 {
	float: left;
	width: 262px;
	padding-right: 41px;
	margin-right: 40px;
	border-right: 1px solid #dfdfdf;
}
.homepage .columns1 .row {
	margin-bottom: 0px;
}
.homepage .columns1 .row ul li {
	padding-left: 0px !important;
	margin-left: 0px !important;
}
.homepage .columns2 {
	width: 606px !important;
}

.largetext {
	border-top: 1px solid #BABABA;
	font-family: 'Georgia',Arial,Sans-Serif;
	font-size: 150%;
	color: #737171;
	padding-top: 20px;
	margin-bottom: 60px;
}
.largetext span {
	color: #373634;
}
.mtop0 { margin-top: 0px; }
.mtop5, .first.mtop5 { margin-top: 5px !important; }
.mtop10 { margin-top: 10px; }
.mtop20 { margin-top: 20px; }
.mtop25 { margin-top: 25px !important; }
.mbottom0 { margin-bottom: 0px !important; }
.mbottom20 { margin-bottom: 20px; }
.mbottom30 { margin-bottom: 30px; }
.mbottom40 { margin-bottom: 40px !important; }
.mbottom60 { margin-bottom: 60px; }
.ptop0 { padding-top: 0px !important; }
.pbottom10 { padding-bottom: 10px; }
.hr {
	border-top: 1px solid #BABABA;
	padding-top: 20px;
	width: auto !important;
}
.columns .col2,
.columns .col4 {
	float: left;
	width: 465px;
	margin-left: 20px;
}
.columns .col4 {
	width: 222px;
}
.columns .col2.first,
.columns .col4.first {
	margin-left: 0px;
}
.newapproachlink img {
	border-bottom: 1px solid #FFF;
}
.newapproachlink a {
	display: block;
	width: 222px;
}
.newapproachlink span.border {
	display: block;
	width: 200px;
	border: 1px solid #e6e6e6;
	padding: 10px;
}
.newapproachlink span.title {
	display: block;
	width: 200px;
	height: 61px;
	clear: both;
	font-family: 'Georgia',Arial,Sans-Serif;
	font-size: 118.75%;
	color: #333;
}
.newapproachlink span.arrow {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 75%;
	color: #333;
	background: url(../img/arrowgrey.png) bottom right no-repeat;
	padding-right: 14px;
	line-height: 20px;
}
.newapproachlink a:hover span.border {
	background-color: #666666;
}
.newapproachlink a:hover span.title {
	color: #FFF;
}
.newapproachlink a:hover span.arrow {
	color: #FFF;
	background: url(../img/arrowwhite.png) bottom right no-repeat;
}
.fontstylenormal {
	font-style: normal !important;
}
.newpages {
	margin-top: 0px;
	padding-left: 22px;
}
.newpages li {
	color: #666;
	padding-top: 6px;
	padding-bottom: 0px !important;
	line-height: 150%;
}
.newpages.newpages2 {
	margin-top: 25px;
	margin-bottom: 25px;
}
.newpages.newpages2 li {
	padding-top: 12px;
}
.newpages li li,
.newpages.newpages2 li li {
	padding-top: 6px;
}
.newpages li.first {
	padding-top: 0px;
}
.greysection {
	display: block;
	background-color: #f1f1f1;
	padding: 15px 12px 15px 12px;
	margin-top: 10px;
}
.greysection h2 {
	font-size: 112.5%;
	margin-bottom: 0px;
}
.greysection p {
	margin: 10px 0 0 0;
}
.greysection.first {
	margin-top: 0px;
}

.containerlink {
	clear: both;
	width: 443px;
	border: 1px solid #e6e6e6;
	padding: 10px;
	margin-top: 15px;
}
.containerlink.first {
	margin-top: 5px;
}
.containerlink img {
	margin-right: 20px;
}
.containerlink img,
.containerlink span.container {
	float: left;
}
.containerlink span.container {
	width: 281px;
}
.containerlink span.heading,
.containerlink span.text,
.containerlink span.link {
	clear: both;
	float: left;
	margin-top: 7px;
}
.containerlink span.heading {
	font-family: 'Georgia',Arial,Sans-Serif;
	font-size: 150%;
	color: #333;
}
.containerlink span.text {
	font-size: 75%;
	color: #666666;
}
.containerlink span.link {
	font-size: 75%;
	color: #373634;
	font-weight: bold;
	background: url(/img/redarrowright.png) bottom right no-repeat;
	padding-right: 14px;
}
.diagramOverlay {
}
.newtemplate .images212text .leftimages {
	float: left;
	margin-right: 20px;
	width: 212px;
}
.newtemplate .images212text .righttext {
	float: right;
	width: 233px;
}
.strategyslideshow {
	float: left;
	display: block;
	width: 162px;
	height: 151px;
}

