/*
*******************************************************************************
*	(c) NEOCO
*	Revision: $Id: default.css 3169 2011-04-20 09:28:56Z alex $
*******************************************************************************

*/

/* ------------------------------------------------------- */
/* CONTENTS
--------------------
	1. BACKGROUNDS
	2. HOME
	3. PEOPLE
	4. ABOUT
	5. WORK
	6. CLIENTS
	7. CONTACT
	8. NEWSLETTER
	9. FOOTER PAGES
	10.LEARN
	11.WYSIWYG
*/



/* ---------------------------------------------------------- 
	1. BACKGROUNDS
-----------------------------------------------------------*/

body.about div#wrapper {
	background: url(../images/backgrounds/bg5.jpg) no-repeat center -45px;
}
body.people div#wrapper {
	background: url(../images/backgrounds/bg4.jpg) no-repeat center -264px;
}
body.work div#wrapper,
body.learn div#wrapper {
	background: url(../images/backgrounds/bg2.jpg) no-repeat center top;
}
body.jobs div#wrapper,
body.why div#wrapper,
body.clients div#wrapper {
	background: url(../images/backgrounds/bg1.jpg) no-repeat center top;
}
body.contact div#wrapper {
	background: url(../images/backgrounds/bg2.jpg) no-repeat center top;
}
body.newsletter div#wrapper {
	background: url(../images/backgrounds/bg2.jpg) no-repeat center top;
}
body.terms div#wrapper,
body.privacy div#wrapper,
body.work_page div#wrapper,
body.sitemap div#wrapper,
body.ibc div#wrapper {
	background: url(../images/backgrounds/bg3.jpg) no-repeat center top;
}

/* ---------------------------------------------------------- 
	2. HOME
-----------------------------------------------------------*/

body.home div#main {
	background: url(../images/85percent-tile.png) repeat;
	padding: 30px 0;
	margin-top: 450px;
}
body.home div#main ul {
	overflow: hidden;
	width: 968px;
}
body.home div#main li {
	float: left;
	width: 234px;
	margin-right: 8px;
}
body.home div#main li a.imgContainer {
	display: block;
	border: 4px solid #e5e5e5;
	overflow: hidden;
	width: 226px;
	height: 175px;
}
body.home div#main li a {
	display: block;
}
body.home div#main li h4 {
	color: #000;
	font-size: 13px;
	font-weight: bold;
	opacity: 0.30;
	text-transform: uppercase;
	padding: 15px 0 2px 0;
}
body.home div#main li h3 {
	color: #000;
	font-size: 19px;
	font-weight: bold;
	line-height: 22px;
}
body.home div#main li h3 a {
	text-decoration: none;
	color: #000;
}
body.home div#main a:hover img {
	border-color: #FF00B3;
}
body.home div#main a:hover {
	color: #FF00B3;
}
body.home div#main li.colTwo {
	background: url(../images/twitter.png) no-repeat;
	min-height: 260px;
}
body.home div#main li.colTwo ul {
	width: 234px;
}
body.home div#main li.colTwo p {
	padding: 15px;
	width: 204px;
	height: 153px;
	overflow: hidden;
	color: #fff;
	font-size: 16px;
	line-height: 23px;
}
body.home div#main li.colTwo p a {
	color: #fff;
	font-family: Georgia, "Times New Roman", Palatino, Bookman, "New Century Schoolbook", serif;
	display: inline;
}
body.home div#main li.colTwo p a:hover {
	color: #FF00B3;
}
body.home div#main p.sans {
	border-top: 4px solid #E5E5E5;
	margin-top: 28px;
	padding-top: 25px;	
}

/* ---------------------------------------------------------- 
	3. PEOPLE
-----------------------------------------------------------*/

