/*  HTML5 ✰ Boilerplate  */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,  footer, header, hgroup, 
menu, nav, section, summary, time, mark, audio, video {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent;
}                  
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { 
    display:block;
}
nav ul { list-style:none; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after,
q:before, q:after { content:''; content:none; }
a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; }
ins { background-color:#ff9; color:#000; text-decoration:none; }
mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help; }
table { border-collapse:collapse; border-spacing:0; }
hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }
input, select { vertical-align:middle; }


body { font:13px/1.231 sans-serif; *font-size:small; } 
select, input, textarea, button { font:99% sans-serif; }
pre, code, kbd, samp { font-family: monospace, sans-serif; }

body, select, input, textarea {   color: #444; }
h1,h2,h3,h4,h5,h6 { font-weight: bold; }
html { overflow-y: scroll; }

a:hover, a:active { outline: none; }
a, a:active, a:visited { color: #000; }
a:hover { color: #036; }

ul, ol { margin-left: 1.8em; }
ol { list-style-type: decimal; }

nav ul, nav li { margin: 0; } 
small { font-size: 85%; }
strong, th { font-weight: bold; }
td, td img { vertical-align: top; } 
sub { vertical-align: sub; font-size: smaller; }
sup { vertical-align: super; font-size: smaller; }
pre {  padding: 15px;  white-space: pre;  white-space: pre-wrap;  white-space: pre-line;  word-wrap: break-word; }
textarea { overflow: auto; } 
.ie6 legend, .ie7 legend { margin-left: -7px; } 
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; }
.ie7 input[type="checkbox"] { vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }
label, input[type=button], input[type=submit], button { cursor: pointer; }
button, input, select, textarea { margin: 0; }
input:valid, textarea:valid   {  }
input:invalid, textarea:invalid { border-radius: 1px;  -moz-box-shadow: 0px 0px 5px red; -webkit-box-shadow: 0px 0px 5px red;  box-shadow: 0px 0px 5px red; }
.no-boxshadow input:invalid, 
.no-boxshadow textarea:invalid { background-color: #f0dddd; }

::-moz-selection{ background: #545353; color:#fff; text-shadow: none; }
::selection { background:#545353; color:#fff; text-shadow: none; } 
a:link { -webkit-tap-highlight-color: #f2e500; } 

button {  width: auto; overflow: visible; }
.ie7 img { -ms-interpolation-mode: bicubic; }

.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }
.hidden { display: none; visibility: hidden; } 
.visuallyhidden { position: absolute !important; clip: rect(1px 1px 1px 1px);  clip: rect(1px, 1px, 1px, 1px); }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after {  content: "\0020"; display: block; height: 0; visibility: hidden;	 } 
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }


 /* Primary Styles
    Author: Nate
 */

/*colors
nav red #933;
green #cc3;
yellow: f2e500;



*/
@font-face {
	font-family: 'ChunkFiveRegular';
	src: url('../css/type/Chunkfive-webfont.eot');
	src: local('☺'), url('../test/css/type/Chunkfive-webfont.woff') format('woff'), url('../css/type/Chunkfive-webfont.ttf') format('truetype'), url('../css/type/Chunkfive-webfont.svg#webfont4CzPTNtF') format('svg');
	font-weight: normal;
	font-style: normal;
	}

#wrapper { 
	margin: 0 auto;
	background: #fff url(../img/earwig.png) no-repeat center 45px;
	position: relative;
	width: 1024px; height: 768px;
	color: #333;
	}

#site_tools{
	position:absolute;
	right:-17px;
	top:-55px;
	z-index:999;
	color:#B91829;
}
#site_tools a{
	color:#B91829;
	padding:0px 5px;
}
#site_tools a:hover{
	color:#000;
}
	
h1 a, .chunkfive {
			font-weight: normal;
			font-style: normal;
			line-height:normal;
			font-family: 'ChunkFiveRegular', sans-serif;
			font-size-adjust: 0.51;
		}


a { text-decoration: none; }

p { 
	margin-bottom: 20px; 
	line-height: 1.4;
	}

