html, body, div, span, h1, h2, h3, h4, p, a, em, img, small, strike, strong, sub, sup, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, tbody, tfoot, thead, tr, th, td {
	margin: 0;	padding: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	border: 0;
}
body {
	font-family: Arial, Verdana, Tahoma, Helvetica, sans-serif;
	color: #333;
	text-align: center;
	line-height: 1;
}
ol, ul { list-style: none; }
:focus {
	outline: 0;
}
table {
	border-collapse: collapse; border-spacing: 0;
}
input, select, textarea {
	padding: 2px 4px;
	font-size: 11px;
	font-family: Verdana, Tahoma, Arial, sans-serif;
	color: #333;
}
input, textarea { padding: 2px 5px; }
input.forms, textarea {
	border: #ccc solid 1px;
}
input.send {
	margin: 0 6px 0 0; padding: 0;
	vertical-align: middle;
}
.error {
	color: #f65e23 !important;
	font-weight: bold;
}
a {
	color: #ff6633;
	text-decoration: underline;
}
a:hover { text-decoration: none; }
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	font-size: 0;
	clear: both;
	visibility: hidden;
}
.clearfix { display: inline-block; }
.hidden	{ display: none !important; }


h1.title, h2.title, h3.title {
	width: 100%;
	margin: 0; padding: 0;
}
h1.title span, h2.title span, h3.title span { display: none; }


#page {
	
}
.page {
	width: 955px;
	margin: 0 auto;
	text-align: left;
}


div.left { float: left; display: inline; }
div.right { float: right; display: inline; }


#header {
	width: 100%; height: 200px;
	background: url(../images/water.jpg) 50% 100% no-repeat;
}
#header .page { position: relative; }
#header .left {
	width: 328px; height: 74px;
	margin: 18px 0 0 20px;
}
#header .left a {
	display: block;
	width: 328px; height: 74px;
	color: #ff721e;
	background: url(../images/bluebarracuda.gif) 0 0 no-repeat;
}
#header .right {
	margin: 18px 20px 0 0;
	font-size: .75em;
	color: #999;
	text-transform: lowercase;
}
#header .right a {
	color: #999;
	text-decoration: none;
}
#header .right a.active { color: #1b689f; }
#header .right a:hover { text-decoration: underline; }


#menu {
	float: right; display: inline;
	width: 565px;
	margin: 48px 15px 0 0;
	font-size: 1px;
	line-height: 1px;
}
* html #menu {
	width: 574px;
}
#menu li {
	position: relative; float: left;
	margin: 0 0 0 7px;
}
#menu li a {
	display: block;
	height: 15px;
}
#menu li span { display: none; }
#menu li.item1, #menu li.item1 a {
	width: 61px;
	background: url(../images/menu/item1.gif) 0 0 no-repeat;
}
#menu li.item2, #menu li.item2 a {
	width: 91px;
	background: url(../images/menu/item2.gif) 0 0 no-repeat;
}
#menu li.item3, #menu li.item3 a {
	width: 92px;
	background: url(../images/menu/item3.gif) 0 0 no-repeat;
}
#menu li.item4, #menu li.item4 a {
	width: 132px;
	background: url(../images/menu/item4.gif) 0 0 no-repeat;
}
#menu li.item5, #menu li.item5 a {
	width: 100px;
	background: url(../images/menu/item5.gif) 0 0 no-repeat;
}
#menu li.item6, #menu li.item6 a {
	width: 43px;
	background: url(../images/menu/item6.gif) 0 0 no-repeat;
}
#menu li a:hover { background-position: 0 -15px !important; }
#menu li a.active { background-position: 0 -30px !important; }

#waterflash {
	clear: both;
	width: 100%; height: 100px;
}


#content {
	width: 915px; min-height: 440px;
	margin: 0 0 0 20px;
}
* html #content { height: 440px; }
#content .menu {
	width: 100%; height: 61px;
	text-transform: uppercase;
}
#content .menu ul { float: right; }
#content .menu ul li, #content .menu ul li a {
	display: block;
	width: 207px; height: 36px;
}
#content .menu ul li {
	float: left;
	margin: 0 0 0 12px;
	background: url(../images/content/menu.gif) 0 0 no-repeat;
}
#content .menu ul li span { display: none; }
#content .menu ul li a:hover { background-position: 50% -36px !important; }
#content .menu ul li a.active { background-position: 50% -72px !important; }


