/* This Style sheet was made by aran @ studio7designs.com  
if you have any questions please email me or visit http://www.studio7designs.com */

body
{
font-family: trebuchet ms, verdana, arial, tahoma;
font-size: 80%; color: #000000;
background-color: #000000;
line-height: 180%;
margin-top: 0px;
background: #000000;
}

#border
{
border: -20px ;
//width: 1050px;
background-color: #ffffff;
background:url('/haunted_house/images/Haunted-House-halloween.jpg') no-repeat;
//background:url('/haunted_house/images/haunted-house_1440x900.jpg') no-repeat;
//background:url('/haunted_house/images/scarecrow-halloween.jpg') no-repeat;
//background:url('/haunted_house/images/Haunted-House-halloween-250822_1024_768.jpg') no-repeat;
//background:url('/images/background1050.jpg') no-repeat ;
margin: 0 auto;
background-attachment: fixed;
background-position:center; 
/*border: 2px solid red;*/

}

#headerORIG
{
height: 130px;
width:1026px;
margin-left:0px;
background-image:url('/images/1header1050.jpg');
cursor:pointer;
}

#container
{
width: 1026px;
margin: 0px auto;
background-color: #ffffff;
/*border: 2px solid green;*/
  opacity:0.92;
  filter:alpha(opacity=92); /* For IE8 and earlier */
-moz-box-shadow: inset 0 0 8px 5px #505050 ;
-webkit-box-shadow: inset 0 0 8px 5px#505050 ;
box-shadow: inset 0 0 8px 5px #505050 ;

}


#header
{
/*height: 110px;*/
width:1026px;
margin-left:0px;
cursor:pointer;
margin: 0px auto;
/*border: 2px solid blue;*/
}


* html #header { margin-left: 0; }



#content
{
padding: 0.5em 1em;
max-width: 1026px;
/*background-color: #0000fe;*/
margin:10px auto; 
/*border: 2px solid orange;*/
}

* html #content {height:1%}
* > html #content {height:auto}





.messagebar
{
width: 913px;
height:auto;
margin: 10px auto;
padding: 5px;
background-color: #ffff00;
border: 0px solid #000000;
text-align: center;
}



.MenuLeft {
//background: #f7f7f7;
padding:5px;
margin:auto;
width: 180px;
float: left;
overflow: hidden;
/*text-align: justify;*/
}


.MainContent {
//background: #ffffff;
/*padding:10px;*/
padding:2px;
margin:auto;
width: 955px;
float: center;
overflow: hidden;
/*text-align: justify;*/
}


.MainContentNoRightMenu {
//background: #ffffff;
padding:2px;
margin:auto;
width: 700px;
float: center;
overflow: hidden;
/*text-align: justify;*/

}

.MainContentNoLeftRightMenu {
//background: #ffffff;
padding:2px;
margin:auto;
width: 1000px;
float: center;
overflow: hidden;
/*text-align: justify;*/
}


.MainContentNoLeftAndRightMenu {
//background: #ffffff;
padding:2px;
margin:auto;
width: 700px;
float: center;
overflow: hidden;
/*text-align: justify;*/

}


.MainContentAdmin {
background: #ffffff;
padding:2px;
margin:auto;
width: 900px;
float: center;
/*overflow: hidden;
text-align: justify;*/

}



.MainContentNoRightMenuORIG {
background: #ffffff;
padding:2px;
margin:auto;
width: 780px;
float: left;
overflow: hidden;
/*text-align: justify;*/

}

.MenuRight {
background: #ffffff;
padding: 2px;
margin:auto;
width: 225px;
float: right;
overflow: hidden;
/*text-align: justify;*/
}


.LastUpdate {

}


#introduction{
	float:right;
	width:180px;
	padding:0px 0px;
	margin:20px 0 20px 20px;
	background: url(/images/menu.gif) no-repeat;
	text-align:center;
	line-height:1.5em;
	color:#999999;
	font-size:1.0em;
	font-family:"Lucida Grande","Lucida Sans Unicode",arial,sans-serif;
	letter-spacing:0px;
}

#introduction ul, #introduction li {
text-align:center;
	list-style: none;
	margin: 0;
	padding: 0;
}

#introduction a {
	border-bottom: none;
	color:#999999;
}

#introduction h3{
	text-align: center;
	position:static;
}

#introduction a:link, a:visited{
	color:#999999;
}

#introduction a:hover, a:active{
	color:#5B8FBE;
}


P.CenterText{
text-align:center;

}



.allwrap1 {
	width:950px;
	padding:0px;
	border:1px solid gray;
	margin:20px;
	-moz-box-shadow:  5px 5px 5px rgba(68,68,68,0.6);
	-webkit-box-shadow: 5px 5px 5px rgba(68,68,68,0.6);
	box-shadow:5px 5px 5px rgba(68,68,68,0.6);
//background:url('/haunted_house/images/Haunted-House-halloween-16050708-1280-800.jpg') no-repeat;
//-moz-border-radius: 5px;
//border-radius: 5px;

}
.allwrap1 .contentallwrap1 {
	position: relative; /* This protects the inner element from being blurred */
	padding: 5px;
	//background-color: #DDD;
}


