@charset "utf-8";
/* CSS Document */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

.clear {clear: both; height: 0.1px; font-size: 0; line-height: 0;}

/* Main Styles */
html {filter: expression(document.execCommand("BackgroundImageCache", false, true))}
body {background-color:#EBECEC; font-family:Arial, Helvetica, sans-serif}
h1 {font-size:200%; color:#D31145; margin-bottom:0.75em}
h3 {font-size:110%}
p {color:#2D3541; font-size:80%}
a {text-decoration:none}
a:hover {text-decoration:underline}
#page {width:980px; margin:0 auto 60px auto; background:#EBECEC url(../images/bg-main.gif) repeat-y 0 0}
#header_left {background:#FFFFFF url(../images/bg-header_left.gif) no-repeat 0 0; height:135px; width:312px; float:left; margin:0; padding:0;}
#header_right {background:#FFFFFF url(../images/bg-header_right.gif) no-repeat 0 0; height:100px; width:668px; float:right; margin:0; padding:0;}
#site-logo {margin:41px 0 0 0; padding-left:45px; float:left; width:206px}
#access-nav {display:none}
#global-nav {width:500px; float:right; margin:25px 45px 0 0;}
#global-nav ol {text-align:right}
#global-nav ol li {display:inline; font-size:80%}
#global-nav ol li a {background:transparent url(../images/bg-pipe.gif) no-repeat 100% 55%; color:#D31145; padding-right:1.2em; margin-right:0.8em}
#global-nav ol li.last-child a {background:none; margin-right:0; padding-right:0}

#home #content {clear:both; float:left; margin:10px 0 0 0; width:888px; background:url(../images/bg-circles.gif) no-repeat 100% 0; padding-top:0; padding-left:72px}
#home #splash {float:left; margin:19px 0 0 0; background:transparent url(../images/bg-splash.jpg) no-repeat 0 0; height:400px; width:834px}
#home #navigation {width:234px; float:right}
#home #navigation li {float:left; margin-bottom:6px; font-size:80%}
#home #navigation li.nth-item {margin-left:6px}
#home #navigation li a {display:block; width:87px; height:66px; padding:48px 0 0 27px; background:white url(../images/bg-buttons-home.gif) no-repeat 0 0; font-weight:bold; color:#2D3541}
#home #navigation li#tab-case-studies a span {display:block; line-height:1.25em; margin-top:-9px}
#home #navigation li a:hover {background-position:-124px 0; text-decoration:none; color:#FFFFFF}

#content a {color:#0066CC}

#subpage #navigation {margin:30px 35px 0 0; padding-left:42px; clear:both; float:left; background:transparent url(../images/bg-main-navigation.jpg) no-repeat scroll 42px 0; width:235px; height:475px}
#subpage #navigation ul {margin:1px 0 0 123px; width:112px}
#subpage #navigation li {margin-bottom:5px}
#subpage #navigation li a {display:block; height:35px; padding:20px 0 0 28px; width:84px; background:white url(../images/bg-sub-page-nav.gif) no-repeat 0 0; font-weight:bold; color:#2D3541; font-size:80%}
#subpage #navigation li#tab-case-studies a span {display:block; line-height:1.25em; margin-top:-11px}
#subpage #navigation li a:hover {background-position:-120px 0; text-decoration:none; color:#FFFFFF}
#subpage #navigation li.selected a {background-position:-120px 0; color:#FFFFFF}
#subpage #content {width:575px; min-height:720px; height:auto !important; height:720px; clear:right; float:left; border-left:1px solid #D6D6D6; padding-left:40px; margin:0 0 20px 0; background:url(../images/bg-circles.gif) no-repeat 100% 0}
#subpage #content p {line-height:1.25em; margin-bottom:1em}





p#intro {font-weight:bold}
ul#topics {margin-top:1em; width:575px}
ul#topics li {clear:both}
ul#topics li h2 {clear:both; display:block; height:29px; font-weight:bold; color:#FFFFFF; font-size:80%; background:#D31145 url(../images/bg-title-banner.gif) repeat-x 0 0; padding-left:20px; line-height:25px}
ul#topics li ul {padding:12px 15px 12px 30px; width:530px; float:left}
ul#topics li ul li {background:none; clear:none}
ul#topics ul li.description {display:block; width:400px; float:left; height:auto}
ul#topics ul li.related-image {display:block; width:116px; float:right; padding-top:2px; height:auto}

ul#topics ul li.clientCopy {display:block; width:400px; float:right; height:auto}
ul#topics ul li.clientLogo {display:block; width:116px; float:left; padding-top:2px; height:auto}



/* Unordered list */
.unordered_list {
	list-style:url(../images/pink_bullet.gif);
	line-height:20px;
	padding:0 0 20px 0;
	font-size:80%;
	color:#2D3541;
	margin:0 0 0 40px;
}

.ordered_list {
	list-style:decimal;
	line-height:20px;
	padding:0 0 20px 0;
	font-size:80%;
	color:#2D3541;
	margin:0 0 0 40px;
}

.image_left {
	float:left;
	clear:right;
	padding:0 20px 25px 0;
}

.image_right {
	float:right;
	clear:left;
	padding:0 0 25px 20px;
}



#footer {clear:both}
#footer p {font-size:80%; text-align:center; color:#FFFFFF}
#footer-navigation {background:#EBECEC url(../images/bg-bar-middle.gif) repeat-y 0 0; height:40px}
#footer-navigation ul {text-align:center; padding-top:11px}
#footer-navigation ul li {display:inline; font-size:80%}
#footer-navigation ul li a {background:transparent url(../images/bg-pipe.gif) no-repeat 100% 55%; padding-right:1em; margin-right:0.5em; color:#D31145}
#footer-navigation ul li.last-child a {padding-right:0; margin-right:0; background:none}
#footer-bar {background:transparent url(../images/bg-footer-bar.gif) no-repeat 0 0; height:44px}
#footer-bar p {padding-top:10px}