/**/

body.home #maincontent p { margin:0; }
body.home p.button { position:absolute; bottom:8px; }

/* columns */

div#content div#maincontent div.column { float:left; margin-right:10px; display:inline; }
div#content div#maincontent div.column.wide { width:310px; }
div#content div#maincontent div.column.thin { width:150px; margin:0; }

/* panels */

div#content div#maincontent div.column div.panel h2, 
div#content div#relatedcontent div.panel div.wrapper h2
{ position:absolute; z-index:100; font-family: Arial; color:#FFF; text-transform: uppercase; font-size: 0.625em; }

div#content div#maincontent div.column div.panel h2 { top:4px; }

div#content div#relatedcontent div.panel div.wrapper h2 { top:8px; }

div#content div#relatedcontent div.panel div.wrapper { padding-top: 24px;}

div#content div#maincontent div.column div.panel h3 { font-family: Georgia; font-weight:bold; color:#FFF; font-size:0.875em; margin-top:2em; margin-bottom: 0.4em; }

div#content div#maincontent div.column div.panel { float:left; position:relative; width:310px; background: #310E36 url(/release/images/panels/310-top.gif) left top no-repeat; margin-left:0; }	
div#content div#maincontent div.column div#intro.panel p { margin: 0; }	
div#content div#maincontent div.column div.panel div.wrapper { background: url(/release/images/panels/310-bottom.gif) left bottom no-repeat; width:auto; padding: 21px 10px 10px 8px; }
div#content div#maincontent div.column div.panel.active { background: #343741 url(/release/images/panels/310-top-active.gif) left top no-repeat !important; }	
div#content div#maincontent div.column div.panel.active div.wrapper { background: url(/release/images/panels/310-bottom-active.gif) left bottom no-repeat; }

div#content div#maincontent div.column.wide div.panel div.wrapper.padded { padding-right:30px; }

div#content div#maincontent div.column.wide div.panel.small { background: #310E36 url(/release/images/panels/150-top.gif) left top no-repeat; width:150px; margin-right:10px; }
div#content div#maincontent div.column.wide div.panel.small.lastinrow { margin-right:0; }
div#content div#maincontent div.column.wide div.panel.small div.wrapper { background: url(/release/images/panels/150-bottom.gif) left bottom no-repeat; min-height:134px; _height:134px; }
div#content div#maincontent div.column.wide div.panel.small div.wrapper.padded { padding-right:15px; }
div#content div#maincontent div.column.wide div.panel.small.active { background: #343741 url(/release/images/panels/small-top-active.gif) left top no-repeat;  }
div#content div#maincontent div.column.wide div.panel.small.active div.wrapper { background: url(/release/images/panels/small-bottom-active.gif) left bottom no-repeat; }

div#content div#maincontent div.column div.panel.tiny { background: #310E36 url(/release/images/panels/150-top.gif) left top no-repeat; width:150px; margin-right:10px; }
div#content div#maincontent div.column.thin div.panel { background: #310E36 url(/release/images/panels/150-top.gif) left top no-repeat; width:150px; margin:0; }
div#content div#maincontent div.column div.panel.tiny.lastinrow { margin-right:0; }
div#content div#maincontent div.column div.panel.tiny div.wrapper { background: url(/release/images/panels/150-bottom.gif) left bottom no-repeat; }
div#content div#maincontent div.column div.panel.tiny div.wrapper.padded { padding-right:15px; }

div#content div#maincontent div.column div.panel.tiny.active { background: #343741 url(/release/images/panels/small-top-active.gif) left top no-repeat; }
div#content div#maincontent div.column div.panel.tiny.active div.wrapper { background: url(/release/images/panels/small-bottom-active.gif) left bottom no-repeat; }
 
div#content div#maincontent div.column div.wrapper p { width:auto; }
div#content div#maincontent div.column div.wrapper p.button { width:134px; background:#794CA6; }


div#content div#maincontent div.column div.wrapper p.button span.tl { line-height: 0.01em; font-size: 0.01em; position:absolute; top:0; left:0; height:2px; width:2px; background:url(/release/images/layout/button-tl.gif) no-repeat top left; }
div#content div#maincontent div.column div.wrapper p.button span.bl { line-height: 0.01em; font-size: 0.01em; position:absolute; bottom:0; left:0; height:2px; width:2px; background:url(/release/images/layout/button-bl.gif) no-repeat top left; }
div#content div#maincontent div.column div.wrapper p.button span.tr { line-height: 0.01em; font-size: 0.01em; position:absolute; top:0; right:0; height:7px; width:6px; background:url(/release/images/layout/button-tr.gif) no-repeat top left; }
div#content div#maincontent div.column div.wrapper p.button span.br { line-height: 0.01em; font-size: 0.01em; position:absolute; bottom:0; right:0; height:7px; width:6px; background:url(/release/images/layout/button-br.gif) no-repeat top left; }
div#content div#maincontent div.column div.wrapper p.button span.mr { line-height: 0.01em; font-size: 0.01em; position:absolute; top:0; right:0; height:20px; width:6px; background:url(/release/images/layout/button-mr.gif) no-repeat top left; }

div#content div#maincontent div.column div.active div.wrapper p.button span.tl { line-height: 0.01em; font-size: 0.01em; background:url(/release/images/layout/button-tl-active.gif) no-repeat top left; }
div#content div#maincontent div.column div.active div.wrapper p.button span.bl { line-height: 0.01em; font-size: 0.01em; background:url(/release/images/layout/button-bl-active.gif) no-repeat top left; }
div#content div#maincontent div.column div.active div.wrapper p.button span.tr { line-height: 0.01em; font-size: 0.01em; background:url(/release/images/layout/button-tr-active.gif) no-repeat top left; }
div#content div#maincontent div.column div.active div.wrapper p.button span.br { line-height: 0.01em; font-size: 0.01em; background:url(/release/images/layout/button-br-active.gif) no-repeat top left; }
div#content div#maincontent div.column div.active div.wrapper p.button span.mr { line-height: 0.01em; font-size: 0.01em; background:url(/release/images/layout/button-mr-active.gif) no-repeat top left; }

/* panels (specific) */

div#content div#maincontent div.column div#intro div.wrapper { height:125px; padding:10px 10px 6px; }
div#content div#maincontent div.column div#intro div.wrapper a { color:#CE9DFF; }
div#content div#maincontent div.column div#intro div.wrapper p { line-height:1.5em; }

div#content div#maincontent div#risk-o-meter object { position:absolute; top:38px;}
div#content div#maincontent div.column.wide div#risk-o-meter div.wrapper { height: 160px; }

div#content div#relatedcontent div#tongue-tied div.wrapper { height: 105px; }
div#content div#relatedcontent div#tongue-tied div.wrapper img { position:absolute; top:0; right:0; }
div#content div#relatedcontent div#tongue-tied p { position: absolute; bottom:30px; }
div#content div#relatedcontent div#tongue-tied form { position: absolute; bottom:8px;}
div#content div#relatedcontent div#tongue-tied form select { float:left; width:109px; height:20px; }
div#content div#relatedcontent div#tongue-tied form input { float:left; width:23px; height:20px; }

div#content div#maincontent div.column div#quiz {height:220px;margin-right:0;overflow:hidden;width:310px;}
div#content div#maincontent div.column div#quiz div.wrapper { padding-left:5px; height:190px;overflow:hidden}

div#content div#maincontent div.column div#free-condoms div.wrapper { height:63px; }
div#content div#maincontent div.column div#free-condoms div.wrapper img { position:absolute; top:0; left:0; }

div#content div#maincontent div.column div#your-body div.wrapper { height:63px; }
div#content div#maincontent div.column div#your-body div.wrapper img { float:none; position:absolute; right:0; top:0; }

div#content div#maincontent div.column div#beer-goggles div.wrapper { height:160px; }
div#content div#maincontent div.column div#beer-goggles div.wrapper img { float:none; margin: 0 auto; display: block; margin-bottom: 2px; }
div#content div#maincontent div.column div#beer-goggles div.wrapper p.text { line-height: 1.125em; padding-top: 0.125em; font-size: 0.675em; text-align: center; }
div#content div#maincontent div.column div#beer-goggles div.wrapper p.button { font-size: 0.675em; float:none; position:absolute; bottom:7px; left:7px;}
div#content div#maincontent div.column div#beer-goggles div.wrapper p.button a { padding:3px 25px 4px 5px; }

div#sex-talk div.wrapper {height:163px}

div#content div#relatedcontent div#infections-guide div.wrapper { height:155px; }
div#content div#relatedcontent div#infections-guide div.wrapper p { position: relative; z-index: 110; float:none; line-height: 1.2em; margin-bottom:0.5em; font-size: 0.75em; }
div#content div#relatedcontent div#infections-guide div.wrapper p a { font-style:normal; color:#CE9DFF; }
div#content div#relatedcontent div#infections-guide div.wrapper img { z-index: 90; position:absolute; top:0; right:0; }

div#content div#maincontent div.column div#symptom-o-tron div.wrapper { height:205px; }
div#content div#maincontent div.column div#symptom-o-tron div.wrapper p.text { position:absolute; left:22px; bottom:46px; }
div#content div#maincontent div.column div#symptom-o-tron div.wrapper img { position:absolute; top:25px; right:0; }

div#content div#maincontent div.column div#mind-reader div.wrapper { height:195px; }

div#content div#maincontent div.column div#were-talking { margin-right:0;  height:110px; min-height:131px }
div#content div#maincontent div.column div#were-talking div.wrapper { padding-top:9px; height:100%}
div#content div#maincontent div.column div#were-talking div.wrapper h2 { position:relative; top:0; left:0; }
div#content div#maincontent div.column div#were-talking div.wrapper p { width:290px; margin: 0; }
div#content div#maincontent div.column div#were-talking div.wrapper p a { text-decoration:none;color:white; }
div#content div#maincontent div.column div#were-talking div.wrapper p a:hover { color:#CE9DFF; }

div#content div#relatedcontent div#auld-wives-tales div.wrapper { height:210px; background-image:url(/release/images/layout/auld-wives-tales.jpg); }
div#content div#relatedcontent div#auld-wives-tales div.wrapper p.number { margin-top:20px; color:#341234; font-size:0.65em; font-weight:normal; text-align:center; width:140px; float:left; }
div#content div#relatedcontent div#auld-wives-tales div.wrapper p.exclaim { margin-top:10px; color:#341234; font-size:0.65em; font-weight:normal; text-align:center; width:140px; float:left; }
div#content div#relatedcontent div#auld-wives-tales div.wrapper p.text { margin-top:5px; color:#341234; font-size:0.75em; font-weight:bold; text-align:center; width:140px; float:left; }
div#content div#relatedcontent div#auld-wives-tales div.answer { display: none; }

div#content div#auld-wives-tales div.wrapper p.button span.tl { position:absolute; top:0; left:0; height:2px; width:2px; background:url(/release/images/layout/button-tl-auldwives.gif) no-repeat top left; }
div#content div#auld-wives-tales div.wrapper p.button span.bl { position:absolute; bottom:0; left:0; height:2px; width:2px; background:url(/release/images/layout/button-bl-auldwives.gif) no-repeat top left; }
div#content div#auld-wives-tales div.wrapper p.button span.tr { position:absolute; top:0; right:0; height:7px; width:6px; background:url(/release/images/layout/button-tr-auldwives.gif) no-repeat top left; }
div#content div#auld-wives-tales div.wrapper p.button span.br { position:absolute; bottom:0; right:0; height:7px; width:6px; background:url(/release/images/layout/button-br-auldwives.gif) no-repeat top left; }

div#content div#relatedcontent div#sti-help-button div.wrapper { height:120px; }

div#content div#relatedcontent div#service-finder div.wrapper { height:90px; }

div#content div#relatedcontent div#sex-quotes div.wrapper { height:152px;}
div#content div#relatedcontent div#sex-quotes div.wrapper img { margin: 2px 0 2px 0; }
div#content div#relatedcontent div#sex-quotes div.wrapper p.link a { color:#CE9DFF; }
div#content div#relatedcontent div#sex-quotes div.wrapper p.name { font-size:0.625em; }

div#content div#maincontent div.column div#larc-gateway { padding: 0; background: none; width: 150px; margin-right:10px; }		
div#content div#maincontent div.column div#larc-gateway div.wrapper { padding: 0; background: none; position: relative; width: 150px; }		
div#content div#maincontent div.column div#larc-gateway p { margin: 0; position: relative; }		
div#content div#maincontent div.column div#larc-gateway p a { height: 235px; width: 150px; }		
div#content div#maincontent div.column div#larc-gateway p a span { background-image: url(/release/images/panels/larc-home.gif); }	

p#view-all-videos { position:absolute;top:0;right:12px; }
p#view-all-videos a { color:#CE9DFF; font-family:arial,sans-serif; }
div#tongue-tied label {display:none;}

/* risk-o-meter overlay */

a.back { background:url(/release/images/layout/back-link.png); width:118px; height:26px; position:absolute; top:10px; right:10px; text-decoration:none; }
a.back span { cursor: pointer; position:absolute; top:8px; left:26px; color:#fff; text-transform:uppercase; text-decoration:none; font-family:Arial; font-weight:bold; font-size:0.625em; outline-color:none; }

div#overlay.risks div#overlaypanel { position:relative; display:none; z-index:10000; width:573px; height:436px; padding:0; background:url(/release/images/layout/overlay-panel-risk-o-meter.png) left top no-repeat; }
div#overlay.risks div#overlaypanel.ie { background:url(/release/images/layout/overlay-panel-risk-o-meter.gif) left top no-repeat; }

div#overlay.risks div#overlaypanel div.inner1 { position:absolute; overflow:hidden; background:none; top:5px; left:5px;  width:568px; height:431px; }
div#overlay.risks div#overlaypanel div.inner2 { background:none; }

div#overlay.risks form { position:absolute; top:57px; left:39px; }
div#overlay.risks #overlaypanelflash {position:absolute; top:80px;}

div#overlay.risks div.copy { position:absolute; right:15px; top:50px; width:270px; height:441px; }
div#overlay.risks div.copy h2 { color:#FFF; font-size:1.125em; font-weight:bold; margin-bottom:0.25em;}
div#overlay.risks div.copy h2 span.low { color:#6bbd69; text-transform:uppercase; }
div#overlay.risks div.copy h2 span.medium { color:#f7900a; text-transform:uppercase; }
div#overlay.risks div.copy h2 span.high { color:#c93b40; text-transform:uppercase; }
div#overlay.risks div.copy p {color:#fff; font-size: 0.8125em; margin-bottom:1em;}
div#overlay.risks div.copy p a { color:#fff; font-weight:bold; text-decoration:underline; }
div#overlay.risks div.copy p.small {font-size: 0.6875em;}
div#overlay.risks div.copy ul { list-style-type:disc; }
div#overlay.risks div.copy li { margin-bottom:1em; font-size: 0.6875em; color:#FFF; margin-left:1.5em; }
div#overlay.risks div#overlaypanel div.inner1 { height:350px; }

div#mind-reader h2 { display:none; }
#mindreaderflash { position:absolute; top:0px; left:0px; }

div#overlay.symptom #overlaypanelflash { position:absolute; top:5px; left:5px; }

/* your body */

div#overlay.yourbody div#overlaypanel { position:relative; display:none; z-index:10000; width:551px; height:550px; padding:0; background:url(/release/images/layout/overlay-panel-your-body.png) left top no-repeat; }
div#overlay.yourbody div#overlaypanel.ie { background:url(/release/images/layout/overlay-panel-your-body.gif) left top no-repeat; }

div#overlay.yourbody div#overlaypanel div.inner1 { position:absolute; overflow:hidden; background:none; top:5px; left:5px;  width:541px; height:540px; }
div#overlay.yourbody div#overlaypanel div.inner2 { background:none; }

div#overlay.yourbody div#overlaypanelcontent h2 { position:absolute; top:14px; left:14px; color:#FFF; text-transform:uppercase; font-size:0.625em; font-weight:bold; }
div#overlay.yourbody div#overlaypanelcontent p.choose { position:absolute; top:80px; left:223px; font-size: 0.75em; font-weight:bold; color:#FFF; z-index:1; }

div#overlay.yourbody div#overlaypanelcontent a.male { position:absolute; left:272px; top:52px; width:256px; height:473px; background:url(/release/images/assets/your-body-male.png) left top no-repeat; }
div#overlay.yourbody div#overlaypanelcontent a.female { position:absolute; left:33px; top:52px; width:235px; height:476px; background:url(/release/images/assets/your-body-female.png) left top no-repeat; }
div#overlay.yourbody div#overlaypanelcontent a.male.hover { background-position: -256px 0; }
div#overlay.yourbody div#overlaypanelcontent a.female.hover { background-position: -235px 0; }

div#overlay.yourbody div#overlaypanelcontent.male a.female { display:none; }
div#overlay.yourbody div#overlaypanelcontent.male a.male { position:absolute; left:147px; top:63px; }
div#overlay.yourbody div#overlaypanelcontent.female a.male { display:none; }
div#overlay.yourbody div#overlaypanelcontent.female a.female { position:absolute; left:155px; top:62px; }

div#overlay.yourbody div#overlaypanelcontent a.bodythumb { position:absolute; left:35px; bottom:33px; width:70px; height:115px; }
div#overlay.yourbody div#overlaypanelcontent.male a.bodythumb { background:url(/release/images/assets/your-body-female-thumbnail.jpg) left top no-repeat; }
div#overlay.yourbody div#overlaypanelcontent.female a.bodythumb { background:url(/release/images/assets/your-body-male-thumbnail.jpg) left top no-repeat; }

div#overlay.yourbody div#overlaypanelcontent a.hotspot { position:absolute; background:url(/release/images/icons/your-body-bluedot.png) left top no-repeat; width:16px; height:16px; }

div#overlay.yourbody div#overlaypanelcontent a.hotspot { display:none; }

div#overlay.yourbody div#overlaypanelcontent.male a.hotspot { display:block; }
div#overlay.yourbody div#overlaypanelcontent.female a.hotspot { display:block; }

div#overlay.yourbody div#overlaypanelcontent.male a#brain.hotspot { left:266px; top:80px }
div#overlay.yourbody div#overlaypanelcontent.male a#eyes.hotspot { left:260px; top:93px; }
div#overlay.yourbody div#overlaypanelcontent.male a#ears.hotspot { left:285px; top:100px; }
div#overlay.yourbody div#overlaypanelcontent.male a#mouth.hotspot { left:266px; top:109px; }
div#overlay.yourbody div#overlaypanelcontent.male a#heart.hotspot { left:275px; top:170px; }
div#overlay.yourbody div#overlaypanelcontent.male a#hands.hotspot { left:366px; top:288px; }
div#overlay.yourbody div#overlaypanelcontent.male a#reporgans.hotspot { left:266px; top:290px; }

div#overlay.yourbody div#overlaypanelcontent.female a#brain.hotspot { left:265px; top:80px; }
div#overlay.yourbody div#overlaypanelcontent.female a#eyes.hotspot { left:260px; top:94px; }
div#overlay.yourbody div#overlaypanelcontent.female a#ears.hotspot { left:285px; top:100px; }
div#overlay.yourbody div#overlaypanelcontent.female a#mouth.hotspot { left:265px; top:110px; }
div#overlay.yourbody div#overlaypanelcontent.female a#heart.hotspot { left:275px; top:170px; }
div#overlay.yourbody div#overlaypanelcontent.female a#hands.hotspot { left:355px; top:285px; }
div#overlay.yourbody div#overlaypanelcontent.female a#reporgans.hotspot { left:265px; top:290px; }

div#overlay.yourbody div#overlaypanelcontent div.notice { position:absolute; display:none; width:249px; height:69px; }
div#overlay.yourbody div#overlaypanelcontent div.notice.visible { display:block; }

div#overlay.yourbody div#overlaypanelcontent div.notice.brain { left:271px; top:62px; }
div#overlay.yourbody div#overlaypanelcontent div.notice.eyes { left:20px; top:76px; }
div#overlay.yourbody div#overlaypanelcontent div.notice.ears { left:291px; top:82px; }
div#overlay.yourbody div#overlaypanelcontent div.notice.mouth { left:25px; top:92px; }
div#overlay.yourbody div#overlaypanelcontent div.notice.heart { left:282px; top:152px; }
div#overlay.yourbody div#overlaypanelcontent div.notice.hands { left:115px; top:268px; } 
div#overlay.yourbody div#overlaypanelcontent div.notice.reporgans { left:273px; top:272px; }

div#overlay.yourbody div#overlaypanelcontent.male div.notice.hands { left:126px; top:270px; }

div#overlay.yourbody div#overlaypanelcontent div.notice div.inner-2 { position:absolute; width:200px; }
div#overlay.yourbody div#overlaypanelcontent div.notice.left div.inner-2 { top:10px; left:35px; }
div#overlay.yourbody div#overlaypanelcontent div.notice.right div.inner-2 { top:10px; left:10px; }

div#overlay.yourbody div#overlaypanelcontent div.notice div.inner-2 h3 { font-size:0.625em; font-weight:bold; color:#FFF; text-transform:uppercase; margin-bottom:0.5em; }
div#overlay.yourbody div#overlaypanelcontent div.notice div.inner-2 p { font-size:0.625em; font-weight:bold; color:#FFF; }
div#overlay.yourbody div#overlaypanelcontent div.notice div.inner-2 p a { font-weight:bold; color:#CE9DFF; font-style:italic; }

div#overlay.yourbody div#overlaypanelcontent div.notice.left div.inner-1 { position:absolute; width:249px; height:69px; background:url(/release/images/layout/your-body-notice-left.png) left top no-repeat; }
div#overlay.yourbody div#overlaypanelcontent div.notice.right div.inner-1 { position:absolute; width:249px; height:69px; background:url(/release/images/layout/your-body-notice-right.png) left top no-repeat; }

/*** Beer googles ***/

div#overlay.beer-goggles div#overlaypanel { position:relative; display:none; z-index:10000; width:781px; height:500px; padding:0; background:url(/release/images/layout/overlay-panel-beer-goggles.png) left top no-repeat; }
div#overlay.beer-goggles div#overlaypanel.ie { background:url(/release/images/layout/overlay-panel-beer-goggles.gif) left top no-repeat; }
div#overlay.beer-goggles div#overlaypanel div.inner1 { position:absolute; overflow:hidden; background:none; top:5px; left:5px;  width:771px; height:490px; }
div#overlay.beer-goggles div#overlaypanel div.inner2 { background:none; width:771px; }

div#overlay.beer-goggles div#overlaypanel div#overlaypanelcontent { position:absolute; top:0px; left:0px; width:222px; height:490px;  }

div#overlay.beer-goggles div#overlaypanel div#backdrop { position:relative; width:2019px; left: 0; height:500px; }

div#overlay.beer-goggles div.pub { background:url(/release/images/assets/pub-background.jpg) left top repeat-x; }
div#overlay.beer-goggles div.bbq { background:url(/release/images/assets/bbq-background.jpg) left top repeat-x; } 
div#overlay.beer-goggles div.houseparty { background:url(/release/images/assets/house-party-background.jpg) left top repeat-x; } 

div#overlay.beer-goggles div#overlaypanel div#overlaypanelcontent div.inner-1 { position:absolute; width:222px; height:490px; background:url(/release/images/layout/overlay-panel-mask-beer-goggles.png) left top no-repeat; }
div#overlay.beer-goggles div#overlaypanel div#overlaypanelcontent div.inner-2 { position:absolute; }

div#overlay.beer-goggles div#overlaypanel div#overlaypanelcontent div.inner-2 div.inner { position:relative; padding:0 25px 0 16px; }
div#overlay.beer-goggles div#overlaypanel div#overlaypanelcontent div.inner-2 div.inner img { margin-top:1em; margin-bottom:0.75em; }
div#overlay.beer-goggles div#overlaypanel div#overlaypanelcontent div.inner-2 div.inner h2 { color:#FFF; font-size:1.125em; font-weight:bold; margin-bottom:0.25em; }
div#overlay.beer-goggles div#overlaypanel div#overlaypanelcontent div.inner-2 div.inner p { float:left; clear:left; color:#FFF; font-size:0.875em; margin-bottom:1em; width:181px; }
div#overlay.beer-goggles div#overlaypanel div#overlaypanelcontent div.inner-2 div.inner p a { color:#FFF; }
div#overlay.beer-goggles div#overlaypanel div#overlaypanelcontent div.inner-2 div.inner p a:hover,
div#overlay.beer-goggles div#overlaypanel div#overlaypanelcontent div.inner-2 div.inner p a:focus,
div#overlay.beer-goggles div#overlaypanel div#overlaypanelcontent div.inner-2 div.inner p a:active
{ text-decoration: none; }

div#overlay.beer-goggles div#overlaypanel div#overlaypanelcontent div.inner-2 div.inner a.back { position:absolute; left:10px; top:450px;  }

div#overlay.beer-goggles div.person { position:absolute; bottom:10px; overflow: hidden; }
div#overlay.beer-goggles div.person span { position: absolute; top: -200%; left: 0; height: 100%; width: 100%; }
div#overlay.beer-goggles div.hover span { top: 0; }
div#overlay.beer-goggles div.notice { width:226px; height:111px;  position:absolute; }
div#overlay.beer-goggles div.notice h3 { font-size: 0.625em; color:#FFF; font-weight:bold; text-transform:uppercase; }
div#overlay.beer-goggles div.notice p { float:none; line-height:1.2em; font-size: 0.625em; color:#FFF; }
div#overlay.beer-goggles div.notice p a { color:#CE9DFF; }
div#overlay.beer-goggles div.notice div.inner-1 { position:absolute; width:226px; height:111px; background: url(/release/images/assets/beer-goggles-caption-bottom.png); }
div#overlay.beer-goggles div.notice div.inner-2 { position:absolute; padding:16px 48px 48px 16px; }

div#overlay.beer-goggles div#backdrop div.depth { position:absolute; top:0; left:0; width:100%; height:100%; }

/**/

div#overlay.beer-goggles div.pub div.person#violent { left:230px; background:url(/release/images/assets/beer-goggles-violent-off.png); width:220px; height:297px; }
div#overlay.beer-goggles div.pub div.person#violent span { background:url(/release/images/assets/beer-goggles-violent-on.png);  }

div#overlay.beer-goggles div.pub div.person#shoots-and-leaves { left:450px; bottom:165px;  width:177px; height:197px; background:url(/release/images/assets/beer-goggles-shoots-and-leaves-off.png); }
div#overlay.beer-goggles div.pub div.person#shoots-and-leaves span{ background:url(/release/images/assets/beer-goggles-shoots-and-leaves-on.png); }

div#overlay.beer-goggles div.pub div.person#herpes { left:580px; background:url(/release/images/assets/beer-goggles-herpes-off.png); width:210px; height:431px; }
div#overlay.beer-goggles div.pub div.person#herpes span{ background:url(/release/images/assets/beer-goggles-herpes-on.png); }

div#overlay.beer-goggles div.pub div.person#mr-right { left: 830px; background:url(/release/images/assets/beer-goggles-mr-right-off.png); width:243px; height:468px; }
div#overlay.beer-goggles div.pub div.person#mr-right span { background:url(/release/images/assets/beer-goggles-mr-right-on.png); }

div#overlay.beer-goggles div.pub div.person#married { left: 1195px; background:url(/release/images/assets/beer-goggles-married-off.png); width:139px; height:351px;  }
div#overlay.beer-goggles div.pub div.person#married span { background:url(/release/images/assets/beer-goggles-married-on.png); }

div#overlay.beer-goggles div.pub div.person#underage { left: 1300px; background:url(/release/images/assets/beer-goggles-underage-off.png); width:113px; height:302px; }
div#overlay.beer-goggles div.pub div.person#underage span { background:url(/release/images/assets/beer-goggles-underage-on.png); }

div#overlay.beer-goggles div.pub div.person#stag { left: 1150px; top: 15px; background:url(/release/images/assets/beer-goggles-stag-off.png); width:200px; height:200px; }
div#overlay.beer-goggles div.pub div.person#stag span { background:url(/release/images/assets/beer-goggles-stag-on.png); }


div#overlay.beer-goggles div.pub div.person#one-night-stand { left: 1430px; background:url(/release/images/assets/beer-goggles-one-night-stand-off.png); width:151px; height:283px; } 
div#overlay.beer-goggles div.pub div.person#one-night-stand span { background:url(/release/images/assets/beer-goggles-one-night-stand-on.png); }

div#overlay.beer-goggles div.pub div.person#miss-right { left: 1680px; background:url(/release/images/assets/beer-goggles-miss-right-off.png); width:278px; height:450px; }
div#overlay.beer-goggles div.pub div.person#miss-right span { background:url(/release/images/assets/beer-goggles-miss-right-on.png); }


div#overlay.beer-goggles div.pub div.notice#notice-violent { top:118px; left:230px; }
div#overlay.beer-goggles div.pub div.notice#notice-shoots-and-leaves { top:70px; left:430px; }
div#overlay.beer-goggles div.pub div.notice#notice-stag { top:0px; left:1150px; }
div#overlay.beer-goggles div.pub div.notice#notice-herpes { top:0px; left:610px; }
div#overlay.beer-goggles div.pub div.notice#notice-mr-right { top:115px; left:795px; }
div#overlay.beer-goggles div.pub div.notice#notice-married { top:75px; left:1140px; }
div#overlay.beer-goggles div.pub div.notice#notice-underage { top:115px; left:1250px; }
div#overlay.beer-goggles div.pub div.notice#notice-one-night-stand { top:140px; left:1383px; }
div#overlay.beer-goggles div.pub div.notice#notice-miss-right { top:15px; left:1665px; }

/**/

div#overlay.beer-goggles div.bbq div.person#person1 { left:380px; background:url(/release/images/assets/beer-goggles-bbq-1-off.png); width:226px; height:406px; }
div#overlay.beer-goggles div.bbq div.person#person1 span { background:url(/release/images/assets/beer-goggles-bbq-1-on.png); }

div#overlay.beer-goggles div.bbq div.person#person2 { left:630px; background:url(/release/images/assets/beer-goggles-bbq-2-off.png); width:215px; height:264px; }
div#overlay.beer-goggles div.bbq div.person#person2 span { background:url(/release/images/assets/beer-goggles-bbq-2-on.png); }

div#overlay.beer-goggles div.bbq div.person#person3 { left:825px; background:url(/release/images/assets/beer-goggles-bbq-3-off.png); width:224px; height:324px; }
div#overlay.beer-goggles div.bbq div.person#person3 span { background:url(/release/images/assets/beer-goggles-bbq-3-on.png); }

div#overlay.beer-goggles div.bbq div.person#person4 { left:1022px; bottom:46px; background:url(/release/images/assets/beer-goggles-bbq-4-off.png); width:74px; height:131px; }
div#overlay.beer-goggles div.bbq div.person#person4 span { background:url(/release/images/assets/beer-goggles-bbq-4-on.png); }

div#overlay.beer-goggles div.bbq div.person#person5 { left:950px; bottom:315px; background:url(/release/images/assets/beer-goggles-bbq-5-off.png); width:159px; height:101px; }
div#overlay.beer-goggles div.bbq div.person#person5 span { background:url(/release/images/assets/beer-goggles-bbq-5-on.png); }

div#overlay.beer-goggles div.bbq div.person#person6 { left:1230px; background:url(/release/images/assets/beer-goggles-bbq-6-off.png); width:201px; height:416px; }
div#overlay.beer-goggles div.bbq div.person#person6 span { background:url(/release/images/assets/beer-goggles-bbq-6-on.png); }

div#overlay.beer-goggles div.bbq div.person#person7 { left:1320px; background:url(/release/images/assets/beer-goggles-bbq-7-off.png); width:192px; height:195px; }
div#overlay.beer-goggles div.bbq div.person#person7 span { background:url(/release/images/assets/beer-goggles-bbq-7-on.png); }

div#overlay.beer-goggles div.bbq div.person#person8 { left:1700px; background:url(/release/images/assets/beer-goggles-bbq-8-off.png); width:316px; height:421px; }
div#overlay.beer-goggles div.bbq div.person#person8 span { background:url(/release/images/assets/beer-goggles-bbq-8-on.png); }


div#overlay.beer-goggles div.bbq div.notice#notice-person1 { left:400px; top:50px; }
div#overlay.beer-goggles div.bbq div.notice#notice-person2 { left:640px; top:155px; }
div#overlay.beer-goggles div.bbq div.notice#notice-person3 { left:810px; top:100px; }
div#overlay.beer-goggles div.bbq div.notice#notice-person4 { left:950px; top:250px; }
div#overlay.beer-goggles div.bbq div.notice#notice-person5 { left:950px; top:30px; }
div#overlay.beer-goggles div.bbq div.notice#notice-person6 { left:1202px; top:24px; }
div#overlay.beer-goggles div.bbq div.notice#notice-person7 { left:1335px; top:235px; }
div#overlay.beer-goggles div.bbq div.notice#notice-person8 { left:1700px; top:40px; }

/**/

div#overlay.beer-goggles div.houseparty div.person#person1-hp { left:230px; bottom:115px; background:url(/release/images/assets/beer-goggles-party-1-off.png); width:216px; height:242px; }
div#overlay.beer-goggles div.houseparty div.person#person1-hp span { background:url(/release/images/assets/beer-goggles-party-1-on.png); }

div#overlay.beer-goggles div.houseparty div.person#person2-hp { left:390px; background:url(/release/images/assets/beer-goggles-party-2-off.png); width:237px; height:453px; }
div#overlay.beer-goggles div.houseparty div.person#person2-hp span { background:url(/release/images/assets/beer-goggles-party-2-on.png); }

div#overlay.beer-goggles div.houseparty div.person#person3-hp { left:630px; background:url(/release/images/assets/beer-goggles-party-3-off.png); width:183px; height:435px; }
div#overlay.beer-goggles div.houseparty div.person#person3-hp span { background:url(/release/images/assets/beer-goggles-party-3-on.png); }

div#overlay.beer-goggles div.houseparty div.person#person4-hp { left:830px; bottom:15px; background:url(/release/images/assets/beer-goggles-party-4-off.png); width:244px; height:233px; }
div#overlay.beer-goggles div.houseparty div.person#person4-hp span { background:url(/release/images/assets/beer-goggles-party-4-on.png); }

div#overlay.beer-goggles div.houseparty div.person#person5-hp { left:1170px; background:url(/release/images/assets/beer-goggles-party-5-off.png); width:168px; height:448px; }
div#overlay.beer-goggles div.houseparty div.person#person5-hp span { background:url(/release/images/assets/beer-goggles-party-5-on.png); }

div#overlay.beer-goggles div.houseparty div.person#person6-hp { left:1530px; background:url(/release/images/assets/beer-goggles-party-6-off.png); width:320px; height:431px; }
div#overlay.beer-goggles div.houseparty div.person#person6-hp span { background:url(/release/images/assets/beer-goggles-party-6-on.png); }


div#overlay.beer-goggles div.houseparty div.notice#notice-person1-hp { left:235px; top:80px; }
div#overlay.beer-goggles div.houseparty div.notice#notice-person2-hp { left:350px; top:20px; }
div#overlay.beer-goggles div.houseparty div.notice#notice-person3-hp { left:605px; top:0px; }
div#overlay.beer-goggles div.houseparty div.notice#notice-person4-hp { left:865px; top:200px; }
div#overlay.beer-goggles div.houseparty div.notice#notice-person5-hp { left:1130px; top:30px; }
div#overlay.beer-goggles div.houseparty div.notice#notice-person6-hp { left:1575px; top:25px; }

/**/

input#servicebutton { float:left; }
p#view-all-videos { top:2px; }