/* reset 
-------------------------------------*/

* {margin: 0; padding: 0; outline:none;}




/* layout 
-------------------------------------*/


body {
background: #1f6315 url(../i/bg.body2.jpg) top left;
font: 62.5%  tahoma, arial, sans-serif;
color: #222;
}


.container a {position: relative;}
.container a:active {top: 1px;}


#shell {
	background: url(../../test.jpg) no-repeat;
	margin: 14px auto 0;
	width: 800px;
	position: relative;
	text-align: left;
	font-size: 12px;
	}

#home .container {position: absolute; width: 660px; height: 540px; top: 250px; left: 80px; z-index:1; }
	#home .container .banner img {float: left; display: inline; margin:0 15px 0 0;}
#shell .background {z-index: -1;}

#home #col-left {position: relative; display: inline; float: left; width: 250px; margin-top:14px;}
#home #col-right {position: relative; display: inline; float: left; width: 396px; margin: 14px 0 0 14px; }

#home .banner {
	background: #efefef;
	border: 1px solid #ddd;
	border-color: #ccc; 
	border-radius: 14px;
	-moz-border-radius: 14px;
	-webkit-border-radius: 14px;
	-o-border-radius: 14px;
	height: 185px;    
	padding-right: 6px; 
	}                                     

/* global classes 
-------------------------------------*/     


.col-1 {float: left; width: 240px; margin-right: 20px; }  
.col-2 {float: left; width: 400px; }


.right {float: right;}
.left {float: left;}
.center {text-align:center;}
.clear {clear: both;}


/* Clearing floats without extra markup
   Based on How To Clear Floats Without Structural Markup by PiE
   [http://www.positioniseverything.net/easyclearing.html] */

.clearfix:after, .container:after {
  content: "\0020"; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
  overflow:hidden; 
	}
.clearfix, .container {display: block;}


