/* CSS Document */

/*		SnappyVentrilo Stylesheet
		Author: Jonathan Horne
		Date: August 11th, 2009,  */

body {
	margin: 0px 0px 0px 0px;
	background: #202020 url(images/backwrap.gif) top center repeat-y;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	font-size: 12px;
	color:#666666;
	}
	
#backgroundwrap {
	width: 100%;
	background: url(images/background.gif) top center no-repeat;
	background-attachment: fixed; 		
	}	

#bar {
	background: #000000 url(images/topbar.jpg) bottom repeat-x;
	margin: 0px auto 0px auto;
	padding-top: 10px;
	width: 1000px;
	height:10px;
	}
	
#barbot {
	background: url(images/topbar.jpg) repeat-x;
	margin: 0px auto 10px auto;
	width: 1000px;
	height:10px;
	}	
	
#header {
	background: #000 url(images/headerback.jpg) repeat-x;
	margin: 0px auto 0px auto;
	width: 1000px;
	height: 80px;
	}
	
#headerleft {
	width: 500px;
	float: left;
	}
	
#headerright {
	background: url(images/headerright.jpg) top right no-repeat;
	width: 300px;
	height: 80px;
	float: right;
	padding-top: 5px;
	padding-right: 20px;
	padding-bottom: 5px;
	border-bottom:1px solid #000;	
	text-align: right;
	font-size: 12px;
	}	
	
#headerright a:link, #headerright a:active, #headerright a:visited {
	color: #999;
	text-decoration: none;
	}
	
#headerright a:hover {
	color: #999;
	}
			
	
#menu {
	background: #000;
	margin: 0px auto 0px auto;
	padding-top: 10px;
	width: 1000px;
	height: 20px;
	border-bottom:1px solid #808080;		
	}
	
#menublock {
	width: 100%;
	margin: 0px auto 0px auto;
	padding: 0px;
	}	
	
#spacer {
	background: #000 url(images/banner.jpg) center no-repeat;
	margin: 0px auto 0px auto;
	width: 1000px;
	height: 250px;
	}
	
#spacervideo {
	width: 400px;
	height:250px;
	padding-top: 20px;
	margin-left: 40px;
	}	
	
#video {
	width: 360px;
	height:203px;
	background: #666;	
	}	
	
#flash2 {
	width:360px;
	height:203px;
	text-align:center;
	cursor:pointer;
}

#flash2 img {

}	
	
#contentbox {
	background: #0f0f0f url(images/contentbackground.png) top center repeat-x;
	margin: 0px auto 0px auto;
	width: 1000px;
	padding-top: 2px;
	}
	
#contentbox a:link, #contentbox a:active, #contentbox a:visited {
	color: #406a90;
	text-decoration: none;
	}
	
#contentbox a:hover {
	color: #666666;
	}
	
	
#contentbottom {
	background: #0f0f0f url(images/world.png) bottom right no-repeat;	
	margin: 0px auto 0px auto;
	width: 1000px;
	}	

#contentblocks {
	width: 960px;
	margin: 0px auto 0px auto;
	padding-top: 20px;
	}

div.headerblock {
	float: left ;
	background: #0f0f0f url(images/contentbackground.png);
	width: 213px;
	height: 136px;
	padding: 20px 15px 20px 20px;
	margin-right: 10px;
	margin-left: 10px;
	border:1px solid #232323;		
	}
	
div.headerblockscroll {
	float: left ;
	background: #0f0f0f url(images/contentbackground.png);
	width: 208px;
	height: 156px;
	padding: 10px 20px 10px 20px;
	margin-right: 10px;
	margin-left: 10px;
	border:1px solid #232323;		
	}	
	
div.headerrightblock {
	float: left ;
	text-align: center;
	background: #0f0f0f url(images/contentbackground.png);
	width: 128px;
	height: 176px;	
	padding: 0px;
	margin-right: 10px;
	margin-left: 10px;
	border:1px solid #232323;		
	}	
	
div.ventrilopriceblock {
	float: left ;
	text-align: center;
	background: #0f0f0f url(images/contentbackground.png);
	width: 138px;
	height: 160px;	
	padding: 0px;
	margin-right: 10px;
	margin-left: 10px;
	border:1px solid #232323;		
	}		
	
div.contentleft {
	margin-left: 30px;	
	float: left;
	width: 620px;
	}
	
div.leftblock {
	background: #181818 url(images/headerblock.jpg) repeat-x;
	margin-top: 20px;	
	width: 578px;
	padding: 20px;
	border:1px solid #232323;		
	}
	
div.specialblock {
	background: #181818 url(images/special.jpg) center no-repeat;
	margin-top: 20px;	
	width: 598px;
	height: 40px;
	padding-left: 20px;
	line-height: 40px;
	vertical-align: middle;
	border:1px solid #232323;		
	}		
	
