@import url(normalize.css);

html {
	background: #FFFFFF;
	font: 85%/1.25 "Frutiger", "Tahoma", Verdana, sans-serif; 
}

body {
	margin: 0;
	padding: 0;	
}

div#page_container {
	width: 900px;
	padding: 0 0 0 21px;
	margin: 0 auto;
}

a:hover { 
	color: #dc0067;	
}

.orange, .colour_differentiate {
	color: #FF5700;
}

.green, .colour_nurture, #content_main h2.green {
	color: #33B233;	
}

.red, #content_main h2.red {
	color: #cc0000;	
}

.blue, .colour_convert {
	color: #0098DA;	
}

em {
	font-style: italic;	
}

strong {
	font-weight: bold;	
}

/** BRANDING **/

div#branding {
	width: 900px;
	height: 63px;
	margin: 0 21px 0 0;
	padding: 0;
}

div#branding img#branding_logo {
	display: none;	
	float: left;
	height: 63px;
	width: 400px;
}

div#branding h2 {
	float: left;
	height: 63px;
	width: 400px;
	background: url('../images/newsite/branding_logo.gif') left top no-repeat;
	text-indent: -9999px;	
}
	
div#branding .phone {
	float: right;
	width: auto;
	color: #dc0067;
	font-size: 20px;
	margin-top: 18px;
	margin-right: 0;
}

div#branding .web_address {
	display: none;
	float: right;
	clear: right;
	width: auto;
	color: #dc0067;
	font-size: 14px;
	margin-top: 0;
	margin-right: 0;
}

/** MAIN NAV **/

div#nav {
	width: 900px;
	height: 38px;
	margin: 18px 21px 0 0;
	background: url('../images/newsite/nav_0bgd.gif') left top repeat-x;
}

ul#nav_main {
	width: 900px;
	margin:0;
	padding: 0;	
	list-style: none;
}

ul#nav_main li {
	float: left;
	margin-right: 30px;	
}

ul#nav_main li#nav_main_home {
	margin-right: 65px;	
}

ul#nav_main li#nav_main_extranet {
	float: right;
	margin-right: 0;	
}

ul#nav_main li a {
	display: block;
	height: 38px;
	text-indent: -9999px;
}
ul#nav_main li a:hover {
	background-position: 0 -38px;
}

body.home li#nav_main_home a,
	body.whatwedo li#nav_main_whatwedo a,
	body.casestudies li#nav_main_casestudies a,
	body.work li#nav_main_work a,
	body.ideasinfo li#nav_main_ideasinfo a,
	body.about li#nav_main_about a,
	body.contact li#nav_main_contact a,
	body.extranet li#nav_main_extranet a
	{ background-position: 0 -76px; }
	

li#nav_main_home a {
	background: url('../images/newsite/nav_home.gif') left top no-repeat;
	width: 38px;
}
li#nav_main_whatwedo a {
	background: url('../images/newsite/nav_whatwedo.gif') left top no-repeat;
	width: 78px;
}
li#nav_main_casestudies a {
	background: url('../images/newsite/nav_casestudies.gif') left top no-repeat;
	width: 82px;
}
li#nav_main_work a {
	background: url('../images/newsite/nav_work.gif') left top no-repeat;
	width: 37px;
}
li#nav_main_ideasinfo a {
	background: url('../images/newsite/nav_ideasinfo.gif') left top no-repeat;
	width: 78px;
}
li#nav_main_about a {
	background: url('../images/newsite/nav_about.gif') left top no-repeat;
	width: 60px;
}
li#nav_main_contact a {
	background: url('../images/newsite/nav_contact.gif') left top no-repeat;
	width: 75px;
}
li#nav_main_extranet a {
	background: url('../images/newsite/nav_extranet.gif') left top no-repeat;
	width: 89px;
}

/** HEROES **/

div#heroes {
	width: 921px;
	height: 175px;
	margin: 21px 0 0 0;	
}

div#heroes img {
	float: left;
	width: auto;
	margin-right: 21px;	
}

