/* @group core */

body {
	background: #201f20;
	text-align: center;

}

* {
	margin: 0px;
	padding: 0px;
	font-family: Lucida Grande, Lucida Sans Unicode, sans-serif;
}

a img {
	border: none;
}



/* @end */

/* @group structure */

#wrapper {
	width: 952px;
	margin: 0 auto;
	background: #fff;
	text-align: left;
	position: relative;
	display: table;
	padding-bottom: 0px;
}

#header {
	/*background: #443966 url('../images/generic/header2.jpg') no-repeat top center;*/
	background: #443966 url('../images/generic/altRoiHeadGeneric.png') no-repeat top center;
	position: relative;
	width: 952px;
	height: 109px;
	border-bottom: 1px solid #fff;
}

#header p {
	display: none;
}

#header img {
	float: right;
	clear: right;
	border-bottom: 1px solid #fff;
}

/*homepage only header */
#home #header {
	/*background: #443966 url('../images/homepage/header_home2.jpg') no-repeat top center;*/
	background: #443966 url('../images/homepage/altRoiHead.png') no-repeat top center;
	position: relative;
	width: 952px;
	height: 179px;
	border-bottom: 1px solid #fff;
}

#home #header p {
	float: right;
	clear: right;
	text-align: right;
	margin: 11px 7px 0px 0px;
	color: #A5A0B5;
	display: block;
	width: 450px;
	font-size: 12px;
}

#header ul#miniNav {
	display: block;
	position: absolute;
	bottom: 0px;
	right: 0px;
	list-style: none;
	width: 240px;
	height: 28px;
}

#header ul#miniNav li {
	display: inline;
}

#header ul#miniNav li a {
	position: relative;
	display: block;
	clear: none;
	float: right;
	color: #fff;
	text-decoration: none;
	font-size: 12px;
	line-height: 26px;
}

#header ul#miniNav li.client a {
	width: 122px;
	height: 28px;
	padding: 0px;
	margin-left: 10px;
}

#header ul#miniNav li.client a span {
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background: transparent url('../images/homepage/client_access.jpg') no-repeat 50% 50%;
}

#content {
	position: relative;
	background: #FFF url('../images/generic/body_background.jpg') repeat-x top left;
	float: left;
	clear: both;
	width: 952px;
	overflow:  hidden;
}



/* @end */

/* @group nav */

ul#nav {
	position: relative;
	display: block;
	list-style: none;
	width: 952px;
	float: left;
	clear: both;
	padding-bottom:1px;
}

ul#nav li {
	display: inline;
}

ul#nav li a {
	display: block;
	float: left;
	clear: none;
	width: 237px;
	height: 52px;
	overflow: hidden;
	border-left: 1px solid #fff;
	background: #443966 url('../images/homepage/nav_backgound_blue.jpg') repeat-x 50% 52px;
	text-decoration: none;
}

#home ul#nav li a {
	height: 162px;
}

#home ul#nav li a.first:hover,
#home ul#nav li a:hover {
	background: #fff url('../images/homepage/nav_backgound_white.jpg') repeat-x 50% 52px;
	height: 161px;
	border-bottom: 1px solid #443966;
}

ul#nav li a.first {
	width: 238px;
	border: none;
}

ul#nav li a span {
	position: relative;
	display: block;
	width: 227px;
	height: 52px;
	padding-left: 10px;
	margin-bottom: 10px;
	float: left;
	clear: both;
	background: #443966 url('../images/homepage/nav_header_blue.jpg') repeat-x left top;
	color: #fff;
	font-size: 24px;
	line-height: 60px;
	overflow: hidden;
}

ul#nav li a:hover span {
	background: #443966 url('../images/homepage/nav_header_orange.jpg') repeat-x left top;
}

#who_we_are ul#nav li a span.who,
#contact ul#nav li a span.contact,
#what ul#nav li a span.do,
#who_for ul#nav li a span.for,
#cases ul#nav li a span.for,
#case ul#nav li a span.for,
#experience ul#nav li a span.for,
#c ul#nav li a span.for {
	background: #443966 url('../images/homepage/nav_header_orange.jpg') repeat-x left top;
}

ul#nav li a.first span {
	width: 228px;
}

ul#nav li a.first span span,
ul#nav li a span span {
	position: absolute;
	display: block;
	width: 43px;
	height: 40px !important;
	right: 6px;
	top: 6px;
	padding: 0px;
}

ul#nav li a span.who span {
	background: transparent url('../images/nav/we_are_icon_blue.jpg') no-repeat top left;	
}

#who_we_are ul#nav li a span.who span,
ul#nav li a:hover span.who span {
	background: transparent url('../images/nav/we_are_icon_white.jpg') no-repeat top left;	
}

ul#nav li a span.do span {
	background: transparent url('../images/nav/we_do_icon_blue.jpg') no-repeat top left;	
}

#what ul#nav li a span.do span,
ul#nav li a:hover span.do span {
	background: transparent url('../images/nav/we_do_icon_white.jpg') no-repeat top left;	
}

ul#nav li a span.for span {
	background: transparent url('../images/nav/who_for_icon_blue.jpg') no-repeat top left;	
}

#who_for ul#nav li a span.for span,
#cases ul#nav li a span.for span,
#case ul#nav li a span.for span,
#experience ul#nav li a span.for span,
ul#nav li a:hover span.for span {
	background: transparent url('../images/nav/who_for_icon_white.jpg') no-repeat top left;	
}

ul#nav li a span.contact span {
	background: transparent url('../images/nav/contact_icon_blue.jpg') no-repeat top left;	
}

#contact ul#nav li a span.contact span,
ul#nav li a:hover span.contact span {
	background: transparent url('../images/nav/contact_icon_white.jpg') no-repeat top left;	
}

#home ul#nav li a p {
	font-size: 12px;
	color: #fff;
	margin: 10px 10px 0px 10px;
}

#home ul#nav li a:hover p {
	font-size: 12px;
	color: #443966;
	margin: 10px 10px 0px 10px;
}

/* @end */

/* @group home */

#home div#caseStudies {
	position: relative;
	width: 470px;
	float: left;
	clear: left;
	margin-top: 10px;
}

#home div#caseStudies h2 {
	display: block;
	float: left;
	clear: none;
	width: 343px;
	height: 22px;
	background: #443966;
	color: #fff;
	font-size: 12px;
	padding: 6px 0px 0px 10px;
	border-right: 1px solid #fff;
}

#home div#caseStudies a.moreButton {
	display: block;
	position: relative;
	float: left;
	clear: none;
	width: 116px;
	height: 28px;
	text-decoration: none;
}

#home div#caseStudies a.moreButton span {
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background: #5C5C85 url('../images/homepage/more_case_button.jpg') no-repeat 50% 50%;
}

#home div#caseStudies ul {
	float: left;
	clear: both;
	display: block;
	position: relative;
	width: 470px;
	border-top: 1px solid #fff;
}

#home div#caseStudies ul li {
	display: inline;
}

#home div#caseStudies ul li a {
	display: block;
	float: left;
	clear: none;
	width: 157px;
	cursor: pointer;
	text-decoration: none;
}

#home div#caseStudies ul li.case3 a {
	border: none;
	width: 156px;
}

#home div#caseStudies img {
	border-bottom: 1px solid #fff;
}

#home div#caseStudies ul h3 {
	display: block;
	width: 146px;
	height: 28px;
	padding-left: 10px;
	background: #B4B1B1 url('../images/homepage/case_title_background.jpg') repeat-x 50% 50%;
	color: #fff;
	font-size: 12px;
	line-height: 26px;
}

#home div#caseStudies p {
	padding: 12px 9px;
	font-size: 14px;
	font-weight: bolder;
	color: #333366;
	height: 160px;
	overflow: hidden;
	border-right: 1px solid #999999;
}

#home div#caseStudies p span {
	font-size: 12px;
	color: #666666;
}

#home div#news {
	display: block;
	position: relative;
	float: right;
	clear: right;
	width: 470px;
	height: 348px;
	margin-top: 10px;
	background: transparent url('../images/homepage/ajax-loader.gif') no-repeat 50% 50% !important;
}

#home div#news h2 {
	position: relative;
	display: block;
	float: left;
	clear: none;
	width: 315px;
	height: 22px;
	background: #7597D5;
	color: #fff;
	font-size: 12px;
	padding: 6px 0px 0px 10px;
}

#home div#news a.moreButton {
	display: block;
	position: relative;
	float: left;
	clear: none;
	width: 116px;
	height: 28px;
	text-decoration: none;
}

#home div#news a.moreButton span {
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background: #5C5C85 url('../images/homepage/more_news_button.jpg') no-repeat 50% 50%;
}

#home div#news a.rss {
	display: block;
	position: relative;
	float: left;
	clear: none;
	width: 28px;
	height: 28px;
	text-decoration: none;
	border-right: 1px solid #fff;
}

#home div#news a.rss span {
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background: #5C5C85 url('../images/homepage/rss_button.jpg') no-repeat 50% 50%;
}

#home div#news a#article {
	display: block;
	text-decoration: none;
	width: 470px;
	height: 290px;
	float: left;
	clear: both;
	background: transparent url('../images/news/placeholder_home.jpg') no-repeat 0px 0px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
}

#home div#news a#article div {
	width: 454px;
	height: 82px;
	margin-top:200px;
	background: #ffffff;
	float: right;
	clear: right;
	font-size: 12px;
	color: #666666;
	padding: 8px 8px 0px 8px;
	
	filter:alpha(opacity=90);
	opacity: 0.8;
	-moz-opacity:0.8;
}

#home div#news a#article div span {
	color: #7597D5;
	font-size: 15px;
	font-weight: bolder;
}

#home div#news ul {
	float: left;
	clear: both;
	display: block;
	position: relative;
	width: 470px;
	height: 28px;
}

#home div#news ul li {
	display: inline;
}