div.contentright {
	margin-top: 0px;
	margin-right: 30px;
	float: right;
	width: 294px;	
	}
	
#gamebanner {
	margin-top: 20px;
	border:1px solid #232323;
	width: 292px;	
	height: 180px;		
	}
	
div.mainbox {
	background: url(images/getstarted.jpg);
	margin-top: 20px;
	border:1px solid #232323;
	width: 292px;	
	height: 40px;		
	}
	
div.locationbox {
	background: url(images/getstarted.jpg) repeat-x;
	margin-top: 20px;
	padding-top: 10px;
	border:1px solid #232323;
	width: 292px;	
	height: 150px;		
	}
	
div.infobox {
	background: url(images/getstarted.jpg) repeat-x;
	margin-top: 20px;
	padding-top: 20px;
	padding-bottom: 10px;
	padding-right: 20px;
	padding-left: 20px;
	border:1px solid #232323;
	width: 252px;		
	}					
	
#locationscenter {
	width: 250px;
	margin: 0px auto 0px auto;
	}		

div.clear {
	clear: both;
	}
	
#footbot {
	margin: 0px auto 0px auto;
	border-top:1px solid #232323;	
	background: #0f0f0f;
	width: 980px;
	height: 20px;
	padding: 10px;
	color: #666666;
	}
	
#footerforie {
	height: 20px;
	width: 1000px;
	margin: 0px auto 0px auto;
	}	
	
.prices {
	margin: 0px;
	padding-left: 20px;
	padding-bottom: 10px;
	font-style: italic;
	}
	
div.comboleft {
	width: 360px;
	float: left;
	padding-right: 20px;
	border-right:1px solid #232323;		
	}
	
div.comboright {
	float: left;
	width: 160px;
	padding-left: 20px;
	}	
	
/* Button */

			
	
/* Font */

.style1 {
	color: #133e68;
	font-weight: bold;
	font-size: 18px;
	margin: 0px 0px 10px 0px;
	}
	
.style2 {
	font-weight: bold;	
	font-size: 18px;
	margin: 0px 0px 0px 0px;
	text-shadow: 1px 1px 4px #000; 		
	}
	
.style3 {
	font-weight: bold;
	font-size: 18px;
	margin: 0px 0px 0px 0px;
	padding-top: 2px;
	padding-bottom: 2px;
	text-shadow: 1px 1px 4px #000; 	
	}
	
.style4 {
	color: #333333;
	font-weight: none;
	font-size: 68px;	
	margin: 0px 0px 0px 0px;		
	}				

.style5 {
	color: #999999;
	font-size: 10px;
	}
	
.style6 {
	color: #666666;
	font-size: 10px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
	border-bottom:1px solid #425d7b;		
	}
	
.style7 {
	color: #333333;
	font-weight: none;
	font-size: 30px;	
	margin: 0px 0px 0px 0px;		
	}			

.style8 {
	margin: 5px 0px 0px 0px;
	color: #666666;
	font-size: 10px;
	}
	
.style9 {
	font-weight: bold;
	}
	
.style10 {
	color: #406a90;
	font-weight: bold;
	font-size: 18px;
	margin: 0px 0px 10px 0px;
	text-shadow: 1px 1px 4px #000; 
	}
	
p {
		letter-spacing: 0.0px;
		line-height: 18px;
	}

/* table */

.column1	{
	background: #121212 url(images/getstarted.jpg) no-repeat;
	width: 100px;
	border-bottom:1px solid #232323;		
	}
.column2	{
	background: #121212 url(images/getstarted.jpg) no-repeat;
	width: 60px;
	border-bottom:1px solid #232323;		
	}
	
.column3	{
	background: #121212 url(images/getstarted.jpg) no-repeat;
	width: 120px;
	border-bottom:1px solid #232323;
	text-align: center;		
	}
	
.column4	{
	width: 120px;
	text-align: center;		
	}
	
.column5	{
	background: #121212 url(images/getstarted.jpg) no-repeat;
	width: 120px;	
	}					


/* Forms */

.text_box {
	background: #1f1e1e;
	font-size : 13px;
	color:#999999;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border:4px solid #333;
	}
.loginbox {
	margin: 0px 0px 0px 0px;
	background: #222121;
	color: #666666;
	border:4px solid #333;
	}
	
/* Ticker */

#newsticker {
	text-align: center;
}

#newsticker a:link, #newsticker a:active, #newsticker a:visited {
	color: #CCCCCC;
	text-decoration: underline;
}