body.people div.person {
	width: 235px;
	float: left;
	position: relative;
}
body.people div.details {
	width: 725px;
	float: left;
}
body.people div.details h2 {
	width: 100%;
	text-indent: -5000px;
	float: left;
}
body.people.benn div.details h2 {
	background: url(../images/people/benn-title.png) no-repeat;
	height: 59px;
}
body.people.mark div.details h2 {
	background: url(../images/people/mark-title.png) no-repeat;
	height: 58px;
}
body.people.alex div.details h2 {
	background: url(../images/people/alex-title.png) no-repeat;
	height: 58px;
}
body.people.lexy div.details h2 {
	background: url(../images/people/lexy-title.png) no-repeat;
	height: 55px;
}
body.people.elly div.details h2 {
	background: url(../images/people/elly-title.png) no-repeat;
	height: 55px;
}
body.people.igor div.details h2 {
	background: url(../images/people/igor-title.png) no-repeat;
	height: 58px;
}
body.people.nige div.details h2 {
	background: url(../images/people/nige-title.png) no-repeat;
	height: 60px;
}
body.people.lefoe div.details h2 {
	background: url(../images/people/lefoe-title.png) no-repeat;
	height: 60px;
}
body.people div.details h3 {
	font-weight: bold;
	font-size: 24px;
	line-height: 36px;
	color: #000;
	width: 100%;
	float: left;
	padding-bottom: 15px;
}
body.people div.contact {
	background: url(../images/speech-box.png) no-repeat;
	width: 306px;
	float: left;
	padding: 20px 20px 14px 37px;
	margin: 6px 0 0 -17px;
}
body.people div.contact h3 {
	color: #fff;
	padding: 0 0 10px 0;
}
body.people div.details p {
	float: left;
	width: 359px;
	padding-left: 20px;
	font-size: 19px;
	line-height: 24px;
}
body.people div.contact ul {
	float: left;
}
body.people div.contact li {
	background: url(../images/social.png) no-repeat;
	line-height: 30px;
	padding-left: 38px;
	color: #FF00B3;
	margin-bottom: 6px;
	font-weight: bold;
	font-size: 24px;
}
body.people div.contact li.phone { background-position: 0 0; }
body.people div.contact li.email { background-position: 0 -90px; }
body.people div.contact li.twit { background-position: 0 -180px; }
body.people div.contact li.link { background-position: 0 -270px; }
body.people div.contact li.face { background-position: 0 -360px; }
body.people div.contact li.world { background-position: 0 -450px; }
body.people div.contact li.skype { background-position: 0 -540px; }
body.people div.contact li a {
	color: #FF00B3;
	font-weight: bold;
	font-size: 19px;
}
body.people div.person span {
	position: absolute;
	text-indent: -5000px;
}
@-webkit-keyframes spinleft {
	0%   { -webkit-transform: rotate(-180deg) translate(0px, 0px);}
	100% { -webkit-transform: rotate(180deg) translate(0px, 0px);}
}
@-webkit-keyframes spinright {
	0% { -webkit-transform: rotate(180deg) translate(0px, 0px);}
	100%   { -webkit-transform: rotate(-180deg) translate(0px, 0px);}
}
@-webkit-keyframes bounceleft {
	0% { left: 24px; }
	40% { left: 26px; }
	60% { left: 22px; }
	100% { left: 24px; }
}
@-webkit-keyframes bounceright {
	0% { right: 57px; }
	40% { right: 59px; }
	60% { right: 55px; }
	100% { right: 57px; }
}
body.people div.person:hover span.lefteye {
   -webkit-animation-name: spinleft;
   -webkit-animation-duration: 0.4s;
   -webkit-animation-iteration-count: infinite;
}
body.people div.person:hover span.righteye {
   -webkit-animation-name: spinright;
   -webkit-animation-duration: 0.4s;
   -webkit-animation-iteration-count: infinite;
}
body.people.benn div.person span.lefteye {
	top: 89px;
	left: 24px;
	background: url(../images/people/benn-left-eye.png) no-repeat;
	width: 69px;
	height: 69px;
}
body.people.benn div.person span.righteye {
	top: 89px;
	right: 57px;
	background: url(../images/people/benn-right-eye.png) no-repeat;
	width: 69px;
	height: 69px;
}
body.people.mark div.person span.lefteye {
	top: 140px;
	left: 27px;
	background: url(../images/people/mark-left-eye.png) no-repeat;
	width: 66px;
	height: 66px;
}
body.people.mark div.person span.righteye {
	top: 140px;
	right: 62px;
	background: url(../images/people/mark-right-eye.png) no-repeat;
	width: 66px;
	height: 66px;
}

/* NEW PROFILE PAGE */

body.people.new div#main {
	background: rgba(255, 255, 255, 0.65);
	padding-top: 30px;
}
body.people.new div.questions {
	width: 725px;
	float: left;
	padding-top: 30px;
	margin-left: 235px;
}
body.people.new div.questions h2 {
	color: #000;
	font-weight: bold;
	font-size: 24px;
	line-height: 40px;
	border-bottom: 5px solid #e5e5e5;
	margin-bottom: 15px;
}
body.people.new div.questions div.column {
	width: 342px;
	float: left;
}
body.people.new div.questions div.column + div.column {
	float: right;
}
body.people.new div.questions h3 {
	color: #000;
	font-weight: bold;
	font-size: 19px;
	line-height: 23px;
}
body.people.new div.questions p {
	font-size: 16px;
	line-height: 23px;
	padding: 5px 0 20px;
}
body.people.new div.questions h4.numcups {
	background: url(../images/profiles/numcups.png) no-repeat;
	width: 90px;
	height: 155px;
	color: #000;
	font-weight: bold;
	font-size: 74px;
	line-height: 155px;
	padding: 0 32px 0 222px;
	text-align: center;
	margin: -10px 0 10px 0;
}
body.people.new div.questions blockquote {
	font-size: 16px;
	line-height: 23px;
	padding-bottom: 15px;
	font-family: Georgia,"Times New Roman",Palatino,Bookman,"New Century Schoolbook",serif;
	padding: 5px 0 20px;
}
body.people.new div.questions blockquote img {
	float: left;
	margin: 6px 5px 0 0;
}
body.people.new div.questions blockquote small {
	display: block;
	font-size: 16px;
	line-height: 23px;
	font-family: Georgia,"Times New Roman",Palatino,Bookman,"New Century Schoolbook",serif;
	font-style: italic;
	padding-top: 5px;
}
body.people.new ul.fblikes {
	overflow: hidden;
	padding: 5px 0 20px;
}
body.people.new ul.fblikes li {
	overflow: hidden;
	width: 100%;
	padding-bottom: 5px;
}
body.people.new ul.fblikes img {
	float: left;
	margin-right: 5px;
}
body.people.new ul.fblikes p {
	padding: 0;
}
body.people.new div.teacoffee {
	padding: 0;
	background: url(../images/profiles/coffeetea.png) no-repeat top right;
	padding-right: 140px;
	padding-top: 20px;
	min-height: 130px;
}
body.people.new div.pirateninja {
	padding: 0;
	background: url(../images/profiles/pirateninja.png) no-repeat top right;
	padding-right: 145px;
	padding-top: 20px;
	min-height: 135px;
}
body.people.new div#main img.madeupof,
body.people.new div#main object {
	padding-bottom: 20px;
}
body.people.new div#main div.animals {
	background: url(../images/profiles/twoanimals-template.png) no-repeat;
	padding-left: 150px;
	min-height: 223px;
	padding-bottom: 20px;
}
body.people.new div#main div.animals p {
	padding-bottom: 0;
}