#home div#news ul li a {
	float: left;
	clear: none;
	display: block;
	width: 145px;
	height: 28px;
	background: #B4B1B1 url('../images/homepage/news_nav_background_grey.jpg') repeat-x 0px 0px;
	text-decoration: none;
	color: #ffffff;
	font-size: 12px;
	padding-left: 11px;
	line-height: 26px;
	border-right: 1px solid #fff;
	overflow:  hidden;
}

#home div#news ul li a.selected,
#home div#news ul li a:hover {
	background: #8FB0F0 url('../images/homepage/news_nav_background_blue.jpg') repeat-x 0px 0px;
}

#home div#news ul li.end a {
	border: none;
}

#home #content {
	background: none;
}



/* @end */

/* @group news */

#newsHeader {
	position: relative;
	width: 952px;
	height: 28px;
	margin-top: 11px;
	background: #7597D5;
}

#newsHeader h1 {
	width: 300px;
	float: left;
	clear: none;
	font-size: 12px;
	color: #fff;
	padding: 6px 0px 0px 11px;
}

#newsHeader form {
	display: block;
	float: right;
	clear: none;
	margin: 4px 5px 0px 0px;
}

#newsHeader form select {
	font-size:  11px;
}

#newsHeader a {
	display: block;
	float: right;
	clear: none;
	text-decoration: none;
}

#newsHeader a.back {
	position: relative;
	width: 87px;
	height: 28px;
	border-left: 1px solid #fff;
}

#newsHeader a.back span {
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	background: #8FB0F0 url('../images/news/back.jpg') no-repeat 50% 50%;
}

#news a.item {
	display: block;
	position: relative;
	width: 860px;
	height: 117px;
	background: #FFF url('../images/generic/news_summary_background.jpg') no-repeat right top;
	margin-top: 11px;
	float: left;
	clear: both;
	overflow: hidden;
	text-decoration: none;
	padding: 0px 92px 0px 0px;
}

#news a.item h2 {
	margin-top: 32px;
	font-size: 15px;
	color: #333366;
}

#news a.item p {
	font-size: 12px;
	color: #666;
}

#news a.item img {
	float: left;
	clear: none;
	margin-right: 10px;
}

#news a.item div.date {
	position: absolute;
	top: 28px;
	right: 0px;
	width: 88px;
	height: 88px;
	color: #7597D5;
	text-align: center;
}

#news a.item div.date span.month {
	display: block;
	padding-top: 10px;
	font-size: 14px !important;
}

#news a.item div.date span.day {
	display: block;
	padding-top: 18px;
	font-size: 24px !important;
}

#mainItem div.date {
	position: relative;
	float: left;
	clear: left;
	width: 88px;
	height: 88px;
	color: #7597D5;
	text-align: center;
	background: #fff url('../images/news/cal_back.jpg') no-repeat top left;
	margin: 0px 10px 10px 0px;
}

#mainItem div.date span.month {
	display: block;
	padding-top: 10px;
	font-size: 14px !important;
}

#mainItem div.date span.day {
	display: block;
	padding-top: 18px;
	font-size: 24px !important;
}

#mainItem div.embed {
	float:  right;
	clear:  right;
	margin-left:  10px;
	margin-bottom:  10px;
margin-top:10px;
}

#mainItem img {
	float: right;
	clear: right;
	margin: 10px 0px 10px 10px;
}

#mainItem h1 {
	color: #333366;
	font-size: 25px;
	padding-top: 10px;
}

#mainItem p {
	clear: left;
	font-size: 12px;
	color: #666;
	padding: 0px 10px 10px 10px;
}



/* @end */

/* @group social bookmarking */

div.social {
	background: #fff;
	padding: 5px;
	margin: 0px;
	float: right;
	clear: both;
}

div.social h4 {
	display: block;
	font-size: 11px;
	font-weight: normal;
	width: 90px;
	line-height: 16px;
	margin-right: 5px;
	float: left;
	clear: none;
}

div.social a {
	display: block;
	position: relative;
	overflow: hidden;
	width: 18px;
	height: 18px;
	float: left;
	clear: none;
	margin: 0px 2px;
	padding: 0px !important;
	background: none !important;
	text-decoration: none;
	cursor: pointer;
	
}

div.social a span {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background: #fff;
}

div.social a#facebook span {
	background: url('../images/social/facebook.gif') 50% 50% no-repeat #fff;
}

div.social a#digg span {
	background: url('../images/social/digg.png') 50% 50% no-repeat #fff;
}

div.social a#delicious span {
	background: url('../images/social/delicious.png') 50% 50% no-repeat #fff;
}

div.social a#reddit span {
	background: url('../images/social/reddit.gif') 50% 50% no-repeat #fff;
}

div.social a#stumbleupon span {
	background: url('../images/social/stumbleupon.gif') 50% 50% no-repeat #fff;
}



/* @end */

/* @group we are */

#who_header {
	position: relative;
	float: left;
	clear: both;
	width: 952px;
	height: 28px;
	margin-top: 11px;
	background: #333366;
}

#who_header h1 {
	width: 300px;
	float: left;
	clear: none;
	font-size: 12px;
	color: #fff;
	padding: 6px 0px 0px 11px;
}

#who_header a {
	overflow: hidden;
	text-decoration: none;
	float: right;
	clear: right;
	position: relative;
	width: 169px;
	height: 28px;
	border-left: 1px solid #fff;
}

#who_header a span {
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	background: #8FB0F0 url('../images/who/facebook.jpg') no-repeat 50% 50%;
	
}

#who_feature {
	position: relative;
	float: left;
	clear: both;
	width: 952px;
	height: 289px;
	background: #fff url('../images/who/WhoBannerBackgroundImageTwitter.gif') no-repeat left top;
	border-top: 1px solid #fff;
}

#who_feature #main_text {
	width: 445px;
	display: block;
	float: left;
	clear: left;
}

#who_feature #main_text h2 {
	color: #333366;
	font-size: 25px;
	font-weight:  normal;
	line-height: 1.2;
	margin: 20px 0px 12px 30px;
}
#twitter_div{
	color: #fff;
	font-weight:  normal;
	margin: 40px 0px 12px 100px;
	font-size:85%;
	
}

#twitter_div h4 {
font-size:14px;
}

#GalleryLink{
	
}

#twitter_div ul li a {
	color:#333366;
}

#twitter_div ul{
	color:#333366;
	margin-left:0px;
	font-weight:bold;
	text-decoration: none;
	font-style:none;
	line-height:1.2em;
	list-style-type:none;
	list-style: none;
	font-size:82%;
	}

#who_feature #main_text h3 {
}
#who_feature #main_text p {
	color: #fff;
	font-size: 16px;
	padding-right: 10px;
	line-height: 19px;
	margin: 0px 12px 0px 12px;
}

#vision {
	position: absolute;
	width: 217px;
	height: 82px;
	padding: 5px 10px 0px 10px;
	background: #FF9900 url('../images/who/vision.jpg') no-repeat left top;
	bottom: 0px;
	right: 238px;
}

#vision h3 {
	font-size: 25px;
	color: #fff;
	width: auto;
}

#vision p {
	font-size: 14px;
	line-height:  14px;
	color: #333366;
	width: auto;
}

#mission {
	position: absolute;
	width: 217px;
	height: 82px;
	padding: 5px 10px 0px 10px;
	background: #FF9900 url('../images/who/mission.jpg') no-repeat left top;
	bottom: 0px;
	right: 0px;
}

#mission h3 {
	font-size: 25px;
	color: #fff;
}

#mission p {
	font-size: 14px;
	line-height:  14px;
	color: #FF9900;
}

#endorsements {
	width: 350px;
	margin-top: 230px;
	float: left;
	clear: left;
}

#endorsements a {
	display: block;
	width: 70px;
	height: 50px;
	float: left;
	clear: none;
	background: black;
	color: white;
	overflow: hidden;
}

ul#carswellgould_twitter_updates a{
	font-style:italic;
	color:#ffa443;
}

ul#carswellgould_twitter_updates {
font-size:12px;
}

#blurbs {
	position: relative;
	width: 694px;
	margin: 10px 0px 0px 10px;
	float: left;
	clear: none;
}

#blurbs h3 {
	display: block;
	width: 683px;
	height: 22px;
	background: #333366;
	color: #fff;
	font-size: 12px;
	padding: 6px 0px 0px 11px;
float:left;
}
#blurbs h3 span a{
	margin-left:395px;
	text-decoration:none;
	color:#ffa443;
}
#blurbs li{
	list-style:none;
	text-decoration:none;	
		padding-bottom:5px;
}
#blurbs li.blurb {
	display: block;
	position: relative;
	width: 342px;
	height: 80px;
	overflow: hidden;
	float: left;
	clear: none;
	margin-top: 10px;
	list-style:none;
	text-decoration:none;

}

#blurbs li.right {
	margin-left: 10px;
}

#blurbs li.blurb img.profilePic{
	position: relative;
	width: 64px;
	height: 83px;
	float: left;
	clear: none;
}

#blurbs li.blurb div {
	position: relative;
	margin-left: 10px;
	width: 268px;
	height: 79px;

	float: left;
	clear: none;

}

#blurbs li.blurb div h4 {
	color: #333366;
	font-size: 12px;
	line-height: 16px;
}

#blurbs li.blurb div span.title {
	color: #FF9900;
	font-size: 10px;
	line-height: 8px;
	
}

#blurbs li.blurb div span {


}
#blurbs li.blurb div a {
	color: #666666;
	font-size:8px;
	font-style:italic;
	
}
#blurbs li.blurb div p {
	font-size: 10px;
	color: #666;
	}

#blurbs li.blurb div span.date {
	position: absolute;
	top: 0px;
	right: 0px;
	font-size: 10px;
	color: #999999;
}
.blurbDiv ul{color: #666666;
font-size: 11px;
list-style:none;

}

