@charset "utf-8";
/* CSS Document */
html, body, #page {height: 100%;}
body > #page {height: auto; min-height: 100%;}
p, h1, h2, h3, h4, input, textarea{
	padding:0;
	margin:0;
}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;border:none;}input,textarea,select{*font-size:100%;}
ul{
	padding-bottom:0;
	margin-top:4px;
	margin-bottom:4px;
}
body{
	margin:0;
	padding:0;
	text-align: center;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
	background:#280600 url('../img/background.jpg') top left no-repeat;
}
#page{
	text-align:left;
}
#page #container{
	padding-bottom:293px;
}
a, a:link, a:visited {
	color:#8C9BAD;
	text-decoration:none;
	outline:none;
}
a:hover{
	color:#FFF;
}
#header{
	background-color:#130801;
	color:#8c9bad;
	height:35px;
	width:100%;
	position:relative;
}
#nav{
	width:929px;
	text-align:right;
	padding:0 20px;
	font-size:12px;
	margin:0 0 0 150px;
}
#register{
	float:left;
	padding:13px 75px 0 5px;
}
#soundPlayer{
	position:absolute;
	left:540px;
	padding:9px 0 0 0;
}
#loginForm{
	float:left;
	padding:9px 17px  0 0;
}
#loginForm input{
	height:15px;
	width:70px;
	background-color:#afa89c;
	border:1px solid #625f59;
	padding:0;
	font-size:10px;
}
#loginForm .login{
	height:17px;
	width:55px;
	background:transparent url(../img/b_login.gif) top left no-repeat;
	border:none;
	text-indent:-9000px;
	overflow:hidden;
	color:transparent;
	position:relative;
	top:4px;
}
#navLinks{
	float:right;
	padding:14px 32px 0 0;
}
#nav a, #nav a:link{
	color:#a59e6b;
	text-decoration:none;
}
#nav .active, #nav a:hover{
	color:#efe9bf;
	}
#subheader{
	width:929px;
	position:relative;
	margin:0 0 0 150px;
	height:142px;
}
.vieLogo{
	background:transparent url('../img/VIELogo.png') 0 16px no-repeat; 
	width:235px;
	height:108px;
	overflow:hidden;
	text-indent:-5000px;
	display:block;
	padding:16px 0 0 0;
	margin:0 0 0 2px;
}
#navShell .nav {
	width: 697px;
	height: 47px;
	background: url(../img/mainNav.jpg) no-repeat;
	position: absolute;
	left: 282px;
	top: 0;
	padding:0;
	margin:0;
}
#navShell .nav li {
	display: inline;
}
#navShell .nav li a:link, #navShell .nav li a:visited {
	position: absolute;
	top: 0;
	height: 47px;
	text-indent: -9000px;
	overflow: hidden;
}
	#navShell .about a:link, #navShell .about a:visited {
		left: 0;
		width: 96px;
	}
	#navShell .about a:hover, #navShell .about a:focus, #navShell .about a:active, .current-about .about a{
		background: url(../img/mainNav.jpg) no-repeat 0 -47px;
	}
	
	#navShell .how a:link, #navShell .how a:visited {
		left: 96px;
		width: 111px;
	}
	#navShell .how a:hover, #navShell .how a:focus, #navShell .how a:active {
		background: url(../img/mainNav.jpg) no-repeat -96px -47px;
	}
	
	#navShell .gallery a:link, #navShell .gallery a:visited {
		left: 207px;
		width: 76px;
	}
	#navShell .gallery a:hover, #navShell .gallery a:focus, #navShell .gallery a:active, .current-gallery .gallery a {
		background: url(../img/mainNav.jpg) no-repeat -207px -47px;
	}
	
	#navShell .shop a:link, #navShell .shop a:visited {
		left: 283px;
		width: 56px;
	}
	#navShell .shop a:hover, #navShell .shop a:focus, #navShell .shop a:active {
		background: url(../img/mainNav.jpg) no-repeat -283px -47px;
	}
	
	#navShell .promotions a:link, #navShell .promotions a:visited {
		left: 339px;
		width: 78px;
	}
	#navShell .promotions a:hover, #navShell .promotions a:focus, #navShell .promotions a:active {
		background: url(../img/mainNav.jpg) no-repeat -339px -47px;
	}
	
	#navShell .news a:link, #navShell .news a:visited {
		left: 417px;
		width: 59px;
	}
	#navShell .news a:hover, #navShell .news a:focus, #navShell .news a:active, .current-news .news a {
		background: url(../img/mainNav.jpg) no-repeat -417px -47px;
	}
	
	#navShell .forum a:link, #navShell .forum a:visited {
		left: 476px;
		width: 69px;
	}
	#navShell .forum a:hover, #navShell .forum a:focus, #navShell .forum a:active {
		background: url(../img/mainNav.jpg) no-repeat -476px -47px;
	}
	
	#navShell .faq a:link, #navShell .faq a:visited {
		left: 545px;
		width: 43px;
	}
	#navShell .faq a:hover, #navShell .faq a:focus, #navShell .faq a:active {
		background: url(../img/mainNav.jpg) no-repeat -545px -47px;
	}
	
	#navShell .blog a:link, #navShell .blog a:visited {
		left: 588px;
		width: 59px;
	}
	#navShell .blog a:hover, #navShell .blog a:focus, #navShell .blog a:active {
		background: url(../img/mainNav.jpg) no-repeat -588px -47px;
	}