/* ---------------------------------------------------------- 
	4. ABOUT
-----------------------------------------------------------*/

body.about div#main {
	height: 1560px;
	padding-bottom: 0;
}
body.about div#main h2 {
	background: url(../images/about-header.png) no-repeat;
	width: 376px;
	height: 64px;
	text-indent: -5000px;
}
body.about div#main p {
	padding-top: 30px;
}
body.about div#main ul {
	width: 100%;
	padding-top: 105px;
}
body.about div#main li {
	width: 650px;
	min-height: 143px;
	padding-left: 310px;
	overflow: hidden;
}
body.about div#main li p {
	float: left;
	padding: 0 0 0 20px;
	width: 305px;
	font-size: 16px;
	line-height: 23px;
}
body.about div#main li.data { background: url(../images/about-data.png) no-repeat; padding-bottom: 110px; }
body.about div#main li.thinking { background: url(../images/about-thinking.png) no-repeat; padding-bottom: 115px; }
body.about div#main li.creation { background: url(../images/about-creation.png) no-repeat; padding-bottom: 120px; }
body.about div#main li.relationship { background: url(../images/about-relationship.png) no-repeat; padding-bottom: 0px; }

/* ---------------------------------------------------------- 
	5. WORK
-----------------------------------------------------------*/

body.work div#main, body.workpage div#main {
	padding-bottom: 0;
}
body.work div#main h2 {
	width: 245px;
	height: 76px;
	background: url(../images/work-header.png) no-repeat;
	text-indent: -5000px;
}
body.work div#main p {
	padding-bottom: 60px;
}
body.work div#main table {
	overflow: hidden;
	width: 987px;
	display: table;
}
body.work div#main tr {
	display: table-row;
}
body.work div#main td {
	width: 302px;
	padding-right: 27px;
	padding-bottom: 20px;
	display: table-cell;
	vertical-align: top;
}
body.work div#main td img {
	border: 4px solid #e5e5e5;
}
body.work div#main td a {
	display: block;
}
body.work div#main td h4 {
	color: #000;
	font-size: 13px;
	font-weight: bold;
	opacity: 0.30;
	text-transform: uppercase;
	padding: 15px 0 2px 0;
}
body.work div#main td h3 {
	color: #000;
	font-size: 19px;
	font-weight: bold;
	line-height: 22px;
}
body.work div#main td h3 a {
	text-decoration: none;
	color: #000;
}
body.work div#main a:hover img {
	border-color: #FF00B3;
}
body.work div#main a:hover {
	color: #FF00B3;
}
/*a peice of work*/
/*----------------workpage is the old style----------------*/
/*----------------the new style is work_page further down----------------*/
body.workpage div#main div.content {
	height: 450px;
}
body.workpage div#main div#transtile div.content {
	height: auto;
}
body.workpage div#main div#columnSmall {
	width: 305px;
	height: 236px;
	float: left;
	overflow: hidden;
	background: url(../images/knowmore.png) no-repeat;
}
body.workpage div#main div#columnLarge {
	width: 633px;
	margin-right: 22px;
	float: left;
	overflow: hidden;
}
body.workpage div#main div.snapshot {
	width: 305px;
	margin-right: 23px;
	float: left;
}
body.workpage div#main div.snapshot.padded {
	width: 305px;
	margin: 0;
	float: left;
	padding-top: 29px;
}
body.workpage p#back {
	position: absolute;	
	top: 0;
	left: 0;
}
body.workpage p#back a {
	width: 31px;
	height: 84px;
	background: url(../images/back.png) no-repeat;
	text-indent: -5000px;
	display: block;
}
body.workpage p#back a:hover {
	background-position: 0 -84px;
}
body.workpage.quark div#main h2 {
	background: url(../images/work/quark.png) no-repeat;
	width: 180px;
	height: 57px;
	text-indent: -5000px;
}
body.workpage.fsid div#main h2 {
	background: url(../images/work/fsid.png) no-repeat;
	width: 93px;
	height: 48px;
	text-indent: -5000px;
}
body.workpage.topman div#main h2 {
	background: url(../images/work/topman.png) no-repeat;
	width: 157px;
	height: 24px;
	text-indent: -5000px;
}
body.workpage.meltdown div#main h2 {
	background: url(../images/work/southbank.png) no-repeat;
	width: 158px;
	height: 39px;
	text-indent: -5000px;
}
body.workpage div#main h2 {
	padding-bottom: 6px;
}
body.workpage div#main h3 {
	color: #000;
	font-weight: bold;
	font-size: 98px;
	line-height: 83px;
	text-transform: uppercase;
	letter-spacing: -10px;
	padding-bottom: 10px;
	margin-left: -7px;
}
body.workpage div.snapshot ul {
	width: 305px;
	float: left;
}
body.workpage div.snapshot li {
	font-size: 16px;
	line-height: 24px;
	font-family: Georgia, "Times New Roman", Palatino, Bookman, "New Century Schoolbook", serif;
	background: url(../images/profile-bullet.png) no-repeat 0 9px;
	padding-left: 18px;
	margin-bottom: 3px;
}
body.workpage div#main div#columnLarge h4 {
	color: #000;
	font-size: 24px;
	line-height: 29px;
	font-weight: bold;
}
body.workpage div#main div#columnLarge p {
	font-size: 16px;
	line-height: 24px;
}
body.workpage div#main div#columnSmall ul {
	padding: 15px 20px 20px 20px;
}
body.workpage div#main div#columnSmall li {
	font-weight: bold;
	font-size: 24px;
	line-height: 32px;
	color: #fff;
}
body.workpage div#main div#columnSmall p {
	font-weight: normal;
	padding: 0 0 6px 0;
	font-size: 16px;
	line-height: 24px;
}
body.workpage div#main div#columnSmall li.ph {
	background: url(../images/phone-email-pink.png) no-repeat 0 5px;
	padding-left: 40px;
	line-height: 35px;
	padding-bottom: 3px;
}
body.workpage div#main div#columnSmall li.em {
	background: url(../images/phone-email-pink.png) no-repeat 0 -30px;
	padding-left: 40px;
	line-height: 35px;
	font-size: 19px;
}
body.workpage div#main div#columnSmall li.em a {
	color: #fff;
}
body.workpage div#main div#columnSmall li.em a:hover {
	color: #FF00B3;
	text-decoration: none;
}
body.workpage div#main div#columnSmall a:hover {
	text-decoration: none;
	color: #fff;
}
/*----------------this is the new styles for work_page----------------*/
body.work_page div.content {
	padding-bottom: 30px;
}
body.work_page div#main div#columnLarge {
	float: right;
	margin: 0;
	overflow: hidden;
	width: 653px;
}
body.work_page div#main div#columnSmall {
	float:left;
	overflow: hidden;
	width: 282px;
	margin-right: 25px;
}
body.work_page p#back {
	position: absolute;	
	top: 0;
	left: 0;
}
body.work_page p#back a {
	width: 31px;
	height: 84px;
	background: url(../images/back.png) no-repeat;
	text-indent: -5000px;
	display: block;
}
body.work_page p#back a:hover {
	background-position: 0 -84px;
}
body.work_page div#main h2 {
	text-indent: -5000px;
	padding-bottom: 10px;
}
body.work_page div#main h3 {
	text-indent: -5000px;
}
body.work_page.topman div#main h2 {
	background: url(../images/work/topman.png) no-repeat;
	width: 190px;
	height: 28px;	
}
body.work_page.topman div#main h3 {
	background: url(../images/work/CTRL-tour.png) no-repeat;
	width: 701px;
	height: 61px;
}
body.work_page div.caption {
	padding: 6px;
	background-color: #E5E5E5;
	margin: 0 15px 15px 0;
	overflow: hidden;
	float: left;
}
body.work_page div.caption img {
	float: left;
	clear: both;
}
body.work_page div.caption small {
	color: #808080;
	font-size: 15px;
	line-height: 24px;
	font-style: italic;
	padding: 4px;
	float: left;
	clear: both;
}
body.work_page div#columnLarge p {
	padding-bottom: 15px;
	font-size: 16px;
	line-height: 24px;
}
body.work_page div#main div.more {
	background: url("../images/knowmore.png") no-repeat scroll left bottom transparent;
	float:left;
	overflow:hidden;
	width: 282px;
}
body.work_page div#main div.more ul {
	padding: 15px 20px 20px 20px;
	margin-bottom: 15px;
	background-color: #000;
}
body.work_page div#main div.more li {
	font-weight: bold;
	font-style: normal;
	font-size: 24px;
	line-height: 32px;
	color: #fff;
}
body.work_page div#main div.more p {
	font-weight: normal;
	padding: 0 0 6px 0;
	font-size: 16px;
	line-height: 24px;
}
body.work_page div#main div.more li.ph {
	background: url(../images/phone-email-pink.png) no-repeat 0 5px;
	padding-left: 40px;
	line-height: 35px;
	padding-bottom: 3px;
}
body.work_page div#main div.more li.em {
	background: url(../images/phone-email-pink.png) no-repeat 0 -30px;
	padding-left: 40px;
	line-height: 35px;
	font-size: 19px;
}
body.work_page div#main div.more li.em a {
	color: #fff;
}
body.work_page div#main div.more li.em a:hover {
	color: #FF00B3;
	text-decoration: none;
}
body.work_page div#main div.more a:hover {
	text-decoration: none;
	color: #fff;
}
body.work_page div.snapshot ul {
	padding-bottom: 20px;
}
body.work_page div.snapshot li {
	font-size: 16px;
	line-height: 24px;
	font-family: Georgia, "Times New Roman", Palatino, Bookman, "New Century Schoolbook", serif;
	background: url(../images/profile-bullet.png) no-repeat 0 9px;
	padding-left: 18px;
	margin-bottom: 3px;
}
body.work_page div.snapshot {
	background-color: #E5E5E5;
	padding: 15px 20px 0 20px;
	margin-bottom: 20px;
}
body.work_page div.snapshot h4 {
	color: #000;
	font-size: 24px;
	line-height: 29px;
	font-weight: bold;
	padding-bottom: 5px;
}