img.BiogButton{
	height:10px;
	width:26px;
margin-left:10px;
}

#We_areLinks{
width:240px;
float:right;
margin-bottom:10px;
}
#We_areLinks img#AssociatedBusiness{
	margin:20px 0px 20px 20px;
}
#We_areLinks a{
	margin:20px 0px 0px 35px;
}
#gallery {
	position: relative;
	width: 210px;
	margin: -3px 28px 0px 0px;
	float: right;
	clear: none;
	
}

#gallery h3 {
	display: block;
	width: 227px;
	height: 22px;
	background: #333366;
	color: #fff;
	font-size: 12px;
	padding: 6px 0px 0px 11px;
}

#gallery ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

#gallery ul li {
	display: block;
	float: left;
	clear: none;
	margin: 0px;
	padding: 0px;
	border-top: 1px solid #fff;
}

#gallery ul li.right {
	border-left: 1px solid #fff;
}

#gallery ul li a {
	display: block;
	position: relative;
	text-decoration: none;
	width: 118px;
	height: 89px;
	background: no-repeat 50% 50%;
}

#gallery ul li img {
	margin: 0px;
	padding: 0px;
	border: none;
}



/* @end */

/* @group we do */

#forcedWhite
{
		background-color:#ffffff;
}
#what #content{
	background-color:#333366;
}
#what h1 {
	position: relative;
	display: block;
	float: left;
	clear: both;
	width: 942px;
	height: 22px;
	background: #FF9900;
	border-bottom:  1px solid #fff;
	color: #fff;
	font-size: 12px;
	padding: 6px 0px 0px 10px;
	margin-top: 10px;
}

#what #banner {
	background: #333366 url('../images/what/banner_background.jpg') no-repeat 0px 0px;
	position: relative;
	float: left;
	clear: both;
	width: 837px;
	height: 309px;
	color: #fff;
	padding: 0px 105px 0px 10px;
	margin-top:1px;
	
}

#what #banner h2 {
	color: #ffffff;
	font-size: 25px;
	font-weight:  normal;
	line-height: 1.2;
	margin: 110px 0px 12px 20px;
	width:500px;
	float:left;
}
#fileRollOver {
	background: url('../images/what/fileNormal.gif') no-repeat 0px 0px;
	margin-top:128px;
	margin-right:30px;
	width:205px;
	height:109px;
	float:right;
}
#fileRollOver:hover{
	background: url('../images/what/fileHover.gif') no-repeat 0px 0px;
	margin-top:117px;
	margin-right:23px;
	width:212px;
	height:120px;
	float:right;	
}
ul#services {
	position: relative;
	float: left;
	clear: both;
	display: block;
	width: 990px;
	margin-left:-4px;
	padding-right:2px;
	margin-top: 0px;
	padding-bottom: 2px;
	list-style: none;
	background-color:#333366;
}

#wedoServiceLinks{
		padding-left:441px;
		padding-bottom:10px;
		float:right;
		background-color:#333366;
		font-size:12px;
		padding-top:20px;
	}

#wedoServiceLinks	p span{
		margin-right:5px;
		background:url('../images/what/star.gif');
		background-position:left;
		background-repeat:no-repeat;
		padding-left:20px;	
		color:white;
	}
#DesignServiceLinks{
		padding-left:0px;
		padding-bottom:10px;
		float:right;
		background-color:#666666;
		font-size:12px;
		padding-top:20px;
		}
#DesignServiceLinks p{
	margin-left:20px;
	color:#ffffff;
	font-size:11px;
	font-weight:bold;
	padding-right:20px;
}
#DesignServiceLinks p span{
	margin-right:5px;
	background:url('../images/what/GreyStar.gif');
	background-position:left;
	background-repeat:no-repeat;
	padding-left:20px;	
}

#wedoServiceLinks p a,#DesignServiceLinks p a{
	color:#ffa73d;
	margin:0px 3px 0px 3px;
	text-decoration:none;
	padding-right:5px;
}


ul#services li {
	display: inline;
	
}

ul#services li a {
	display: block;
	width: 125px;
	overflow: hidden;
	margin-left: 12px;
	float: left;
	clear: none;
	text-decoration: none;
}

ul#services li a img {

}

ul#services li a h2 {
	display: block;
	width: 113px;
	height: 22px;
	background: #B4B1B1 url('../images/what/title_background.jpg') repeat-x 0px 0px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	padding: 6px 0px 0px 10px;
	font-size: 12px;
	color: #fff;
}

ul#services li a p {
	color: #666;
	font-size: 11px;
	padding: 5px;

	height: 122px;
	width:113px;
	background-color:#ffffff;
}

#other {
	position: relative;
	height: 188px;
	background: #666666;
	width:  470px;
	float: left;
	clear: left;
}

#other h4 {
	position: relative;
	display: block;
	height: 22px;
	color: #fff;
	font-size: 12px;
	padding: 8px 0px 0px 10px;
	background: #FF9900;
	border-bottom: 1px solid #fff;
}

ul#products {
	display: block;
}

ul#products li {
	display: inline;
}

ul#products li a {
	display: block;
	float: left;
	clear: none;
	width: 143px;
	height: 140px;
	background: #fff;
	margin-top: 10px;
	margin-left: 13px;
	text-decoration: none;
}

ul#products li.last a {
	margin-right: 10px;
}

ul#products li a img {
	border-bottom: 1px solid #666666;
}

ul#products li a p {
	display: block;
	width: 133px;
	height: 22px;
	color: #fff;
	font-size: 12px;
	background: #7597D5 url('../images/what/blue_header_background.jpg') repeat-x 0px 0px;
	padding: 6px 0px 0px 10px;
}



/* @end */

/* @group who for */

#who_for h1 {
	position: relative;
	display: block;
	float: left;
	clear: both;
	width: 942px;
	height: 22px;
	background: #333366;
	color: #fff;
	font-size: 12px;
	padding: 0px 0px 0px 0px;
	margin-top: 0px;
	border-bottom: 1px solid #fff;
}

#who_for #banner {
	background: #FDC48D url('../images/why/banner.jpg') no-repeat 0px 0px;
	background-position:bottom;
	position: relative;
	float: left;
	clear: both;
	width: 545px;
	height: 276px;
	color: #283465;
	
	padding: 0px 370px 0px 38px;
	overflow: show;
}

#who_for #banner h2 {
	color: #443966;
	font-size: 30px;
	font-weight:  normal;
	line-height: 1.2;
	margin: 0px 0px 0px 0px;
	width:500px;
	float:left;
}

#who_for #banner p {
	font-size: 25px;
	margin-top:32px;
	margin-left:-6px;
	line-height: 1.2;
}

#who_for #who_for_body {
	background: #FFF url('../images/why/body.jpg') no-repeat right top;
	position: relative;
	float: left;
	clear: both;
	width: 952px;
	font-size: 12px;
}

#who_for .testi div {
	font-size: 12px;
	margin-top: 20px;
}

#who_for .testi div span.person {
	font-weight: bold;
	color: #333366;
}

#who_for .testi div span.position {
	color: #BBBBBB;
}

#who_for .testi div span.company {
	color: #FF9900;
}

#who_for #who_for_body #logos_top {
	float: left;
	clear: left;
	width: 326px;
	height: 218px;
	background: #fff url('../images/why/logo_area_top.jpg') no-repeat top left;
	margin: 8px 0px 0px 8px;
	padding-right: 6px;
}

#who_for #who_for_body #logos_top div {
	width: 100%;
	height: 100%;
}

#who_for #who_for_body #case_thumbs {
clear:none;
float:left;
height:209px;
margin:8px 0 0 17px;
width:239px;
}






#who_for #who_for_body #case_thumbs h3 {
	position: relative;
	display: block;
	float: left;
	clear: both;
	width: 229px;
	height: 22px;
	background: #DDD url('../images/who/CaseStudiesSliderBanner.gif') repeat-x;
	text-align:center;
	color: #fff;
	font-size: 12px;
	padding: 6px 0px 0px 10px;
	border-bottom: 1px solid #fff;
}

#who_for #who_for_body #case_thumbs a {

}

#who_for #who_for_body #logos_core {
	float: left;
	clear: left;
	width: 936px;
	min-height: 30px;
	background: #fff url('../images/why/logo_area_side.jpg') repeat-y top left;
	margin: 0px 0px 0px 8px;
}

#who_for #who_for_body #logos_core ul {
	display: block;
	list-style: none;
	padding: 5px;
}

#who_for #who_for_body #logos_core li {
	display: inline;
}

#who_for #who_for_body #logos_core li a {
	display: block;
	float: left;
	clear: none;
	background: lightgrey;
	width: 76px;
	height: 70px;
	border: 4px solid #fff;
	border-collapse: collapse;
}

#who_for #who_for_body #logos_bottom {
	float: left;
	clear: left;
	position:  relative;
	width: 936px;
	height: 42px;
	background: #fff url('../images/why/logo_area_bottom.jpg') no-repeat top left;
	margin: 0px 0px 0px 8px;
}

#who_for #who_for_body #logos_bottom a {
	display:  block;
	width:  100%;
	height: 100%;
	text-decoration: none;
}

ul.companyList {
	display:  block;
	width:  275px;
	margin: 10px;
	float:  left;
	clear: none;
	padding-left:  20px;
	color:  #666;
}


/* @end */

/* @group case studies */

#caseHeader {
	position: relative;
	width: 952px;
	height: 28px;
	margin-top: 11px;
	background: #7597D5;
}

#caseHeader h1 {
	width: 300px;
	float: left;
	clear: none;
	font-size: 12px;
	color: #fff;
	padding: 6px 0px 0px 11px;
}

#caseHeader form {
	display: block;
	float: right;
	clear: none;
	margin: 4px 5px 0px 0px;
}

#caseHeader form select {
	font-size:  11px;
}