div#heroes #hero_fader {
	margin: 0 0 0 0;
	display: block;
	height: 175px;
	width: 900px;
	float: none;
}

div#heroes #hero_fader div {	
	position: absolute;	
	display: none;
}


/** CONTENT AREA **/

div#content {
	width: 900px;
	margin: 21px 21px 0 0;	
}

/** MAIN CONTENT **/

div#content_main {
	float: left;
	width: 591px;
	margin: 0 21px 0 0;
	border: 1px solid #e7e7e7; 	
	color: #333333;	
}

div.error_message {
	float: left;
	width: 846px;
	margin: 0 21px 21px 0;
	padding: 10px 10px 10px 42px;
	border: 1px solid #cc0000; 	
	color: #cc0000;	
	background: #ffcccc url('../images/icons/24/10.png') 10px 50% no-repeat;
}

div.response_message {
	float: left;
	width: 846px;
	margin: 0 21px 21px 0;
	padding: 10px 10px 10px 42px;
	border: 1px solid #33B233; 	
	color: #33B233;	
	background: #ccffcc url('../images/icons/24/97.png') 10px 50% no-repeat;
}

div#content_main_wide {
	float: left;
	width: 898px;
	margin: 0 21px 0 0;
	border: 1px solid #e7e7e7; 	
	color: #333333;	
}

#content_main h1, #content_main_wide h1 {
	font-family: "Georgia", Times, serif;
	font-size: 24px;
	line-height: 27px;
	font-weight: normal;
	color: #333333;
	padding: 21px;
}

#content_main h2, #content_main_wide h2 {
	font-family: "Georgia", Times, serif;
	font-size: 19px;
	font-weight: normal;
	color: #dc0067;
	margin: 0;
	padding: 0 21px 21px 21px;
}

#content_main h3, #content_main_wide h3 {
	font-size: 15px;
	font-weight: bold;
	padding: 0 21px 6px 21px;
}

#content_main p, #content_main_wide p, #content_main address {
	padding: 0 21px 21px 21px;
	font-size: 13px;
	line-height: 17px;
}

#content_main p.summary, #content_main_wide p.summary {
	font-family: "Georgia", Times, serif;
	font-size: 16px;
	line-height: 21px;
}

#content_main img {
	float: right;
	margin-left: 1em;
	margin-bottom: 0.5em;	
}

blockquote{
	margin: 0 21px 21px 21px;
	padding: 21px 0 0 0;
	border: 1px solid #dc0067;
}

address {
	text-align: right;
	font-style: italic;	
}

pre {
	margin: 0 21px 21px 21px;
	padding: 6px 12px;
	background: #EEEEEE;	
}

#content_main table, #content_main_wide table {
	margin: 0 21px 21px 21px;	
}

th {
	font-weight: bold;	
}

#content_main table td, #content_main_wide table td {
	padding: 2px;
}

#content_main ul, #content_main_wide ul {
	padding: 0 21px 21px 36px;
}

#content_main ol, #content_main_wide ol {
	padding: 0 21px 21px 36px;
	list-style-type: decimal;
}

#content_main li, #content_main_wide li {
	font-size: 13px;
	color: #333333;	
	margin: 0;
	padding: 4px 2px;
}

#content_main ul li, #content_main_wide ul li {
	list-style: square url('../images/newsite/bullet.gif');
}

a.cta {
	color: #333333;
	text-decoration: none;
	padding-right: 12px;
	background: url('../images/arrow_inline_small.gif') 100% 50% no-repeat;
}

a.cta:hover {
	color: #dc0067;
	text-decoration: underline;	
}

#content_main ul.tabs {
	width: 591px;
	list-style: none;
	padding: 0;
	margin: 0;
}

#content_main ul.tabs li {
	float: left;
	text-align: center;
	list-style: none;
	padding: 0;
	margin: 0;
}

div#content_columns_3 {
	width: 921px;
	margin: 21px 0;	
}

div#content_columns_3 .column {
	float: left;
	width: 286px;
	margin: 0 21px 0 0;
}

