/*********************************************************************************************************/
/***************************************** Lost Jaw ******************************************************/
/*********************************************************************************************************/
/*
z-indexes used:
---------------
.inside_home, 3
.navigation_map, 4
.logo_home, 5
.flare_overlay, 6
.clipboard, 7
.facts_copy_container, 8

*/
/***************************************** Shared ********************************************************/

* { margin:0; padding:0 }
.clear { clear:both; }
.hide { display:none; }	

body{ color:#fff; background:#000; font: 9pt/17pt Helvetica, Arial, sans-serif; height:100%; min-height:100%; }
h1{ padding:0 0 5px 0; font-size:13pt; }
h2{ padding:0 0 10px 0; font-size:12pt; }
fieldset{ border:0; }

.outside_container{
margin:0 auto; width:792px; height:601px; background:url(../images/xray_outside.gif) no-repeat; }

.xray_switch{
display:block; position:relative; top:298px; left:2px; width:53px; height:39px; border:0; /*cursor:pointer;*/ }
.inside_container{
position:relative; top:0; left:80px; width:690px; height:514px; z-index:3;
background:url(../images/inside_bg.gif) no-repeat; }
.logo_home{
position:absolute; display:block; float:right; top:20px; right:18px; width:115px; height:96px; border:0; z-index:15; }

/* used for flare effect when switching pages */
.flare_overlay{
position:absolute; top:0; left:0; width:690px; height:514px; z-index:6;
background:url(../images/flare.gif); }

/* clipboard */
.clipboard2{
position:absolute; top:-20px; left:-1083px; width:398px; height:591px; z-index:7; }

html[xmlns*=""] body:last-child .clipboard2 { top:-19px; }

.clipboard_close{
position:relative; float:right; top:-55px; left:-27px; width:17px; height:18px; cursor:pointer; }

.copy_container{
position:absolute; top:105px; left:-50px; width:366px; height:407px; z-index:18; }

/* scroller */
.scrollable{
float:left; padding:0 0 10px 0; width:340px; height:418px; overflow: hidden; color:#000; background:transparent; }
.scrollable p{
clear:both; line-height:16px; margin:0 0 15px 0; padding:0 5px 0 0; }
.track{
float:right; position:relative; left:-3px; width:18px; height:407px; }
.handle{
width:18px; height:28px; background:#fff; cursor:move; }

.footer{
clear:both;
padding:0 0 0 60px;
margin:2px auto;
width:200px;
height:20px;
text-align:center;
color:#4F4F4F;
background:#000;
font-size:.9em;
}

.footer a:link, .footer a:active, .footer a:visited{
color:#4F4F4F;
background:#000;
text-decoration:none;
}

.footer a:hover{
color:#5F5F5F;
background:#000;
text-decoration:none;
}

/***************************************** Home Page *****************************************************/

/**************** Navigation ******************/
.inside_home{
/*background: #000000 url(../images/inside_home.gif) bottom right no-repeat;*/
right:0; bottom:0;
background: transparent url(../images/inside_home2.gif) no-repeat;
width:529px; height:437px;
position:absolute; z-index:4; }

/* facts/eyes */
.eyes{ position:relative; top:123px; left:182px; }
.eyes a{ position: absolute; width: 168px; height: 66px; text-decoration:none; }
.eyes a span{ display: none; }
.eyes a:hover{ background: url(../images/eyes_over.gif) no-repeat; }
.eyes a:hover span{
display: block; color: #fff; background:#000; font-weight: bold; font-size:1.3em;
position: relative; top:30px; left:-142px; width:41px; height:14px; }
.eyes a span .txt_facts{
display:block; position:absolute; width:41px; height:14px; border:0; }

/* sinister tactics/nose */
.nose{ position:relative; top:163px; left:241px; }
.nose a{ position: absolute; width: 49px; height: 59px; text-decoration:none; }
.nose a span{ display: none; }
.nose a:hover{ background: url(../images/nose_over.gif) no-repeat; }
.nose a:hover span{
display: block; color: #fff; background:#000; font-weight: bold; font-size:1.3em;
position: relative; top:20px; left:-200px; width:41px; height:14px; }
.nose a span .txt_sinister{
display:block; position:absolute; width:111px; height:14px; border:0; }

/* drool much/teeth */
.teeth{ position:relative; top:243px; left:222px; }
.teeth a{ position: absolute; width: 87px; height: 19px; text-decoration:none; }
.teeth a span{ display: none; }
.teeth a:hover{ background: url(../images/teeth_over.gif) no-repeat; }
.teeth a:hover span{
display: block; color: #fff; background:#000; font-weight: bold; font-size:1.3em;
position: relative; top:0; left:-182px; width:41px; height:14px; }
.teeth a span .txt_drool{
display:block; position:absolute; width:81px; height:14px; border:0; }

/* stick'em up/spine */
.spin{ position:relative; top:276px; left:222px; }
.spin a{ position: absolute; width: 87px; height: 49px; text-decoration:none; }
.spin a span{ display: none; }
.spin a:hover{ background: url(../images/spin_over.gif) no-repeat; }
.spin a:hover span{
display: block; color: #fff; background:#000; font-weight: bold; font-size:1.3em;
position: relative; top:15px; left:-182px; width:41px; height:14px; }
.spin a span .txt_stickem{
display:block; position:absolute; width:83px; height:18px; border:0; }

/* links/spine2 */
.spine2{ position:relative; top:331px; left:210px; }
.spine2 a{ position: absolute; width:111px; height:69px; text-decoration:none; }
.spine2 a span{ display: none; }
.spine2 a:hover{ background: url(../images/spine2_over.gif) no-repeat; }
.spine2 a:hover span{
display: block; color: #fff; background:#000; font-weight: bold; font-size:1.3em;
position: relative; top:15px; left:-169px; width:41px; height:14px; }
.spine2 a span .txt_links{
display:block; position:absolute; width:41px; height:16px; border:0; }

/* legal/bottom left */
.legal{ position:relative; top:469px; left:-164px; }
.legal a{ position: absolute; width:164px; height:12px; text-decoration:none; }
.legal a span{ display: none; }
.legal a:hover{ background: url(../images/legal_over.gif) no-repeat; }

/* financial/bottom right */
.financial{ position:relative; top:448px; left:368px; }
.financial a{ position: absolute; width:162px; height:30px; text-decoration:none; }
.financial a span{ display: none; }
.financial a:hover{ background: url(../images/financial_over.gif) no-repeat; }

/***************************************** Facts Page ****************************************************/

.inside_facts{
background: transparent url(../images/inside_facts.gif) no-repeat;
width:529px; height:437px; position:absolute; bottom:0; right:0; z-index:4; }

.quick_link:link, .quick_link:active, .quick_link:visited{
padding:0 27px 0 0; color:#000; background:transparent; text-decoration:none; font-weight:bold; }
.quick_link:hover{
padding:0 27px 0 0; color:#EC008C; background:transparent; text-decoration:none; font-weight:bold; }

.free_fiber_glass{
float:right; padding: 0 10px 0 0; width:105px; height:102px; }

.smokes_tin{
float:right; margin:5px 0 0 0; width:206px; height:141px; }

.source_link:link, .source_link:active, .source_link:visited{
color:#000; background:transparent; text-decoration:none; font-weight:bold; }
.source_link:hover{
color:#EC008C; background:transparent; text-decoration:none; font-weight:bold; }

ul.poisons{ float:left; list-style:none; margin:0 0 15px 0; }
ul.poisons li{ width:340px; display:block; clear:both; }
ul.poisons li span{ float:left; display:block; margin:13px 0 0 5px; width:300px; }

.symbol{
float:left; width:35px; height:30px; }

.checklist_table{
float:left; margin:0 0 15px 0; display:block; line-height:16px; table-layout:auto; border-collapse:collapse;
border-left:1px solid #454545; border-right:1px solid #454545; width:335px; }
.checklist_table tr td{ padding:5px; }
.row1{ display:table-cell; background:#E5DDD3; color:#000; height:auto; border-top:1px solid #454545; border-bottom:1px solid #454545;}
.row2{ display:table-cell; background:#D6CEC5; color:#000; height:10px; border-top:1px solid #454545; border-bottom:1px solid #454545; }

/************************************* Sinister Tactics Page *************************************************/

.inside_tactics{
background: transparent url(../images/inside_tactics.gif) no-repeat;
width:529px; height:437px; position:absolute; bottom:0; right:0; z-index:4; }

.sniper{
float:left; width:98px; height:99px; margin:0 5px 0 0; }


/**************************************** Drool Much ********************************************************/

.inside_drool{
background: transparent url(../images/inside_drool.gif) no-repeat;
width:529px; height:437px; position:absolute; bottom:0; right:0; z-index:4; }

.hairy_tongue{
clear:both; margin:10px 0 0 0; width:195px; height:195px; }
.dip_lip{
clear:both; margin:10px 0 0 0; width:195px; height:202px; }
.freak_show{
clear:both; margin:10px 0 0 0; width:193px; height:196px; border:1px solid #000; }


/**************************************** Stickem Up ********************************************************/

.inside_sticker{
background: transparent url(../images/inside_sticker.gif) no-repeat;
width:529px; height:437px; position:absolute; bottom:0; right:0; z-index:4; }

.stickem_diag{
clear:both; float:left; width:195px; height:193px; margin:0 0 15px 0; }

.photo_desc{ clear:both; float:left; padding:0 0 3px 2px; }

.pink_link:link, .pink_link:visited, .pink_link:active{
font-weight:bold; color:#EC008C; background:#E9DDD2; text-decoration:none; }
.pink_link:hover{
font-weight:bold; color:#EC008C; background:#E9DDD2; text-decoration:underline; }

#sticker_scrollable label{
clear:both; float:left; font-weight:bold; padding:0 0 2px 2px; }


.txt_field{
display:block; float:left; clear:both; font-size:.9em; padding:1px 0 0 2px; margin:0;
width:215px; height:17px; border:1px solid #EBBED9; }

.submit_link:link, .submit_link:visited, .submit_link:active{
display:block; float:left; clear:both; width:50px; margin:5px 0 0 2px;
font-weight:bold; color:#EC008C; background:transparent; text-decoration:none; }
.submit_link:hover{
display:inline; float:left; clear:both; width:50px; margin:5px 0 0 2px; font-weight:bold;
color:#EC008C; background:transparent; text-decoration:underline; }

.company_logos{
display:block; clear:both; width:275px; height:25px; margin:15px 0 0 0; }

/* acrobat download */
.acrobat_container{
float:left; width:170px; height:auto; line-height:16px; margin:0 0 15px 0; }

.acrobat{
float:left; margin:0 3px 0 0; width:60px; height:60px; border:0; }

.acrobat_link:link, .acrobat_link:active, .acrobat_link:visited{
color:#000; background:transparent; text-decoration:none; }
.acrobat_link:hover{
color:#EC008C; background:transparent; text-decoration:none; }

/* sticker sheet download */
.sticker_container{
float:left; width:170px; height:auto; line-height:16px; margin:0 0 15px 0; }
.sticker_sheet_thumb{
float:left; margin:0 3px 0 0; width:60px; height:60px; border:0; }

/**************************************** Links ********************************************************/

.inside_links{
background: transparent url(../images/inside_home2.gif) no-repeat;
width:529px; height:437px; position:absolute; bottom:0; right:0; z-index:4; }

/**************************************** Legal ********************************************************/

.inside_legal{
background: transparent url(../images/inside_home2.gif) no-repeat;
width:529px; height:437px; position:absolute; bottom:0; right:0; z-index:4; }

/************************************************************************************************************/
/**************************************** Intro Page ********************************************************/
/************************************************************************************************************/
#flashcontent{
display:block; margin:0 auto; width:792px; height:601px; }
#flashcontent p{
width:80%;
text-align:center;
}

#flashcontent a:link, #flashcontent a:active, #flashcontent a:visited{
color:#EC008C; background:#000; text-decoration:underline; }

#flashcontent a:hover{
color:#EC008C; background:#000; text-decoration:none; }