#caseHeader a {
	display: block;
	float: right;
	clear: none;
	text-decoration: none;
}

#caseHeader a.back {
	position: relative;
	width: 87px;
	height: 28px;
	border-left: 1px solid #fff;
}

#caseHeader a.back span {
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	background: #8FB0F0 url('../images/news/back.jpg') no-repeat 50% 50%;
}

#caseBody {
	position: relative;
	float: left;
	clear: both;
	width: 952px;
	font-size: 16px;
	color: #666666;
}

#caseBody h1 {
	font-size: 25px;
	color: #333366;
	padding: 10px;
}

#caseBody h2 {
	font-size: 16px;
	color: #FF7F06;
	padding: 10px;
}

#caseBody p {
	padding: 0px 10px 10px 10px;
}

#caseBody ul {
	margin-left: 50px;
}

#caseBody ol {
	margin-top:  5px;
	margin-left: 50px;
}

#caseBody #imageBase {
	position: relative;
	float: right;
	clear: right;
	margin: 10px 0px 10px 10px;
	width: 320px;
}

#caseBody #imageBase img {
	margin-bottom: 10px;
}

#caseBody #imageBase .quote {
	font-size: 22px;
	padding: 10px;
	color: #FF8717;
	font-weight: bold;
	font-style: italic;
}

#caseBody #imageBase .quote span {
	color: #333366;
	font-size: 12px;
}

#cases a.item {
	display: block;
	position: relative;
	width: 860px;
	height: 117px;
	background: #FFF url('../images/generic/news_summary_background.jpg') no-repeat right top;
	margin-top: 11px;
	float: left;
	clear: both;
	overflow: hidden;
	text-decoration: none;
	padding: 0px 92px 0px 0px;
	font-size: 12px;
	color: #666;
}

#cases a.item h2 {
	margin-top: 32px;
	font-size: 15px;
	color: #333366;
}

#cases a.item p {
	font-size: 12px;
	color: #666;
}

#cases a.item img {
	float: left;
	clear: none;
	margin-right: 10px;
}

#cases a.item div.date {
	position: absolute;
	top: 28px;
	right: 0px;
	width: 88px;
	height: 88px;
	color: #7597D5;
	text-align: center;
}

#cases a.item div.date span.month {
	display: block;
	padding-top: 10px;
	font-size: 14px !important;
}

#cases a.item div.date span.day {
	display: block;
	padding-top: 18px;
	font-size: 24px !important;
}



/* @end */

/* @group clients area */

#clients #clientHeader {
	position: relative;
	width: 952px;
	height: 28px;
	margin-top: 11px;
	background: #7597D5;
}

#clients #clientHeader h1 {
	float: left;
	clear: none;
	font-size: 12px;
	color: #fff;
	padding: 6px 0px 0px 11px;
}

#clients #clientHeader span {
	font-size: 12px;
	color: #fff;
	padding: 6px 11px 0px 0px;
	display: block;
	float: right;
	clear: none;
	text-decoration: none;
	font-weight: bold;
}

#clients #clientHeader a {
	display: block;
	float: right;
	clear: none;
	text-decoration: none;
}

#clients #clientHeader a.back {
	position: relative;
	width: 87px;
	height: 28px;
	border-left: 1px solid #fff;
}

#clients #clientHeader a.back span {
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
	top: 0px;
	left: 0px;
	background: #8FB0F0 url('../images/clients/go.jpg') no-repeat 50% 50%;
}

#clients #linkHolder {
	position: relative;
	width: 776px;
	height: 378px;
	background: #E4E4E4 url('../images/clients/background.jpg') no-repeat 0px 0px;
	margin: 0 auto;
	margin-top: 37px;
	margin-bottom: 37px;
}

#clients #linkHolder div {
	position: absolute;
	top: 60px;
	width: 297px;
	/*height: 246px;*/
}

#clients #linkHolder div#eBuild {
	left: 54px;
}

#clients #linkHolder div#basecamp {
	right: 54px;
}

#clients #linkHolder div img {
	float: left;
	clear: both;
	margin-left: 60px;
	margin-bottom: 20px;
}

#clients #linkHolder div p {
	float: left;
	clear: both;
	color: #666;
	font-size: 14px;
	line-height: 20px;
	width:  297px;
}

#clients #linkHolder a {
	color:  #ff9900;
}



/* @end */

/* @group contact */

#contactHeader {
	margin-top: 0px;
	position: relative;
	width: 952px;
	height: 309px;
	float: left;
	clear: both;
	background: #453B68 url('../images/contact/header_background2.gif') no-repeat bottom left;
	overflow:  hidden;
}

#contactHeader h1 {
	position: relative;
	display: block;
	width: 942px;
	height: 22px;
	color: #fff;
	font-size: 12px;
	padding: 6px 0px 0px 10px;
	background: #FF9900;
	border-bottom:  1px solid #fff;
}

#contactHeader h2 {
	font-size: 25px;
	color: #fff;
	padding:25px 0px 0px 29px;
        line-height:1.2;
	font-weight: normal;
}

#contactHeader p {
	font-size: 23px;
	color: #fff;
	padding: 10px;
}

#contactHeader p#phone {
	font-size: 34px;
	color: #BCBDCB;
	letter-spacing: -2px;
	font-weight: bolder;
	padding:20px 0px 0px 29px;
}

#contactHeader p#phone span {
	font-size: 12px;
	letter-spacing: 1px;
}

#contactHeader #formContainer {
	position: relative;
	float: right;
	clear: none;
	width: 298px;
	height: 237px;
	margin: 10px 10px 0px 33px;
	padding: 38px 5px 0px 9px;
	background: transparent url('../images/contact/form.jpg') no-repeat bottom left;
}

#contactHeader #formContainer input {
	width: 284px;
	height: 17px;
	margin-bottom: 10px;
	font-size: 12px;
	color: #535353;
	padding: 0px 0px 0px 0px;
	float: left;
	clear: none;
}

#contactHeader #formContainer div {
	float: left;
	clear: left;
	width: 140px;
	font-size: 12px;
	color: #fff;
}

#contactHeader #formContainer input.checkbox {
	height: auto;
	width: auto;
	margin: 0px 5px 20px 0px;
}

#contactHeader #formContainer textarea {
	width: 287px;
	height: 113px;
	margin-bottom: 10px;
	font-size: 12px;
	color: #535353;
	padding: 0px 0px 0px 2px;
}

#contactHeader #formContainer input#submitter {
	float: right;
	clear: none;
	width: 90px;
	height: 28px;
	border: none;
	background: #FF9900 url('../images/contact/form_button.jpg') repeat-x 0px 0px;
	background-position:center bottom;
	color: #fff;
	text-decoration: none;
	font-size: 14px;
	margin-right: 9px;
	cursor: pointer;
	font-weight:bold;
	padding:0px;
}

#contactHeader #formContainer #contactThanks {
	position: relative;
	width: 288px;
}

#contactHeader #formContainer #contactThanks h4 {
	font-size: 18px;
	margin-bottom: 10px;
	padding-left: 19px;
	background: transparent url('../images/icons/emoticon_grin.gif') no-repeat 0px 3px;
}

#contactHeader #formContainer #contactThanks h4.error {
	background: transparent url('../images/icons/emoticon_unhappy.gif') no-repeat 0px 3px;
}

#contactHeader #formContainer #contactThanks p {
	padding: 0px;
	margin-bottom: 10px;
}

#contactHeader #formContainer #contactThanks a {
	color: #ff9900;
}

#contactHeader #snazzy {
	position: relative;
	float: right;
	clear: none;
	width: 105px;
	height: 246px;
	margin: 25px 10px 0px 0px;
	background: transparent url('../images/contact/snazzy.jpg') no-repeat top left;
	font-size: 11px;
	color: #fff;
}

#contactHeader #snazzy #vcard {
	display: block;
	text-decoration: none;
	color: #fff;
	width: 83px;
	height: 141px;
	background: transparent url('../images/contact/vcard.jpg') no-repeat top left;
	padding: 13px 14px 0px 8px;
}

#contactHeader #snazzy #rss {
	display: block;
	text-decoration: none;
	color: #fff;
	width: 79px;
	height: 112px;
	background: transparent url('../images/contact/rss.jpg') no-repeat top left;
	padding: 5px 14px 0px 12px;
}

#contact #map {
	width: 616px;
	/*height: 380px;*/
	border: 2px solid #B4B1B1;
	position: relative;
	float: left;
	clear: none;
	margin: 10px 0px 0px 8px;
}

#contact #jobs {
	position: relative;
	float: left;
	clear: none;
	width: 315px;
	height: 384px;
	background: #453B68;
	margin: 10px 0px 0px 0px;
	font-size: 14px;
	color: #fff;
}

#contact #jobs h3 {
	position: relative;
	display: block;
	width: 305px;
	height: 22px;
	color: #fff;
	font-size: 12px;
	padding: 6px 0px 0px 10px;
	background: #FF9900;
	border-bottom: 1px solid #fff;
}

#contact #jobs p {
	padding: 15px;
}

#contact #jobs p a {
	font-weight: bold;
	color: #ff9900;
	text-decoration: none;
}

#contact #jobs h4 {
	position: relative;
	display: block;
	width: 304px;
	height: 22px;
	color: #fff;
	font-size: 12px;
	padding: 6px 0px 0px 10px;
	margin: 0px 0px 0px 1px;
	background: #8FB0F0 url('../images/contact/position_header.jpg') repeat-x 50% 50%;
}

#contact #jobs ul {
	list-style: none;
	padding: 15px;
}

#contact #jobs li {
	font-size: 14px;
	margin-bottom: 8px;
}

#contact #jobs li a {
	display:  block;
	text-decoration: none;
	color:  #fff;
}

#contact #jobs li em {
	font-style: normal;
	color: #ff9900;
}



/* @end */

/* @group generic */

