@charset "utf-8";

/* Reset */
a, abbr, acronym, address, area, b, bdo, big, blockquote, body, button, caption, cite,
code, col, colgroup, dd, del, dfn, div, dl, dt, em, fieldset, form, h1, h2, h3, h4,
h5, h6, hr, html, i, images, ins, kbd, label, legend, li, map, object, ol, p, param, pre,
q, samp, small, span, strong, sub, sup, table, tbody, td, textarea, tfoot, th, thead,
tr, tt, ul, var {margin:0;padding:0;vertical-align:baseline}

/* Defaults */
:focus {outline:0}
a, a:visited {color:#00a4e4}
a:hover, a:focus {}
body {background:#090707 url(../images/bg.png) repeat-x;color:#FFF;font:82%/125% Arial, Sans-Serif}
cite {font-style:normal;color:#00A4E4}
h1 {color:#00a4e4;font-size:1.69em;font-weight:normal;line-height:1em;margin:0 0 30px;overflow:hidden;position:relative;text-transform:lowercase}
h1 span {background:url(../images/headings.png) no-repeat;height:100%;left:0;position:absolute;top:0;width:100%}
h2 {color:#00a4e4;font-size:1.08em;margin:0 0 13px;overflow:hidden;position:relative}
img {border:0;vertical-align:bottom}
fieldset {border:0}
p {margin:0 0 1em}

/* Containers */
#page {margin:0 auto;width:935px}
#main {background:url(../images/content.jpg) no-repeat;margin:7px 0 0;padding:25px 39px 35px}

/* Header */
#header {background:url(../images/header.png) no-repeat -8px 0;height:128px}

	/* Logo */
	#header img {float:left;margin:33px 54px 0 2px}
	#logo {display:block;margin:122px auto 0}

	/* Tagline */
	#tagline {color:#00a4e4;height:13px;line-height:10px;margin:25px auto;overflow:hidden;position:relative;text-align:center;width:552px}
	#tagline span {background:url(../images/tagline.gif) no-repeat;height:100%;left:0;position:absolute;top:0;width:100%}

	/* Menu */
	#header ul {padding:79px 0 0}
	#header ul a {background:url(../images/menu.png);color:#FFF;float:left;font-weight:bold;height:42px;line-height:20px;overflow:hidden;position:relative;text-align:center;text-decoration:none}
	#header ul span {background:url(../images/menu.png);cursor:pointer;height:100%;left:0;position:absolute;top:0;width:100%}
	#header ul li {display:inline;float:left;margin:0 11px}
	
	/* Menu Items */
		/* Home */
		a#home {width:39px}
		a#home:hover span, a#home:focus span {background-position:0 -55px}
		#header a#home:hover span, #header a#home:focus span, #header li.current a#home span {background-position:0 -42px}

		/* Services */
		a#services {width:55px}
		a#services span {background-position:-63px 0}
		a#services:hover span, a#services:focus span {background-position:-63px -55px}
		#header a#services span {background-position:-62px 0}
		#header a#services:hover span, #header a#services:focus span, #header li.current a#services span {background-position:-62px -42px}
		
		/* Clients */
		a#clients {width:118px}
		a#clients span {background-position:-142px 0}
		a#clients:hover span, a#clients:focus span {background-position:-142px -55px}
		#header a#clients:hover span, #header a#clients:focus span, #header li.current a#clients span {background-position:-142px -42px}

		/* Case Studies */
		a#case {width:84px}
		a#case span {background-position:-284px 0}
		a#case:hover span, a#case:focus span {background-position:-284px -55px}
		#header a#case span {background-position:-283px 0 }
		#header a#case:hover span, #header a#case:focus span, #header li.current a#case span {background-position:-283px -42px}

		/* Recommendations */
		a#recommendations {width:120px}
		a#recommendations span {background-position:-391px 0}
		a#recommendations:hover span, a#recommendations:focus span {background-position:-391px -55px}
		#header a#recommendations {width:119px}
		#header a#recommendations:hover span, #header a#recommendations:focus span, #header li.current a#recommendations span {background-position:-391px -42px}

/* Featured Clients */
#featured {height:130px;overflow:hidden;position:relative;width:100%}
#featured li {display:inline;float:left;list-style:none;margin:0 3px}
#featured li img {background:#FFF;border:4px solid #074156;display:block;margin:0 0 7px}
#featured li {behavior:url(js/hover.htc)}
#featured li:hover img, #featured li:focus img {border-width:3px;padding:1px}
#featured li:hover span, #featured li:focus span, #featured li:hover em, #featured li:focus em, #featured li:hover strong, #featured li:focus strong {display:block}
#featured li a {display:block;float:left;height:120px;font-weight:bold;text-decoration:none}
#featured li a span, #featured li a em, #featured li a strong {color:#FFF;display:none;font-size:.85em;font-weight:normal}
#page-case #featured {height:200px}

#featured li a span.extra {font-size:1.1em;position:absolute;left:0;top:150px}
#featured li a span.extra em {font-style:normal}
#featured li a span.extra strong {font-weight:bold}

/* Content */
#content {overflow:hidden;width:660px}
#content ul {font-size:.92em;line-height:1.25em;list-style:none;margin:0 0 2em}
#content ul li {background:url(../images/bullet.gif) no-repeat 0 5px;margin:0 0 5px 25px;padding:0 0 0 24px}
#content #alternate li {display:inline;float:left;margin:0 0 3px 25px;width:235px}
#content a:hover, #content a:focus {text-decoration:none}

	/* Client */
	#page-clients #content .client ul {float:left;margin:0;width:610px}
	#content .client {overflow:hidden;padding:20px 0 22px;width:870px}
	#content .client h2 {float:left;height:12px;position:relative}
	#content .client h2 span {background:url(../images/case-studies.png) no-repeat;height:100%;left:0;position:absolute;top:0;width:100%}
	#content .client img {border:1px solid #FFF;float:left;margin:3px 25px 0 0}
	#content .client ul li {margin:0 0 5px}
	#content .client ul li a {background:url(../images/bullet.gif) no-repeat 0 5px;margin:0 0 0 5px;padding:0 0 0 24px}
	
	#content .lg h2 {width:110px}
	#content .lg h2 span {background-position:0 0}

	#content .storm h2 {height:18px;width:270px}
	#content .storm h2 span {background-position:0 -11px}
	
	#content .ferrari h2 {width:52px}
	#content .ferrari h2 span {background-position:0 -31px}
	
	#content .maserati h2 {width:70px}
	#content .maserati h2 span {background-position:0 -46px}
	
	#content .lexus h2 {width:45px}
	#content .lexus h2 span {background-position:0 -62px}
	
	#content .vodafone h2 {width:68px}
	#content .vodafone h2 span {background-position:0 -78px}
	
	#content .arthritis h2 {width:135px}
	#content .arthritis h2 span {background-position:0 -92px}

	/* Gallery */
	.liveGallery {position:relative;float:right;background:#084b63;overflow:hidden;width:514px}
	.liveGallery img {display:none;}
	.liveGallery .galleryNav {float:right;padding:2px 5px;overflow:hidden;height:1%}
	.liveGallery .galleryNav .thmbDiv {height:7px;width:7px;background:#00a4e4;float:left;border:1px solid #00a4e4;margin:4px;overflow:hidden}
	.liveGallery .galleryNav .active {background:#85b8d4;border:1px solid #FFF}
	
	/* Description */
	#description {float:left;line-height:1.1em;width:230px}
	#description a {background:url(../images/bullet.gif) no-repeat 0 5px;margin:0 0 0 5px;padding:0 0 0 24px}
	#description p {font-size:.9em}
	#description #event {color:#00a4e4;font-size:1em;line-height:1.5em}
	
	.column {float:left;margin:-27px 45px -22px 0;overflow:hidden;width:370px}
	.column p {margin:0 0 5px}
	.column blockquote {border-top:1px solid #3b4e59;margin:-1px 00 0;padding:27px 0 22px}
	
/* Service Lists */
#service-list {margin:125px 0 10px;position:relative;z-index:101}
#service-list, #sub-service-list {text-align:center}
#service-list li, #sub-service-list li {background:url(../images/footer-dividers.gif) no-repeat 0 5px;color:#00A4E4;display:inline;padding:0 3px 0 10px}
#service-list li.first, #sub-service-list li.first {background:none}
#sub-service-list {font-size:.92em}
#sub-service-list li {background-position:-3px -7px;padding:0 0px 0 7px}

/* Footer */
#footer {background:url(../images/content-bottom.png) no-repeat 1px 0;color:#00a4e4;font-size:.92em;padding:10px 210px 10px 0;text-align:center}
#footer p {margin:0 15px 4px 0}
#footer li {display:inline;margin:0 5px}
#footer a {text-decoration:none}
#footer a:hover, #footer a:focus {text-decoration:underline}

/* Footer Menu */
#footer-menu {background:url(../images/footer.png) no-repeat center 21px;clear:both;position:absolute;left:0;top:500px;width:100%}
#footer-menu ul {margin:0 auto;width:540px}
#footer-menu ul li {display:inline;float:left;margin:0 10px}
#footer-menu a {background:url(../images/footer-menu.gif);color:#FFF;float:left;font-weight:bold;height:55px;line-height:20px;position:relative;text-align:center;text-decoration:none}
#footer-menu span {background:url(../images/footer-menu.gif) no-repeat;cursor:pointer;height:100%;left:0;position:absolute;top:0;width:100%}

	/* Footer Menu Items */
		/* Home */
		#footer-menu a#home {width:39px}
		#footer-menu a#home span {background-position:-16px -3px}
		#footer-menu a#home:hover span, #footer-menu a#home:focus span {background-position:-16px -57px}

		/* Services */
		#footer-menu a#services {width:60px}
		#footer-menu a#services span {background-position:-79px -3px}
		#footer-menu a#services:hover span, #footer-menu a#services:focus span {background-position:-79px -57px}
		
		/* Clients */
		#footer-menu a#clients {width:126px}
		#footer-menu a#clients span {background-position:-163px -3px}
		#footer-menu a#clients:hover span, #footer-menu a#clients:focus span {background-position:-163px -57px}

		/* Case Studies */
		#footer-menu a#case {width:89px}
		#footer-menu a#case span {background-position:-314px -3px}
		#footer-menu a#case:hover span, #footer-menu a#case:focus span {background-position:-314px -57px}

		/* Recommendations */
		#footer-menu a#recommendations {width:126px}
		#footer-menu a#recommendations span {background-position:-428px -3px}
		#footer-menu a#recommendations:hover span, #footer-menu a#recommendations:focus span {background-position:-428px -57px}


/* Page Specific Styles */
	/* Home */
	#page-home {background-image:url(../images/bg-home.png)}
	#page-home #page {background:url(../images/bg-home.jpg) no-repeat center top;overflow:hidden;padding:0 50px;width:886px}

	/* Services */
	#page-services h1 {height:17px;width:125px}

	/* Clients */
	#page-clients h1 {height:22px;margin:0 0 25px}
	#page-clients h1 span {background-position:0 -22px}
	#page-clients #content {overflow:visible;width:730px}
	#page-clients #content ul {margin:0 0 1.5em}

	/* Case Studies */
	#page-case h1 {height:17px;width:135px}
	#page-case h1 span {background-position:0 -47px}
	#page-case #main {padding-right:0}
	#page-case #content {width:100%}
	#page-case #content ul {padding:30px 0 0;margin:0 0 110px;width:100%}
	#page-case #content ul li {background:none;margin:0 2px;padding:0}
	#page-case #content p {margin:0 0 70px}
	
		/* Case Individual */
		#page-individual h1 {margin:0 0 10px;text-transform:none}
		#page-individual #content {width:770px}

	/* Recommendations */
	#page-recommendations h1 {height:17px}
	#page-recommendations h1 span {background-position:0 -69px}
	#page-recommendations #content {width:100%}