/* ---------------------------------------------------------- 
	6.CLIENTS
-----------------------------------------------------------*/

body.clients div#main {
	padding: 0;
}
body.clients div#main h2 {
	background: url(../images/clients-header.png) no-repeat;
	width: 325px;
	height: 69px;
	text-indent: -5000px;
}
body.clients div#main p {
	padding-top: 15px;
}
body.clients div#main ul {
	overflow: hidden;
	padding-top: 50px;
}
body.clients div#main li {
	float: left;
	margin-bottom: 50px;
	width: 192px;
	height: 110px;
	text-indent: -5000px;
}
body.clients div#main li#topman { background: url(../images/clients/topman.png) no-repeat 0 0; }
body.clients div#main li#ubisoft { background: url(../images/clients/ubisoft.png) no-repeat 0 0; }
body.clients div#main li#sbc { background: url(../images/clients/southbank.png) no-repeat 0 0; }
body.clients div#main li#quark { background: url(../images/clients/quark.png) no-repeat 0 0; }
body.clients div#main li#britishcouncil { background: url(../images/clients/britishcouncil.png) no-repeat 0 0; }
body.clients div#main li#russell { background: url(../images/clients/russell.png) no-repeat 0 0; }
body.clients div#main li#samsung { background: url(../images/clients/samsung.png) no-repeat 0 0; }
body.clients div#main li#eno { background: url(../images/clients/eno.png) no-repeat 0 0; }
body.clients div#main li#arcadia { background: url(../images/clients/arcadia.png) no-repeat 0 0; }
body.clients div#main li#justdance { background: url(../images/clients/justdance.png) no-repeat 0 0; }
body.clients div#main li#smoking { background: url(../images/clients/smoking.png) no-repeat 0 0; }
body.clients div#main li#gefabbri { background: url(../images/clients/gefabbri.png) no-repeat 0 0; }
body.clients div#main li#ghostrecon { background: url(../images/clients/ghostrecon.png) no-repeat 0 0; }
body.clients div#main li#fsid { background: url(../images/clients/fsid.png) no-repeat 0 0; }
body.clients div#main li#seedifference { background: url(../images/clients/seedifference.png) no-repeat 0 0; }
body.clients div#main li#teletext { background: url(../images/clients/teletext.png) no-repeat 0 0; }