.headchunk{
	position:relative;
}
h1 a { 
	text-align: center;
	display: block;
	/*width: 900px; */
	margin: 60px auto 0;
	font-size: 105px; 
	color: #000;
 	}
 	h1 a:hover { color: #000; }
	
	h1 span { 
		display: block;
		margin-top: -12px;
		font-size: 40%;
		}
h1 sup { position: relative; font-size: 20%; padding-left: 8px; top: -25px; }


h1 em { 
	font-size: 10%;
	font-style: normal;
	color: #aaa;
	font-family: Helvetica;
	text-transform: uppercase;
	display: block; position: absolute; top: 85px; right: 163px;}

/*
-------------------------------------
MAIN NAVIGATION
-------------------------------------*/

nav,  #content, #main {position: relative; float: left; 
                        }

nav ul {
	margin: 40px 0 0 30px;
	width: 230px;
	}

nav a { 
	font-size: 150%;
	display: block; 
	height: 17px;
	line-height: 17px;
	margin-bottom: 40px;
	text-indent: -999em; 
	overflow: hidden;
	background-repeat: no-repeat !important;
	background-color: transparent !important;
	}

#homen a { background: url(../img/nav-text4.png) 0 -29px; }
	#homen a:hover, #homen-page #homen a { background: url(../img/nav-text4.png) 0 -9px; }
	
#how a { background: url(../img/nav-text2.png) 0 -17px; }
	#how a:hover, #how-page #how a { background: url(../img/nav-text2.png) 0 0; }

#faq a { background: url(../img/nav-text2.png) 0 -54px; }
	#faq a:hover, #faq-page #faq a { background: url(../img/nav-text2.png) 0 -37px; }

#videos a { background: url(../img/nav-text2.png) 0 -89px; }
	#videos a:hover, #videos-page #videos a { background: url(../img/nav-text2.png) 0 -72px; }

#flyfacts a { background: url(../img/nav-text2.png) 0 -126px; }
    #flyfacts a:hover, #flyfacts-page #flyfacts a { background: url(../img/nav-text2.png) 0 -109px; }

#order a { background: url(../img/nav-text2.png) 0 -162px; }
	#order a:hover, #order-page #order a { background: url(../img/nav-text2.png) 0 -145px; }

#returns a { background: url(../img/nav-text2.png) 0 -197px; }
	#returns a:hover, #returns-page #returns a { background: url(../img/nav-text2.png) 0 -181px; }

#about a { background: url(../img/nav-text2.png) 0 -234px; }
	#about a:hover, #about-page #about a { background: url(../img/nav-text2.png) 0 -217px; }

#mailinglist a { background: url(../img/nav-text2.png) 0 -270px; }
    #mailinglist a:hover, #mailinglist-page #mailinglist a { background: url(../img/nav-text2.png) 0 -253px; }

#contact a { background: url(../img/nav-text2.png) 0 -306px; }
	#contact a:hover, #contact-page #contact a { background: url(../img/nav-text2.png) 0 -286px; }
	
#press a { background: url(../img/nav-text3.png) 0 -342px; }
	#press a:hover, #press-page #press a { background: url(../img/nav-text3.png) 0 -324px; }

            
#navicons {  
        list-style:none;  
        margin-top:10px;  
		padding:0;  
        margin-left: 10px;
        margin-bottom:-20px;

        }  
#navicons li {  
        float:left;  
        display:block;  
        width:34px;  
        margin:2px;  
        display:inline;  
        padding: 0;   
        height:34px;  
        text-decoration: none;
		outline: none;
		}  
#navicons li a {  
        border:none;  
        text-decoration: none;
		outline: none; 
		height:34px;
		}  

#icons {list-style: none; 
          margin-top: 10px;
		  text-align: center;
		  margin-right: 20px;
		  margin-left: 20px;
		  

		   }



#icons li { 
      display: block;
      text-decoration: none;
      display: inline;
      text-align: center;
      }

#navigation {padding-top:40px;}

#facebook a, #facebook a:hover, #facebook a { background: url(../img/facebookicon.png); }

#twitter a, #twitter a:hover, #twitter a { background: url(../img/twittericon.png); }

#vimeo a, #vimeo a:hover, #vimeo a { background: url(../img/vimeoicon.png); }