#genericHeader {
	position: relative;
	width: 952px;
	height: 28px;
	margin-top: 11px;
	background: #7597D5;
	border-bottom: 1px solid #fff;
}

#genericHeader h1 {
	float: left;
	clear: none;
	font-size: 12px;
	color: #fff;
	padding: 6px 0px 0px 11px;
	background: transparent;
}

#genericHeader span {
	font-size: 12px;
	color: #fff;
	padding: 6px 11px 0px 0px;
	display: block;
	float: right;
	clear: none;
	text-decoration: none;
	font-weight: bold;
}

#genericHeader a {
	display: block;
	float: right;
	clear: none;
	text-decoration: none;
	padding:  0px;
	margin:  0px;
}

#genericHeader a.back {
	position: relative;
	width: 87px;
	height: 28px;
	border-left: 1px solid #fff;
	padding:  0px;
	margin:  0px;
}

#genericHeader a.back span {
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	padding:  0px;
	margin:  0px;
	background: #8FB0F0 url('../images/news/back.jpg') no-repeat 50% 50%;
}

.hide form {
	display: none !important;
}

.contact-ajax {
	background: transparent url('../images/contact/loader.gif') no-repeat 50% 80px;
	height: 100%;
}

.clearFloats {
	float: left;
	clear: both;
}



/* @end */

/* @group service pages */

#what #serviceHeader {
	position: relative;
	width: 952px;
	height: 28px;
	margin-top: 11px;
	background: #7597D5;
	border-bottom: 1px solid #fff;
}

#what #serviceHeader h2 {
	float: left;
	clear: none;
	font-size: 12px;
	color: #fff;
	padding: 6px 0px 0px 11px;
	background: transparent;
	
}

#what #serviceHeader span {
	font-size: 12px;
	color: #fff;
	padding: 6px 11px 0px 0px;
	display: block;
	float: right;
	clear: none;
	text-decoration: none;
	font-weight: bold;
}

#what #serviceHeader a {
	display: block;
	float: right;
	clear: none;
	text-decoration: none;
}

#what #serviceHeader a.back {
	position: relative;
	width: 87px;
	height: 28px;
	border-left: 1px solid #fff;
}

#what #serviceHeader a.back span {
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
	top: 0px;
	left: 0px;
	background: #8FB0F0 url('../images/clients/go.jpg') no-repeat 50% 50%;
}


#what .testLinkAdvertising{
background: url('../images/what/advertising.jpg') no-repeat top;
text-decoration:none;
width:123px;
}

#what .testLinkAdvertising:hover{
background: #ffffff url('../images/what/advertisingRollover.jpg') no-repeat top;
text-decoration:none;
}

#what .testLinkPR{
background: url('../images/what/pr.jpg') no-repeat top;
text-decoration:none;
width:123px;
}

#what .testLinkPR:hover{
background: #ffffff url('../images/what/prRollover.jpg') no-repeat top;
text-decoration:none;
}

#what .testLinkDesign{
background: url('../images/what/design.jpg') no-repeat top;
text-decoration:none;
width:123px;
}

#what .testLinkDesign:hover{
background: #ffffff url('../images/what/designRollover.jpg') no-repeat top;
text-decoration:none;
}
#what .testLinkEmarketing{
background: url('../images/what/emarketing.jpg') no-repeat top;
text-decoration:none;
width:123px;
}

#what .testLinkEmarketing:hover{
background: #ffffff url('../images/what/emarketingRollover.jpg') no-repeat top;
text-decoration:none;
}
#what .testLinkTraining{
background: url('../images/what/training.jpg') no-repeat top;
text-decoration:none;
width:123px;
}

#what .testLinkTraining:hover{
background: #ffffff url('../images/what/trainingRollover.jpg') no-repeat top;

text-decoration:none;
}
#what .testLink1to1{
background: url('../images/what/121.jpg') no-repeat top;
text-decoration:none;
width:123px;
}

#what .testLink1to1:hover{
background: #ffffff url('../images/what/121rollover.jpg') no-repeat top;
text-decoration:none;
}
#what .testLinkFmarketing{
background: url('../images/what/field.jpg') no-repeat top;
text-decoration:none;
width:123px;
}

#what .testLinkFmarketing:hover{
background: #ffffff url('../images/what/fieldRollover.jpg') no-repeat top;
text-decoration:none;
}
.testiy {padding-top:64px;}
		


#what #serviceDetail {
	display: block;
	position: relative;
	float: left;
	clear: none;
	width: 894px;
	height: 323px;
	float: left;
	clear: left;
	color: #fff;
	padding: 20px 29px 0px 29px;
}
#what #serviceDetail a{
	color:#666666;
}

#what #serviceDetail.emarketing{
	height: 271px;	
}

#what #serviceDetail.city_centre{
	background-color:#ffffff;
}

#what #serviceDetail h3 {
	font-size: 70px;
	font-weight: normal;
}
#what #serviceDetail.pr{
	height:100%;
}
#what #serviceDetail.pr h3 {
	font-size:50px;
	line-height:1;
	color:#483666;
	margin-bottom:30px;
}
#what #serviceDetail.pr img.thumbnail {margin-right:10px;}
#what #serviceDetail.pr p.intro {margin-bottom:100px;font-size:17px;}

/*#what #serviceDetail.pr a img {
	position:absolute;
	top:28px;
	right:60px;
	width:400px;
}*/

#what #serviceDetail.pr div.thumbnailcontainer {margin-bottom:;}
#what #serviceDetail.pr div.leftcol {width:450px;float:left;}
#what #serviceDetail.pr div.rightcol {width:400px;float:right;font-size:13px;background:url(../images/what/quotebg.png) bottom right no-repeat;height:500px;}
#what #serviceDetail.pr div.rightcol ul li {list-style-position:;padding-left:20px;}
#what #serviceDetail.pr div.rightcol ul {padding-left:15px;}
#what #serviceDetail.pr div.rightcol p#listtitle {color:#493767;font-size:14px;margin-bottom:10px;}

#what #furtherDetails {
	position: relative;
	float: left;
	clear: both;
	width: 906px;
	padding: 0px 23px 50px 23px;
background-color:#5283d6;
	margin-bottom: 1px;
	color:#ffffff;
}

#what #furtherDetails h4 {
	font-size: 30px;
	font-weight: normal;
	margin:  10px 0px;
}

#what #furtherDetails p {
	margin-bottom: 10px;
		font-size: 15px;
}

#what #furtherDetails a {
	color:  #ffffff;
}


#what #serviceDetail.vid {
	height:auto;
	background:#ffffff;
	color:#3d295f;
	padding:0px;
	padding:40px;
	width:872px;
	
}
#what #serviceDetail.vid .text h3 {
	line-height:normal;
	font-size:45px;
	margin-bottom:20px;
}

.emph {
	color:#59575b;
	font-style:italic;
	line-height:1.2;
	/*font-weight:bolder;*/
}

#what #serviceDetail.vid .text p.larger {
	font-size:17px;
}

#what #serviceDetail.vid .text p {
	font-size:12px;
	margin-bottom:15px;
}

#what #serviceDetail.vid .text {
	width:275px;
	float:left;
	height:auto;
	margin-right:20px;
}
#what #serviceDetail.vid span.sub {
	text-transform:uppercase;
	color:#3d295f;
	display:block;
}
#what #serviceDetail.vid .text a.btn {
	display:block;
	margin-top:30px;
}
.clear {
	clear:both;
}
#what #serviceDetail.vid div#video {
	width:100%;
	float:right;
	margin-top:;
	height:auto;
	position:relative;
}

#what #serviceDetail.vid div#projector {overflow:hidden;margin:0px auto;position:relative;height:764px;width:864px;background:url(../images/what/screenbg.png) top center no-repeat;/*padding:70px 40px 70px 40px;*/}
#what #serviceDetail.vid div#projector div#mainvid {width:766px;margin:0px auto;padding-top:70px;}
#what #serviceDetail.vid div#projector div#vidintro {position:absolute;top:70px;width:766px;margin:0px auto;left:48px;cursor:pointer;}
#what #serviceDetail.vid div#projector div#mainvid.hiddenvid {background:#000000;color:#000000;position:absolute;top:70px;left:48px;display:none;padding-top:0px;}
#what #serviceDetail.vid div#textcontent {margin-top:50px;padding:0px 20px;}
#what #serviceDetail.vid div#textcontent h2 {font-size:38px;text-transform:uppercase;font-weight:normal;}
#what #serviceDetail.vid div#textcontent p#firstsentence {color:#59575b;font-size:18px;font-weight:bold;margin-bottom:10px;}
#what #serviceDetail.vid div#textcontent div#lefttextcol {width:485px;float:left;font-size:12px;color:#000;}
#what #serviceDetail.vid div#textcontent div#lefttextcol p {margin-bottom:20px;}
#what #serviceDetail.vid div#textcontent div#rightlistcol {width:310px;float:right;color:#59575b;font-size:11px;}
#what #serviceDetail.vid div#textcontent div#rightlistcol ul {padding-left:12px;margin-bottom:20px;}
#what #serviceDetail.vid div#textcontent div#rightlistcol ul li {line-height:1.5;}
#what #serviceDetail.vid div#textcontent div#rightlistcol p {font-size:12px;margin-bottom:5px;}
#what #serviceDetail.vid div#textcontent div#rightlistcol img {margin-left:-15px;}
#what #serviceDetail.vid div#textcontent p#vidstitle {font-size:18px;margin-top:30px;margin-bottom:20px;}
#what #serviceDetail.vid div#textcontent p#vidstitle span {font-size:12px;text-transform:lowercase;}
#what #serviceDetail.vid div#textcontent div.vidbox {width:201px;float:left;margin-right:7px;}
#what #serviceDetail.vid div#textcontent div.vidbox p {font-size:11px;margin-top:10px;}
#what div#relatedservices {background:#fff;padding-bottom:125px;}
#what div#relatedservices p {background:#f4c93e;font-size:11px;color:#3d2a5f;line-height:2.4;padding-left:55px;}
#what div#relatedservices p span {font-size:13px;}
#what div#relatedservices a {color:#3d2a5f;text-decoration:none;}
#what div#relatedservices a:hover {text-decoration:underline;}
.italic {font-style:italic	;}
.bold {font-weight:bold;}
.purple {color:#483666;}
.uppercase {text-transform:uppercase;}

#DesignServiceLinks.vid {
	width:100%;
	padding-top:10px;
}