/* ---------------------------------------------------------- 
	7.CONTACT
-----------------------------------------------------------*/

body.contact div#main {
	padding: 0;
}
body.contact div#main h2 {
	background: url(../images/contact-header.png) no-repeat;
	width: 368px;
	height: 67px;
	text-indent: -5000px;
	padding-bottom: 30px;
}
body.contact div#main div.maps {
	width: 628px;
	float: left;
	overflow: hidden;
}
body.contact div#main div#map_canvas {
	border: 4px solid #E5E5E5;
}
body.contact div#main div#map_canvas:hover {
	border-color: #FF00B3;
}
body.contact div#main div.maps p {
	padding-top: 5px;
	font-size: 11px;
	float: right;
}
body.contact small {
	float: right;
	width: 304px;
	color: #565656;
	font-size: 11px;
	padding-top: 3px;
}
body.contact div.bubble {
	width: 304px;
	height: 303px;
	float: right;
	overflow: hidden;
	background: url(../images/contact-bubble.png) no-repeat left bottom;
}
body.contact div.bubble ul {
	padding: 15px 30px;
}
body.contact div.bubble li {
	font-weight: bold;
	font-size: 24px;
	line-height: 32px;
	color: #fff;
}
body.contact div.bubble p {
	font-weight: normal;
	padding: 0 0 12px 0;
	font-size: 16px;
	line-height: 24px;
}
body.contact div.bubble li.ph {
	background: url(../images/phone-email-pink.png) no-repeat 0 5px;
	padding-left: 40px;
	line-height: 35px;
	padding-bottom: 3px;
	margin-bottom: 3px;
}
body.contact div.bubble li.em {
	background: url(../images/phone-email-pink.png) no-repeat 0 -30px;
	padding-left: 40px;
	line-height: 35px;
	padding-bottom: 3px;
	font-size: 19px;
	margin-bottom: 3px;
}
body.contact div.bubble li.em a {
	color: #fff;
}
body.contact div.bubble li.em a:hover {
	color: #FF00B3;
	text-decoration: none;
}
body.contact div.bubble li.ad {
	background: url(../images/phone-email-pink.png) no-repeat 0 -65px;
	padding-left: 40px;
	line-height: 26px;
	font-size: 19px;
}
body.contact div.bubble a:hover {
	text-decoration: none;
	color: #fff;
}

