/* ###################### */
/* reset */
/* ###################### */
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, button {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: normal;
	font-style: normal;
	font-family: inherit;
	vertical-align: baseline;
}
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
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: "" "";
}
/* ###################### */
/* /reset */
/* ###################### */

/* ###################### */
/* essentials */
/* ###################### */
.clear { clear: both; height: 0; font-size: 0; line-height: 0; overflow: hidden; }
hr, .hide { display: none; }
.hidden { visibility: hidden; }
img { display: block; }
strong { font-weight: normal; }
em { font-style: normal; }
.debug1 { background-color: #ccc; color: #000; }
.debug2 { background-color: #999; color: #000; }
.debug3 { background-color: #666; color: #ff0; }
.debug4 { background-color: #333; color: #fff; }
.debug5 { background-color: #000; color: #fff; }
/* ###################### */
/* /essentials */
/* ###################### */

/* ###################### */
/* general */
/* ###################### */
body { background: #fff url(/_images/general/bg-x-sprite.jpg) 0 -340px repeat-x; text-align: center; font-family: Arial, Helvetica Neue, Helvetica, sans-serif; color: #000; }

#loader { margin: 20px 0; text-align: center; display: none; position: absolute; left: 0; top: 10px; width: 978px; }
#loader img { display: inline; }

.strong { font-style: italic; }
a { color: #39f; text-decoration: none; }

.standard-list { margin-bottom: 19px; }
.standard-list li p { margin-bottom: 0; }

h1 a { display: block; text-indent: -9999px; background: transparent url(/_images/general/main-sprite.gif) 0 0 no-repeat; width: 490px; height: 31px; text-decoration: none; font-size: 0; line-height: 0; position: absolute; left: 53px; top: 17px; }
h1 a:hover { background-position: 0 -31px; }

#page { margin: 40px auto 0 auto; text-align: left; width: 978px; background: transparent url(/_images/general/page-bg.png) 0 0 repeat-y; position: relative; padding-bottom: 60px; }

#header { height: 61px; }

#scroll-panel-outer { width: 950px; height: 340px; background: transparent url(/_images/general/bg-x-sprite.jpg) 0 0 repeat-x; margin-left: 14px; position: relative; }
	
#scroll-panel { width: 950px; overflow: hidden; height: 270px; position: relative; }

#scroll-panel-inner { position: absolute; width: 4750px; height: 200px; }

.scroll-panel-item { width: 950px; height: 270px; float: left; /* text-indent: -9999px; */ position: relative; }

.noscript-panel { position: absolute; width: 950px; height: 270px; z-index: 1; text-indent: -9999px; }

#main { padding: 0 0 0 37px; position: relative; }

.left-col { float: left; display: inline; padding-top: 31px; }
.right-col { float: right; display: inline; padding-top: 31px; }
.middle-col { float: left; display: inline; padding-top: 31px; }
.main-col { padding-top: 31px; width: 760px; margin-left: 35px; }

#works, #products, #global, #data, #contact, #privacy, #sitemap { width: 941px; }
/* ###################### */
/* /general */
/* ###################### */

/* ###################### */
/* banners */
/* ###################### */
#banner-1 #banner-screen { position: absolute; top: 26px; left: 42px; }
#banner-1 h3 { /* position: absolute; top: 53px; left: 306px; */ position: relative; text-indent: -9999px; width: 410px; height: 140px; background: transparent url(/_images/banners/works/works-text-new.gif) 0 0 no-repeat; }
#banner-1 h2 { font-size: 1.313em; /* position: absolute; top: 195px; left: 308px; */ margin-bottom: 15px; position: relative; color: #bdbdbd; font-weight: bold; line-height: 120%; }
#banner-1 h2 strong { color: #39f; }
#banner-1 p#overview a { position: absolute; left: 742px; top: 183px; width: 180px; height: 47px; background: transparent url(/_images/banners/works/works-pdf-button.jpg) 0 0 no-repeat; text-indent: -9999px; }
#banner-1 p#insight a { position: absolute; left: 742px; top: 121px; width: 179px; height: 45px; background: transparent url(/_images/banners/works/works-insight-button.gif) 0 0 no-repeat; text-indent: -9999px; }
#banner-1 p#learn-more a:hover { color: #6cf; }
#banner-1 p#about-vdna a { font-size: .875em; position: absolute; left: 750px; top: 0px; width: 167px; height: 50px; background: transparent url(/_images/banners/works/works-pdf-button.jpg) 0 0 no-repeat; color: #fff; text-indent: 43px; font-weight: normal; padding-top: 17px;  }
#banner-1 p#about-vdna a strong { font-weight: bold; }
#banner-1 p#about-vdna a:hover { text-decoration: underline; }
#banner-1 #quiz-links { float: right; width: 204px; height: 271px; background: url(/_images/banners/quiz-links.gif) 0 0 no-repeat; overflow: hidden; }
#banner-1 #quiz-links h4 { width: 100%; height: 47px; text-indent: -9999px; margin-bottom: 1px; }
#banner-1 #quiz-links li a { display: block; width: 100%; height: 50px; margin-bottom: 1px; text-indent: -9999px; }
#banner-1 .slides { width: 401px; height: 188px; position: relative; float: left; top: 40px; left: 306px; text-indent: -9999px; }
#banner-1 .slides img { width: 401px; height: 188px; }
#banner-1 .slides #publishers-img { display: none; }

#banner-2 img { position: absolute; left: 25px; top: 50px; }
#banner-2 h2 { font-size: .875em; line-height: 120%; color: #000; }
#banner-2 h2 em { float: left; color: #660; text-transform: uppercase; display: block; font-weight: bold; font-size: .7857em; line-height: 120%; text-indent: 6px; padding-top: 1px; }
#banner-2 h2 strong { float: left; width: 136px; margin-left: 13px; font-weight: bold; font-size: .9286em; clear: both; }
#banner-2 h2 span { float: left; width: 7px; height: 12px; background: transparent url(/_images/general/main-sprite.gif) -288px -72px no-repeat; display: block; }
#banner-2 ol { position: absolute; left: 25px; top: 200px; }
#banner-2 li { float: left; width: 172px; display: inline; margin-right: 10px; overflow: hidden; }
#banner-2 li em { float: left; width: 165px; }
#banner-2 #stepone { width: 136px; }
#banner-2 #stepfour { width: 205px; }
#banner-2 #stepfive { width: 179px; }
#banner-2 #stepone em { width: 129px; }
#banner-2 #stepfour { width: 198px; }
#banner-2 #stepfive { width: 173px; }

#banner-3 h2 { position: absolute; top: 60px; left: 44px; text-indent: -9999px; width: 322px; height: 102px; background: transparent url(/_images/banners/global/global-text.gif) 0 0 no-repeat; }
#banner-3 h3 { font-size: 1.2em; position: absolute; top: 185px; left: 44px; color: #000; font-weight: bold; }
#banner-3 img { position: absolute; left: 430px; top: 26px; }

#banner-4 h2 { position: absolute; top: 60px; left: 44px; text-indent: -9999px; width: 295px; height: 69px; background: transparent url(/_images/banners/data/data-text.gif) 0 0 no-repeat; }
#banner-4 img { position: absolute; left: 360px; top: 0px; }
#banner-4 p a { position: absolute; left: 44px; top: 183px; width: 198px; height: 47px; background: transparent url(/_images/banners/data/data-button.jpg) 0 0 no-repeat; color: #fff; text-indent: 20px; font-weight: bold; padding-top: 12px;  }
#banner-4 p a:hover { color: #6cf; }
/* ###################### */
/* /banners */
/* ###################### */

/* ###################### */
/* global data bank */
/* ###################### */
#global .left-col { float: left; margin-left: 41px; width: 245px; }
#global .middle-col { float: left; margin-left: 87px; width: 225px; }

#global h4 { color: #000; font-weight: bold; font-size: 1.0625em; margin: 0 0 19px 0; line-height: 120%; }
#global p { font-size: .8125em; line-height: 130%; color: #666; margin-bottom: 19px; }
/* ###################### */
/* /global data bank */
/* ###################### */

/* ###################### */
/* data and api */
/* ###################### */
#data .left-col { width: 180px; float: left; margin-left: 23px; background: transparent url(/_images/general/data-left-bg.gif) 0 0 repeat-x; }
#data .right-col { float: right; width: 710px; margin-right: 14px; text-align: center; }

#data .left-col h2 { color: #000; font-weight: bold; font-size: 1.0625em; margin: 0 0 19px 0; line-height: 120%; }
#data .left-col p { font-size: .8125em; line-height: 130%; color: #666; margin-bottom: 19px; }

#user-profile { margin: 0 auto 24px auto; text-indent: -9999px; background: #ccc url(/_images/general/main-sprite.gif) 0 -146px no-repeat; width: 612px; height: 67px; overflow: hidden; }

table { float: right; text-align: left; }
th { font-size: .8125em; color: #690; padding: 11px 12px 10px 12px;  line-height: 110%; background: transparent url(/_images/general/th-bg.gif) 0 0 repeat-x; vertical-align: middle; }
td { font-weight: bold; font-size: .75em; padding: 11px 12px 10px 12px; line-height: 110%; }
td.spacer { width: 8px; font-size: 0; overflow: hidden; padding: 0; }
tr.grey td { background-color: #eee; }
td.arrow-left,
td.arrow-right { padding: 0; text-align: center; width: 47px; background: transparent url(/_images/general/th-bg.gif) 0 0 repeat-x; height: 59px; overflow: hidden; }
td.arrow-left span,
td.arrow-right span { display: block; background: transparent url(/_images/general/main-sprite.gif) -214px -72px no-repeat; height: 43px; width: 27px; margin: 0 auto; }
td.arrow-right span { background-position: -251px -72px; }
/* ###################### */
/* /data and api */
/* ###################### */

/* ###################### */
/* contact us */
/* ###################### */
#contact .left-col { margin-left: 63px; width: 240px; }
#contact .right-col { margin-right: 64px; width: 536px; }

#contact h2 { color: #000; font-weight: bold; font-size: 1.0625em; margin: 0 0 19px 0; line-height: 120%; }
#contact p { color: #666; font-size: .8125em; line-height: 130%; margin-bottom: 19px; }
#contact address  { color: #000; font-size: .8125em; line-height: 130%; margin-bottom: 19px; }

#map-outer { border: solid 1px #999; margin-top: 42px; }

#google-map,
#map-container { width: 534px; height: 273px; font-size: .875em; background-color: #000; }
/* ###################### */
/* /contact us */
/* ###################### */

/* ###################### */
/* privacy policy / sitemap / intent */
/* ###################### */
.jobs h2 { color: #000; font-weight: bold; font-size: 1.2em; margin: 0 0 19px 0; line-height: 120%; }
#privacy h3,
#sitemap h3,
#intent h3, .jobs h3 { color: #000; font-weight: bold; font-size: 1.0625em; margin: 0 0 19px 0; line-height: 120%; }
#privacy h4, .jobs h4 { color: #000; font-size: .8125em; line-height: 130%; margin-bottom: 19px; font-weight: bold; }
#privacy p, .jobs p { color: #666; font-size: .8125em; line-height: 130%; margin-bottom: 19px; }
#privacy a:hover, .jobs a:hover { text-decoration: underline; }
.jobs a { }

#intent h4 { color: #000; font-size: .8125em; line-height: 130%; margin-bottom: 19px; font-weight: bold; }
#intent p { color: #666; font-size: .8125em; line-height: 130%; margin-bottom: 19px; }
#intent a:hover { text-decoration: underline; }
#intent li { color: #666; font-size: .8125em; line-height: 130%; }
#intent ol, #intent ul { margin-bottom: 19px; }

#sitemap ul { margin-bottom: 19px; }
#sitemap li { color: #666; font-size: .8125em; line-height: 130%; }
/* ###################### */
/* privacy policy / sitemap */
/* ###################### */

/* ###################### */
/* how it works */
/* ###################### */
#works .left-col { width: 396px; margin: 0 0 0 32px; overflow: hidden; }
#works .right-col { width: 444px; margin: 0 69px 0 0; }

#works h4 { color: #690; font-size: 1.4em; line-height: 120%; margin: 0 0 15px 0; font-weight: bold; }
#works .left-col h4 { text-indent: 39px; }

#works-steps { /* width: 423px; padding: 18px 0; background: transparent url(/_images/general/steps.jpg) 0 0 no-repeat; */ }
#works-steps li { margin: 0 0 13px; font-size: 1em; line-height: 120%; padding-left: 56px; padding-top: 10px; color: #666666; }
#works-steps strong { color: #66a222; font-weight: bold; }
#works-steps li em { font-weight: bold; color: #333333; display: block; }

#video { width: 444px; background-color: #000; height: 251px; }

#homepageblock { width: 868px; height: 404px; position: relative; background: #fff url(/_images/general/main-new.jpg) 0 0 no-repeat; margin-top: 7px; margin-left: 18px; }
				
#homepageblock .min-height-fix { width: 1px; height: 338px; float: left; }

#homepageblock .left { float: left; width: 345px; display: inline; margin: 24px 0 0 51px; }

#homepageblock .right { float: right; width: 360px; display: inline; margin: 30px 30px 0 0; }

#homepageblock .right h4 { color: #666; margin-left: 24px; }

#works-steps li.one { background: transparent url(/_images/general/homesteps-new.gif) 0 0 no-repeat; }
#works-steps li.two { background: transparent url(/_images/general/homesteps-new.gif) 0 -81px no-repeat; }
#works-steps li.three { background: transparent url(/_images/general/homesteps-new.gif) 0 -160px no-repeat; }

#homepageblock .button { display: block; width: 369px; height: 86px; /* background-image: url(/_images/general/homebuttons-new.jpg); background-repeat: no-repeat; */ background-color: transparent; position: relative; text-decoration: none; font-size: 1.188em; font-weight: bold; }
#homepageblock .button em { display: block; font-size: .737em; padding-top: 5px; }
#homepageblock .button a { display: block; padding-left: 20px; padding-top: 20px; padding-bottom: 20px; }
#homepageblock a.button:hover { color: #fff; text-decoration: underline; }

#homepageblock #btn-one { background-position: 0 0; }
#homepageblock #btn-one a { color: #fff; }
#homepageblock #btn-two { background-position: 0 -86px; }
#homepageblock #btn-two a {color: #066ce7; }
#homepageblock #btn-three { background-position: 0 -172px; }
#homepageblock #btn-three a { color: #4a8d19; }
#homepageblock #btn-four { background-position: 0 -258px; color: #d62800; }
#homepageblock #btn-four a { color: #d62800; }

#homepageblock .right li { margin-bottom: 3px; }

#homepageblock h4 { margin-bottom: 23px; margin-top: 8px;  }

#homepageblock #misc-links { position: absolute; left: 89px; bottom: 1px; }
#homepageblock #misc-links li { display: inline; float: left; font-weight: bold; color: #226eeb; text-align: center; background: transparent url(/_images/general/hr.gif) 100% 0 no-repeat; height: 54px; margin-right: 1px; }
#homepageblock #misc-links li a { font-size: 12px; line-height: 1.5em; padding: 0 15px; margin-top: 10px; display: block; }
#homepageblock #misc-links li a:hover { text-decoration: underline; }
#homepageblock #misc-links li em { display: block; float: left; height: 54px; width: 4px; background: transparent url(/_images/general/hr.gif) 0 0 no-repeat; }
#homepageblock #misc-links li#overview { margin-right: 0px; }
#homepageblock #misc-links li#overview a { display: block; text-align: center; background: transparent url(/_images/general/pdf-icon.gif) 100% center no-repeat; padding-right: 20px; margin-right: 15px; }
#homepageblock #misc-links li#try-quiz { }
#homepageblock #misc-links li p { texta-lign: center; }

/* ###################### */
/* /how it works */
/* ###################### */

/* ###################### */
/* our products */
/* ###################### */
#products .left-col { width: 300px; margin: 0 0 0 123px; }
#products .right-col { width: 335px; margin: 0 66px 0 0; }

#products ol li { margin-bottom: 35px; }

#products ol h3 { color: #690; font-size: .75em; font-weight: bold; line-height: 120%; margin-bottom: 19px; text-indent: -16px; }
#products ol h3 strong { color: #000; font-size: 1.4167em; font-weight: bold; padding-left: 7px; }

#products ol p { font-size: .8125em; line-height: 130%; color: #666; margin-bottom: 19px; }
/* ###################### */
/* /our products */
/* ###################### */

/* ###################### */
/* main nav */
/* ###################### */
#main-nav { margin-top: 1px; overflow: hidden; width: 950px; position: relative; }
#main-nav li { float: left; display: inline; width: 170px; }
#main-nav li a { display: block; height: 69px; color: #999; text-decoration: none; padding-left: 12px; position: relative; z-index: 2; }
#main-nav li a span { cursor: pointer; font-weight: bold; font-size: 1em; display: block; line-height: 60px; background: transparent url(/_images/general/nav-icons-sprite.png) 0 0 no-repeat; text-indent: 39px;  }
#main-nav li a span em { font-weight: bold; cursor: pointer; }

#main-nav li a:hover { color: #fff; }

#main-nav li#two a span { background-position: 0 -60px; text-indent: 37px; width: 179px; }
#main-nav li#three a span { background-position: 0 -120px; text-indent: 44px; width: 184px; /* width: 230px; */}
#main-nav li#four a span { background-position: 0 -180px; text-indent: 35px; width: 142px; }
#main-nav li#five a span { background-position: 0 -240px; text-indent: 41px; width: 149px; }

#main-nav li a.on { color: #fff; }
#main-nav li a.on span { background-position: 0 -300px; }
#main-nav li#two a.on span { background-position: 0 -360px; }
#main-nav li#three a.on span { background-position: 0 -420px; }
#main-nav li#four a.on span { background-position: 0 -480px; }
#main-nav li#five a.on span { background-position: 0 -540px; }

#main-nav li#two { width: 201px; }
#main-nav li#three { width: 206px; /* width: 240px; */}
#main-nav li#four { width: 164px; }
#main-nav li#five { width: 171px; }

/* if we're using the lavalamp: */
#main-nav li.back { background: transparent url(/_images/general/nav-highlight.gif) 0 0 repeat-x; width: 9px; height: 60px; z-index: 1; position: absolute; }
/* /if we're using the lavalamp: */

/* if we're NOT using the lavalamp:
#main-nav li a:hover,
#main-nav li.current a { background: transparent url(/_images/general/nav-highlight.gif) 0 0 repeat-x; }
#main-nav li.current { background: transparent url(/_images/general/nav-arrow.gif) bottom center no-repeat; }
/* /if we're NOT using the lavalamp: */
/* ###################### */
/* /main nav */
/* ###################### */

/* ###################### */
/* social network / share icons */
/* ###################### */
#social { width: 300px; float: right; display: inline; margin: 15px 29px 0 0; }
#social li { float: right; display: inline; margin-left: 8px; }
#social a { width: 32px; height: 32px; display: block; background-repeat: no-repeat; background-image: url(/_images/general/main-sprite.gif); text-indent: -9999px; text-decoration: none; font-size: 0; line-height: 0; overflow: hidden; }
#social #facebook a { background-position: -11px -72px; }
#social #twitter a { background-position: -43px -72px; }
#social #blogger a { background-position: -75px -72px; }
#social #delicious a { background-position: -107px -72px; }
#social #wordpress a { background-position: -139px -72px; }
#social #digg a { background-position: -171px -72px; }
#social #facebook a:hover { background-position: -11px -104px; }
#social #twitter a:hover { background-position: -43px -104px; }
#social #blogger a:hover { background-position: -75px -104px; }
#social #delicious a:hover { background-position: -107px -104px; }
#social #wordpress a:hover { background-position: -139px -104px; }
#social #digg a:hover { background-position: -171px -104px; }
/* ###################### */
/* /social network / share icons */
/* ###################### */

/* ###################### */
/* footer */
/* ###################### */
#footer { background: transparent url(/_images/general/footer-bg.png) bottom no-repeat; width: 978px; margin: 0 auto 17px auto; height: 64px; text-align: left; }

#footer-links { float: left; display: inline; margin-left: 43px; width: 400px; margin-top: 19px; }
#footer-links li { font-size: .6875em; line-height: 120%; float: left; display: inline; padding-right: 11px; margin-left: 10px; position: relative; }
#footer-links li span { height: 10px; width: 1px; display: block; overflow: hidden; background: transparent url(/_images/general/main-sprite.gif) 0 -72px no-repeat; position: absolute; right: 0; top: 1px;  }
#footer-links a { color: #333; text-decoration: none; }
#footer-links a:hover { text-decoration: underline; }

#copyright { float: right; display: inline; margin: 19px 44px 0 0; width: 400px; text-align: right; }
#copyright p { font-size: .6875em; line-height: 120%; color: #333; }

#clients { width: 978px; margin: 0 auto; text-align: left; }
#clients li { text-indent: -9999px; float: left; display: inline; height: 56px; background-color: transparent; background-repeat: no-repeat; background-image: url(/_images/general/main-sprite.gif); margin-bottom: 20px; }
#clients li#eharmony { background-position:  0 -223px; width: 132px; margin-right: 73px; margin-left: 53px; }
#clients li#hotels { background-position: -132px -223px; width: 80px; margin-right: 82px; }
#clients li#army { background-position: -212px -223px; width: 65px; margin-right: 75px; }
#clients li#lastminute { background-position: -277px -223px; width: 102px; margin-right: 81px; }
#clients li#tom { background-position: -379px -223px; width: 87px; margin-right: 81px; }
#clients li#nba { background-position: -466px -223px; width: 22px; }
/* ###################### */
/* /footer */
/* ###################### */

/* ###################### */
/* audiences brochure */
/* ###################### */

.audiences_general_view { background: transparent url(/_images/audiences/audience-map-hover1.jpg) 0 0 no-repeat; width: 870px; height: 480px; margin: 0 auto; cursor: pointer; position: relative; }
.audiences_seats_view { /* display: none; background: transparent url(/_images/audiences/audience-map-hover1.jpg) 0 -541px no-repeat; */ width: 870px; height: 450px; margin: 0 auto; margin-top: 20px; cursor: pointer; position: absolute; top: 0; left: 0; }
.audiences_general_view a { position: absolute; display: block; width: 45px; height: 30px; text-indent: -9999px; }
.category-inner { position: relative; }


#audience_nav { width: 100px; background: #999999; float: left; }
#audience_nav a { color: #fff; font-size: 12px; }
.message { text-align: center; margin: 20px 0 0 0; }
.instruction { margin-left: 20px; margin-bottom: 20px; }

#cl01 { top: 50px; left: 15px; }
#cl02 { top: 48px; left: 68px; }
#cl03 { top: 40px; left: 118px; }
#cl04 { top: 40px; left: 173px; }
#cl05 { top: 40px; left: 223px; }
#cl06 { top: 40px; left: 280px; }

#na01 { top: 18px; left: 12px; }
#na02 { top: 18px; left: 70px; }
#na03 { top: 18px; left: 125px; }

#fo01 { top: 38px; left: 10px; }
#fo02 { top: 32px; left: 60px; }
#fo03 { top: 32px; left: 115px; }
#fo04 { top: 32px; left: 165px; }
#fo05 { top: 45px; left: 225px; }
#fo06 { top: 55px; left: 275px; }

#ch01 { top: 20px; left: 18px; }
#ch02 { top: 15px; left: 73px; }

#te01 { top: 10px; left: 15px; }
#te02 { top: 10px; left: 70px; }
#te03 { top: 10px; left: 120px; }
#te04 { top: 10px; left: 170px; }
#te05 { top: 10px; left: 220px; }
#te06 { top: 10px; left: 275px; }
#te07 { top: 10px; left: 325px; }
#te08 { top: 10px; left: 380px; }
#te09 { top: 10px; left: 430px; }
#te10 { top: 10px; left: 480px; }

#be01 { top: 10px; left: 10px; }
#be02 { top: 20px; left: 70px; }

#ho01 { top: 15px; left: 15px; }
#ho02 { top: 45px; left: 15px; }
#ho03 { top: 70px; left: 15px; }
#ho04 { top: 100px; left: 15px; }
#ho05 { top: 130px; left: 15px; }
#ho06 { top: 160px; left: 15px; }

#li01 { top: 10px; left: 15px; }
#li02 { top: 42px; left: 15px; }
#li03 { top: 78px; left: 28px; }
#li04 { top: 120px; left: 58px; }
#li05 { top: 153px; left: 58px; }

#en01 { top: 10px; left: 10px; }
#en02 { top: 10px; left: 65px; }
#en03 { top: 10px; left: 117px; }
#en04 { top: 10px; left: 172px; }
#en05 { top: 10px; left: 220px; }
#en06 { top: 10px; left: 272px; }
#en07 { top: 10px; left: 327px; }
#en08 { top: 10px; left: 382px; }
#en09 { top: 10px; left: 437px; }
#en10 { top: 10px; left: 492px; }
#en11 { top: 40px; left: 15px; }
#en12 { top: 40px; left: 62px; }
#en13 { top: 40px; left: 120px; }
#en14 { top: 40px; left: 170px; }
#en15 { top: 40px; left: 225px; }
#en16 { top: 40px; left: 275px; }
#en17 { top: 40px; left: 325px; }
#en18 { top: 40px; left: 375px; }
#en19 { top: 40px; left: 425px; }
#en20 { top: 40px; left: 475px; }
#en21 { top: 72px; left: 40px; }
#en22 { top: 72px; left: 90px; }
#en23 { top: 72px; left: 140px; }
#en24 { top: 72px; left: 190px; }
#en25 { top: 72px; left: 250px; }
#en26 { top: 72px; left: 305px; }
#en27 { top: 72px; left: 360px; }
#en28 { top: 72px; left: 410px; }
#en29 { top: 72px; left: 460px; }
#en30 { top: 102px; left: 60px; }
#en31 { top: 102px; left: 110px; }
#en32 { top: 102px; left: 170px; }
#en33 { top: 102px; left: 220px; }
#en34 { top: 102px; left: 270px; }
#en35 { top: 102px; left: 320px; }
#en36 { top: 102px; left: 380px; }
#en37 { top: 102px; left: 430px; }

#au01 { top: 10px; left: 10px; }
#au02 { top: 10px; left: 60px; }
#au03 { top: 10px; left: 115px; }
#au04 { top: 10px; left: 165px; }
#au05 { top: 10px; left: 220px; }
#au06 { top: 10px; left: 270px; }
#au07 { top: 10px; left: 324px; }
#au08 { top: 10px; left: 374px; }

#tr01 { top: 15px; left: 15px; }
#tr02 { top: 15px; left: 67px; }
#tr03 { top: 15px; left: 122px; }
#tr04 { top: 15px; left: 172px; }
#tr05 { top: 15px; left: 227px; }
#tr06 { top: 15px; left: 277px; }
#tr07 { top: 15px; left: 331px; }
#tr08 { top: 15px; left: 381px; }
#tr09 { top: 48px; left: 15px; }
#tr10 { top: 48px; left: 67px; }
#tr11 { top: 48px; left: 122px; }
#tr12 { top: 48px; left: 172px; }
#tr13 { top: 48px; left: 227px; }
#tr14 { top: 48px; left: 277px; }
#tr15 { top: 48px; left: 331px; }
#tr16 { top: 48px; left: 381px; }
#tr17 { top: 80px; left: 37px; }
#tr18 { top: 80px; left: 92px; }
#tr19 { top: 80px; left: 142px; }
#tr20 { top: 80px; left: 197px; }
#tr21 { top: 80px; left: 247px; }
#tr22 { top: 80px; left: 301px; }
#tr23 { top: 80px; left: 351px; }

#fi01 { top: 15px; left: 15px; }
#fi02 { top: 46px; left: 15px; }
#fi03 { top: 78px; left: 15px; }
#fi04 { top: 108px; left: 15px; }
#fi05 { top: 139px; left: 15px; }
#fi06 { top: 172px; left: 15px; }
#fi07 { top: 200px; left: 15px; }

#he01 { top: 10px; left: 55px; }
#he02 { top: 46px; left: 55px; }
#he03 { top: 78px; left: 45px; }
#he04 { top: 115px; left: 15px; }
#he05 { top: 146px; left: 15px; }
#he06 { top: 180px; left: 15px; }
#he07 { top: 214px; left: 15px; }
#he08 { top: 244px; left: 15px; }

.category { position: absolute; }

#cl-general { width: 335px; height: 100px; left: 0px; top: 0px; }
#cl-general.hovered { background: transparent url(/_images/audiences/audience-map-hover1.jpg) 0 -1047px no-repeat; }
#na-general { width: 175px; height: 55px; left: 344px; top: 20px; }
#na-general.hovered { background: transparent url(/_images/audiences/audience-map-hover1.jpg) -344px -544px no-repeat; }
#fo-general { width: 335px; height: 100px; left: 534px; top: 0px; }
#fo-general.hovered { background: transparent url(/_images/audiences/audience-map-hover1.jpg) -534px -1047px no-repeat; }
#ch-general { width: 128px; height: 64px; left: 0px; top: 102px; }
#ch-general.hovered { background: transparent url(/_images/audiences/audience-map-hover1.jpg) 0 -622px no-repeat; }
#te-general { width: 544px; height: 50px; left: 144px; top: 80px; }
#te-general.hovered { background: transparent url(/_images/audiences/audience-map-hover1.jpg) -144px -600px no-repeat; }
#be-general { width: 180px; height: 69px; left: 688px; top: 93px; }
#be-general.hovered { background: transparent url(/_images/audiences/audience-map-hover1.jpg) -688px -614px no-repeat; }
#en-general { width: 540px; height: 143px; left: 145px; top: 132px; }
#en-general.hovered { background: transparent url(/_images/audiences/audience-map-hover1.jpg) -143px -653px no-repeat; }
#au-general { width: 436px; height: 53px; left: 192px; top: 278px; }
#au-general.hovered { background: transparent url(/_images/audiences/audience-map-hover1.jpg) -192px -800px no-repeat; }
#tr-general { width: 436px; height: 120px; left: 192px; top: 333px; }
#tr-general.hovered { background: transparent url(/_images/audiences/audience-map-hover1.jpg) -192px -853px no-repeat; }
#ho-general { width: 70px; height: 197px; left: 0px; top: 176px; }
#ho-general.hovered { background: transparent url(/_images/audiences/audience-map-hover1.jpg) 0 -700px no-repeat; }
#li-general { width: 114px; height: 287px; left: 70px; top: 165px; }
#li-general.hovered { background: transparent url(/_images/audiences/audience-map-hover1.jpg) -70px -1212px no-repeat; }
#he-general { width: 114px; height: 287px; left: 652px; top: 165px; }
#he-general.hovered { background: transparent url(/_images/audiences/audience-map-hover1.jpg) -652px -1212px no-repeat; }
#fi-general { width: 70px; height: 240px; left: 766px; top: 176px; }
#fi-general.hovered { background: transparent url(/_images/audiences/audience-map-hover1.jpg) -766px -700px no-repeat; }


/* ###################### */
/* /audiences brochure */
/* ###################### */