div#video #mainvid {
	background:	;
	height:375px;
	margin-bottom:30px;
}

div#video #othervids {
	height:210px;
}

div#video #othervids div.singlevid {
	width:201px;
	float:left;
	margin-right:6px;
	position:relative;
	margin-bottom:10px;
}

div#video #othervids div.singlevid a.linkoverlay {cursor:pointer;z-index:1000;display:block;height:121px;width:201px;position:absolute;top:0px;left:0px;background: url(../images/what/cameraoverlay.png) top center no-repeat;}
div#video #othervids div.singlevid.rightvid {float:right;margin-right:0px;}

div#video #othervids div.singlevid p {
	font-size:12px;
	margin-top:10px;
	
}
div.examples {
	width: 952px !important;
	height:  auto !important;
	margin:auto;

}
div.examples a#HeadingLink{
	float:right;
height:22px;
	margin-right:15px;
	color:#ffffff;
	text-decoration:none;
}
div.examples a#HeadingLink:hover{
color:#333366;	
}
div.examples h4 {
width:  942px !important;
}

div.examples span {
	float:left;
}
div.examples h4 a span{
	margin-top:5px;
}
div.examples ul#products li a {
	background: #666 no-repeat 50% 50%;
}
div.examples ul#products li a p{
	margin-top:92px;
	filter:alpha(opacity=90);
	opacity: 0.8;
	-moz-opacity:0.8;
	text-align:center;
	font-weight:bold;
	}
div.examples ul#products li a p span{
	padding-right:5px;
}
#what #banner p {
	margin-top:120px;
}

/* @group headers */

#what div.advertising {
	background: #F44456 url('../images/what/advertising_background.jpg') no-repeat 0px 0px;
}

#what div.pr {
	background: #F97FDF url('../images/what/pr_background.jpg') repeat-x 0px 0px;
}

#what div.design {
	background: #BA74F8 url('../images/what/design_background.jpg') no-repeat 0px 0px;
}

#what div.emarketing {
	background: #5283d6  url('../images/what/emarketing_background.jpg') no-repeat 0px 0px;

}

#what div.one_to_one {
	background: #80EFD0 url('../images/what/one_to_one_background.jpg') no-repeat 0px 0px;
	color:  #666 !important;
}

#what div.one_to_one h3 {
	font-size:  57px !important;
	padding-bottom:20px;
}
#what div.one_to_one p{
	width:650px;
	line-height:1.5em;
}
#what div.training {
	background: #F9F649 url('../images/what/training_background.jpg') no-repeat 0px 0px;
	color:  #666 !important;
}

#what div.training p {
	padding-right: 200px;
}

#what div.field_marketing {
	background: #FF9900 url('../images/what/field_marketing_background.jpg') no-repeat 0px 0px;
}

#what div.city_centre {
	padding: 12px 22px 0px 22px !important;
	width:  908px !important;
	background: #740620 url('../images/what/city_centre_background.jpg') no-repeat 0px 0px;
}

#what div.city_centre h3 {
	font-size:  55px !important;
}

#what div.city_centre p {
	font-size:  16px !important;
	margin:  20px 0px;
	font-weight:  lighter;
}

#what div.city_centre p a {
	color:  #fff;
}

#what #advertising_details {
	width:  287px;
	position:  relative;
	float:  left;
	clear:  none;
	margin: 30px 0px 0px 30px;
	color:  #75001B;
	font-size:  15px;
	background-color:#ffffff;
}

#what #advertising_details p {
	margin-bottom: 15px;
}

#what #advertising_details span {
	color: #443966;
}

#what #advertising_details img {
	margin:  10px 0px 20px 20px;
}

#what #advertising_image {
	float:  right;
	clear: none;
	width: 584px;
	margin: 0px 10px 0px 0px;
}

#what #advertising_image a {
	color:  #75001B;
	text-decoration:  none;
	font-weight: bold;
	padding-left: 8px;
}

#what div.meeting_room {
	padding: 12px 382px 0px 22px !important;
	width:  548px !important;
	background: #3F4C6B url('../images/what/meeting_room_background.jpg') no-repeat 0px 0px;
	margin-bottom: 0px !important;
}

#what div.meeting_room h3 {
	font-size:  55px !important;
	margin-bottom: 15px;
}

#what #meeting_further_details {
	position: relative;
	width:  952px;
	float:  left;
	clear:  both;
	background: #ffffff url(../images/what/meeting_room_body_backgroun.jpg) no-repeat right top;
}

#what #meeting_further_details div {
	width:  475px;
	height: 329px;
	background: #3A4766 url(../images/what/meeting_room_extra_text.jpg) no-repeat left top;
	margin: 20px 0px 0px 20px;
	color:  #fff;
	padding: 10px;
	font-size:  13px;
}

#what #meeting_further_details div h4 {
	font-size: 28px;
	font-weight: normal;
	margin-bottom: 15px;
}

#what #meeting_further_details div ul {
	margin-bottom: 15px;
	padding-left: 15px;
}

#what #meeting_further_details img {
	margin: 15px 0px 15px 45px;
}

#what #forceWhiteBackground{
	width:980px;
	height:875px;
	background-color:#ffffff;
}
/* @end */



/* @end */

/* @group ebuild */


#ebuildDetail {
	width:  574px;
	height:  310px;
	position:  relative;
	padding:  25px 350px 0px 28px;
	float:  left;
	clear:  both;
	background: transparent url(../images/ebuild/ebuild_banner.jpg) no-repeat 0px 0px;
	color:  #504D4D;
}

#ebuildDetail h3 {
	font-size:  54px;
	font-weight:  normal;
	line-height: 60px;
}

#ebuildDetail p {
	margin-top: 50px;
}

#ebuildDetail #quote {
	position:  absolute;
	top: 281px;
	left:  0px;
}

#what #screenshots {
	position:  relative;
	background:  #BBBBBB;
	float: right;
	clear:  right;
	width: 409px;
	margin:  13px 18px 0px 0px;
	padding-bottom: 5px;
}

#what #screenshots div {
	width: 399px;
	float:  left;
	clear:  both;
	margin: 5px 0px 0px 5px;
}

#what #screenshots div h4 {
	background: #8C8B8C;
	border: 1px solid #B2B1B2;
	color:  #fff;
	font-weight:  normal;
	display:  block;
	width:  393px;
	padding:  3px;
	font-size: 14px;
}

#what #cost1 {
	position: relative;
	width:  459px;
	height: 112px;
	background: #ff9900 url(../images/ebuild/small_orange_box.jpg) no-repeat 0 0;
	float:  left;
	clear:  left;
	margin-top:  455px;
	margin-left:  17px;
	padding:  18px;
}

#what #cost1 h5 {
	color:  #fff;
	font-size:  28px;
	margin-bottom:  10px;
}

#what #cost1 p {
	color:  #000;
	font-size:  13px;
}

#what #cost2 {
	position: relative;
	width:  467px;
	height: 150px;
	background: #ff9900 url(../images/ebuild/medium_orange_box.jpg) no-repeat 0 0;
	float:  left;
	clear:  left;
	margin-top:  5px;
	margin-left:  17px;
	padding:  18px 10px 18px 18px;
}

#what #cost2 h5 {
	color:  #fff;
	font-size:  28px;
	margin-bottom:  10px;
}

#what #cost2 p {
	color:  #000;
	font-size:  13px;
}

#what #ebuild_button {
	position: relative;
	float:  left;
	clear:  left;
	margin:  15px 0px 0px 30px;
}


/* @end */

/* @group terms */


#termsHeader {
	position: relative;
	width: 952px;
	height: 28px;
	margin-top: 11px;
	background: #7597D5;
}

#termsHeader h1 {
	width: 300px;
	float: left;
	clear: none;
	font-size: 12px;
	color: #fff;
	padding: 6px 0px 0px 11px;
}

#termsHeader form {
	display: block;
	float: right;
	clear: none;
	margin: 4px 5px 0px 0px;
}

#termsHeader a {
	display: block;
	float: right;
	clear: none;
	text-decoration: none;
}

#termsHeader a.back {
	position: relative;
	width: 87px;
	height: 28px;
	border-left: 1px solid #fff;
}

#termsHeader a.back span {
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	background: #8FB0F0 url('../images/news/back.jpg') no-repeat 50% 50%;
}

#terms .section h2 {
	color: #333366;
	font-size: 25px;
	padding: 5px 10px 10px 10px;
}

#terms .section p {
	clear: left;
	font-size: 12px;
	color: #666;
	padding: 0px 10px 10px 10px;
}

#terms #quickLinks {
	width: 260px;
	margin:  10px;
	padding:  10px;
	border:  3px solid #FF7D01;
	background: #FFC979;
	color: #333366;
}

#terms #quickLinks ol {
	padding-left:  25px;
}

#terms #quickLinks ol a {
	color:  #333366;
}


/* @end */

/* @group job */


#jobHeader {
	position: relative;
	width: 952px;
	height: 28px;
	margin-top: 11px;
	background: #7597D5;
}

#jobHeader h1 {
	width: 300px;
	float: left;
	clear: none;
	font-size: 12px;
	color: #fff;
	padding: 6px 0px 0px 11px;
}

#jobHeader form {
	display: block;
	float: right;
	clear: none;
	margin: 4px 5px 0px 0px;
}

