html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
/* -------------------------------------------------------------- 
   
   typography.css
   * Sets up some sensible default typography.
   
-------------------------------------------------------------- */

/* Default font settings. 
   The font-size percentage is of 16px. (0.75 * 16px = 12px) */
body { 
  font-size: 76%;
  font-family: Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
}


/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { font-weight: normal; }

h1 { font-size: 3em; line-height: 1; margin-bottom: 0.5em; }
h2 { font-size: 2em; margin-bottom: 0.75em; }
h3 { font-size: 1.3em; line-height: 1; margin-bottom: 1em; }
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: .8em; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: bold; }

h1 img, h2 img, h3 img, 
h4 img, h5 img, h6 img {
  margin: 0;
}




/* Text elements
-------------------------------------------------------------- */

p           { margin: 0 0 1.5em; line-height: 1.5em;}
p img.left  { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }

a:focus, 
a:hover     { }
a           {  text-decoration: underline; }

blockquote  { margin: 1.5em; color: #666; font-style: italic; }
strong      { font-weight: bold; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
sup, sub    { line-height: 0; }

abbr, 
acronym     { border-bottom: 1px dotted #666; }
address     { margin: 0 0 1.5em; font-style: italic; }
del         { color:#666; }

pre 				{ margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }


/* Lists
-------------------------------------------------------------- */

li ul, 
li ol       { margin:0 1.5em; }
ul, ol      { margin: 0 1.5em 1.5em 1.5em; }

ul          { list-style-type: disc; }
ol          { list-style-type: decimal; }

dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}


.navigation li{
	margin: 0; list-style: none;
}


li{
	line-height: 1.5em; margin-bottom: .2em;
}

/* Tables
-------------------------------------------------------------- */

table       { margin-bottom: 1.4em; width:100%; }
th          { font-weight: bold; }
thead th 		{ /*background: #c3d9ff;*/ }
th,td,caption { padding: 4px 10px 4px 5px; }
tr.even td  { background: #e5ecf9; }
tfoot       { font-style: italic; }
caption     { background: #eee; }


/* Misc classes
-------------------------------------------------------------- */

.small      { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large      { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.hide       { display: none; }

.quiet      { color: #666; }
.loud       { color: #000; }
.highlight  { background:#ff0; }
.added      { background:#060; color: #fff; }
.removed    { background:#900; color: #fff; }

.first      { margin-left:0; padding-left:0; }
.last       { margin-right:0; padding-right:0; }
.top        { margin-top:0; padding-top:0; }
.bottom     { margin-bottom:0; padding-bottom:0; }


#header #nav li a{
	font-size: 20px; text-transform: uppercase; text-decoration: none;
}


#sidebar h3{
	text-align: center; font-size; 1.8em; text-transform: uppercase;
}
.secondary-nav{
	font-size: 11px; text-transform: uppercase;  
	
}

h2.page-title{
	text-transform: uppercase; font-size: 20px; color: #d00; 
}

h2.page-title a{
	text-decoration: none; color: #d00; 
}

#breadcrumbs, #breadcrumbs a{
	text-transform: capitalize; text-decoration: none; color: #888; font-weight: normal; text-shadow: none;
}
#breadcrumbs a:hover{
	text-decoration: underline;
}

#secondary-nav a{
	text-decoration: none; text-shadow: #d00 1px 1px 5px;
}

#secondary-nav li:hover, #secondary-nav li.active{
 -webkit-transform: rotate(3deg);
 -moz-transform: rotate(3deg);
}

#secondary-nav a:hover, #secondary-nav li.active a{
	 text-shadow: #000 1px 1px 5px; 
}



#footer a{
	text-decoration: none;
}


#credits{
	font-size: 13px;
}

#footer-text{
	font-size: 14px;
}



.button{
	text-decoration: none; font-size: 13px; text-transform: uppercase; text-shadow: 1px 1px 0  #600 ;
}
.button:hover{
	 text-shadow: 1px 1px 0  #600 ;
}





/* ===================== */
/* = Choose store page = */
/* ===================== */

#store_detail .store-detail{
	font-size: 11px; font-weight: normal;
}
#store_detail .adr{
	font-size: 12px; line-height: 18px;
}





body {
	background: url(../images/layout/header-image2.jpg) top center repeat-x #000; color: #ccc;
}

a{
	color: #ccc;
	text-shadow: #000 0px 0px 1px;
	-webkit-transition: all 0.4s ease-in-out;
}
a:link{
	
}
a:visited{
}
a:hover{
	text-shadow: #d00 1px 1px 5px; color: #fff;
}
a:active{}

#nav a:hover{
	text-decoration: underline;	
}


#footer  a.spamspan{
	color: #777;
}

/*
.button{
	background: url(../images/button-bg.jpg) top left repeat; border: #600 1px solid;
}
.button:active{
	background: url(../images/button-bg-over.jpg) top left repeat;
}
*/