div#content_columns_3 .column h2 {
	width: 248px;
	height: 23px;
	margin: 0;
	padding: 6px 19px 0 19px;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: normal;
	background:	url('../images/newsite/pod_top_bgd.gif') repeat-x;
}

div#content_columns_3 .column .col_content {
	width: 284px;
	margin: 0;
	padding: 18px 0 0 0;
	border-right: 1px solid #e7e7e7;
	border-bottom: 1px solid #e7e7e7;
	border-left: 1px solid #e7e7e7;
}

ul.tabs_3 li a {
	width: 196px;
}

ul.tabs_3 li a.last {
	width: 197px;
}

ul.tabs_4 li a {
	width: 160px;
}

ul.tabs_4 li.first a {
	width: 108px;
}

ul.tabs li a {
	color: #333333;
	text-decoration: none;
	text-transform: uppercase;
	display: block;
	padding: 6px 0 5px 0;
	border-right: 1px solid #d7d7d7;
	border-bottom: 1px solid #d7d7d7;
	background: url('../images/newsite/tab_bgd2.gif') bottom left repeat-x;
}

ul.tabs li.last a {
	border-right: none;
}

ul.tabs li a:hover {
	color: #dc0067;	
}
ul.tabs li a.differentiate:hover {
	color: #FF5700;	
}
ul.tabs li a.nurture:hover {
	color: #33B233;	
}
ul.tabs li a.convert:hover {
	color: #0098DA;	
}

ul.tabs li a.selected {
	padding: 4px 0 6px 0;
	border-top: 2px solid #dc0067;
	background: none;
	color: #dc0067;
	border-bottom: none;
}

ul.tabs li a.selected.differentiate {
	border-top: 2px solid #FF5700;
	color: #FF5700;
}
ul.tabs li a.selected.nurture {
	border-top: 2px solid #33B233;
	color: #33B233;
}
ul.tabs li a.selected.convert {
	border-top: 2px solid #0098DA;
	color: #0098DA;
}

#slider {
  margin: 0;
  position: relative;
}

div.scroll {
	width: 591px;
	height: 410px;
	overflow: auto;
  position: relative; /* fix for IE to respect overflow */
  clear: left;
}

div#slider div.panel {
	width: 591px;
	height: 380px;
}

div#slider div.panel img {
	float: right;
	margin: 0 0 0 10px;	
}

div#accordion {
	margin: 0 21px 21px 21px;	
}

#content_main .vcard {
	padding: 0 21px 21px 21px;
	font-size: 13px;
}

.button {
	margin: 0 10px 0 0;
	padding: 8px;
	border: 1px solid #e7e7e7;
	background: url('images/ui-bg_highlight-hard_100_dddddd_1x100.png') 0 -8px repeat-x;
	background-position-x: 50%;
	background-position-y: 50%;
	text-decoration: none;
	color: #444444;
}

#content_main .button2 {
	font-size: 13px;
}

.button2, .button2:visited {
    display: inline-block;
    color: #fff!important;
    text-decoration: none;
    -moz-border-radius: 0.5em;
    -webkit-border-radius: 0.5em;
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.2);
    text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
    border: none;
    border-bottom: 1px solid rgba(0,0,0,0.20);
    position: relative;
    cursor: pointer;
    margin-top: 0;
    padding-top: 0.5em;
    padding-right: 1em;
    padding-bottom: 0.5em;
    padding-left: 1em;
    background-color: #dc0067;
    background-image: url(../images/button_overlay.png);
    background-repeat: repeat-x;
}

.button2.orange, .button2.differentiate {
	background-color: #FF5700;
}

.button2.green, .button2.nurture {
	background-color: #33B233;
}

.button2.blue, .button2.convert {
	background-color: #0098DA;
}

.button2.grey, .button2.subtle, #content_main .button2.subtle {
	background-color: #666666;
	font-size: 11px;
	
}

.button2.disable {
	background-color: #cccccc;
}