/* ---------------------------------------------------------- 
	8.NEWSLETTER
-----------------------------------------------------------*/

body.newsletter div#main {
	padding: 0;
}
body.newsletter div#main h2 {
	background: url(../images/newsletter-header.png) no-repeat;
	width: 528px;
	height: 68px;
	text-indent: -5000px;
	padding-bottom: 30px;
}
body.newsletter div#main div#columnSmall {
	width: 305px;
	height: 236px;
	float: left;
	overflow: hidden;
	background: url(../images/knowmore.png) no-repeat left bottom;
}
body.newsletter div#main div#columnLarge {
	width: 633px;
	margin-right: 22px;
	float: left;
	overflow: hidden;
}
body.newsletter div#main div.lowdown {
	width: 305px;
	margin-right: 22px;
	float: left;
}
body.newsletter div#main div.subscribe {
	width: 306px;
	float: left;
}
body.newsletter div#main h3 {
	color: #000;
	font-weight: bold;
	font-size: 98px;
	line-height: 83px;
	text-transform: uppercase;
	letter-spacing: -10px;
	padding-bottom: 180px;
}
body.newsletter div.lowdown ul {
	width: 305px;
	float: left;
}
body.newsletter div.lowdown li {
	font-size: 16px;
	line-height: 24px;
	font-family: Georgia, "Times New Roman", Palatino, Bookman, "New Century Schoolbook", serif;
	background: url(../images/profile-bullet.png) no-repeat 0 9px;
	padding-left: 18px;
	margin-bottom: 3px;
}
body.newsletter div#main div#columnLarge h4 {
	color: #000;
	font-size: 24px;
	font-weight: bold;
}
body.newsletter div#main div#columnLarge p {
	font-size: 16px;
	line-height: 24px;
}
body.newsletter div#main div#columnSmall form {
	padding: 20px;
}
body.newsletter div#main div#columnSmall h4 {
	font-weight: bold;
	font-size: 24px;
	line-height: 32px;
	color: #fff;
	margin-bottom: 2px;
}
body.newsletter div#main div#columnSmall input {
	width: 253px;
	padding: 6px;
	color: #B2B2B2;
	font-size: 16px;
	line-height: 19px;
	font-family: Georgia, "Times New Roman", Palatino, Bookman, "New Century Schoolbook", serif;
	border: none;
	margin-top: 8px;
}
body.newsletter div#main div#columnSmall label {
	color: #fff;
	float: left;
	font-family: Georgia,"Times New Roman",Palatino,Bookman,"New Century Schoolbook",serif;
    font-size: 16px;
    line-height: 19px;
    padding: 10px 6px 20px 0;
}
body.newsletter div#main div#columnSmall select {
	float: left;
	margin: 10px 0 20px;
}
body.newsletter div#main div#columnSmall p.submit {
	width: 100%;
	overflow: hidden;
	margin-top: 12px;
}
body.newsletter div#main div#columnSmall p.submit input {
	background: url(../images/subscribe.png) no-repeat;
	width: 83px;
	height: 18px;
	text-indent: -5000px;
	border: none;
	cursor: pointer;
	float: right;
	margin: 0;
}
body.newsletter div#main div#columnSmall p.submit input:hover {
	background-position: 0 -18px;
}
body.newsletter div#main form {
	position: relative;
}
body.newsletter div#main form span.success {
	display: block;
	float: left;
	color: #fff;
	font-size: 12px;
	line-height: 14px;
	background: url(../images/newsletter-success.png) no-repeat 0 3px;
	padding-left: 28px;
	min-height: 26px;
	width: 142px;
}
body.newsletter div#main form span.error {
	display: block;
	float: left;
	color: #fff;
	font-size: 12px;
	line-height: 14px;
	background: url(../images/newsletter-fail.png) no-repeat 0 4px;
	padding-left: 16px;
	min-height: 13px;
	width: 145px;
}