#nav .active a:link;{
	color: #ccc;
}

#sidebar h3{
	color: #d00;
}

#footer{
	color: #777;
}

	#footer a{
		color: #d00; 
	}

	#footer a#flashToggle{
		color: #666; 
	}
		#footer a#flashToggle:hover{
			text-shadow: 1px 1px 1px #000; cursor: pointer;
		}

#support_1{
	/*background: url(../images/head_img_temp.jpg) top left repeat-x #000;*/
}

#map_wrapper{
	background: url(../images/loader.gif) transparent no-repeat center;
}


::selection {
	background: rgba(255,0,0, 0.4); /* Safari */
	}
::-moz-selection {
	background: rgba(255,0,0, 0.4); /* Firefox */
}

body{
	display: block; position: relative;  padding-bottom: 90px;
}

#container{
	width: 800px; margin: 0px auto 0 auto;  position: relative; 
}
	#header{
		 float: left; width: 100%; height: 120px; position: relative; z-index: 2; padding-top: 10px; margin-bottom: 10px;
	}
		
	
		#header-flash{
			position: absolute; top: 0; left: -8px; width: 100%; height: 100%; z-index: 0;
		}
		
		#header-flash *{
			position: relative; z-index: 0;
		}
		
		#header #logo{
			margin: 0 auto; width: 117px; height: 99px; position: relative; z-index: 5;
		}
		
		#header #logo a{
			display: block; width: 100%; height: 100%;
		}
		#header #logo a:hover{
			cursor: pointer;
		}
		
		#header #logo img{
			margin-top: 3px; left: -1px; position: relative;
		}
		
		#header #nav{
		position: absolute; left: 0; bottom: 4px;  z-index: 4;
	}
	
		#header #nav ul{
			margin: 0; padding: 0;
		}
	
			#header #nav li{ 
				width: 140px; float: left; background: url(../images/layout/menu-sprite.png) bottom left no-repeat; margin-right: 20px;
			}
		
				#header #nav a{
					 display: block; line-height: 40px; text-indent: -9999px;
				}

				
				#header #nav li.item_0:hover, #header #nav li.active.item_0{
				 	background-position:  left top;
				}
				#header #nav li.item_2:hover, #header #nav li.active.item_2{
					 background-position:  -150px top;
				}
				#header #nav li.item_1:hover, #header #nav li.active.item_1{
					background-position:  -305px top;
				}
				#header #nav li.item_3:hover, #header #nav li.active.item_3{
				 	background-position:  top right;
				}
				
				
				#header #nav li.item_0{
					background-position:  left bottom;
				}		
				#header #nav li.item_2{		
					background-position: -150px bottom;
				}	
				#header #nav li.item_1{
					background-position:  -305px bottom; margin-right: 200px;
				}
				#header #nav li.item_3{
				 	margin-right: 0; background-position: right bottom;
				}
				
				
	#support-1,#support-2{
		position: fixed; left: 0; top: 0; width:200px; height: 140px; background: url(../images/layout/body-side-gradients-sprite.png) top right no-repeat; z-index: 1;
	}		
	
	#support-2{
		left: auto; right: 0; background-position: top left;
	}				
			
	#side-feature-1, #side-feature-2{
		width: 250px; height: 485px; margin-top: 3px; position: relative;  margin-bottom: -487px; z-index: 4;  overflow: hidden;
	}
	
	#side-feature-1.flashEnabled, #side-feature-2.flashEnabled{
		background-image: none;
	}
	
	#side-feature-1{
		float: right;  left: 250px; background: url(../images/layout/devil_girl_1.png) top left no-repeat;
	}
	

	#side-feature-2{
		float: left; right: 250px;  background: url(../images/layout/devil_girl_2.png) top right no-repeat; text-align: right;
	}
		#side-feature-2 object{
					/*position: absolute; right: 0; top: 0;*/ margin-left: -50px;
				}
	
	
	#content{
		clear: both; min-height: 420px;  position: relative; z-index: 3;
	}
	
		#breadcrumbs{
			position: relative; padding: 9px 0; margin-bottom: 10px; z-index: 5; width: 400px;
		}
			
			#breadcrumbs-bg{
				position: absolute; left: 0; top: 140px; width: 100%; height: 30px; background: url(../images/layout/breadcrumbs-bg2.gif) top center repeat-x; z-index: -1;
			}
			
			#breadcrumbs .seperator{
				padding: 0 5px; color: #f00;	
			}
			
		
		.sidebar #content-main{
			width: 570px; float: left;  min-height: 100px;
		}
			
		#sidebar{
			width: 200px; margin-left: 30px; float: left; height: 100%; position: relative;
		}
			
			#sidebar .sidebar-item{
				margin-bottom: 10px;
			}
			
			
			#sidebar .secondary-nav{
				background: url(../images/gravestone.gif) top left no-repeat; padding-top:26px; margin-top: -30px; position: relative;
			}
			
			#sidebar .secondary-nav ul{
				margin: 0; padding: 0; margin-top: -8px;
			}
			
			#sidebar .secondary-nav li{
				width: 150px; margin-left: 25px;   border-bottom: #333 1px solid; margin-bottom: 0px; text-align: center;
			}
			#sidebar .secondary-nav li:last-child{
				border-bottom: none;
			}
			
			#sidebar .secondary-nav li.active a, #sidebar .secondary-nav li:hover{
				color: #f00;
			}
			
				#sidebar .secondary-nav li a{
					display: block; padding: 8px; text-decoration: none;
				}
			
		#home-features{
		 	height:300px; position: relative; margin-bottom: 10px;overflow: hidden;
		}
			
			#feat-overlay-t, #feat-overlay-r, #feat-overlay-b, #feat-overlay-l{
				position: absolute; background: url(../images/layout/main-box-overlay.png) top left no-repeat; z-index: 20;
			}
			
			#feat-overlay-t{
				top: 0; left: 0; width: 100%; height: 15px;
			}
			
			#feat-overlay-r{
				top: 0; right: 0; width: 15px; height: 100%; background-position: top right;
			}
			
			#feat-overlay-b{
				bottom: 0; left: 0; width: 100%; height: 15px; background-position: bottom left;
			}
			
			#feat-overlay-l{
				top: 0; left: 0; width: 15px; height: 100%;
			}
			
			#home-features ul, #home-features li{
				margin: 0; padding: 0; list-style: none;
			}
			
				#home-features #featured{
					background: #000;
				}
			
			/*#home-features li{
				height: 299px; position: relative;
			}*/
			
			#home-features .slider{
				
			}
			
		
			
				#home-features .play-button{
					cursor: pointer; display: block; width: 80px; height: 80px; background: url(../images/play-button.png) center no-repeat; position: absolute; left: 360px; top: 100px;
				}
				
				#featured #controls{
					position: absolute; bottom: 0; left: 0; width: 100%; height: 50px;   padding: 0; margin: 0; text-align: center;
					z-index: 5;
					
					/*
background-color: rgba(0,0,0, .5);
*/
					background: url(../images/controls_bg.png) right bottom repeat;
					
					
				}
					#controls li{
						display: inline; position: static; background: url(../images/skulls_sprite.png) center top no-repeat; padding-bottom: 10px;
						border: none; padding: 0; margin: 0; margin-top: 7px;
					} 
					
					#controls li a{
						display: inline-block; width: 30px; height: 23px; margin: 0; padding: 0;
						position: relative; text-indent: -9999px;
					}
					
					#controls li.ui-tabs-selected{
						background-position: bottom center; 
					}
		
		#home-secondary{
			 height:121px; margin-bottom: 10px; margin-top: -10px;
		}
		
			#home-secondary ul{
				margin: 0; padding: 0;
			} 
			#home-secondary li{
				margin: 0; padding: 0; float: left; position: relative; list-style: none; height: 122px;
			}
			#home-secondary li a{
				text-decoration: none; display: block;
			}
			#home-secondary li img{
				position: relative; z-index: -1; 
			}
			
				.sec-overlay-t, .sec-overlay-r, .sec-overlay-b, .sec-overlay-l{
					position: absolute; background: url(../images/layout/main-box-overlay.png) top left no-repeat; z-index: 20;
				}
				
				.sec-overlay-t{
					top: -5px; left: 0; width: 100%; height: 15px;
				}
				
				.sec-overlay-r{
					top: 0; right: -2px; width: 15px; height: 100%; background-position: top right;
				}
				
				.sec-overlay-b{
					bottom: 0; left: 0; width: 100%; height: 15px; background-position: bottom left;
				}
				
				.sec-overlay-l{
					top: 0; left: 0; width: 15px; height: 100%;
				}
			
		
		
	#footer{
		position: relative; z-index: 2;  padding: 19px 23px 16px 87px; margin-top: -3px; background: url(../images/layout/footer-box.png) 4px 0 no-repeat;
	}
	
		#footer div{
			clear:both; text-align: left; margin: 0px; margin-bottom: 8px;
		}
	
		#secondary-nav{
			 text-align: center;
		}
		
		#secondary-nav li{
			-webkit-transition: all 0.1s ease-in-out;
			display: inline; display: inline; margin-right: 10px;
		}
		
		#footer #footer-text{
			margin-top: 0; margin-bottom: 15px;
		}
		
		#footer #social-links{
			text-align: right; position:absolute; top: 20px; right: 26px;
		}
		
		