#rss a, #rss a:hover, #rss a { background: url(../img/rssicon.png); }

#youtube a, #youtube a:hover, #youtube a { background: url(../img/youtubeicon.png);}

#flickr a, #flickr a:hover, #yoflickrutube a { background: url(../img/flickricon.png);}

#safetypolicy a{
	width:260px;
	height:125px;
	display:block;
	background:url(../img/safetypolicy.png) no-repeat bottom left;
}
#safetypolicy a:hover{
	background:url(../img/safetypolicy.png) no-repeat top left;
	background-position: 0px -1px;
}
#wsj a{
	width:299px;
	height:149px;
	display:block;
	position:absolute;
	margin-top:630px;
	margin-left:350px;
	background:url(../img/wsj.png) no-repeat bottom left;
}
#wsj a:hover{
	background:url(../img/wsj.png) no-repeat top left;
}

/*
-------------------------------------
MAIN CONTENT
-------------------------------------*/
	

#home #main, #home #content { position: absolute;  border: none; top: 0; }

.ie6 #main, .ie7 #main { background-color: #e5e598; filter: none; }

.ie8 #main { background-color: #cc3; filter: alpha(opacity = 50); }

#main { 
	top: 40px; 
	font-size: 120%;
	background-color: rgba(218,218,50,.5); 
	border: 1px solid #333;
	width: 630px; background: transparent url(/test/img/stripes-bg.png) repeat;
	}

#content { 
	background: white; margin: 22px; border: 1px solid #333; 
	padding: 30px 30px 0 30px; 
	}

#content p, dd { margin: 0 0 30px;}
#content dt { 
	margin: 0 0 5px;
	font-weight: bold; 
	font-size: 120%; 
	}

#content p img { display:block; margin: 0 auto; width: 500px; background: #fff; padding: 10px;  }

#content a { color: #fe0000; text-decoration: none; }
#content a:hover { color: #777; text-decoration: underline; }



.notice { color: #444; padding: 20px 20px 12px 20px; background-color: #fff; border: 2px solid #fe0000; margin-bottom: 20px; }
.notice h4, .notice li { margin-bottom: 8px; line-height: 1.4; }

form { text-align: center;}
input[type="checkbox"] { display:block; margin-top: 40px; vertical-align: .1em; }
input[type="submit"] { display: block; margin: 8px auto 30px; }



footer {
	/*clear: both;
	width: 630px;
	position: relative;
	left: 260px;
	top: 130px;
	height:60px;*/
	clear: both;
	width: 630px;
	height:60px;
	margin:0 auto;
	padding-top:50px;
}
footer p { text-align: center; }
footer p a{
	color:#000;
}
footer p a:hover{
	color:#B91829;
}
#footer_links{
	padding-bottom:5px;
	text-align:center;
}
#footer_links a{
	padding:0px 5px;
}
#footer_links a:hover{
	color:#B91829;
}

/*
-------------------------------------
HOME
-------------------------------------*/

#home #fly {
	position: absolute;
	width: 100px;
	height: 102px;
	z-index: 2000;
	cursor: crosshair;
	cursor: url(http://bugasalt.com/test/img/dmr.cur);
	cursor: url(http://bugasalt.com/test/img/target.png), auto;
}

.not-squish { background: transparent url(../test/img/fly.png) 0 0 no-repeat; }
.squish { background-image: url(../test/img/squish3.png); }

#gun { 
	position: absolute;
	top: 350px;
    left: 240px;
	width: 688px;
	}
	

.iframeh
 {     
        width:280px;
        margin-top:-33px;
        padding-left:790px;
		position: absolute;
		
 }
 

#banner {
		 /*position:absolute;
         top: 150px;
         left: 165px;
         width: 605px;*/
		 width: 570px;
		 position:absolute;
         top: 190px;
         left: 74px;
		 }
#bannerend {
    left: 234px;
    position: absolute;
    top: 150px;
    width: 370px;
}
#hotlinehome {
    left: 730px;
    position: absolute;
    top: 708px;
}


.reilly { 

   /*position:absolute;*/
         width:110px;
         height:108px;
         background: url("../img/reillybutton.png") no-repeat bottom;
         text-indent: -9999px;
		 margin-left:80px;
		 margin-top:-25px;
		 /*float:left;*/
		/* margin-top:625px;
		 margin-left:415px;*/
		}
	

