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

html, body
{ height: auto; background: #222 url(../images/gradientbg.jpg) repeat-x 0 0; }

body
{ margin:0px auto; width:100%; padding:80px 0px 0px 0px;  /* Turn off font resizing */ 
	-webkit-text-size-adjust: none; }

div#headercontainer
{ position:absolute; top:0px; width:100%; height:90px; margin-top:0px; background-color:#000; border-bottom:3px solid #333; }

div#header
{ margin:0px auto; height:90px !important; width:945px; padding:0px; }

div#content
{ margin:0px auto; height:100%; width:945px; padding:0px; text-align:left; background-color:#FFF; border:1px solid #222; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; line-height: normal; font-weight: normal; color: #000; }

div#photogallery
{ margin:0px auto; height:584px; width:945px; padding:0px; text-align:left; background-image:url(../images/gallery.jpg); background-color:#000000; }

div#contenttext
{ width:905px; height:auto; margin:0px auto; }

div#footer
{ margin:0px auto; height:auto; width:945px; padding:0px; text-align:center; background-color:#222; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; line-height: normal; font-weight: normal; color:#ccc; }

@media screen
{ body>div#headercontainer {position:fixed;} }

* html body
{ overflow:hidden; }

*html div#content
{ height:100%; width:945px; overflow:auto; }

.clearboth
{ clear:both; }

/*--------------- Navigation Buttons ---------------*/

div#navigationcontainer
{ width:945px; height:90px; margin: 0px; padding: 0px; border:none; }

div#navigation
{ cursor: pointer; width: 945px; height: 90px; margin:0px; padding:0px; }

div#jghgbutton
{ float:left; cursor: pointer; width: 300px; height: 60px; margin: 0px; padding: 0px; overflow:hidden; }

div#jghgbtn a
{ float:left; background: url(http://www.johnnygothisgunthemovie.com/images/johnny_header.gif) 0px 0px; width:300px; height:60px; margin:0px; padding:0px; }

div#jghgbtn a:hover
{ float:left; background:url(http://www.johnnygothisgunthemovie.com/images/johnny_header_over.gif) 0px 0px; width:300px; height:60px; margin:0px; padding:0px; }

.selectedNav
{ color: #CC0000; text-decoration:underline; }

.nostyle
{ color:#999; }

div#navbuttonscontainer
{ width:945px; height:30px; margin:0px auto; }

div#navbuttons
{ width:945px; height:30px; display:inline; cursor: pointer; margin-top:.3em !Important; padding:0px; }

ul#navbtn
{ list-style: none; margin: 0px auto; margin-top:.4em; width: 945px; height:30px; padding: 0px; float: left; font-family:"Arial Black", Gadget, sans-serif; font-size:.7em !Important; font-weight:bold;   }

ul#navbtn li
{ float: left; list-style: none; width:auto; margin: 0px; padding-left:12px; height:30px; } 

ul#navbtn a
{ text-decoration:none;  }

ul#navbtn a:hover
{ color: #CC0000; text-decoration:underline; }





/*--------------- Quotes ---------------*/

#quotes 
{ float:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#999; width:590px; height:40px; margin-top:20px; padding:0px; text-align:center; background-color:#000; }

/*--------------- Social ---------------*/

#social
{ float:left; width:55px; height:24px; margin-top:20px; padding:0px; text-align:center; background-color:#000; }

ul#socialicons
{ list-style: none; margin: 0px; width: 55px; padding: 0px; float: left; }

ul#socialicons li
{ float: left; list-style: none;  margin: 0px; padding: 0px; }

ul#socialicons a
{ float: left; display: block; height: 24px; background-position: left top; }

ul#socialicons a:hover
{ background-position: left bottom; }

ul#socialicons a.active 
{ background-position: left bottom; }

#newsletter li.newsletter a,
#facebook li.facebook a,
#myspace li.myspace a
{ background-position: left bottom; }

ul#socialicons li.newsletter a
{ background-image: url(../images/email_newsletter.gif); width: 140px; }

ul#socialicons li.facebook a
{ background-image: url(../images/facebook.gif); width: 24px; }

ul#socialicons li.myspace a
{ background-image: url(../images/myspace.gif); width: 24px; }

.bodytext 
{ font-family: Arial, Helvetica, sans-serif; font-size: 12px;	font-style: normal; line-height: normal; font-weight: normal; color: #000; }

.bodytext a
{ color:#CC0000; text-decoration:none; }

.bodytext a:hover
{ text-decoration:underline; }

bodytext 2
{ font-family: Arial, Helvetica, sans-serif; font-size: 12px;	font-style: normal; line-height: normal; font-weight: normal; color: #FFF; }

.bodytext2 a
{ color:#CC0000; text-decoration:none; }

.bodytext2 a:hover
{ text-decoration:underline; }

.buttontext 
{ font-family:"Arial Black", Gadget, sans-serif; font-size: 12px; font-style: normal; line-height: normal; font-weight: normal; }

.buttontext2 
{
	font-family:"Arial Black", Gadget, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
}

.indexbuttontext
{
	font-family:"Arial Black", Gadget, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
}

.cctext 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	color: #999;
}

.bottomtext 
{ font-family: Arial, Helvetica, sans-serif;	font-size: 10px;	font-style: normal; line-height: normal; font-weight: normal; color: #000; }

.bottomtext  a
{ color:#CC0033; text-decoration:none; }

.bottomtext  a:hover
{ text-decoration:underline; }

a.buttontext2
{ color: #FFFFFF; }

a.buttontext2:hover
{ color: #CC0000; }

a.indexbuttontext
{
    font-family:"Arial Black", Gadget, sans-serif;
	color: #999966;
	font-size: 16px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
    TEXT-DECORATION: none;
}

a.indexbuttontext:hover
{ color: #CC0000; }

h1,h2,h3,h4,h5,h6 
{ font-family: Arial, Helvetica, sans-serif; font-weight: bold; }

h1
{ font-size: 12px; color: #CC0000; }