/* ---------------------------------------------------------- 
	9. FOOTER PAGES
-----------------------------------------------------------*/

body.terms div#main,
body.privacy div#main,
body.sitemap div#main {
	padding: 0;
}
body.sitemap div#main h2 {
	background: url(../images/sitemap.png) no-repeat;
	width: 344px;
	height: 88px;
	text-indent: -5000px;
	padding-bottom: 30px;
}
body.sitemap div#main li {
	background: url(../images/profile-bullet.png) no-repeat 0 7px;
	line-height: 22px;
	padding-left: 16px;
}
body.sitemap div#main li a {
	font-size: 16px;
	line-height: 22px;
}
body.sitemap div#main ul ul {
	padding-left: 10px;
}
body.terms div#main h2.pagetitle {
	background: url(../images/mailing-header.png) no-repeat;
	width: 501px;
	height: 88px;
	text-indent: -5000px;
	padding-bottom: 30px;
	border: none;
	margin-bottom: 0px;
}
body.privacy div#main h2.pagetitle {
	background: url(../images/privacy-header.png) no-repeat;
	width: 339px;
	height: 88px;
	text-indent: -5000px;
	padding-bottom: 30px;
	border: none;
	margin-bottom: 0px;
}
body.terms div#main h2,
body.privacy div#main h2 {
	border-bottom:5px solid #000000;
	color:#000000;
	font-size:19px;
	font-weight:bold;
	line-height:28px;
	margin-bottom: 10px;
}
body.terms div#main h3,
body.privacy div#main h3 {
	font-size:16px;
	font-weight:bold;
	line-height:19px;
	padding-bottom: 6px;
}
body.terms div#main h4,
body.privacy div#main h4 {
	font-size:14px;
	font-weight:bold;
	line-height:17px;
	padding-bottom: 6px;
}
body.terms div#main p,
body.privacy div#main p {
	padding-bottom: 10px;
}
body.terms div#main li,
body.privacy div#main li {
	font-family:Georgia,"Times New Roman",Palatino,Bookman,"New Century Schoolbook",serif;
	font-size:14px;
	line-height:16px;
}
body.terms div#main ol,
body.privacy div#main ol {
	list-style: decimal outside none;
	margin-left: 20px;
	padding-bottom: 10px;
}
body.terms div#main ol li,
body.privacy div#main ol li {
	list-style: decimal outside none;
}
body.terms div#main ul,
body.privacy div#main ul {
	list-style: disc outside none;
	margin-left: 20px;
	padding-bottom: 10px;
}
body.terms div#main ul li,
body.privacy div#main ul li {
	list-style: disc outside none;
}

/*error page*/

body.error div#main h2 {
	background: url(../images/oops.png) no-repeat;
	width: 271px;
	height: 69px;
	text-indent: -5000px;
	padding-bottom: 10px;
}
body.error div#main div#columnSmall {
	width: 265px;
	height: 196px;
	float: left;
	overflow: hidden;
	background: url(../images/knowmore.png) no-repeat;
	padding: 20px;
}
body.error div#main div#columnLarge {
	width: 633px;
	margin-right: 22px;
	float: left;
	overflow: hidden;
}
body.error div#main div#columnSmall h4 {
	font-weight: bold;
	font-size: 24px;
	line-height: 32px;
	color: #fff;
	margin-bottom: 6px;
}
body.error div#main div#columnSmall p {
	color: #fff;
}
body.error div#main div#columnSmall p.home,
body.error div#main div#columnSmall p.blog {
	padding-top: 20px;
}
body.error div#main div#columnSmall p.home a {
	background: url(../images/error-buttons.png) no-repeat;
	width: 173px;
	height: 28px;
	display: block;
	text-indent: -5000px;
}
body.error div#main div#columnSmall p.home a:hover {
	background-position: 0 -28px;
}
body.error div#main div#columnSmall p.blog a {
	background: url(../images/error-buttons.png) no-repeat 0 -56px;
	width: 117px;
	height: 28px;
	display: block;
	text-indent: -5000px;
}
body.error div#main div#columnSmall p.blog a:hover {
	background-position: 0 -84px;
}
body.why div#main h2 {
	background: url(../images/crm-header.png) no-repeat;
	width: 726px;
	height: 69px;
	text-indent: -5000px;
}
body.why div#main p {
	padding-top: 15px;
	padding-bottom: 7px;
}
body.jobs div#main {
	padding: 0;
}
body.jobs div#main h2 {
	background: url(../images/careers.png) no-repeat;
	width: 380px;
	height: 69px;
	text-indent: -5000px;
	padding-bottom: 15px;
}
body.jobs div#main h3 {
	font-size: 22px;
	line-height: 25px;
	font-weight: bold;
	padding-bottom: 20px;
}
body.jobs div#main h4 {
	font-size: 18px;
	line-height: 22px;
	font-weight: bold;
	padding-bottom: 10px;
}
body.jobs div#main p {
	padding-bottom: 15px;
}