/*#flashToggle{
	position: relative; display: block; z-index: 20; text-align: center; font-size: 11px;
}*/
#flashToggle:hover{
	cursor: pointer;
}	

#flames-1{
	position: fixed; bottom: 0; left: 0; width: 100%; height: 225px; background: url(../images/layout/flames_front.gif) -40% 0 repeat-x; z-index: -1;
}

#flames-2{
	  position: fixed; bottom: 0; left: 0; width: 100%; height: 130px; background: url(../images/layout/flames_back.gif) -110% 0 repeat-x; z-index: -1;
}
#the-dudes{
	position: absolute; margin: 0; bottom: 0; left: 0; width: 100%; height: 110px; /* background-color: rgba(255,0,0, .1); */  z-index: 1; overflow: hidden; 
}

	#the-dudes object{
		position: absolute; bottom: 0; left: 0;
	}



.dudes-toggle{
	position: absolute; bottom: 3px; right: 0; z-index: 100;
}

#flames-1.fixed, #flames-2.fixed, #the-dudes.fixed{
	position: fixed;
}

#flames-1.absolute, #flames-2.absolute, #the-dudes.absolute{
	position: absolute;
}


table.hell-table{
	border-collapse: collapse; border: #222 1px solid;
}

.hell-table thead{
	border: none; border-bottom: #333 1px solid;
}