#newsticker ul {
	height: 10px;
	line-height: 10px;
	vertical-align: middle;
	list-style: none;
	background: #222;
	color: #999999;
	padding: 10px;
	margin: 0px 0px 0px 0px;
	border:1px solid #232323;	
}	
* html #newsticker ul {
	height: 10px;
	overflow: visible;
}
#newsticker li.error {
	color: #f00;
}
#newsticker #togglenewsticker {
	background: transparent url("images/x.jpg") no-repeat 0 0;
	overflow: hidden;
	position: absolute;
	right: 0px;
	top: 0px;
	width: 0px;
	height: 0px;
	text-indent: 20px;
	outline: none;
}
* html #newsticker #togglenewsticker {
	right: 30px;
}

.greylink {
	margin: 0px auto 0px auto;
	font-size: 10px;
	color: #666666;
	text-align: center;
	width: 90%;
	}
	
.greylink a:link,  .greylink a:active, .greylink a:visited{
	color: #666666;
	text-align: center;
	width: 90%;
	text-decoration: none;
	border-bottom:1px dashed #666666;
	}
	
/* menu */

div.menublock {
	}
	
div.menublock a {
	font-family: Tahoma;
	font-size: 11px;
	display: block;
	float: left;
	padding-left: 28px;
	padding-right: 28px;
	margin-left: 2px;
	margin-right: 2px;
	height: 19px;
	line-height: 16px;
	background: url('images/menuback.jpg') repeat-x;
	color: #FFF;
	font-weight: bold;	
	border-left:1px solid #425d7b;	
	border-top:1px solid #425d7b;		
	}
	
div.menublock a:link, div.menublock a:active, div.menublock a:visited {
	color: #ffffff;
	text-decoration: none;
	}

div.menublock a:hover {
	background: #333333;
	}
	
div.gsblock {
	font-family: Tahoma, Verdana, Helvetica, Geneva, Arial, sans-serif;
	font-size: 12px;
	width: 200px;
	text-align: center;
	margin: 7px auto 0px auto;
	padding-left: 29px;
	padding-right: 29px;
	height: 19px;
	line-height: 16px;
	background: url('images/menuback.jpg') repeat-x;
	color: #FFF;
	font-weight: bold;	
	border-left:1px solid #000;	
	border-top:1px solid #000;	
	}
	
div.gsblock a:link, div.gsblock a:active, div.gsblock a:visited {
	color: #ffffff;
	text-decoration: none;
	}

div.gsblock a:hover {
	color: #333333;
	}
	
div.comboblock {
	font-family: Tahoma, Verdana, Helvetica, Geneva, Arial, sans-serif;
	font-size: 12px;
	width: 120px;
	text-align: center;
	margin: 7px auto 0px auto;
	height: 19px;
	line-height: 16px;
	background: url('images/menuback.jpg') repeat-x;
	color: #FFF;
	font-weight: bold;	
	border-left:1px solid #000;	
	border-top:1px solid #000;	
	}
	
div.comboblock a:link, div.comboblock a:active, div.comboblock a:visited {
	color: #ffffff;
	text-decoration: none;
	}

div.comboblock a:hover {
	color: #333333;
	} 	 

div.currentblock {
	font-family: Tahoma;
	font-size: 11px;
	display: block;
	float: left;
	padding-left: 28px;
	padding-right: 28px;
	margin-left: 2px;
	margin-right: 2px;
	height: 19px;
	line-height: 16px;
	background: #333333;
	color: #FFF;
	font-weight: bold;	
	border-left:1px solid #425d7b;	
	border-top:1px solid #425d7b;
	text-decoration: none;		
	}
	
div.currentblock a {
	color: #ffffff;
	text-decoration: none;	
	}	
	
div.currentblock a:link, div.menublock a:active, div.menublock a:visited {
	color: #ffffff;
	text-decoration: none;
	}

div.currentblock a:hover {
	background: #333333;
	} 	
	
/* Locations */

#locationvert { 
width:190px; 
padding:0px 0px 0px 0px; 
margin:0px 0px 0px 0px;
}

#locationvert a { text-decoration:none; }
#locationvert img {  }

#locationvert .title {
text-align:left;
}

.locationvert-jcarousellite { width:190px; }
.locationvert-jcarousellite ul li{ list-style:none; display:block; padding-bottom:0px; margin-bottom:2px; }
.locationvert-jcarousellite .thumbnail { float:left; width:30px; height: 16px;}
.locationvert-jcarousellite .info { float:right; width:160px; text-align: left; height: 16px;}
.locationvert-jcarousellite .info span.cat { display: block; font-size:10px; color:#808080; }			

/* Bar */

#listticker{
	width:978px;
	overflow:hidden;
}
#listticker li{
	border:0; margin:0; padding:0; list-style:none;
}

	#listticker li{
		height:20px;
		list-style:none;
	}
		#listticker a{
			color:#000000;
		}
		#listticker .news-text{
			display:block;
			font-size:11px;
			color:#666666;
		}

/* Li */

li.displaynone {
	display: none;
	}