.header1 {
	width:940px;
	padding:5px;
	border:1px gray;
	margin:0px;
	position: relative; /* This protects the inner element from being blurred */

	border-top-style:none;
	border-right-style:none;
	border-bottom-style:solid;
	border-left-style:none;
//background:url('/haunted_house/images/header8.jpg') no-repeat;
//background:url('/haunted_house/images/header2.jpg') no-repeat;
//background:url('/haunted_house/images/header9.jpg') no-repeat;
//background:url('/haunted_house/images/header9a.jpg') no-repeat;
background:url('/haunted_house/images/header9b.jpg') no-repeat;
//background:url('/haunted_house/images/header6.jpg') no-repeat;
//background:url('/haunted_house/images/header7.jpg') no-repeat;
//background:url('/haunted_house/images/header5.jpg') no-repeat;
//background:url('/haunted_house/images/header1.jpg') ;
//background:url('/haunted_house/images/header3.jpg') no-repeat;
//background:url('/haunted_house/images/header4.jpg') no-repeat;



}

.content1 {
	width:940px;
	padding:5px;
	//border:1px gray;
	margin:0px;
	position: relative; /* This protects the inner element from being blurred */

	//border-top-style:none;
	//border-right-style:none;
	//border-bottom-style:solid;
	//border-left-style:none;

}




.nonshadow12 {
	margin: 10px;
	background-color: rgb(68,68,68); /* Needed for IEs */
	//margin-bottom:0px;
}
.nonshadow12 .contentnonshadow12 {
	position: relative; /* This protects the inner element from being blurred */
	padding: 5px;
	background-color: #DDD;
}


.shadow12 {
	margin: 10px;
	background-color: rgb(68,68,68); /* Needed for IEs */

	-moz-box-shadow: 5px 5px 5px rgba(68,68,68,0.6);
	-webkit-box-shadow: 5px 5px 5px rgba(68,68,68,0.6);
	box-shadow: 5px 5px 5px rgba(68,68,68,0.6);

	filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30);
	-ms-filter: "progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30)";
	zoom: 1;
}
.shadow12 .content12 {
	position: relative; /* This protects the inner element from being blurred */
	padding: 5px;
	background-color: #DDD;
}


















/* ~~~~~~~~~ footer ~~~~~~~~~ */
#footer
{
	text-align: center;
	height: 1000px;
	/*width:1026px;*/
	background-color: #E7F2FE;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #0000fe;
	margin-top: 5px;
	margin-right: 15px;
	margin-bottom: 0;
	margin-left: 0px;
	padding-top: 0;
	padding-right: 20px;
	padding-bottom: 0;
	padding-left: 20px;
	clear: both;
/* border: 2px solid #669900;*/	
}


#footer a:link, a:visited{
	color:#5B8FBE;
}

#footer a:hover, a:active{
	color:#cccccc;
}




a:active,
a:visited,
a:link	    			{ color: #5B8FBE; text-decoration: none; }
a:hover					{ color: #999999; text-decoration: none; }

/* ~~~~~~~~~ PROPS FOR THE MENU GO OUT TO EXPLODING-BOY.COM ~~~~~~~~~ */

    #topmenu {
	position: relative;
	/*top: 13px;*/
	top: 3px;
	left: 250px;
	width: 900px;
	font-size:93%;
	margin: 0;
	line-height:normal;
	height: 41px;
	/*margin-bottom: 20;*/
	/*border: 2px solid #669900;*/
      }
    #topmenu ul {
	  margin:0;
	  padding:0px 0px 0px 2px;
	  list-style:none;
      }
    #topmenu li {
      display:inline;
      margin:0;
      padding:0;
      }
    #topmenu a {
      float:left;
      background:url(/images/menuleft.gif) no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
      }
    #topmenu a span {
      float:left;
      display:block;
      background:url(/images/menuright.gif) no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#0000fe;
      }
	  
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #topmenu a span {float:none;}
    /* End IE5-Mac hack */
    #topmenu a:hover span {
      color:#5B8FBE;
      }
    #topmenu a:hover {
      background-position:0% -42px;
      }
    #topmenu a:hover span {
      background-position:100% -42px;
    }
/* ~~~~~~~~~ Headings ~~~~~~~~~ */    
h1
{
font-size: 120%;
color: #0000fe;
}

h3{
font-size: 100%;
color: red;
}

.MainTitle1
{
	color:#ff0000;
	font-family:Sand;
	font-size:2em;
	/*font-weight:bold;*/
	margin:0;
	text-align: center;
	padding-top: 1px;
	padding-bottom: 1px;

}