.hell-table thead sub{
	line-height: 12px;
}

.hell-table thead th{
	padding: 8px 5px;
}

.hell-table th{
	 text-shadow: #000 1px 1px 0px;
}

.hell-table td{
	padding: 5px;
}

.hell-table tr.odd th, .hell-table tr.odd td{
	background-color: #222;
}

.hell-table tr.even th, .hell-table tr.even td{
	background-color: #111;
} 
 
.hell-table tr.even th{
	color: #f00;
}

/*.button{
	display: inline-block; padding: 5px;  min-width: 60px; text-align: center;
}*/

.button{
	background: #f00  repeat-x;
	display: inline-block;
	padding: 5px 10px 6px;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	line-height: 1;

	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;

	position: relative;
	cursor: pointer;
	
	background: url(../images/button-bg.png) bottom left repeat-x #f00;
	
	background-image: -moz-linear-gradient(100% 100% 89deg, #400000, #f00);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f00), to(#400000));
	border: #300 1px solid;
	
}

.button:hover{
	border: #600 1px solid;
}

.button:active{
	background-image: -moz-linear-gradient(100% 100% 89deg, #c00, #900000);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#900000), to(#c00));
}



.clear-fix{
	float: none; clear:both;
}

/* -------------------------- */
/*    Page Specific Styles    */
/* -------------------------- */


/* ============================= */
/* =        Stores Page        = */
/* ============================= */
#stores, #stores .store{
	margin: 0; padding: 0; list-style: none;
}

#stores{
	margin: -10px 6px 10px 8px; text-align: left;
}

#change-region{
	position: relative; top: -36px; margin-bottom: 0; padding-right: 10px;  text-align: right; position: relative; color: #999; z-index: 1;
}

#stores li{
	display: inline;
}

#stores .store{
	float: left; margin: 0 24px 20px 0; width: 250px; position: relative;
}

#stores .store-spacer{
	color: #f00; font-size: 11px;
}
#stores strong{
	color: #ddd;
}


	
	
	#store h2{
		margin-bottom: 10px;
	}
	
	#store .col{
		width: 390px; float: left; margin-right: 20px; margin-top: 10px;
	}
	#store .last{
		margin-right: 0;
	}
	
	#store .store-detail{
		margin-bottom: 25px;	
	}
	
	#store .store-detail h3{
		padding-bottom: 5px; border-bottom: #333 1px solid;	margin-bottom: 8px;
	}
	
	#store .store-detail div,#store .store-detail span{
		/*margin: 0.7em 0;*/ line-height: 1.5em;	
	}
	
	#store .order-from{
		float: right; margin-top: -8px;
	}
	
	#store .wait-times{
		list-style: none; margin: 0; padding: 0;
	}
		#store .wait-times li{
			margin: 0; padding: 0;	
		}
			#store .wait-times strong{
				display: inline-block; width: 50px; 
			}
			#store .wait-times span{
				display: inline-block; width: 30px; text-align: center;	
			}
	
	
	#map_wrapper{
		position: relative; padding: 5px 2px; z-index: 9; top: -15px;
	}		
	
	#map_wrapper.stores{
		 width: 800px; background-position: 530px 200px;
	}
	
	#store_detail{
		position: relative; float: left; width: 240px; height: 470px; padding: 20px; z-index: 10;
		background: center no-repeat #151515;
		
		-moz-box-shadow: 0px 0px 8px rgba(0,0,0,0.8); /* FF3.5+ */
	  -webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.8); /* Saf3.0+, Chrome */
	          box-shadow: 0px 0px 8px rgba(0,0,0,0.8); /* Opera 10.5, IE 9.0 */
		
	}
	
	#store_detail h2{
		font-size: 16px;
	}
	
		#store-selector{
			width: 100%;
		}
		#store-ajax-content{
			margin-top: 8px;
		}
			
			#store-ajax-content h2{
				font-size: 16px; margin-top: 12px; border-top: #444 1px solid; padding-top: 10px;
			}
			
			#store_detail h3{
				font-size: 16px; border-bottom: #444 1px solid; padding-bottom: 3px; margin-bottom: 10px; margin-top: 10px;
			}
			
			#store_detail p{
				margin: 0;
			}
				
				#store_detail .store-detail{
					margin-bottom: 11d00px;
				}
	
			#store_detail .button{
				width: 100%; padding-left: 0; padding-right: 0; margin:  5px 0; text-align: center;
			}
			
			.wait-times{
				margin: 0 0 10px 0; padding: 0;
			}
			
			.wait-times li{
				margin-left: 0; padding-left: 0; list-style:none;
			}
			
