/* css reset */
* {font-size:100.01%;}
html {font-size:62.5%;}
body{
	margin:0;
	color:#000;
	font:1.4em Arial, Helvetica, sans-serif;
	background:url(../images/bg-body.gif) repeat-x;
}
img{border-style:none;}
a{
	text-decoration:none;
	color:#c30;
}
a:hover{text-decoration:underline;}
/* wrapper */
#wrapper{
	width:923px;
	margin:0 auto;
	padding:46px 0;
	position:relative;
}
.wrapper-t{
	background:url(../images/bg-wrapper-t.png) no-repeat;
	height:20px;
	overflow:hidden;
}
.wrapper-c{
	background:url(../images/bg-wrapper.png) repeat-y;
	padding:0 20px;
	position:relative;
	height:1%;
}
.join{
	position:absolute;
	background:url(../images/text-join.gif) no-repeat;
	width:608px;
	height:24px;
	top:34px;
	left:300px;
	text-indent:-9999px;
	overflow:hidden;
}
/* header */
#header{
	width:838px;
	height:122px;
	position:absolute;
	top:0;
	left:19px;
	background:url(../images/bg-header.gif) no-repeat;
	padding:0 24px 0 21px;
}
#header .logo{
	float:left;
	width:222px;
	height:87px;
	background:url(../images/logo.png) no-repeat;
	text-indent:-9999px;
	overflow:hidden;
	margin-top:21px;
}
#header .logo a{
	display:block;
	height:100%;
}
#header .weather{
	float:right;
	height:26px;
	font-size:0.857em;
	color:#c30;
}
#header .weather-lt,
#header .weather-rt{
	float:left;
	width:4px;
	height:26px;
	background:url(../images/bg-weather-lt.png) no-repeat;
}
#header .weather-rt{background:url(../images/bg-weather-rt.png) no-repeat;}
#header .weather-c{
	background:#fff;
	float:left;
	padding:4px 5px 7px;
}
/* main */
#main{
	overflow:hidden;
	height:1%;
	padding:122px 8px 5px 21px;
	background:url(../images/bg-main.gif) repeat-x 0 122px;
}
.main-title{
	position:absolute;
	left:298px;
	top:86px;
	text-indent:-9999px;
	overflow:hidden;
	z-index:10;
	margin:0;
}
.welcome{
	top:65px;
	width:302px;
	height:46px;
	background:url(../images/text-welcome.png) no-repeat;
}
.alignleft{float:left;}
#twocolumns{
	width:595px;
	float:right;
}
/* content */
#content{
	float:right;
	width:590px;
	padding-right:5px;
}
#twocolumns #content{
	width:330px;
	float:left;
}
#content .placeholder{
	border:4px solid #000;
	margin-bottom:17px;
	height: 228px;
}
.placeholder img{display:block;}
#content .block,
#content .block .text-holder{
	overflow:hidden;
	height:1%;
}
#content .block{font-size:0.857em;}
#content .block .alignleft{margin-right:14px;}
#content .block h2{
	font-size:1.167em;
	padding-bottom:9px;
	margin:0 0 5px;
	background:url(../images/border-dotted.gif) repeat-x 0 100%;
}
#content .block p{margin:0;}
#content p a,
.more{
	text-decoration:underline;
	white-space:nowrap;
}
#content p a:hover,
.more:hover{text-decoration:none;}
/* aside */
.aside{
	width:225px;
	float:right;
	font-size:0.857em;
	margin-top:-17px;
	position:relative;
	z-index:5;
}
.aside .news,
.aside .events{
	width:205px;
	padding-bottom:6px;
	background:url(../images/border-dotted.gif) repeat-x 0 100%;
	margin:0 0 6px;
}
.aside h2 span{
	display:block;
	text-indent:-9999px;
	overflow:hidden;
}
.aside .news span{
	width:44px;
	height:12px;
	background:url(../images/text-news.gif) no-repeat;
}
.news-list{
	list-style:none;
	padding:0;
	margin:0 0 11px;
	overflow:hidden;
	height:1%;
	line-height:14px;
}
.news-list li{
	margin-bottom:12px;
	overflow:hidden;
	height:1%;
	vertical-align:top;
}
.news-list .text-holder{
	overflow:hidden;
	height:1%;
}
.news-list .alignleft{margin:3px 10px 0 0;}
.news-list p{margin:0 0 1px;}
.aside .events{margin-bottom:7px;}
.aside .events span{
	width:141px;
	height:15px;
	background:url(../images/text-events.gif) no-repeat;
}
.events-list{
	list-style:none;
	padding:0;
	margin:0;
	line-height:14px;
}
.events-list li{
	height:1%;
	vertical-align:top;
	margin-bottom:15px;
}
.events-list strong{color:#c30;}
/* sidebar */
#sidebar{
	float:left;
	width:218px;
}
/* navigation */
#nav{
	list-style:none;
	padding:0;
	margin:1px 0 16px;
}
#nav a{
	text-indent:-9999px;
	overflow:hidden;
	display:block;
	background:url(../images/nav.gif) no-repeat;
	width:218px;
	height:38px;
}
#nav a:hover{background-position:-218px 0;}
#nav .home{height:43px;}
#nav li.active .home{background-position:-436px 0;}
#nav .team{background-position:0 -43px;}
#nav .team:hover{background-position:-218px -43px;}
#nav li.active .team{background-position:-436px -43px;}
#nav .tornadoes{
	background-position:0 -81px;
	height:36px;
}
#nav .tornadoes:hover{background-position:-218px -81px;}
#nav li.active .tornadoes{background-position:-436px -81px;}
#nav .terminology{background-position:0 -117px;}
#nav .terminology:hover{background-position:-218px -117px;}
#nav li.active .terminology{background-position:-436px -117px;}
#nav .equipment{
	background-position:0 -155px;
	height:39px;
}
#nav .equipment:hover{background-position:-218px -155px;}
#nav li.active .equipment{background-position:-436px -155px;}
#nav .join-team{
	background-position:0 -194px;
	height:42px;
}
#nav .join-team:hover{background-position:-218px -194px;}
#nav li.active .join-team{background-position:-436px -194px;}
#sidebar .product{
	border:1px solid #3c5533;
	font-size:0.857em;
	padding:10px 10px 8px 7px;
	color:#3c5533;
	margin-bottom:10px;
}
.product .holder{
	height:1%;
	margin-bottom:2px;
}
.product .holder:after{
	display:block;
	clear:both;
	content:"";
}
.product .text-holder{
	float:right;
	position:relative;
	width:110px;
}
.product .text-holder:after{
	display:block;
	clear:both;
	content:"";
}
.product .nancy-drew{
	display:block;
	width:115px;
	height:47px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../images/text-nancy-drew.png) no-repeat;
	margin:1px -7px 5px 0;
	position:relative;
}
#sidebar .product p{margin:0;}
.product .links{
	overflow:hidden;
	height:1%;
	padding-left:3px;
}
.product .links a{
	text-indent:-9999px;
	overflow:hidden;
	float:left;
	height:23px;
	width:98px;
}
.product .links a:hover{background-position:0 -23px;}
.product .links .btn-buy-game{background:url(../images/btn-buy-game.gif) no-repeat;}
.product .links .btn-learn-more{
	width:93px;
	float:right;
	background:url(../images/btn-learn-more.gif) no-repeat;
}
/* footer */
#footer{
	background:url(../images/bg-wrapper-b.png) no-repeat;
	padding:22px 12px 10px 16px;
	font-size:0.714em;
	height:1%;
	overflow:hidden;
}
#footer .logo img{display:block;}
#footer .logo{
	float:left;
	margin-right:12px;
}
#footer .copyright{line-height:1.2em;}
#footer .copyright p{margin:0;}
.footer-rightcol{
	float:right;
	width:316px;
	margin-left:30px;
}
#footer .follow-us{
	float:right;
	border:1px solid #999;
	width:182px;
	padding:9px 3px 13px 10px;
}
#footer .follow-us span{
	font-size:1.2em;
	color:#999;
	float:left;
	margin-right:5px;
}
#footer .follow-us ul{
	list-style:none;
	padding:0;
	margin:0;
	float:left;
	width:120px;
}
#footer .follow-us li{
	margin-left:10px;
	float:left;
	display:inline;
}
.follow-us a{
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	width:29px;
	height:29px;
}
.follow-us .facebook{background:url(../images/ico-facebook.gif) no-repeat;}
.follow-us .youtube{background:url(../images/ico-youtube.gif) no-repeat;}
.follow-us .twitter{background:url(../images/ico-twitter.gif) no-repeat;}
/* join the team page styeles */
.join-team{
	top:86px;
	width:150px;
	height:25px;
	background:url(../images/text-join-team.png) no-repeat;
}
#content .flash2{border:0;}
/* equipment page */
.tracking{
	top:89px;
	width:213px;
	height:25px;
	background:url(../images/text-tracking.png) no-repeat;
}
.equipment-page #content{
	position:relative;
	margin-top:-4px;
	z-index:10;
}
.main-list{
	list-style:none;
	padding:0;
	margin:0;
}
.main-list li{
	overflow:hidden;
	height:1%;
	background:url(../images/border-dotted.gif) repeat-x 0 100%;
	padding-bottom:8px;
	margin-bottom:10px;
}
.main-list .img-holder img{display:block;}
.main-list dl{
	overflow:hidden;
	height:1%;
	margin:0;
}
.main-list dt{
	float:left;
	font-weight:bold;
	color:#c30;
	margin-right:5px;
}
.main-list dd{margin:0;}
.intro p{margin:0 0 20px;}
.equipment .img-holder{
	float:left;
	background:url(../images/bg-img-holder1.png) no-repeat;
	padding:6px 0 0 6px;
	width:220px;
	height:136px;
	margin-right:22px;
}
/* team page */
.team-page #content{
	position:relative;
	z-index:10;
	margin-top:-2px;
}
.meet-team{
	top:89px;
	width:312px;
	height:20px;
	background:url(../images/text-meet-team.png) no-repeat;
}
.team-list{line-height:1.214em;}
.team-list li{
	background:url(../images/border-dotted.gif) repeat-x 0 100%;
	padding:0 0 13px;
	margin-bottom:12px;
}
.team-list .img-holder{
	float:left;
	background:url(../images/bg-img-holder2.png) no-repeat;
	padding:8px 0 0 7px;
	width:172px;
	height:128px;
	margin-right:14px;
}
.team-list dl{margin:0 0 0 193px;}
.team-list dt{float:none;}
/* terminology page */
.terminology-title{
	top:87px;
	width:144px;
	height:25px;
	background:url(../images/text-terminology.png) no-repeat;
}
.terminology-list{
	background:url(../images/border-dotted.gif) repeat-x;
	padding-top:10px;
}
.terminology-list li{
	padding-bottom:10px;
	margin-bottom:8px;
}
.terminology-list dt{text-transform:uppercase;}
.terminology-page #content{
	position:relative;
	margin-top:-2px;
}
.terminology-page .intro p{margin:0 0 10px;}
/* tornadoes page */
.tornadoes-page #content{
	position:relative;
	z-index:10;
	margin-top:-5px;
}
.tornadoes-title{
	top:87px;
	width:117px;
	height:20px;
	background:url(../images/text-tornadoes.png) no-repeat;
}
.tornadoes-page h2{
	font:bold italic 17px Arial, Helvetica, sans-serif;
	color:#3c5533;
	padding-left:10px;
	background:url(../images/bullet.gif) no-repeat 0 8px;
	margin:0 0 10px;
}
.tornadoes-list{margin-bottom:16px;}
.tornadoes-list .img-holder{
	float:left;
	border:3px solid #000;
	margin:4px 27px 8px 0;
}