#jobHeader a {
	display: block;
	float: right;
	clear: none;
	text-decoration: none;
}

#jobHeader a.back {
	position: relative;
	width: 87px;
	height: 28px;
	border-left: 1px solid #fff;
}

#jobHeader a.back span {
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	background: #8FB0F0 url('../images/news/back.jpg') no-repeat 50% 50%;
}

.jobBox h1 {
	color: #333366;
	font-size: 25px;
	padding: 5px 10px 10px 10px;
}

.jobBox h3 {
	color: #333366;
	font-size: 18px;
	padding: 5px 10px 10px 10px;
}

.jobBox p {
	clear: left;
	font-size: 12px;
	color: #666;
	padding: 0px 10px 10px 10px;
}

.jobBox a.apply {
	display:  block;
	width: 110px;
	height: 22px;
	border: none;
	background: #FF9900;
	color: #fff;
	text-decoration: none;
	font-size: 12px;
	padding: 6px 0px 0px 11px;
	margin-left: 10px;
margin-bottom:20px;
}

#career h2 {
	color: #333366;
	font-size: 20px;
	padding: 5px 10px 10px 10px;
}

div.careerPageJob {
	border-bottom: 1px solid #999;
	border-collapse: collapse;
	padding: 15px 0px;
}


/* @end */

/* @group footer */

#footer {
	position: relative;
	text-align:left;
	float: left;
	clear: both;
	background: #201f20;
	color: #999999;
	font-size: 11px;
	width: 100%;
	padding-top: 0px;
}

#footercontent {
	padding-top:10px;
	text-align:center;
	width:952px;
	color:#828282;
	margin:0 auto;
	background:#dddddd;
	position:relative;
}

#raceonlinefooter {
	text-align:left;
	margin:25px auto 0px;
	width:790px;
	height:100px;
}

#raceonlinefooter p {padding-top:5px;margin-right:25px;font-size:16px;font-family:'Helvetica';color:#000000;float:right;width:575px;font-weight:bold;line-height:1.3;}
#raceonlinefooter a {color:#77b700;}
#racenewslink {position:absolute;height:124px;width:108px;bottom:0px;right:0px;}
/* @end */

#value #content #strategyLeft {
	background-image:url('../images/strategy/valueBackground.gif');
	height:734px;
	width:360px;
	float:left;
	}
	
#value #content #stategyMain {
	background-image:url('../images/strategy/background-fade.gif');
	background-position:bottom;
	background-color:#000000;
	background-repeat: no-repeat;
	height:718px;
	width:562px;
	float:right;
	color:#ffffff;
	font-size:0.7em;
	padding:16px 0px 0px 30px;
	}
	
#value #content #stategyMain p{
padding-bottom:20px;
width:550px;
}

#value #content #stategyMain ul span{
color:#ff9900;
}

#value #content #stategyMain ul{
	list-style: none;
	padding-bottom:10px;
}

#value #content #stategyMain ul#soWhatNext{
		color:#ff9900;
}
ul#soWhatNext{
}
ul#soWhatNext li {
	padding:3px 3px 3px 30px;
	line-height: 22px;
	/* border: 1px solid red;*/
	height:20px;
}

li#cal {
	background-image:url('../images/strategy/claIcon.gif');
	background-repeat: no-repeat;
	background-position:0.5em;
}

li#cal a{
	color:#ff9900;
	text-decoration:none;
}

li#eye {
		background-image:url('../images/strategy/eyeIcon.gif');
		background-repeat: no-repeat;
		background-position:0.5em;
		}

li#eye a{
			color:#ff9900;
			text-decoration:none;
		}
	
li#read {
	background-image:url('../images/strategy/phoneIcon.gif');
	background-repeat: no-repeat;
	background-position:0.5em;
	}

li#read a{
		color:#ff9900;
		text-decoration:none;
	}
li#call {
	background-image:url('../images/strategy/emailIcon.gif');
	background-repeat: no-repeat;
	background-position:0.5em;
	}

li#call a{
		color:#ff9900;
		text-decoration:none;
	}
li#email {
		background-image:url('../images/strategy/phoneBookIcon.gif');
		background-repeat: no-repeat;
		background-position:0.5em;
	}

li#email a{
		color:#ff9900;
		text-decoration:none;
	}
li#studies {
		background-image:url('../images/strategy/claIcon.gif');
		background-repeat: no-repeat;
		background-position:0.5em;
	}
li#studies a{
		color:#ff9900;
		text-decoration:none;
	}	
#value #content #stategyMain h3{
	color:#ff9900;
}
#value #content #stategyMain h2{
	font-style:italic;
	padding:30px 0px 5px 30px;
}

#value #wrapper {
	padding-bottom: 0px;
}

#value #content #contentFooter {
	display: none;
	background: none;
}




#strategy #content {
	float: left;
	width: 950px;
	background-image: none;
	background: #000;
	border:  1px solid #000;
}

#strategy #wrapper {
	padding-bottom: 0px;
}

#strategy #content #contentFooter {
	display: none;
	background: none;
}

#strategy #strategyTop {
	position: relative;
}

#strategy #strategyMid {
	position: relative;
	width: 950px;
	height: 235px !important;
	overflow: hidden;
	background: transparent url('../images/strategy/strategy_mid.jpg') no-repeat 0px 0px;
}

#strategy #strategyMid p {
	display: block;
	margin-left: 64px;
	width: 486px;
	font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;
	color: #fff;
	font-size: 12px !important;
	padding-bottom: 25px;
}

#strategy #strategyMid strong {
	color: #FCB040;
	font-weight: bold;
}

#strategy #strategyMid h3 {
	position: absolute;
	font-weight: normal;
	font-style: italic;
	font-size: 18px;
	top: 90px;
	left: 640px;
	color: #fff;
}

#strategy #strategyMid ul {
	background: transparent url('../images/strategy/icons.jpg') no-repeat 0px 0px;
	height: 117px;
	font-size: 12px;
	font-style: italic;
	position: absolute;
	left: 610px;
	top: 116px;
	color: #fff;
	padding: 0px;
	margin: 0px;
	list-style: none;
}

#strategy #strategyMid li {
	padding: 0px 0px 0px 30px;
	height: 24px;
}

#strategy #strategyMid li a {
	color: #FCB040 !important;
	text-decoration: none;
	line-height: 21px;
	cursor: pointer;
}

#strategy #strategyMid li a:hover {
	text-decoration: underline;
}

#strategy #strategyBottom {
	background: transparent url('../images/strategy/strategy_bottom.jpg') no-repeat 0px 0px;
	position: relative;
	padding: 0px;
	height: 386px;
}

/* @end */

/* @group softball */



#softball ul#nav {
	background-image: url('../images/nav/single/nav_back_single.gif');
	height: 50px;
}

#softball #wrapper {
	padding-bottom: 0px;
}

#softball #content {
	float: left;
	width: 950px;
	background-image: none;
	background: #000;
	border: 1px solid #000;
	border-top:  0px;
}

#softball #content #contentFooter {
	display: none;
	background: none;
}

#softball #sofballTop {
	width: 950px;
	height: 65px;
	position: relative;
	background: url('../images/softball/positive/top.jpg') top left no-repeat;
}

#softball #sofballBody {
	width: 950px;
	height: 554px;
	position: relative;
	background: url('../images/softball/positive/body.jpg') top left no-repeat;
}

#softball #sofballBody a {
	background: none !important;
}

#softball #sofballBottom {
	width: 950px;
	height: 181px;
	position: relative;
	background: url('../images/softball/positive/bottom.jpg') top left no-repeat;
}

#softball img.map {
	width: 233px;
	height: 257px;
	position: absolute;
	top: 39px;
	right: 38px;
}

#softball textarea {
	width: 167px;
	height: 57px;
	padding: 12px;
	border: none;
	font-size: 12px;
	color: #7A7A7C;
	font-family: Arial, Helvetica, sans-serif;
	background: transparent url('../images/softball/positive/textBox.jpg') no-repeat top left;
}

#softball #buttons {
	position: absolute;
	width: 189px;
	top: 315px;
	right: 38px;
}

#softball #buttons a#diary {
	display: block;
	position: relative;
	text-decoration: none;
	overflow: hidden;
	width: 189px;
	height: 43px;
	cursor: pointer;
}

#softball #buttons a#diary span {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
	background: url('../images/softball/positive/diary.jpg') no-repeat top left;	
}

#softball #buttons a#half {
	display: block;
	position: relative;
	text-decoration: none;
	overflow: hidden;
	margin-top: 5px;
	width: 189px;
	height: 43px;
	cursor: pointer;
}

#softball #buttons a#half span {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
	background: url('../images/softball/positive/50.jpg') no-repeat top left;	
}

#softball #buttons a#no {
	display: block;
	position: relative;
	text-decoration: none;
	overflow: hidden;
	margin-top: 5px;
	width: 189px;
	height: 43px;
	cursor: pointer;
}

#softball #buttons a#no span {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
	background: url('../images/softball/positive/no.jpg') no-repeat top left;	
}

#softball #sofballBody p {
	width: 618px;
	font-size: 14px;
	color: #333366;
	padding: 12px 0px 0px 38px;
}

#softball #sofballBody p.bigText {
	color: #333366;
	font-size: 50px;
	line-height: 60px;
	font-weight: bold;
	width: 618px;
	padding: 38px 0px 0px 38px;
}

#softball #buttons p {
	margin: 0px;
	padding: 0px;
	width: auto;
	line-height: 24px;
	font-size: 20px;
}

#softball #sofballTopNegative {
	width: 950px;
	height: 91px;
	position: relative;
	background: url('../images/softball/negative/top.jpg') top left no-repeat;
}

#softball #sofballBodyNegative {
	width: 950px;
	height: 318px;
	position: relative;
	background: url('../images/softball/negative/body.jpg') top left no-repeat;
}