/* ---------------------------------------------------------- 
	10. LEARN
-----------------------------------------------------------*/

body.work.learn div#main h2 {
	background: url(../images/learn.png) no-repeat 0 0 transparent;
	height: 76px;
	text-indent: -5000px;
	width: 262px;
}
body.learn.page div#main {
	padding: 0;
}
body.learn.page div#main p  {
	padding-bottom: 60px;
}
body.learn.page div#main h2 {
	background: url(../images/coffeesocial.png) no-repeat scroll 0 0 transparent;
	height: 79px;
	text-indent: -5000px;
	width: 611px;
}
body.learn.page div#main li {
	overflow: hidden;
	padding-bottom: 15px;
	margin-bottom: 15px;
	border-bottom: 1px solid #a9a8a8;
}
body.learn.page div#main li:last-child {
	margin: 0;
	padding: 0;
	border: none;
}
body.learn.page div#main div.video {
	width: 465px;
	float: left;
	margin-right: 15px;
}
body.learn.page div#main div.slide {
	width: 465px;
	float: left;
	margin-left: 15px;
}
body.learn.page div#main h3 {
	color: #000;
	font-size: 24px;
	line-height: 1.1em;
	font-weight: bold;
	padding-bottom: 5px;
}
body.learn.page div#main p {
	padding: 0 0 15px 0;
}
body.learn.page div#main h3 span {
	color: #FF00B3;
	display: block;
}
body.learn.page div#main h3 strong {
	font-weight: normal;
}

/* ---------------------------------------------------------- 
	11. WYSIWYG
-----------------------------------------------------------*/

body.copy div#main div.wysiwyg h1 {
    font-size: 23px;
    font-weight: bold;
    line-height: 27px;
    padding-bottom: 15px;
}
body.copy div#main div.wysiwyg h3 {
    font-size: 17px;
    font-weight: bold;
    line-height: 19px;
    padding-bottom: 2px;
}
/* LISTS */
body.copy div#main div.wysiwyg ul,
body.copy div#main div.wysiwyg ol {
	padding: 0 0 20px !important;
	margin: 0px !important;
}
body.copy div#main div.wysiwyg ol li {
	padding: 0;
	list-style-type: decimal;
	list-style-position: inside;
}
body.copy div#main div.wysiwyg ul li {
	list-style-type: none;
	padding-left: 0px;
}
body.copy div#main div.wysiwyg ul li:before {
	display: marker;
	content: "\25CF";
	color: #FF00B3;
	padding-right: 10px;
}
body.copy div#main div.wysiwyg li {
    font-family: Georgia,"Times New Roman",Palatino,Bookman,"New Century Schoolbook",serif;
    font-size: 14px;
    line-height: 16px;
}

/* ---------------------------------------------------------- 
	END OF CSS FILE
	When the angels from above
	fall down and spread their wings like doves
	As we walk hand in hand,
	sisters, brothers,
	we'll make it to the Promised Land
-----------------------------------------------------------*/




h1#ibc-header {
	margin-bottom: 20px;
	background: url(../images/ibc-header.png) top left no-repeat;
	width: 827px;
	height:	135px;
	text-indent: -9999px;
}

p.ibc-text {
	margin-bottom: 20px;
	font-family: helvetica, serif !important;
	font-size: 2.2em;
	line-height: 1.4;
}

p.ibc-subtext {
	margin-bottom: 40px;
	font-size: 1.5em;
	line-height: 1.4;
}

ul.ibc {
	float: left;
	margin-bottom: 26px;
}

ul.ibc li label {
	margin-bottom: 8px;
	font-weight: bold;
	font-size: 1.5em;
	display: block;
}

ul.ibc li {
	margin-right: 25px;
	float: left;
}

ul.ibc li input {
	padding: 8px;
	width: 240px;
	font-size: 1.6em;
	color: #FF00B3;
}

p.ibc-check {
	margin-bottom: 10px;
}

p.ibc-check.first {
	margin-top: 20px; 
}

p.ibc-check label,
p.note {
	font-family: Georgia,"Times New Roman",Palatino,Bookman,"New Century Schoolbook",serif;
	font-style: italic;	
}

p.note {
	color: #999;
	margin-bottom: 22px;
}

p.ibc-check input {
	margin-right: 6px;
}

p.ibc-submit {
	position: relative;
	margin-right: 116px;
	cursor: pointer;
	float: right;
}

p.ibc-submit:active {
	top: 1px;
}

p.ibc-error {
	margin-bottom: 20px;
	font-family: helvetica, serif !important;
	font-size: 1.6em;
	font-weight: bold;
	color: #b9000d;
}

p.thanks {
	margin-top: 40px;
	font-family: helvetica, serif !important;
	font-size: 1.6em;
	color: #FF00B3;
	font-weight: bold;
	line-height: 1.3;
}

.clear {
	clear: both;
	height: 0;
	line-height: 0;
}