#navShell .nav .subnav {
	width: 697px;
	height: 23px;
	position: absolute;
	left: 0;
	top: 47px;
	padding:0;
	margin:0;
	display:none;
}
#navShell .nav .subnav li a,#navShell .nav .subnav li a:link, #navShell .nav .subnav li a:visited{
	height:23px;
	top:0;
}
#navShell .nav li:hover .subnav, #navShell .nav .over .subnav, #navShell .current-about .about .subnav, #navShell .current-gallery .gallery .subnav, #navShell .current-news .news .subnav{
	display:block;
}
#navShell .current-about .about .subnav a, #navShell .current-gallery .gallery .subnav a, #navShell .current-news .news .subnav a{
	background:none;
}
#navShell .nav .aboutSub{
	background:transparent url(../img/aboutSubnav.jpg) top left no-repeat;
}
	#navShell .about .setting a:link, #navShell .about .setting a:visited {
		left: 0;
		width: 67px;
	}
	#navShell .about .setting a:hover, #navShell .about .setting a:focus, #navShell .about .setting a:active, .current-setting .about .setting a:link {
		background: url(../img/aboutSubnav.jpg) no-repeat 0 -23px;
	}
	
	#navShell .about .game a:link, #navShell .about .game a:visited {
		left: 67px;
		width: 120px;
	}
	#navShell .about .game a:hover, #navShell .about .game a:focus, #navShell .about .game a:active, .current-game .about .game a:link {
		background: url(../img/aboutSubnav.jpg) no-repeat -67px -23px;
	}
	
	#navShell .about .activities a:link, #navShell .about .activities a:visited {
		left: 187px;
		width: 82px;
	}
	#navShell .about .activities a:hover, #navShell .about .activities a:focus, #navShell .about .activities a:active, .current-activities .about .activities a:link {
		background: url(../img/aboutSubnav.jpg) no-repeat -187px -23px;
	}
	
	#navShell .about .extras a:link, #navShell .about .extras a:visited {
		left: 269px;
		width: 56px;
	}
	#navShell .about .extras a:hover, #navShell .about .extras a:focus, #navShell .about .extras a:active, .current-extras .about .extras a:link {
		background: url(../img/aboutSubnav.jpg) no-repeat -269px -23px;
	}