.button2.disable:hover, .button2.disable:active {
	top: 0;
	background-image: url(../images/button_overlay.png);
    background-repeat: repeat-x;
}

.button2:hover  { background-image: url(../images/button_overlay_over.png);
    background-repeat: repeat-x; color: #fff; }
.button2:active  { top: 1px; }

.next_button {
	float: right;	
}

.link_arrow_button {
	color: #DC0067;
	margin-left: 0.4em;	
	font-weight: normal;
	font-size: larger;
}

.link_arrow {
	color: #DC0067;
	margin-left: 0.4em;	
	font-weight: normal;
}

.button:hover {
	border: 1px solid #DC0067;
}

#content_main ul.portfolio_menu {
	width: auto;
	padding: 0 0 0 21px;
}

#content_main ul.portfolio_menu li {
	list-style: none;
	margin: 0;
	padding: 0;
	float: left;
}

#content_main ul.portfolio_menu li a {
	padding: 6px 6px 0 6px;
	background: url('../images/newsite/tab_bgd2.gif') bottom left repeat-x;
	display: block;
	height: 21px;
	text-decoration: none;
	color: #333333;
	border-left: 1px solid #d7d7d7;
	border-top: 1px solid #eeeeee;
}
#content_main ul.portfolio_menu li a.orange { color: #FF5700; }
#content_main ul.portfolio_menu li a.green { color: #33B233; }
#content_main ul.portfolio_menu li a.blue { color: #0098DA; }

#content_main ul.portfolio_menu li a.selected {
	border-top: 1px solid #dc0067;
	background: none;
	color: #dc0067;
}

#content_main ul.portfolio_menu li a.selected.orange {
	border-top: 1px solid #FF5700;
	color: #FF5700;
}
#content_main ul.portfolio_menu li a.selected.green {
	border-top: 1px solid #33B233;
	color: #33B233;
}
#content_main ul.portfolio_menu li a.selected.blue {
	border-top: 1px solid #0098DA;
	color: #0098DA;
}

#content_main ul.portfolio_menu li.last a {
	border-right: 1px solid #d7d7d7;	
}

#content_main ul.portfolio_collection {
	margin: 0 21px;
	padding: 0;
}

#content_main ul li.portfolio_piece {
	display: block;
	width: 540px;
	float: left;
	font-size: 11px;
	margin-bottom: 10px;
	padding-top: 14px;
	border-top: 1px solid #eeeeee;
}

#content_main .portfolio_piece img {
	border: 1px solid #e7e7e7;
	margin: 0 10px 0 0;
	float: left;
}

#content_main .portfolio_piece ul.links {

}

#content_main .portfolio_piece ul.links li {
	list-style: none;
	float: left;
	width: auto;
	margin-left: 0;
}

#content_main ul.features {
	margin: 0 0 0 21px;
	padding: 0;	
}

#content_main ul.features li {
	list-style: none;
	float: left;
	display: block;
	width: 240px;
	margin: 0 15px 15px 0;
	padding: 10px;
	border: 1px solid #e7e7e7;
	font-size: 12px;
}

.feature_title {
	display: block;
	margin-bottom: 6px;
	font-size: 14px;
	color: #DC0067;
}

form.loginform {
	margin: 0 21px 21px 21px;
	padding: 16px 0 9px 0;
	border: 1px solid #dc0067;
	width: 330px;
}

#content_main form.loginform p {
	padding-bottom: 12px;	
}

form.loginform label {
	float: left;
	clear: left;
	width: 6em;	
}

.error_field {
	background: #ffcccc url('../images/icons/16/10.png') right top no-repeat;
}

.greybox {
	border: 1px solid #e7e7e7; 
}

.message {
	border: 1px solid #dc0067;
	background: #E8A4BE;
	margin: 10px 21px;
	padding: 12px 0 0 0;
}


div.secrets_number {
	background: #dc0067;
	display: inline-block;
	width: 270px;
	float: right;
	margin: 10px;
}

div.secrets_number img {
	margin: 10px 10px 0 10px;
}