/* ========================================== */
/* =           Choose Region Page           = */
/* ========================================== */

#hellhole-title{
	font-size: 30px; position: absolute; left: 50px; top: 125px; 
}

#regions-map{
	position: relative; left: -20px; padding: 0; background: url(../images/layout/map.jpg) 0px -3px no-repeat; width:  800px; height: 475px;
}

	#regions-map li{
		margin: 0; padding: 0; position: absolute; list-style: none; 
	}
		
		#regions-map li a{
			text-decoration: none; position: relative;
			
		}
		
		
		#regions-map li img{
		   width: 26px; height: 26px;
		   -webkit-transition: all .5s ease-in-out;
		   -moz-transition: all .5s ease-in-out;
		}
		
		#regions-map li span{
			display: none; font-size: 16px; position: absolute; left: 40px; top: 10px; padding: 2px 4px; background: url(../images/controls_bg.png); white-space:nowrap; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
		}
		
		#regions-map li a:hover img{
			/*width: 50px; height: 50px; margin-top: -15px; margin-left: -15px;*/
			 margin-left: -1px;  margin-top: -1px;
			 
			 -webkit-transform-style: preserve-3d;
			 -webkit-perspective: 0;
			 
			 -webkit-transform: scale(2) rotate(10deg) rotateX(360deg) translateZ(0);
			 -moz-transform: scale(2) rotate(10deg);
			
		}
		
		
		
		#regions-map li a:hover span{
			 display: block;
		}
	
	
	
	

#featured{ 
	position:relative; width:100%; height:100%; margin: 0; padding: 0; border: none;
}

#featured ul.ui-tabs-nav{ 
	position:absolute; 
	bottom: 0; left:0; 
	list-style:none; 
	padding:0; margin:0; background-image:none; border: none; padding-left: 100px;

}


#featured .ui-tabs-panel{ 
	width:100%; height:100%; margin: 0; padding: 0;
	background:#000; position:relative;
}


#featured .ui-tabs-hide{ 
	display:none; 
}

/* ================================ */
/* =  Beasts of Hell - List Page  = */
/* ================================ */

#beasts{
	margin: 0;padding: 0;
}

#beasts .beast{
	margin: 0; padding: 0; list-style:none;float: left;
	width: 250px; margin-right: 20px; margin-bottom: 20px;
}
	#beasts .third{
		margin-right: 0;
	}


	#beasts .beast-image{
		position: relative; display: block; width: 248px; height: 125px; -webkit-transition: all 0.8s ease-in-out; overflow: hidden;
	}
		
	#beasts .beast-image:hover{
		-moz-box-shadow: 0px 0px 8px rgba(170,170,170,0.5); /* FF3.5+ */
	  -webkit-box-shadow: 0px 0px 8px rgba(170,170,170,0.5); /* Saf3.0+, Chrome */
	          box-shadow: 0px 0px 8px rgba(170,170,170,0.5); /* Opera 10.5, IE 9.0 */
	}	

/* ================================= */
/* =  Beast of Hell - Beast Page   = */
/* ================================= */

#beast #about{
 width: 380px; float: left; margin: 0; margin-right: 20px;
}

#beast #shots{
	margin: 0; padding: 0; list-style: none; width: 400px; float: right;
}
	#beast #shots li{
		position: relative; float: left; margin: 0; padding: 0; margin-right: 10px; margin-bottom: 10px; width: 123px; height: 83px; -webkit-transition: all 0.8s ease-in-out; overflow: hidden;
	}
	#beast #shots li.third{
		margin-right: 0;
	}
	#beast #shots li:hover{
		
		-moz-box-shadow: 0px 0px 8px rgba(170,170,170,0.5); /* FF3.5+ */
	  -webkit-box-shadow: 0px 0px 8px rgba(170,170,170,0.5); /* Saf3.0+, Chrome */
	          box-shadow: 0px 0px 8px rgba(170,170,170,0.5); /* Opera 10.5, IE 9.0 */
	
	  
	}
		#beast #shots li img, #beast #shots li a{
			margin: 0; padding: 0;
		}
		
		#beast #shots li a{
			display: block;
		}