#navShell .nav .gallerySub{
	background:transparent url(../img/gallerySubnav.jpg) top left no-repeat;
	left:207px;
	width:412px;
}
	#navShell .gallery .concept a:link, #navShell .gallery .concept a:visited {
		left: 0;
		width: 134px;
	}
	#navShell .gallery .concept a:hover, #navShell .gallery .concept a:focus, #navShell .gallery .concept a:active, .current-concept .gallery .concept a:link {
		background: url(../img/gallerySubnav.jpg) no-repeat 0 -23px;
	}
	
	#navShell .gallery .environments a:link, #navShell .gallery .environments a:visited {
		left: 134px;
		width: 108px;
	}
	#navShell .gallery .environments a:hover, #navShell .gallery .environments a:focus, #navShell .gallery .environments a:active, .current-environments .gallery .environments a:link {
		background: url(../img/gallerySubnav.jpg) no-repeat -134px -23px;
	}
	
	#navShell .gallery .shopping a:link, #navShell .gallery .shopping a:visited {
		left: 242px;
		width: 76px;
	}
	#navShell .gallery .shopping a:hover, #navShell .gallery .shopping a:focus, #navShell .gallery .shopping a:active, .current-shopping .gallery .shopping a:link {
		background: url(../img/gallerySubnav.jpg) no-repeat -242px -23px;
	}
	
	#navShell .gallery .characters a:link, #navShell .gallery .characters a:visited {
		left: 318px;
		width: 94px;
	}
	#navShell .gallery .characters a:hover, #navShell .gallery .characters a:focus, #navShell .gallery .characters a:active, .current-characters .gallery .characters a:link {
		background: url(../img/gallerySubnav.jpg) no-repeat -318px -23px;
	}

#navShell .nav .newsSub{
	background:transparent url(../img/newsSubnav.jpg) top left no-repeat;
	left:417px;
	width:281px;
}
	#navShell .news .archive a:link, #navShell .news .archive a:visited {
		left: 0;
		width: 102px;
	}
	#navShell .news .archive a:hover, #navShell .news .archive a:focus, #navShell .news .archive a:active, .current-archive .news .archive a:link {
		background: url(../img/newsSubnav.jpg) no-repeat 0 -23px;
	}
	
	#navShell .news .press a:link, #navShell .news .press a:visited {
		left: 102px;
		width: 103px;
	}
	#navShell .news .press a:hover, #navShell .news .press a:focus, #navShell .news .press a:active, .current-press .news .press a:link {
		background: url(../img/newsSubnav.jpg) no-repeat -102px -23px;
	}
	
	#navShell .news .mediakit a:link, #navShell .news .mediakit a:visited {
		left: 205px;
		width: 76px;
	}
	#navShell .news .mediakit a:hover, #navShell .news .mediakit a:focus, #navShell .news .mediakit a:active, .current-mediakit .news .mediakit a:link {
		background: url(../img/newsSubnav.jpg) no-repeat -205px -23px;
	}
	
.contentNav{
	height:23px;
	left:47px;
	margin:0;
	padding:0;
	position:absolute;
	top:36px;
}
.contentNav li {
	display: inline;
}
.aboutContent {
	width: 213px;
	background: url(../img/aboutContentNav.jpg) no-repeat;
}
.contentNav li a:link, .contentNav li a:visited {
	position: absolute;
	height: 23px;
	text-indent: -9000px;
	overflow: hidden;
}
	.contentNav .bios a:link, .contentNav .bios a:visited {
		left: 0;
		width: 115px;
	}
	.contentNav .bios a:hover, .contentNav .bios a:focus, .contentNav .bios a:active, .current-bios .bios a {
		background: url(../img/aboutContentNav.jpg) no-repeat 0 -23px;
	}
	.contentNav .contact a:link, .contentNav .contact a:visited {
		left: 115px;
		width: 98px;
	}
	.contentNav .contact a:hover, .contentNav .contact a:focus, .contentNav .contact a:active, .current-contact .contact a {
		background: url(../img/aboutContentNav.jpg) no-repeat -115px -23px;
	}