.box { background: #fafafa; }
.box div { background: url(../images/box/border.gif) 0 0 repeat-x; }
.box div div { background: url(../images/box/border.gif) 0 100% repeat-x; }
.box div div div { background: url(../images/box/border.gif) 0 0 repeat-y; }
.box div div div div { background: url(../images/box/border.gif) 100% 0 repeat-y; }
.box div div div div div { background: url(../images/box/tl.gif) 0 0 no-repeat; }
.box div div div div div div { background: url(../images/box/tr.gif) 100% 0 no-repeat; }
.box div div div div div div div { background: url(../images/box/bl.gif) 0 100% no-repeat; }
.box div div div div div div div div {
	width: 100%;
	background: url(../images/box/br.gif) 100% 100% no-repeat;
}
.box div div div div div div div div div {
	width: auto;
	background: none;
}

.grey { background: #f1f1f3; }
.grey div { background: url(../images/box/grey_t.gif) 0 0 repeat-x; }
.grey div div { background: url(../images/box/grey_b.gif) 0 100% repeat-x; }
.grey div div div { background: url(../images/box/grey_l.gif) 0 0 repeat-y; }
.grey div div div div { background: url(../images/box/grey_r.gif) 100% 0 repeat-y; }
.grey div div div div div { background: url(../images/box/grey_tl.gif) 0 0 no-repeat; }
.grey div div div div div div { background: url(../images/box/grey_tr.gif) 100% 0 no-repeat; }
.grey div div div div div div div { background: url(../images/box/grey_bl.gif) 0 100% no-repeat; }
.grey div div div div div div div div { background: url(../images/box/grey_br.gif) 100% 100% no-repeat; }


.box .content {
	position: relative;
	padding: 20px 16px 16px 16px;
}
.box .content h1, .box .content h2 {
	font-size: .875em;
	color: #1b689f;
	text-transform: uppercase;
}
.box h1.title { height: 16px; }
.box .content ul {
	list-style: disc;
	padding: 10px 0 0 16px;
	font-size: .75em;
	color: #369;
	line-height: 1.1em;
}
.box .content ul.no { padding: 0 0 0 16px; }
.box .content ul li { padding: 4px 0 0 0; }
.box .content ul li span { color: #333; }
.box .content ul ul {
	padding: 2px 0 4px 16px;
	font-size: 1em;
}
.box .content p {
	padding: 10px 0 0 0;
	font-size: .75em;
	line-height: 1.25em;
}
.box .content p.no { padding: 0; }
.box .content a { text-decoration: none; }
.box .content a:hover { text-decoration: underline; }

.box a.link {
	position: absolute;
	bottom: 16px; left: 16px;
	min-width: 80px;
	font-size: .81em;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	background: #ff7320;
}
.box a.link:hover { text-decoration: none; }
.box a.right { left: auto; right: 16px; }
.box a.link span { 
	display: block;
	background: url(../images/box/link_t.gif) 0 0 repeat-x;
}
.box a.link span span { background: url(../images/box/link_b.gif) 0 100% repeat-x; }
.box a.link span span span { background: url(../images/box/link_l.gif) 0 0 repeat-y; }
.box a.link span span span span { background: url(../images/box/link_r.gif) 100% 0 repeat-y; }
.box a.link span span span span span { background: url(../images/box/link_tl.gif) 0 0 no-repeat; }
.box a.link span span span span span span { background: url(../images/box/link_tr.gif) 100% 0 no-repeat; }
.box a.link span span span span span span span { background: url(../images/box/link_bl.gif) 0 100% no-repeat; }
.box a.link span span span span span span span span {
	padding: 8px 10px;
	background: url(../images/box/link_br.gif) 100% 100% no-repeat;
}


#content div.left { width: 255px; }
#content div.left .content { min-height: 329px; }
* html #content div.left .content { height: 329px; }
#content div.right { width: 646px; }
#content div.center {
	width: 510px;
	margin: 0 0 0 208px;
}
#content div.center ul {
	color: #333;
	list-style: square;
}
#content div.center ul ul {
	padding-left: 22px;
	list-style: circle;
}
#content div.bottom {
	clear: both;
	width: 100%;
	padding: 32px 0 0 0;
	color: #999;
	text-align: center;
}
#content div.bottom p { font-size: .875em; }
#content div.lefta { width: 220px; }
#content div.lefta .content { min-height: 310px; }
* html #content div.lefta .content { height: 310px; }
#content div.middle {
	width: 220px;
	margin: 0 0 0 11px;
}
#content div.middle .content { min-height: 310px; }
* html #content div.middle .content { height: 310px; }
#content div.middle .content h2.title { width: 100%; height: 15px; }
#content div.middle .image {
	width: 166px; height: 167px;
	margin: 11px 0 0 11px;
	background: url(../images/box/image.gif) 0 0 repeat-x;
}
#content div.middle .image img { margin: 10px 0 0 10px; }
#content div.middle .border {
	margin: 18px 0 4px 0;
	text-align: center;
}
#content div.middle .border img { border: #f65e23 solid 2px; }