/* ===================== */
/* =    Promos Page    = */
/* ===================== */

#promos{
	margin: 0; padding: 0; list-style: none;
}

#promos li{
	width: 388px; height: 170px; border: #000 1px solid; float: left; margin: 0 20px 20px 0; padding: 0; -webkit-transition: all 0.8s ease-in-out;
	position: relative; overflow: hidden;
	
}
#promos li.last{
	margin-right: 0;
}		


#promos li:hover{
	-moz-box-shadow: 0px 0px 8px rgba(170,170,170,0.5); /* FF3.5+ */
  -webkit-box-shadow: 0px 0px 8px rgba(170,170,170,0.5); /* Saf3.0+, Chrome */
          box-shadow: 0px 0px 8px rgba(170,170,170,0.5); /* Opera 10.5, IE 9.0 */

  
}

/*
* jQuery UI CSS Framework
* Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
*/

/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }


/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; }


/* Icons
----------------------------------*/

/* states and images */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }



/*
* jQuery UI CSS Framework
* Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Arial,%20sans-serif&fwDefault=bold&fsDefault=1.3em&cornerRadius=2px&bgColorHeader=333333&bgTextureHeader=23_fine_grain.png&bgImgOpacityHeader=30&borderColorHeader=222222&fcHeader=cccccc&iconColorHeader=e71817&bgColorContent=111111&bgTextureContent=12_gloss_wave.png&bgImgOpacityContent=20&borderColorContent=000000&fcContent=cccccc&iconColorContent=e71817&bgColorDefault=333333&bgTextureDefault=05_inset_soft.png&bgImgOpacityDefault=18&borderColorDefault=333333&fcDefault=ffffff&iconColorDefault=e71817&bgColorHover=555555&bgTextureHover=06_inset_hard.png&bgImgOpacityHover=15&borderColorHover=222222&fcHover=ffffff&iconColorHover=cccccc&bgColorActive=aaaaaa&bgTextureActive=06_inset_hard.png&bgImgOpacityActive=55&borderColorActive=777777&fcActive=212121&iconColorActive=454545&bgColorHighlight=cccccc&bgTextureHighlight=23_fine_grain.png&bgImgOpacityHighlight=30&borderColorHighlight=9b2222&fcHighlight=333333&iconColorHighlight=e71817&bgColorError=cccccc&bgTextureError=23_fine_grain.png&bgImgOpacityError=30&borderColorError=e71817&fcError=e71817&iconColorError=e71817&bgColorOverlay=000000&bgTextureOverlay=01_flat.png&bgImgOpacityOverlay=100&opacityOverlay=50&bgColorShadow=000000&bgTextureShadow=01_flat.png&bgImgOpacityShadow=0&opacityShadow=20&thicknessShadow=6px&offsetTopShadow=-6px&offsetLeftShadow=-6px&cornerRadiusShadow=2px
*/