#breadcrumb{
	font-size:10px;
	margin:0 0 0 198px;
	position:relative;
}
#content{
	width:929px;
	position:relative;
	margin:0 0 0 148px;
}
#flashShell{
	height:408px;
	width:929px;
	display:block;
	background:transparent url(../img/flashBg.png) top left no-repeat;
}
#flashCell{
	height:339px;
	width:862px;
	position:relative;
	left:30px;
	top:35px;
	background-color:#0E0601;
}
.home .blog{
	height:370px;
}
.home .postcards{
	height:513px;
}
#mainCell{
	padding:10px 0 15px 30px;
	color:#FFF;
	font-size:12px;
}
.leftCol{
	width:574px;
	float:left;
	margin:0 12px 0 0;
}
.rightCol{
	float:left;
	width:282px;
}
.subColOne{
	width:280px;
	float:left;
	margin:0 13px 0 0;
}
.subColTwo{
	width:280px;
	float:left;
}
.entry{
	width:541px;
	height:300px;
	background:transparent url(../img/centerBg.png) top left no-repeat;
	margin:0 auto;
	text-align:left;
	padding:25px 15px;
}
.entry h2{
	font-size:14px;
	font-weight:normal;
}
.entry p{
	text-align:center;
}
.entry .mature{
	color:#c2c6a5;
	font-size:14px;
	padding:0 0 10px 0;
}
.note{
	color:#b3b4a5;
	font-size:11px;
	padding:10px 0 0 0;
}
.validBday{
	color:#f3331d;
	font-size:13px;
	padding:15px 0 0 0;
}
.twoColTop{
	width:573px;
	height:18px;
	background:transparent url(../img/2ColTop.png) top left no-repeat;
}
.twoColCell{
	width:537px;
	background:transparent url(../img/2ColBg.png) top left repeat-y;
	padding:0 18px
}
.twoColBottom{
	width:573px;
	background:transparent url(../img/2ColBottom.png) top left no-repeat;
	height:18px;
	margin:0 0 15px 0;
}
.shareTop{
	width:573px;
	height:41px;
	background:transparent url(../img/shareTop.png) top left no-repeat;
	position:relative;
}
.noShareTop{
	width:573px;
	height:41px;
	background:transparent url(../img/noShareTop.png) top left no-repeat;
	position:relative;
}
.shareCell{
	width:537px;
	background:transparent url(../img/shareBg.png) top left repeat-y;
	padding:0 18px;
}
.shareCell h2{
	color:#97aa8d;
	font-size:16px;
	padding:0 0 10px 0;
}
.shareCell h3{
	color:#f3eadb;
	font-size:14px;
	font-style:italic;
	padding:0 0 10px 0;
}
.shareCell p{
	padding-bottom:18px;
}
.withMenu{
	padding-top:20px;
}
.oneColTop{
	width:280px;
	height:17px;
	background:transparent url(../img/1ColTop.png) top left no-repeat;
}
.oneColTopText{
	width:280px;
	height:25px;
	background:transparent url(../img/1ColTopText.png) top left no-repeat;
}
.oneColTopText h4{
	font-size:14px;
	font-weight:normal;
	color:#c35903;
	padding:3px 0 0 18px;
}
.oneColCell{
	width:244px;
	background:transparent url(../img/1ColBg.png) top left repeat-y;
	padding:0 18px
}
.oneColBottom{
	width:280px;
	background:transparent url(../img/1ColBottom.png) top left no-repeat;
	height:17px;
	margin:0 0 13px 0;
}
h1{
	font-size:18px;
	font-weight:normal;
	padding:0 0 10px 0;
}
.home h1{
	font-size:18px;
	font-weight:normal;
	line-height:19px;
	padding:0 0 10px;
}
.shareTop h1, h3, .noShareTop h1, h3{
	font-size:14px;
	color:#c35903;
	padding:0 0 10px 0;
	font-weight:normal;
}
.shareTop h1, .noShareTop h1{
	padding:5px 0 0 18px;
}
h4{
	font-size:14px;
	color:#97aa8d;
	padding:0 0 10px 0;
}
h5{
	font-size:12px;
	font-weight:normal;
	background:#601000;
	margin:0 0 10px;
	padding:2px 4px;
}
.shareRow{
	padding:0;
}
.shareCopy{
	width:270px;
	float:left;
	margin:0 13px 0 0;
}
.shareImage{
	float:left;
}
#share2{
	display:block;
	height:26px;
	overflow:hidden;
	position:absolute;
	right:0;
	text-indent:-9000px;
	top:0;
	width:87px;
}
.intro p{
	color:#F3EADB;
	font-size:14px;
	line-height:18px;
}
.colCell{
	margin:0 0 15px 0;
}
.postcard{
	padding:10px 0 5px 0;
}
.postcard .caption{
	color:#c5ae60;
	margin:5px 0 0 0;
	font-size:11px;
}
.seeMore{
	text-align:right;
}
.socialIcon{
	padding:0 0 5px 5px;
}
.downloadNow{
	display:block;
	width:283px;
	height:61px;
	background:transparent url(../img/b_download.png) top left no-repeat;
	position:absolute;
	right:150px;
	top:90px;
	overflow:hidden;
	text-indent:-9000px;
}
.registerNow{
	display:block;
	width:283px;
	height:61px;
	background:transparent url(../img/b_register.png) top left no-repeat;
	position:absolute;
	right:136px;
	top:84px;
	overflow:hidden;
	text-indent:-9000px;
}
.downloadNow:hover, .registerNow:hover{
	background-position:0 -61px;
}
#footer{
	color:#b29c80;
	height:293px;
	margin-top:-293px;
	position:relative;
	font-size:10px;
	padding:0;
	background:#130801 url(../img/footerBg.gif) top left repeat;
}
.bioNav{
	width:515px;
	margin:0 0 30px 0;
}
#mainCell .bioNav a:hover, .bioNav .active{
	text-decoration:none;
	background:#130801;
}
.bioCell{
	width:130px;
	height:36px;
	float:left;
	margin:0 18px 4px 0;
	display:block;
	padding:5px;
}
.bioCell h3{
	color:#f9f9f3;
	padding:0;
	margin:0;
}
.bioCell .title{
	color:#b0b189;
	padding:0;
	margin:0;
}