.reilly:hover {
               background-position: 0 0;
}	
 
#frame {clear:both;}

.frames {
         padding:8px;
}



			  
#indie {margin-left:790px;
        margin-top:130px;
        font-size:14px;
        color:black;
		position: absolute;
	}


.gogolink {font-size:38px;
            margin-left:-241px;
            margin-top:-34px;
            border:none;
			text-decoration:underline;
           position: absolute;
          }



a:link, a:visited, a:hover, a:active{outline-style: none;}

.ordernow {
position: absolute;
right:-18px;
margin-top: -190px;}


/*


-------------------------------------
HOW
-------------------------------------*/

#how-page #content { background: #fff url(../newtest/gun-how-works.png) no-repeat 95% 97%;}
#how-page #main ol, #main ul { 
	width: 400px;
	margin: 0 0 20px 20px; 
	line-height: 1.4;
	}

#how-page #main ol li { margin-bottom: 10px; }
#how-page #main ul li { list-style: url(../test/img/check-red.png);}
#dna {padding-top:5px;
      padding-bottom:10px;}
#howworks {padding-top:35px;
           }

/*
-------------------------------------
FAQ
-------------------------------------*/

#faq-page #content { background: #fff url(../img/little-brand-earwig.jpg) no-repeat 97% 97%;}

/*
-------------------------------------
VIDEOS
-------------------------------------*/

#videos-page #content { padding-bottom: 25px; }
#videos-page object { margin-bottom: -25px; }


		  
		#videoss {
width: 505px;
margin-top: 20px;
margin-left: 20px;
margin-bottom:20px;}
/*
-------------------------------------
ORDER
-------------------------------------*/
#order-page #main ul { width: 400px; }
.dollarbug {  position: absolute; bottom: 0; right: 0; height: 157px; width: 138px; background:  url(../img/earwig-100-bill-gone.png) no-repeat; }
#leaf { position: absolute;  right: 4px; top: 4px;  }
#buttongif2  {display: block; float:left; padding-top:50px; padding-bottom:15px; outline: none;}
#skell {font-size: 20px;}
#agree {display:block; margin-top: -14px; margin-right: 231px; margin-left: 12px; vertical-align: .1em; }
.banner2 {margin-bottom:60px;
          margin-top:-53px;
		  width:500px;
	
          }
/*
-------------------------------------
RETURNS
-------------------------------------*/
#guarantee {padding-left:20px;}


/*
-------------------------------------
ABOUT
-------------------------------------*/
#image {
		position:relative;
		padding-bottom:45px;
		padding-top:10px;
        width:527px;}
#aboutimg {width:535px;
           }		

#abouttext {position:absolute;
	        top:110px;
	        left:150px;
	        width:400px;
		}
/*
-------------------------------------
CONTACT
-------------------------------------*/
#contactlist {list-style:none;
              padding-right:60px;
              text-align:center;
              padding-bottom:1px;
              padding-top:20px;
			  font-size:19px;

             }
#contactlist a {color:#85a123;}
#mrpinch {
position: absolute;
margin-left: 55px;
margin-top: -123px;
}
#hotline {display:block;
		 padding-bottom:40px;
         margin-left:auto;
         margin-right:auto;}

/*
-------------------------------------
FLY FACTS
-------------------------------------*/
#pity {text-align:center;
       font-size:20px;}
#heston {display:block;
		 padding-bottom:40px;
         margin-left:auto;
         margin-right:auto;}
#gangs  {width:525px;}

#flyfacts-page #main li { margin-bottom: 10px; }
       
#flyfacts-page #content { background: #fff url(gun-how-works.png) no-repeat 95% 97%;}
#flyfacts-page #main ol, #main ul { 
	width:400px;
	margin: 0 0 20px 60px; 
	line-height: 1.4;
	}

#flyfacts-page #main ol li { margin-bottom: 10px; }


/*
----------------------------------------
MAILING LIST
---------------------------------------*/
.mailchimp_form .form_field { background: #fff; border: 1px solid #888; padding: .7em 1em; margin-bottom: .5em; }

#mailingform {width:525px;}
#submitbutton {display:block;
			   margin-left:190px;}