/* Component containers
----------------------------------*/
.ui-widget { font-family: Arial, sans-serif; font-size: 1.3em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Helvetica, Arial, sans-serif; font-size: 1em; }
.ui-widget-content { border: 1px solid #353535; background: #111111 url(../images/jquery-ui/ui-bg_gloss-wave_20_111111_500x100.png) 50% top repeat-x; color: #cccccc; }
.ui-widget-content a { color: #cccccc; }
.ui-widget-header { border: 1px solid #000; background: #111 none 50% 50% repeat; color: #cccccc; font-weight: bold; }
.ui-widget-header a { color: #cccccc; }

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default { border: 1px solid #333333; background: #333333 url(../images/jquery-ui/ui-bg_inset-soft_18_333333_1x100.png) 50% 50% repeat-x; font-weight: bold; color: #ffffff; outline: none; text-shadow: #333 1px 1px 0px; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #ffffff; text-decoration: none; outline: none;}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { border: 1px solid #222222; background: #555555 url(../images/jquery-ui/ui-bg_inset-hard_15_555555_1x100.png) 50% 50% repeat-x; font-weight: bold; color: #ffffff; outline: none; }
.ui-state-hover a, .ui-state-hover a:hover { color: #ffffff; text-decoration: none; outline: none; }
.ui-state-active, .ui-widget-content .ui-state-active { border: 1px solid #777777; background: #aaaaaa url(../images/jquery-ui/ui-bg_inset-hard_55_aaaaaa_1x100.png) 50% 50% repeat-x; font-weight: bold; color: #212121; outline: none; text-shadow: #000 0 0 0; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121; outline: none; text-decoration: none; }

/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight {border: 1px solid #9b2222; background: #cccccc url(../images/jquery-ui/ui-bg_fine-grain_30_cccccc_60x60.png) 50% 50% repeat; color: #333333; text-shadow: #000 0 0 0; }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a { color: #333333; }
.ui-state-error, .ui-widget-content .ui-state-error {border: 1px solid #e71817; background: #cccccc url(../images/jquery-ui/ui-bg_fine-grain_30_cccccc_60x60.png) 50% 50% repeat; color: #e71817; }
.ui-state-error a, .ui-widget-content .ui-state-error a { color: #e71817; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text { color: #e71817; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }


/* Overlays */
.ui-widget-overlay { background-color: #000; opacity: .60;filter:Alpha(Opacity=60); }
.ui-widget-shadow { margin: -6px 0 0 -6px; padding: 6px; background: #000000 url(../images/jquery-ui/ui-bg_flat_0_000000_40x100.png) 50% 50% repeat-x; opacity: .20;filter:Alpha(Opacity=20); -moz-border-radius: 2px; -webkit-border-radius: 2px; }/* Accordion
----------------------------------*/



/* Dialog
----------------------------------*/
.ui-dialog { position: relative; padding: .2em; width: 300px; }
.ui-dialog .ui-dialog-titlebar { padding: .5em .3em .3em 1em; position: relative;  }
.ui-dialog .ui-dialog-title { float: left; margin: .1em 0 .2em; } 
.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; }
.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; }
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }
.ui-dialog .ui-dialog-content { border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; }
.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
.ui-dialog .ui-dialog-buttonpane button { float: right; margin: .5em .4em .5em 0; cursor: pointer; padding: .2em .6em .3em .6em; line-height: 1.4em; width:auto; overflow:visible; }
.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }

.ui-tabs { padding: .2em; zoom: 1; }
.ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding: .2em .2em 0; }
.ui-tabs .ui-tabs-nav li { position: relative; float: left; border-bottom-width: 0 !important; margin: 0 .2em -1px 0; padding: 0; }
.ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; padding: .5em 1em; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 1px; border-bottom-width: 0; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { padding: 1em 1.4em; display: block; border-width: 0; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }

/* Andrew extras */

.ui-widget-content .ui-widget-header .ui-state-hover, .ui-widget-content .ui-widget-header .ui-state-focus{
	background: none; border: none; 
}

 #ui-datepicker-div
    {
        z-index: 9999999;
    }


/*
 * FancyBox - jQuery Plugin
 * Simple and fancy lightbox alternative
 *
 * Examples and documentation at: http://fancybox.net
 * 
 * Copyright (c) 2008 - 2010 Janis Skarnelis
 *
 * Version: 1.3.1 (05/03/2010)
 * Requires: jQuery v1.3+
 *
 * Dual licensed under the MIT and GPL licenses:
 *   http://www.opensource.org/licenses/mit-license.php
 *   http://www.gnu.org/licenses/gpl.html
 */

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	height: 40px;
	width: 40px;
	margin-top: -20px;
	margin-left: -20px;
	cursor: pointer;
	overflow: hidden;
	z-index: 1104;
	display: none;
}

* html #fancybox-loading {	/* IE6 */
	position: absolute;
	margin-top: 0;
}

#fancybox-loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background-image: url('../images/fancybox/fancybox.png');
}

#fancybox-overlay {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: #000;
	z-index: 1100;
	display: none;
}

* html #fancybox-overlay {	/* IE6 */
	position: absolute;
	width: 100%;
}

#fancybox-tmp {
	padding: 0;
	margin: 0;
	border: 0;
	overflow: auto;
	display: none;
}

#fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 20px;
	z-index: 1101;
	display: none;
}

#fancybox-outer {
	position: relative;
	width: 100%;
	height: 100%;
	background: #f00;
}

#fancybox-inner {
	position: absolute;
	top: 0;
	left: 0;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: 0;
	outline: none;
	overflow: hidden;
	background-color: #fff;
}

#fancybox-hide-sel-frame {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
}

#fancybox-close {
	position: absolute;
	top: -15px;
	right: -15px;
	width: 30px;
	height: 30px;
	background-image: url('../images/fancybox/fancybox.png');
	background-position: -40px 0px;
	cursor: pointer;
	z-index: 1103;
	display: none;
}

#fancybox_error {
	color: #444;
	font: normal 12px/20px Arial;
	padding: 7px;
	margin: 0;
}

#fancybox-content {
	height: auto;
	width: auto;
	padding: 0;
	margin: 0;
}

#fancybox-img {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	border: none;
	outline: none;
	line-height: 0;
	vertical-align: top;
	-ms-interpolation-mode: bicubic;
}

#fancybox-frame {
	position: relative;
	width: 100%;
	height: 100%;
	border: none;
	display: block;
}

#fancybox-title {
	position: absolute;
	bottom: 0;
	left: 0;
	font-family: Arial;
	font-size: 12px;
	z-index: 1102;
}

.fancybox-title-inside {
	padding: 10px 0;
	text-align: center;
	color: #333;
}

.fancybox-title-outside {
	padding-top: 5px;
	color: #FFF;
	text-align: center;
	font-weight: bold;
}