#content_main div.secrets_number p.units {
	color: #ffffff;
	font-weight: bold;
	font-size: 32px;
	text-transform: uppercase;
	margin-top: 0;
	padding-bottom: 6px;
	padding-top: 0;
}

div.secrets_number p.caption {
	color: #ffffff;
	font-style: italic;
	font-size: 12px;
}

	
/** SUPPORTING (SUB) CONTENT **/

div#content_sub {
	float: left;
	display: block;
	width: 286px;	
}

div.pod {
	width: 286px;
	margin: 0 0 21px 0;	
}

.pod h2 {
	width: auto;
	height: 23px;
	margin: 0;
	padding: 6px 10px 0 19px;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: normal;
	background:	url('../images/newsite/pod_top_bgd.gif') repeat-x;
}

.pod_content {
	width: 284px;
	margin: 0;
	padding: 12px 0 0 0;
	border-right: 1px solid #e7e7e7;
	border-bottom: 1px solid #e7e7e7;
	border-left: 1px solid #e7e7e7;
}

.pod_content h3, .col_content h3 {
	padding: 0 18px 12px 18px;
}

.pod_content p, .col_content p {
	padding: 0 18px 12px 18px;
	font-size: 12px;
	color: #666666;
}

.pod_content address {
	padding: 0 18px 12px 18px;
	font-size: 12px;
}

.pod_content p.pod_last_button, .col_content p.pod_last_button {
	margin-bottom: 13px;
}	

.pod_content ul, .col_content ul {
	list-style: square url('../images/newsite/bullet.gif');
	margin-left: 30px;
	margin-right: 21px;
	font-size: 12px;
	padding-bottom: 12px;
}

.pod_content li, .col_content li {
	padding-bottom: 6px;
	color: #666666;
}

.pod_content ul li.tweet, .col_content ul li.tweet {
	list-style: square url('../images/newsite/bullet_twitter.gif');
	margin-left: 1px;
	padding-left: 0;
	padding-top: 0;
}

.pod_content li a, .col_content li a {
	color: #666666;
	background: url('../images/arrow_inline_small.gif') no-repeat 100% 50%;
	padding-right: 10px;
}

.pod_content li a.button, .col_content li a.button {
	color: #444444;	
}

.pod_content li a:hover, .col_content li a:hover {
	color: #dc0067;
}

.col_content ul.links_list, .pod_content ul.links_list {
	font-size: 12px;
}

.pod_content .links_list li {
	padding-top: 4px;
	line-height: 15px;
}

.links_list a {
	text-decoration: none;	
}

.pod_content ul.links_buttons {
	margin: 0 18px 4px 18px;
	padding: 0;
}

.pod_content ul.links_buttons li {
	border-top: 1px solid #efefef;
	list-style: none;
	line-height: normal;
	padding: 9px 0;
}

.pod_content ul.links_buttons li.first {
	padding-top: 0;
	border-top: 0;	
}

.pod_content .links_buttons li a, .col_content .links_buttons li a  {
	font-size: 13px;
	text-decoration: none;
	display: block;
	padding-right: 18px;
	background-image: url('../images/newsite/link_arrow.gif');
	background-repeat: no-repeat;
	background-position-x: 100%;
	background-position-y: 50%;
}

.links_buttons a.button {
	display: block;
	width: 232px;
}

.pod_content img, .col_content img {
	float: right;
	margin: 0 18px 12px 6px;	
}

.pod_content a.social img {
	margin-left: 18px;
	margin-right: 0;
	float: left;
}

.pod_content #logo_fader {
	margin: -12px 0 0 -6px;
	display: block;
	height: 114px;
	width: 248px;
	float: none;
}

.pod_content #logo_fader img {	
	position: absolute;	
	display: none;
}

.pod_content .client_list img {
	margin: 0;
	float: none;	
}

.pod dl {
	font-size: 11px;
	color: #666666;	
	margin: 0 18px 18px 18px;
}

.client_list dt {
	float: left;
	clear: both;
	margin-top: 4px;
	width: 120px;
	margin-bottom: 4px;
}