.SubTitle1
{
	color:#ff0000;
	font-family:Sand;
	font-size:1.6em;
	/*font-weight:bold;*/
	margin:0;
	text-align: center;
	padding-top: 1px;
	padding-bottom: 1px;
}

.SubTitle2
{
	color:#ff0000;
	font-family:Sand;
	font-size:1.4em;
	/*font-weight:bold;*/
	margin:0;
	text-align: center;
	padding-top: 1px;
	padding-bottom: 1px;
}

.StateHeader
{
	
	font-family:Blackletter;
	font-size:1.9em;
	
	//color: #0000FF ;
	//color: black; 
	//text-shadow: red 0.1em 0.1em 0.2em
	
	/*font-weight:bold;*/
	margin:0;
	//text-align: center;
	//padding-top: 1px;
	//padding-bottom: 1px;
}

StateHeader.ShadowText 
{
	/** color: red; text-shadow: black 0.1em 0.1em 0.3em;
	    color: red;text-shadow: 0 0 0.2em #F87, 0 0 0.2em #F87, 0 0 0.2em #F87, 0 0 0.2em #F87, 0 0 0.2em #F87;
	    color: black;text-shadow: 0 0 0.2em #FFA500, 0 0 0.2em #FFA500; **/
	
	color: black;text-shadow: 0 0 0.2em #7FFF00, 0 0 0.2em #7FFF00;
}


.CityHeader
{
	color: #000000;
	font-family:Blackletter;
	font-size:1.3em;
	/*font-weight:bold;*/
	margin:0;
	//text-align: center;
	//padding-top: 1px;
	//padding-bottom: 1px;
}


/*~~~~~~~~~~~styles~~~~~~~~~~~~~~~*/

.style4 {font-size: 16px}
.style5 {
	font-size: 12px;
	color: #CCCCCC;
}


div.hrLastUpdate {
color: black;
background-color: black;
height: 1px;

}
div.hrLastUpdate hr {
  display: none;
}

div.hrLight {
color: #B0E0E6;
background-color: #B0E0E6;
height: 1px;

}
div.hrLight hr {
  display: none;
}




.OrderConfirmTotal
{

	font-size:1.1em;
	font-weight:bold;


}





.shadowbox900 {
		width: 900px;
		border-radius: 4px;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		box-shadow: 0 1px 3px rgba(0,0,0,.35);
		-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.35);
		-moz-box-shadow: 0 1px 3px rgba(0,0,0,.35);
		background:#fff;
		background:-webkit-gradient(linear, 0% 0%, 0% 20%, from(#f2f2f2), to(#fff));
		background:-moz-linear-gradient(#f2f2f2, #fff 20%); 
}

#shadowbox900 .oneacross { width:856px;  float:left; margin-right:10px; margin-bottom: 10px; padding: 15px 22px; }
#shadowbox900 .twoacross { width:406px; height:100px; float:left; margin-right:0px; margin-bottom: 10px; padding: 15px 22px;  }
#shadowbox900 .threeacross { width:256px; height:100px; float:left; margin-right:0px; margin-bottom: 10px; padding: 15px 22px;  }
#shadowbox900 .fouracross { width:181px; height:100px; float:left; margin-right:0px; margin-bottom: 10px; padding: 15px 22px;  }
#shadowbox900 .fiveacross { width:136px; height:125px; float:left; margin-right:0px; margin-bottom: 10px; padding: 15px 22px;  }
#shadowbox900 .centertext { text-align:center; }



#maintest { width: 900px; margin: 0 auto; }

.contenttest {
		width: 900px;
		border-radius: 4px;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		box-shadow: 0 1px 3px rgba(0,0,0,.35);
		-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.35);
		-moz-box-shadow: 0 1px 3px rgba(0,0,0,.35);
		background:#fff;
		background:-webkit-gradient(linear, 0% 0%, 0% 20%, from(#f2f2f2), to(#fff));
		background:-moz-linear-gradient(#f2f2f2, #fff 20%); }


#contenttest .mtoneacross { width:856px;  float:left; margin-right:10px; margin-bottom: 10px; padding: 15px 22px; }
#contenttest .mttwoacross { width:206px; height:100px; float:left; margin-right:0px; margin-bottom: 10px; padding: 15px 22px;  }
#contenttest .mtthreeacross { width:256px; height:100px; float:left; margin-right:0px; margin-bottom: 10px; padding: 15px 22px;  }
#contenttest .mtfouracross { width:181px; height:100px; float:left; margin-right:0px; margin-bottom: 10px; padding: 15px 22px;  }
#contenttest .mtfiveacross { width:136px; height:125px; float:left; margin-right:0px; margin-bottom: 10px; padding: 15px 22px;  }

#contenttest .mtcentertext { text-align:center; }