.fancybox-title-over {
	color: #FFF;
	text-align: left;
}

#fancybox-title-over {
	padding: 10px;
	background-image: url('../images/fancybox/fancy_title_over.png');
	display: block;
}

#fancybox-title-wrap {
	display: inline-block;
}

#fancybox-title-wrap span {
	height: 32px;
	float: left;
}

#fancybox-title-left {
	padding-left: 15px;
	background-image: url('../images/fancybox/fancybox.png');
	background-position: -40px -90px;
	background-repeat: no-repeat;
}

#fancybox-title-main {
	font-weight: bold;
	line-height: 29px;
	background-image: url('../images/fancybox/fancybox-x.png');
	background-position: 0px -40px;
	color: #FFF;
}

#fancybox-title-right {
	padding-left: 15px;
	background-image: url('../images/fancybox/fancybox.png');
	background-position: -55px -90px;
	background-repeat: no-repeat;
}

#fancybox-left, #fancybox-right {
	position: absolute;
	bottom: 0px;
	height: 100%;
	width: 35%;
	cursor: pointer;
	outline: none;
	background-image: url('../images/fancybox/blank.gif');
	z-index: 1102;
	display: none;
}

#fancybox-left {
	left: 0px;
}

#fancybox-right {
	right: 0px;
}

#fancybox-left-ico, #fancybox-right-ico {
	position: absolute;
	top: 50%;
	left: -9999px;
	width: 30px;
	height: 30px;
	margin-top: -15px;
	cursor: pointer;
	z-index: 1102;
	display: block;
}

#fancybox-left-ico {
	background-image: url('../images/fancybox/fancybox.png');
	background-position: -40px -30px;
}

#fancybox-right-ico {
	background-image: url('../images/fancybox/fancybox.png');
	background-position: -40px -60px;
}

#fancybox-left:hover, #fancybox-right:hover {
	visibility: visible;    /* IE6 */
}

#fancybox-left:hover span {
	left: 20px;
}

#fancybox-right:hover span {
	left: auto;
	right: 20px;
}

.fancy-bg {
	position: absolute;
	padding: 0;
	margin: 0;
	border: 0;
	width: 20px;
	height: 20px;
	z-index: 1001;
}

#fancy-bg-n {
	top: -20px;
	left: 0;
	width: 100%;
	background-image: url('../images/fancybox/fancybox-x.png');
}

#fancy-bg-ne {
	top: -20px;
	right: -20px;
	background-image: url('../images/fancybox/fancybox.png');
	background-position: -40px -162px;
}

#fancy-bg-e {
	top: 0;
	right: -20px;
	height: 100%;
	background-image: url('../images/fancybox/fancybox-y.png');
	background-position: -20px 0px;
}

#fancy-bg-se {
	bottom: -20px;
	right: -20px;
	background-image: url('../images/fancybox/fancybox.png');
	background-position: -40px -182px; 
}

#fancy-bg-s {
	bottom: -20px;
	left: 0;
	width: 100%;
	background-image: url('../images/fancybox/fancybox-x.png');
	background-position: 0px -20px;
}

#fancy-bg-sw {
	bottom: -20px;
	left: -20px;
	background-image: url('../images/fancybox/fancybox.png');
	background-position: -40px -142px;
}

#fancy-bg-w {
	top: 0;
	left: -20px;
	height: 100%;
	background-image: url('../images/fancybox/fancybox-y.png');
}

#fancy-bg-nw {
	top: -20px;
	left: -20px;
	background-image: url('../images/fancybox/fancybox.png');
	background-position: -40px -122px;
}

/* IE */

#fancybox-loading.fancybox-ie div	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancybox/fancy_loading.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-close		{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancybox/fancy_close.png', sizingMethod='scale'); }

.fancybox-ie #fancybox-title-over	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancybox/fancy_title_over.png', sizingMethod='scale'); zoom: 1; }
.fancybox-ie #fancybox-title-left	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancybox/fancy_title_left.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-title-main	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancybox/fancy_title_main.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-title-right	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancybox/fancy_title_right.png', sizingMethod='scale'); }

.fancybox-ie #fancybox-left-ico		{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancybox/fancy_nav_left.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-right-ico	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancybox/fancy_nav_right.png', sizingMethod='scale'); }

.fancybox-ie .fancy-bg { background: transparent !important; }

.fancybox-ie #fancy-bg-n	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancybox/fancy_shadow_n.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-ne	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancybox/fancy_shadow_ne.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-e	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancybox/fancy_shadow_e.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-se	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancybox/fancy_shadow_se.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-s	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancybox/fancy_shadow_s.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-sw	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancybox/fancy_shadow_sw.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-w	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancybox/fancy_shadow_w.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-nw	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancybox/fancy_shadow_nw.png', sizingMethod='scale'); }