#softball #sofballBottomNegative {
	width: 950px;
	height: 391px;
	position: relative;
	background: url('../images/softball/negative/bottom.jpg') top left no-repeat;
}

#softball #sofballBodyNegative p {
	font-size: 14px;
	color: #333366;
	width: 620px;
	padding: 12px 0px 0px 38px;
}

#softball #sofballBodyNegative p.big {
	color: #333366;
	width: auto;
	font-size: 50px;
	line-height: 60px;
	font-weight: bold;
	padding: 38px 0px 30px 38px;
}

#softball a#countIn {
	display: block;
	float: left;
	clear: none;
	position: relative;
	text-decoration: none;
	overflow: hidden;
	width: 210px;
	height: 69px;
	cursor: pointer;
	background: none;
}

#softball a#countIn span {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
	background: url('../images/softball/negative/countmein.jpg') no-repeat top left;	
}

#softball img {
	border: none;
}

/* Error 404 */

#error 
{
	padding: 50px;
}

#error h2 {
font-size: 32px;
color: #443866;
}

#error p {
	line-height: 133%;
}

#error a {
	text-decoration: none;
	color: #ff9900;
}

#error a:hover {
	color:#999999;
}

#error ul{
	list-style: none;
}

/* ----------------IMAGE SLIDER------------- */
#SlideItMoo_container{
	/*background:url('../images/who/CaseStudiesSliderBanner.gif') no-repeat;*/
	background: #DDD url('../images/who/CaseStudiesSliderBannerSmall.png') repeat-x;
	height:28px;
	text-align:center;
	color:#ffffff;
	font-size:15px;
margin-left:16px;
margin-top:10px;
	width:180px;
	}
#SlideItMoo_CompanyName{
	height:34px;
padding-right:2px;
	color:#000000;
	/*background: url('../images/who/CompayNameBackground.gif') no-repeat;*/
	background: url('../images/who/CompayNameBackgroundSmall.png') no-repeat;
	padding-top:6px;
	
background-position:top;

}
#SlideItMoo_outer {  
	background:#ffffff; 	
	display:block; 
	position:relative; 
	padding:0px 0px 0px;
	margin-left:16px;
}
/* create custom forward-backward buttons for this container */
#SlideItMoo_outer .SlideItMoo_forward,
#SlideItMoo_outer .SlideItMoo_back{ 
	display:block; 
	position:absolute; 
	cursor:pointer; 
	width:25px; 
	height:109px; 
	bottom:137px; 
	right:5px; 
	background: url('../images/who/slideitmoo_forward.gif') no-repeat right;
}

#SlideItMoo_outer .SlideItMoo_back { 
	left:2px; 
	background:url('../images/who/slideitmoo_back.gif') no-repeat center;  
}

/* the width is set to show the number of thumbnails that will be visible */
#SlideItMoo_inner{ 
	position:relative; 
	overflow:hidden; 
	width:214px; /* set a display width to make the slider look good in case js is disabled */
	margin:0px auto 0px;
	padding:0px 0px 0px;
}

/* single element design */
#SlideItMoo_items div.SlideItMoo_element { 
	display:block; 
	position:relative; 
	float:left; 
	margin:0px 0px 0px; 
	font-size:11px; 
	text-align:center; 
	color:#FFFFFF;
}
#SlideItMoo_items div.SlideItMoo_element a{
	text-decoration:none;
	color:#000000;
}

/*team twitter spinner style */

.twitterSpin img {
	margin:15px 0px 0px 40px;
}

/* end of spinner styles */

#who_for div.testi {
	background-color:#ffffff;
	position: absolute;
	width: 262px;
	height:  auto;
	top:55px;
	right: 52px;
	color: #666;
	font-size: 20px;
	z-index: 1000;
	display: none;
}

#who_for div#qArrows {
	position:relative;
	width:262px;
	height:50px;
	top:130px;
	left:597px;
	z-index:2000;
}

#who_for div#qBack {
	width:40px;
	height:38px;
	float:left;
	cursor:pointer;
	background:url('../images/who/backArrow.gif') no-repeat center;  
}

#who_for div#qForward {
	width:40px;
	height:38px;
	float:right;
	cursor:pointer;
	background:url('../images/who/forwardArrow.gif') no-repeat center;  
}
#who_for div#qForward {
	width:40px;
	height:38px;
	float:right;
	cursor:pointer;
	background:url('../images/who/forwardArrow.gif') no-repeat center;  
}


/* @end */

/* ROI ad - access page - casestudyaccess.php */

#casestudyaccess #content {
	background:url('../images/casestudies/accessBg.png') top left no-repeat;
	min-height:405px;
}

#casestudyaccess #caseContent {
	margin-left:75px;
	margin-top:50px;
	position:relative;

}

#casestudyaccess #caseContent h1 {
	float:left;
	width:535px;
	font-size:40px;
	font-weight:lighter;
	color:#333366;
}

#casestudyaccess #caseContent #leftContent {
	width:;
}

#casestudyaccess #caseContent p#intro {
	font-style:italic;
	font-size:14px;
	float:left;
	width:400px;
	padding-right:100px;
	margin-top:25px;
	color:#59575b;
	
 }

#casestudyaccess #caseContent .bold {
	font-weight:bolder;
}

#casestudyaccess #caseContent h2 {
	float:left;
	width:535px;
	font-size:14px;
	margin-top:25px;
	color:#333366;
	text-transform:uppercase;

}

#casestudyaccess #caseContent .purpleText {
	color:#333366;
	margin-top:20px;
}

#casestudyaccess #caseContent p {
	font-style:italic;
	float:left;
	color:#59575b;
	margin-top:10px;
	width:330px;
	padding-right:170px;
	font-size:12px;
	font-weight:600;
}

#casestudyaccess #caseContent form {
	width:390px;
	padding-right:100px;
	float:left;
	margin-top:30px;
	margin-left:-5px;
}
#casestudyaccess #caseContent form input.text {
	font-size:20px;
	width:228px;
	margin-left:12px;
	margin-top:12px;
	background:transparent;
	border:none;
}

#casestudyaccess #caseContent form input.button {
	width:256px;
	height:50px;
	margin-top:15px;
}
#casestudyaccess #caseContent div.input {
		background:transparent url(../images/casestudies/inputBg.png) top left no-repeat;
		width:256px;
		height:48px;
		margin-bottom:5px;
}

#casestudyaccess #caseContent p.smallText {
	font-style:italic;
	float:left;
	color:#59575b;
	margin-top:10px;
	width:250px;
	padding-right:200px;
	padding-left:5px;
	font-size:10px;
	margin-bottom:30px;
}

#casestudyaccess #caseContent img.content {
	position:absolute;
	top:395px;
	right:50px;
}
/*END of case study access */

/* casestudies.php */

#casestudies #content {
	background:url('../images/casestudies/studiesBg2.png') top center no-repeat;
	min-height:405px;
}

#casestudies #studyContent {
	margin-left:75px;
	margin-top:30px;
	position:relative;

}

#casestudies #studyContent h1 {
	width:400px;
	font-size:40px;
	font-weight:lighter;
	color:#333366;
}

#casestudies #studyContent div#leftContent {
	width:500px;
	float:left;
	margin-top:20px;
}

#casestudies #studyContent div#leftContent .caseText {
	width:280px;
	padding-top:10px;
	float:left;
}

#casestudies #studyContent div#leftContent .caseText h3 {
	font-size:15px;
	color:#3d295f;
	font-weight:bold;
	text-transform:uppercase;
}

#casestudies #studyContent div#leftContent .caseText .desc {
	font-size:12px;
	color:#59575b;
	font-style:italic;
	font-weight:bolder;
	padding-top:3px;
}

#casestudies #studyContent div#leftContent img.caseThb {
	float:left;
	margin-right:20px;
}

#casestudies #studyContent div#leftContent div.case {
	width:500px;
	height:165px;
	
}

#casestudies #studyContent div#rightContent {
	float:left;
	width:345px;
	margin-top:-40px;
}

#casestudies #studyContent div#rightContent div#leftQuote {
	background:url(../images/casestudies/leftQuote.png) top left no-repeat;
	height:49px;
	margin-bottom:-15px;
}

#casestudies #studyContent div#rightContent div#rightQuote {
	background:url(../images/casestudies/rightQuote.png) top right no-repeat;
	height:52px;
	margin-top:-60px;
	width:340px;
}

#casestudies #studyContent div#rightContent p.quote {
	font-size:18px;
	
	font-style:italic;
	color:#333366;
	margin:0 auto 0;
	margin-bottom:20px;
	padding-left:15px;
	padding-right:0px;
	width:265px;
}

#casestudies #studyContent div#rightContent p#name {
	font-style:italic;
	font-size:12px;
	color:#59575b;
	margin-left:47px;
	margin-top:2px;
	padding-bottom:1px;
}

#casestudies #studyContent div#rightContent p#company {
	font-style:italic;
	font-size:12px;
	color:#3d295f;
	font-weight:bold;
	margin-left:47px;
}

#casestudies #studyContent div#rightContent div#like {
	width:282px;
	height:133px;
	font-size:12px;
	margin-left:35px;
	margin-top:25px;
	padding-left:20px;
	padding-top:20px;
	background:url(../images/casestudies/likeBg.png) top left no-repeat;
}


#casestudies #studyContent div#rightContent div#like p {
	margin-bottom:5px;
	font-style:italic;
	font-weight:bold;
}

#casestudies #studyContent div#rightContent div#like p#likeHead {
	text-transform:uppercase;
	color:#3d295f;
	font-size:15px;
	
	font-style:normal;
}

#casestudies #studyContent div#rightContent div#like p#likeCont {
	color:#59575b;
}

#casestudies #studyContent div#rightContent div#like p.purpleLike a{
	color:#3d295f;
	text-decoration:none;
}