#content div.box table td {
	padding: 4px 0;
	font-size: .75em;
	vertical-align: top;
}
#content div.box table tr.padding td { padding: 12px 0 4px 0; }
#content div.box table td.label {
	width: 160px;
	padding: 7px 0 4px 0;
}
#content div.box .mand {
	margin: 8px 0 0 0; padding: 8px 0;
	font-size: .63em;
	text-align: right;
	border-top: #84aac7 solid 1px;
}
#content div.box table td input.forms { width: 220px; }
#content div.box table td textarea { width: 220px; }
#content div.box table td select { width: 232px; }


#footer, #footer a { color: #666; }
#footer {
	margin: 24px 0 0 0; padding: 20px 0;
	font-size: .7em;
	background: url(../images/line.gif) 50% 0 no-repeat;
}
#footer a { text-transform: lowercase; }


/* homepage */
.homepage #content div.left { width: 250px; }
.homepage #content div.left .boxa {
	margin: 12px 0 0 0;
}
.homepage #content div.left .content {
	min-height: 136px;
	padding: 16px 12px 0 12px;
}
* html .homepage #content div.left .content { height: 136px; }
.homepage #content div.left .boxa .content { min-height: 183px; }
* html .homepage #content div.left .boxa .content { height: 183px; }
.homepage #content div.left h2 {
	height: 12px;
	margin: 0 0 12px 0;
	background: url(../images/title/h2_deliveringdigitalbite.gif) 0 0 no-repeat;
}
.homepage #content div.left h2.titlea {
	margin: 0 0 12px 0;
	background: url(../images/title/h2_home.gif) 0 0 no-repeat;
}
.homepage #content div.left p {
	padding: 0;
	color: #666;
}
.homepage #content div.left .boxa div div div div div div div div { background: url(../images/content/home.jpg) 0 100% no-repeat; }
.homepage #content div.left .boxa p { padding: 0 0 0 110px; }
.homepage #content div.left .boxa a.link { bottom: 9px; right: 8px; font-size: .75em; }
.homepage #content div.left .boxa a.link span span span span span span span span {
	padding: 8px 6px;
}


.homepage #content div.left div.image {
	width: 80px; height: 90px;
	margin: 0;
}

.homepage #content div.right h1 {
	height: 363px;
	background: url(../images/title/h1_deliveringdigitalbite.jpg) 50% 50% no-repeat;
}
.homepage #content div.right {
	width: 646px;
	margin: 0;
	color: #666;
	background: #fff;
}
.homepage #content div.right .content { padding: 132px 0 142px 0; }


/* accessibility */
.accessibility div.box h1.title { background: url(../images/title/h1_accessibility.gif) 0 0 no-repeat; }


/* privacy */
.privacy div.box h1.title { background: url(../images/title/h1_privacy.gif) 0 0 no-repeat; }


/* contact */
.contact div.box h1.title { background: url(../images/title/h1_contact.gif) 0 0 no-repeat; }
.contact div.box h2.title { height: 16px; background: url(../images/title/h2_contact.gif) 0 0 no-repeat; }


/* join us */
.joinus div.box h1.title { background: url(../images/title/h1_joinus.gif) 0 0 no-repeat; }


/* site map */
.sitemap div.box h1.title { background: url(../images/title/h1_sitemap.gif) 0 0 no-repeat; }


/* missing */
.missing div.box h1.title { background: url(../images/title/h1_missing.gif) 0 0 no-repeat; }


/* media */
.media #content h2.title1 { background: url(../images/title/h2_healthydirect.gif) 50% 0 no-repeat; }
.media #content h2.title2 { background: url(../images/title/h2_lovefilm.gif) 50% 0 no-repeat; }
.media #content h2.title3 { background: url(../images/title/h2_pizzahut.gif) 50% 0 no-repeat; }
.media #content .menu ul li.item1 a { background: url(../images/content/media_item1.gif) 50% 0 no-repeat; }
.media #content .menu ul li.item2 a { background: url(../images/content/media_item2.gif) 50% 0 no-repeat; }
.media #content .menu ul li.item3 a { background: url(../images/content/media_item3.gif) 50% 0 no-repeat; }