.container a {text-decoration: underline; color: #154A63; font-weight: 700;}

.container a:visited {font-weight: normal;}
.container a:active {background: #FAEBEB;}
.container a:hover {text-decoration: none; color: #BA1F23;} 
          
.right img {padding-left: 36px;}


/* Typography 
-------------------------------------*/

#home h1 {float: left: display: inline; font-size: 32px; margin: 12px 0 16px; font-family: 'trebuchet MS', trebuchet, verdana, sans-serif; color: #000066}
#home h2 {float: left: display: inline; font-size: 18px; margin-bottom: 16px; font-family:  'trebuchet MS', trebuchet, verdana, sans-serif; font-weight: normal; font-style: italic; }
#home h3 {float: left: display: inline; font-size: 14px;}

#home p {font-size: 12px; line-height: 1.4; margin: 0 0 1.4em; }


.fine-print {font-size: 10px; color: #999;}

#home #intro { display: inline; float: left; margin-right: 16px; }


#home ul {list-style:disc; margin: 14px 0 14px 14px;}

#home ol {list-style:decimal; margin: 14px 0 14px 28px;}
	#home li {margin: 0; line-height: 1.4}
	
	
	#home ul.fancybox,
	#home ul.fancybox li {margin:0; padding: 0; list-style:none;}
	
	#home ul.fancybox li {margin-bottom: 15px; float: left; display: inline;}
	#home ul.fancybox li a img { height: 100px;}
		
dl {margin:0 0 14px; line-height: 1.5;}

dt {font-weight: 700; margin-top: 14px;}

dd { margin-left: 14px;}
	
	


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

#nav-site-structure { position: absolute; width: auto; top: 142px; left: 190px;  height: 28px; background: #000; }


/* Parent menu
----------------*/
#nav-site-structure li {display: inline; float: left; color: #fff;  }
#nav-site-structure li a {display: block; line-height: 34px; text-decoration: none; padding: 0 10px; color: red; text-transform:uppercase; font-family: 'trebuchet ms', trebuchet; font-size:  12px; }
#nav-site-structure li a strong {font-size:  11px;}
#nav-site-structure li a:hover {background: #191919; color: red; }

#nav-site-structure li:hover a {background: #191919; color: red; }

/* Child menu
----------------*/
#nav-site-structure ul { display: block; position: absolute; width: 200px; left: -9999px; top: 20px; z-index: 900;  }
#nav-site-structure ul li { float: none; }

#nav-site-structure li:hover ul.child-menu { left: 0; }
#nav-site-structure li:hover ul.child-menu li a  {color: red; border-bottom: none; font-size: 12px; line-height: 30px;  border-bottom: 1px solid #222;}
#nav-site-structure li:hover ul.child-menu li a:hover  { background: #A60000; color: #eee;  }

#nav-site-structure li:hover ul#events { left: 110px;}
#nav-site-structure li:hover ul#games { left: 180px;}
#nav-site-structure li:hover ul#promos { left: 322px;}




/* Store Information 
-------------------------------------*/

#home #store-info {display:inline; float:left; }
	#home #store-info ul {list-style: none; margin: 0;}
	#home #store-info ul li {margin: 0;}

#home #hours {display: inline; float: left; margin-right: 42px;}
#home #hours h3 {margin-bottom: 0; font-size: 12px;}
#home #store-info address {display: inline; float: left; font-style: normal}

#home #contact { clear: both; float: left;  margin: 14px 16px 0 0; width: 250px; }



/* Callouts  & promos
---------------------------------------*/

#callouts {
	clear: left;
	float: left;
	margin-top: 14px;
	width: 250px;
	}
	
	
	.mid-profile {padding: 10px; border-color: #ccc; background: #efefef;   border: 1px solid #ddd; margin-bottom:0; border-radius: 14px;
	-moz-border-radius: 14px;
	-webkit-border-radius: 14px;
	-o-border-radius: 14px;}
	.high-profile { 
		padding: 10px; 
		border: 1px solid #ff0000; 
		background: #FAEBEB; 
		margin-bottom:0; 
		border-radius: 14px;
	-moz-border-radius: 14px;
	-webkit-border-radius: 14px;
	-o-border-radius: 14px;
	}
		.left-col .high-profile { 
			display: block;
			clear: both;
			padding: 10px; 
			border: 1px solid #ff0000; 
			background: #FAEBEB; 
			margin-bottom:0; 
			border-radius: 14px;
		-moz-border-radius: 14px;
		-webkit-border-radius: 14px;
		-o-border-radius: 14px;
		}
		
		
/* Buttons
------------------------------------------ */
.button { 
	display: block;
	border-radius: 14px;
	-moz-border-radius: 14px;
	-webkit-border-radius: 14px;
	-o-border-radius: 14px;
	padding: 12px 0;
	text-align: center;
	}

	

/* Twitter 
------------------------------------------ */

#twitter {   
	position: absolute; 
	background: url(../i/tweet.png) right 32px no-repeat;
	height: 160px;
	font-style: italic;   
	top: 183px; 
	width: 100%;
	margin-top: 40px;
	}


#twitter p {  
	background: #CAF5FF; 
    padding: 10px;  
	font-size: 12px; 
	border-radius: 14px;
	-moz-border-radius: 14px;
	-webkit-border-radius: 14px;
	-o-border-radius: 14px;  
	width: 220px;
	}

#twitter #pointer {   
	position: absolute;
	width:0; 
	height:0; 
	border-top: 25px solid transparent; 
	border-right: 10px solid transparent;
	border-left: 25px solid #CAF5FF;
	border-bottom: 0;
	position: absolute;
	top: 40px;
	left: 240px;
	}            
	



#map {width: 300px; height: 300px; background: #efefef;}






/* footer 
---------------------------------------*/
#footer {width: 800px; margin: 0 auto; height: 40px;}


#footer p {margin-top: 7px; color: #efefef; font-size: 11px; }
#footer a {color: #efefef;}
#footer a:hover {text-decoration: none;}



/* fancybox
-----------------------------------------*/

#videocontainer {display: none;}

/* ------------------------------------------------------------  

= FOUC(Flash Of Unstyled Content) Fix 
------------------------------------------------------------ */
body { display: block !important; }