.client_list dd {
	float: right;
	width: 120px;
	margin-top: 6px;
}

.pod .client_list dd a {
	font-weight: bold;
	color: #666666;
	text-decoration: none;	
}

.pod_content form, .col_content form {
	margin-bottom: 12px;	
}

.pod_content form p, .col_content form p {
	padding: 3px 18px;
	clear: left;
}

.pod label, .column label {
	float: left;
	clear: left;
	width: 6em;	
}

.pod_content label.checkbox, .column label.checkbox {
	float: none;
	width: auto;
}

.pod input, .pod select, .pod textarea, .column input, .column select, .column textarea {
	float: left;
	width: auto;
}

.pod input.checkbox {
	float: none;
}

/** FOOTER **/

div#footer {
	clear: both;
	width: 900px;
	margin: 21px 21px 0 0;
}

div#footer .vcard {
	float: left;
	width: auto;
	height: 38px;
	margin-top: 4px;
	font-size: 11px;
}

div#footer .vcard div {
	display: inline;
	color: #999999;
}

div#footer .vcard .org {
	color: #333333;
	font-weight: bold;
	text-decoration: none;
}

div#footer .vcard .geo, .vcard .geo, .vcard .country-name {
	display: none;	
}

div#footer .vcard .tel {
	color: #dc0067;
	margin-left: 1em;	
}

div#footer ul#toolbar {
	float: right;
	margin:0;
	padding: 0;	
	list-style: none;
}

ul#toolbar li {
	float: left;
	padding: 4px;
	font-size: 11px;
	font-weight: bold;
	border-right: 1px solid #e7e7e7;
}

ul#toolbar li.last {
	padding-right: 0;
	border-right: none;
}

ul#toolbar li a {
	color: #666666;
	text-decoration: none;
}

ul#toolbar li a:hover {
	color: #dc0067;
}

ul#seolinks {
	width: 100%;
	clear: both;
	float: left;
	margin:0;
	padding: 0;	
	border-top: 4px solid #e7e7e7;
}

ul#seolinks li {
	float: left;
	width: 284px;
	margin: 0 0 0 15px;
	padding: 5px 0 4px 0;
	list-style: square url('../images/newsite/bullet.gif');
	font-size: 11px;
	border-bottom: 1px dotted #e7e7e7;
}

ul#seolinks li a {
	color: #999999;
	text-decoration: none;	
}

ul#seolinks li a:hover {
	color: #dc0067;
	background: url('../images/arrow_inline_small.gif') no-repeat 100% 50%;
	padding-right: 10px;
}

#funnels_upsell {
	background: #040300 url('../images/funnels_upsell_bgd.jpg') top left no-repeat;
	padding: 6px;
	width: 577px;
	float: left;
}

#content_main_wide #funnels_upsell table {
	margin: 0;
	padding: 0;
	border: none;
}

#funnels_upsell th.header_intro {
	color: #fff;
	font-weight: normal;
}

#content_main_wide #funnels_upsell .first td {
	background: url('../images/funnels_upsell_bgd_topleft.jpg') top left no-repeat;
	padding-top: 6px;
}

#content_main_wide #funnels_upsell td {
	background: url('../images/funnels_upsell_bgd_left.jpg') top left no-repeat;
	font-size: 13px;
	height: 36px;
	padding-left: 20px;
	padding-right: 20px;
}

#content_main_wide #funnels_upsell td.free, #content_main_wide #funnels_upsell .first td.free  {
	background: url('../images/funnels_upsell_bgd_middle.jpg') top left no-repeat;
	text-align: center;
	height: 36px;
	padding-left: 0;
	padding-right: 0;
	font-size: 15px;
	color: #62a809;
}

#content_main_wide #funnels_upsell td.pro, #content_main_wide #funnels_upsell .first td.pro  {
	background: url('../images/funnels_upsell_bgd_right.jpg') top left no-repeat;
	text-align: center;
	height: 36px;
	padding-left: 0;
	padding-right: 0;
	font-size: 15px;
	color: #62a809;
}