/* content */
.content #content h2.title1 { background: url(../images/title/h2_harrods.gif) 50% 0 no-repeat; }
.content #content h2.title2 { background: url(../images/title/h2_williamsf1.gif) 50% 0 no-repeat; }
.content #content h2.title3 { background: url(../images/title/h2_bbshowreel.gif) 50% 0 no-repeat; }
.content #content .menu ul li.item1 a { background: url(../images/content/content_item1.gif) 50% 0 no-repeat; }
.content #content .menu ul li.item2 a { background: url(../images/content/content_item2.gif) 50% 0 no-repeat; }
.content #content .menu ul li.item3 a { background: url(../images/content/content_item3.gif) 50% 0 no-repeat; }


/* creative */
.creative #content h2.title1 { background: url(../images/title/h2_tgifridays.gif) 50% 0 no-repeat; }
.creative #content h2.title2 { background: url(../images/title/h2_blackberry.gif) 50% 0 no-repeat; }
.creative #content h2.title3 { background: url(../images/title/h2_baa.gif) 50% 0 no-repeat; }
.creative #content .menu ul li.item1 a { background: url(../images/content/creative_item1.gif) 50% 0 no-repeat; }
.creative #content .menu ul li.item2 a { background: url(../images/content/creative_item2.gif) 50% 0 no-repeat; }
.creative #content .menu ul li.item3 a { background: url(../images/content/creative_item3.gif) 50% 0 no-repeat; }


/* technology */
.technology #content h2.title1 { background: url(../images/title/h2_discovery.gif) 50% 0 no-repeat; }
.technology #content h2.title2 { background: url(../images/title/h2_tmobile.gif) 50% 0 no-repeat; }
.technology #content h2.title3 { background: url(../images/title/h2_ukfc.gif) 50% 0 no-repeat; }
.technology #content .menu ul li.item1 a { background: url(../images/content/technology_item1.gif) 50% 0 no-repeat; }
.technology #content .menu ul li.item2 a { background: url(../images/content/technology_item2.gif) 50% 0 no-repeat; }
.technology #content .menu ul li.item3 a { background: url(../images/content/technology_item3.gif) 50% 0 no-repeat; }


/* strategy */
.strategy #content h2.title1 { background: url(../images/title/h2_baa.gif) 50% 0 no-repeat; }
.strategy #content h2.title2 { background: url(../images/title/h2_itvlocal.gif) 50% 0 no-repeat; }
.strategy #content h2.title3 { background: url(../images/title/h2_barchester.gif) 50% 0 no-repeat; }
.strategy #content .menu ul li.item1 a { background: url(../images/content/strategy_item1.gif) 50% 0 no-repeat; }
.strategy #content .menu ul li.item2 a { background: url(../images/content/strategy_item2.gif) 50% 0 no-repeat; }
.strategy #content .menu ul li.item3 a { background: url(../images/content/strategy_item3.gif) 50% 0 no-repeat; }


/* crm */
.crm #content h2.title1 { background: url(../images/title/h2_greenthing.gif) 50% 0 no-repeat; }
.crm #content h2.title2 { background: url(../images/title/h2_nectar.gif) 50% 0 no-repeat; }
.crm #content h2.title3 { background: url(../images/title/h2_uktv.gif) 50% 0 no-repeat; }
.crm #content .menu ul li.item1 a { background: url(../images/content/crm_item1.gif) 50% 0 no-repeat; }
.crm #content .menu ul li.item2 a { background: url(../images/content/crm_item2.gif) 50% 0 no-repeat; }
.crm #content .menu ul li.item3 a { background: url(../images/content/crm_item3.gif) 50% 0 no-repeat; }


/* news */
.news #content div.left .content { min-height: 324px; }
* html .news #content div.left .content { height: 324px; }
.news #content div.left .content { padding: 20px 16px 48px 16px; }
.news #content div.left p { padding: 0 0 11px 0; }
.news #content div.middle { width: 380px; }
.news #content div.middle h3 {
	padding: 14px 0 0 0;
	font-size: .875em;
	color: #1b689f;
}
.news #content div.middle h2 span { color: #ff6633; }
.news #content div.middle h3 span { color: #f65e23; }
.news #content div.middle p { padding: 14px 0 0 0; }
.news #content div.right { width: 255px; }
.news #content div.right .content { padding: 20px 8px 8px 8px; }
.news #content div.right .content p {
	padding: 6px 0 0 0;
	color: #727272;
	font-weight: bold;
}
.news #content div.right .content p span { font-size: .91em; }
.news #content div.right .content p b { color: #1b689f; }
.news #content div.right .content p.normal { font-weight: normal; }

.news #content div.righta { background: none; }
.news #content div.righta div { background: none; }
.news #content div.righta div.image {
	position: relative;
	margin: -20px -8px 8px -8px;
	line-height: 1px;
}