/*
----------------------------------------
PRESS
------------------------------------------*/

	.minutenews {
position: absolute;
width: 220px;
height: 122px;
background: url("../img/minutenews.png") bottom;
text-indent: -9999px;
margin-top: 248px;
margin-left: 454px;

}

.minutenews:hover {
               background-position: 0 0;
}
		
	.rightthis {
position: absolute;
width: 220px;
height: 142px;
background: url("../img/rightthis.png") bottom;
text-indent: -9999px;
margin-top: 410px;
margin-left: 4px;

}

.rightthis:hover {
               background-position: 0 0;
}	
		
	.reddit {
position: absolute;
width: 100px;
height: 112px;
background: url("../img/reddit.png") no-repeat bottom;
text-indent: -9999px;
margin-top: 594px;
margin-left: 128px;
}

.reddit:hover {
               background-position: 0 0;
}	
	
	
	.tvguide {
position: absolute;
width: 120px;
height: 89px;
background: url("../img/tvguide.png") no-repeat bottom;
text-indent: -9999px;
margin-top: 589px;
margin-left: 368px;

}

.tvguide:hover {
               background-position: 0 0;
}		
	
	
	.spank {
position: absolute;
width: 220px;
height: 141px;
background: url("../img/techspank.png") no-repeat bottom;
text-indent: -9999px;
margin-top: 245px;
margin-left: 229px;
		 

}

.spank:hover {
               background-position: 0 0;
}		


.sunnews {
position: absolute;
width: 220px;
height: 150px;
background: url("../img/sunnews.png") no-repeat bottom;
text-indent: -9999px;
margin-top: 410px;
margin-left: 235px;
		 

}

.sunnews:hover {
               background-position: 0 0;
}	


.busstars {
position: absolute;
width: 317px;
height: 96px;
background: url("../img/busstars.png") no-repeat bottom;
text-indent: -9999px;
margin-top: 585px;
margin-left: 265px;
		

}

.busstars:hover {
               background-position: 0 0;
}

.IG {
position: absolute;
width: 220px;
height: 157px;
background: url("../img/IG.png") no-repeat bottom;
text-indent: -9999px;
margin-top: 409px;
margin-left: 466px;

}

.IG:hover {
               background-position: 0 0;
}	

.yahoo {
position: absolute;
width: 301px;
height: 147px;
background: url("../img/yahoo.png") no-repeat bottom;
text-indent: -9999px;
margin-top: 80px;
margin-left: 38px;
margin-right: 50px;
}

.yahoo:hover {
               background-position: 0 0;
}
				  
			  
	
	
.buzzlist li {float:left; 
               width:33.333%;
			   list-style-type: none;
			   
             }
.buzzlist ul {margin-left:370px;
              font-size:16px;
			  text-decoration:underline;}
	


		   
#buzz {float:left;
		   font-size:22px;
		   position:relative;
		   width:100%;
		   height:28px;
		   text-align:center;
		   margin-bottom:28px;
		   color:red;
		   margin-left:120px;
		   margin-top:-80px;}
		   
		   
#presstitle {
margin-left: 474px;
margin-top: 20px;
position: absolute;
margin-bottom: 1px;}
		   
	.abc {
position: absolute;
width: 198px;
height: 125px;
background: url("../img/abc.png") no-repeat bottom;
text-indent: -9999px;
margin-top: 245px;
margin-left: 15px;}
	

.abc:hover {
               background-position: 0 0;
}
	
	
	
	
	
	
	.centered {margin-left:170px;
	            color:red;}
	.centered2 {margin-left:190px;
	            color:red;}
	.centered3 {margin-left:63px;
	             color:red;}

#videotext{
	float:right;
	width:475px;
	margin-top:40px;
	margin-right:200px;
}
#videotext #sendvideos{
	color:#F00;
	font-size:24px;
	margin-top:15px;
}
#videotext #hey{
	font-size:17px;
}
#videotext #hey a{
	color:#00F;
	text-decoration:underline;
}
#videotext #hey a:hover{
	text-decoration:none;
}