.contactUsForm td, .mediaForm td{
	padding:0 8px 5px;
	line-height:20px;
}
form{
	color:#FFF;
	font-size:11px;
}
form .label{
	text-align:right;
	color:#FFF;
	font-size:11px;
	width:102px;
}
.required{
	font-size:11px;
}
.newsImage{
	float:right;
	padding:10px 0 10px 10px;
}
.newsTitle{
	color:#9f3a1f;
}
.newsSidebar p{
	padding: 5px 0 10px 0;
}
.prRow{
	clear:left;
	padding:0 0 18px 0;
}
.prdate {
	display:block;
	float:left;
	padding:0 50px 35px 0;
}
.presskitImage{
	float:left;
	padding:0 20px;
}
.media h3{
	display:block;
	background-color:#601000;
	color:#FFF;
	font-weight:normal;
	font-style:normal;
	font-size:11px;
	padding:5px 10px;
	margin:40px 0 10px 0;
}
h3.block{
	display:block;
	background-color:#601000;
	color:#FFF;
	font-weight:normal;
	font-style:normal;
	font-size:12px;
	padding:5px 10px;
}
.corporateShell{
	padding:0 10px;
}
.corporateLogoTable td{
	border-bottom:1px solid #c3c5a4;
	padding:10px 0;
}
#mainCell .shareCell .prdate a{
	color:#d43004;
}
#footerCell{
	width:929px;
	position:relative;
	margin:0 0 0 150px;
	padding:10px 0;
}
#footer a{
	color:#b29c80;
	margin:0 5px;
}
#footer a:hover{
	color:#801102;
}
#footer .aboutSubNav a:hover{
	color:#FFF;
}
#footer .aboutSubNav a{
	line-height:17px;
}
#footer .footerLeft{
	bottom:-4px;
	float:left;
	height:20px;
	position:relative;
}
.footerLeft .aboutSubNav{
	background:transparent url(../img/aboutSubNav.v2.png) top center no-repeat;
	display:none;
	height:50px;
	left:307px;
	padding:0;
	position:absolute;
	top:-30px;
	width:140px;
	z-index:50;
}
.aboutParent, .legal{
	z-index:100;
	position:relative;
}
#footer .footerRight{
	font-size:11px;
	float:right;
	height:20px;
	position:relative;
	top:-1px;
	width:425px;
}
.ageGate #footer .footerRight{
	width:315px;
}
#footer #fields_email{
	height:15px;
	width:180px;
	background-color:#afa89c;
	border:1px solid #625f59;
	padding:0;
	font-size:10px;
	color:#666666;
}
#footer .footerCaption{
	font-size:10px;
	color:#6a6d70;
	position:absolute;
	left:0;
	top:-36px;
}
#footer .privacy{
	margin:0 0 0 15px;
	background:none;
}
#footer .joinShell{
	float:left;
	margin-right:10px;
	padding-top:5px;
}
#footer .join{
	font-size:15px;
}
#footer #emailSignupForm{
	float:left;
	margin:0 0 0 5px;
}
#footer #icpsignup3162{
	float:left;
	margin:0 0 0 5px;
}
#footer #emailSubmit{
	position:relative;
	top:6px
}
#footer #follow{
	float:left;
	margin:7px 7px 0 15px;
	font-size:12px;
}
#FacebookIcon a {
	background-image:url(../img/icon_facebook.gif);
	background-repeat:no-repeat;
	margin: 2px 0px 0px 5px; 
	height:50px;
	width:24px;
	float:left;