/* clients */
.clients #content div.right ul li {
	float: left;
	width: 135px;
	margin: 0 13px 10px 0;
}
.clients #content div.right div.box { background: #fff; }


/* contact */
.contact #content div.left { width: 450px; }
.contact #content div.right { width: 440px; }
.contact #content div.box .content { min-height: 380px; }
* html .contact #content div.box .content { height: 380px; }
.contact div.box .content .clearfix { width: 100%; padding: 24px 0 0 0; }
.contact div.box .content img { float: right; margin: 8px 0 0 0; }


/* christmas */
.christmas #content h2.title { width: 100%; height: 25px; }
.christmas #content h2.title1 { background: url(../images/title/h2_christmas1.gif) 0 0 no-repeat; }
.christmas #content h2.title2 { background: url(../images/title/h2_christmas2.gif) 0 0 no-repeat; }
.christmas #content h2.title3 { background: url(../images/title/h2_christmas3.gif) 0 0 no-repeat; }
.christmas #content {
	position: relative;
	width: 913px; min-height: 720px;
	background: url(../images/christmas/christmas.jpg) 0 0 no-repeat;
	border: #b8b8b8 solid 1px;
}
* html .christmas #content { height: 720px; }
.christmas #content p {
	color: #666;
	font-size: .75em;
	line-height: 1.25em;
}
.christmas #content p.abs {
	position: absolute;
	width: 340px;
	top: 185px; left: 100px;
	font-size: .875em;
	color: #fff;
}
.christmas #content .watch {
	position: absolute;
	width: 270px;
	top: 77px; right: 92px;
}
.christmas #content .watch p {
	color: #666;
	font-size: .875em;
}
.christmas #content #christmasflash {
	position: absolute;
	width: 320px; height: 240px;
	top: 134px; right: 42px;
}
.christmas #content #christmasflash * {
	position: static;
	top: 0; right: 0;
}
.christmas #content #christmasflash p {
	padding: 72px 20px 0 20px;
	text-align: center;
}
.christmas #content #christmasflash p img {
	margin: 12px 0 0 0;
}
.christmas #content .feeds {
	position: absolute;
	width: 272px;
	top: 434px; left: 242px;
}
.christmas #content .feeds ul {
	position: relative;
	width: 290px;
	margin: 0 -20px 0 -2px;
}
.christmas #content .feeds ul li {
	float: left;
	margin: 10px 6px 4px 0;
}
.christmas #content .feeds div {
	text-align: right;
}
.christmas #content .hightlights {
	position: absolute;
	width: 367px;
	top: 420px; right: 12px;
	background: url(../images/christmas/christmas_b.gif) 0 100% no-repeat;
}
.christmas #content .hightlights .t {
	padding: 13px 23px 0 23px;
	background: url(../images/christmas/christmas_t.gif) 0 0 no-repeat;
}
.christmas #content .hightlights ul {
	overflow: hidden;
	width: 100%;
	padding: 6px 0 0 0;
	font-size: .63em;
	color: #666;
	line-height: 1.25em;
	border-top: #aaa solid 1px;
}
.christmas #content .hightlights ul li {
	float: left;
	width: 90px;
	margin: 0 25px 0 0; padding: 0 0 16px 0;
}
.christmas #content .hightlights ul li.last {
	margin: 0;
}
.christmas #content .hightlights ul li img {
	margin: 4px 0 2px 0;
	border: #b8b8b8 solid 1px;
}


/* untangled */
.untangled #content h1 {
	padding: 20px 0;
	text-align: center;
}
.untangled .box .content h2 {
	line-height: 1.2em;
	text-transform: none;
}
.untangled .box .content h2 span {
	color: #ff6633;
}
.untangled .box .content h2 strong {
	font-size: 1.14em;
	color: #ff6633;
}
.box .content h3 {
	padding: 12px 0 0 0;
	font-size: .875em;
	color: #1b689f;
}
.untangled .box .content p {
	padding: 0;
}
.untangled #content p.abs {
	position: absolute;
	bottom: 25px; left: 16px;
	color: #1b689f;
}
.untangled #content div.left {
	width: 275px;
	margin: 0 45px 0 0;
}
.untangled #content div.right { width: 275px; }
.untangled #content div.box .content { min-height: 285px; }
* html .untangled #content div.box .content { height: 285px; }
.untangled #content div.box table {
	margin-top: 10px;
}
.untangled #content div.box table td.label {
	width: 90px;
	padding: 7px 10px 4px 0;
	text-align: right;
}
.untangled #content div.box table td input.forms { width: 140px; }
.untangled #content div.box table td textarea { width: 140px; }