/*	cursor: pointer;
	cursor: hand;*/
	display:block;
	text-indent:-9999px;
	padding:0;
}

#TwitterIcon a {
	background-image:url(../img/icon_twitter.gif);
	background-repeat:no-repeat;
	margin: 2px 0px 0px 4px; 
	height:25px;
	width:24px;
	float:left;
/*	cursor: pointer;
	cursor: hand;*/
	display:block;
	text-indent:-9999px;
	padding:0;
}
#footer a.stbutton {
	padding:1px 5px 5px 22px;
}
#footer #share3 {
	background-image:url(../img/icon_share.gif) !important;
	background-repeat:no-repeat;
	margin: 2px 0px 0px 4px; 
	height:25px;
	width:24px;
	float:left;
/*	cursor: pointer;
	cursor: hand;*/
	display:block;
	text-indent:-9999px;
	padding:0;
}
.stbuttontext{
	display:none;
}
#mainCell a{
	color:#FFF;
	text-decoration:none;
}
#mainCell a:hover, #breadcrumb a:hover{
	text-decoration:underline;
}
#mainCell a.green, #mainCell .shareCell a, #mainCell .rightCol a, .caption, #breadcrumb, #breadcrumb a{
	color:#a4a56d;
}
.image{
	margin:0 0 20px 0;
}
.imageTitle{
	font-size:14px;
	font-weight:bold;
	margin:10px 0 0 0;
}
.sizeList{
	list-style:none;
	padding:0;
	margin:0;
	width:243px;
}
.sizeList li{
	float:left;
	width:120px;
}
.boldOrange{
	font-weight:bold;
	color:#9f3a1f;
	font-size:16px;
}
#mainCell .facebookLink{
	position:relative;
	top:-8px;
	left:3px;
}
.faqList{
	list-style:none;
	padding:0;
	margin:0;
}
#mainCell .innerLeft{
	width:260px;
	float:left;
	padding:0 10px 20px 0;
}
#mainCell .innerRight{
	width:265px;
	float:left;
	padding:0 0 20px 0;
}
.faqAnswerList {
	padding:0 0 0 21px;
	margin:0;
	text-indent:-21px;
	list-style:none;
}
.faqAnswerList .question{
	font-weight:bold;
}
.faqAnswerList .answer{
	padding:0 0 10px 0;
}
.faqAnswerList .tabbed{
	padding:0 0 0 20px;
	text-indent:0;
}
.noMargin{
	margin-top:0;
	margin-bottom:0;
}
.padding10{
	padding:0 10px 5px 0;
}
.privacy p strong{
	font-size:110%;
}
.spacer{
	float:right;
	width:1px;
	height:450px;
}
.clear{
	clear:both;
}
.clearLeft{
	clear:left;
}