@charset "utf-8";
/* CSS Document */
*{padding: 0px; margin: 0px;}
.clearBreak{
	display: block;
	clear: both;
	font-size: 1px;
	height: 1px;
	line-height: 1px;
	margin-top: -1px;
}
body.noFlash{
	text-align: center;
	background: #00bce1 url(../images/body-background.jpg) top center no-repeat; 
	font-family: Helvetica, Arial, sans-serif;
}
img{border: none;}
a img{display: inline-block;}
#pageContainer{width: 836px; margin: 0px auto; position: relative;}
#navigation{
	width: 112px; 
	float: left; 
	/*background: url(../images/bubbles-left.jpg) no-repeat;*/
	position: relative;
	z-index: 500;	
	}
#main{float: left; width: 724px; z-index: 50}
#content{width: 724px; float: left; background: #FFFFFF; position: relative; z-index: 50}
#main .widthReset{width: 724px;}
#main #footer{width: 724px; min-width:724px; background: url(../images/footer-background.jpg) center no-repeat; float: left; height: 122px; z-index: 0;}
#rightSide{float: left; width: 142px;
/*background: url(../images/bubbles-right.jpg) no-repeat;*/
height: 1000px;}
#logo{position: absolute; top: 9px; left: 0px; z-index: 9999;}
#navigation .nav{float: right; padding-top: 65px; list-style: none; list-style-type: none;}
#navigation .nav li{width: 112px; height: 26px; line-height: 26px; margin-bottom: 3px}
#navigation .nav li a:link, #navigation .nav li a:visited{
	display: block;
	background: #FFFFFF;
	color: #636466;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 10px;
	text-decoration: none;
	text-align: right;
	padding-right: 5px;
}
#navigation a img.icon{
	position: relative;
	top: 5px;
	margin-right: 5px;
	margin-top: -5px;
}
#navigation .nav li a:hover, #navigation .nav li a.active{color: #fb0e2c;}
#masthead{width: 724px; height: 409px; background: #FFFFFF; position: relative; overflow: hidden; z-index: 500}
#masthead .item a:link, #masthead .item a:visited, #masthead .item a:hover{
	width: 724px;
	height: 407px;
	display: block;
}
.item a img{display: block;}
#boxContainer{background: #FFFFFF; padding-top: 8px; width: 724px; float: left; position: relative; z-index: 500}
#boxes{width: 702px; margin: 0px auto;}
#boxes .box{
	margin-right: 15px; margin-bottom: 15px; float: left;
	width: 224px; height: 78px;
}
#boxes .box a:link,#boxes .box a:visited, #boxes .box a:hover{width: 224px; height: 78px; display: block;} 
#boxes .box.last{margin-right: 0px;}
#boxes .box.bottom{margin-bottom: 11px}
#masthead #rotator{position: absolute; top: 0px; left: 0px; height: 409px; z-index: 500}
#rotator .item{float: left; width: 724px; height: 407px;}
#main #footer p{padding-top: 100px; font-size: 9px; color: #ffffff; text-align: center; position: relative; z-index: 500}
#main #footer a{
	text-decoration: none;
	color: #FFFFFF;
}
#main #footer a:link, #main #footer a:visited, #main #footer a:hover{
	text-decoration: none;
	border:0;
	color: #FFFFFF;
}
#masthead #leftSlider{
	position: absolute;
	left: 15px;
	top: 170px;
	z-index: 9999;
}
#masthead #rightSlider{
	position: absolute;
	right: 11px;
	top: 170px;
	z-index: 9999;
}


/*Custom Masthead Styles*/
#masthead .contact-us{
	width: 724px;
	height: 407px;
	background: transparent url(../images/main/contact-us/contact-us-background.jpg) no-repeat;
	text-align: center;
}
#masthead .contact-us .callouts{
	margin-top: 200px;
	width: 524px;
	padding-top: 251px;
	margin: 0px auto 0px auto;	
}
#masthead .contact-us .callouts a:link, #masthead .contact-us .callouts a:visited,
#masthead .contact-us .callouts a:hover{
	float: left;
	margin-right: 25px;
	width: 158px;
	height: 39px;
} 
#masthead #downloads{
	width: 724px;
	height: 407px;
	padding-top: 0px;
	margin:0;
}

#masthead .loot
{
	width: 724px;
	height: 407px;
	background: transparent url(../images/main/loot/masthead_loot.jpg) no-repeat;
	text-align: left;
}
#masthead .lootCTA
{
	padding: 150px 0px 0px 346px;	
}

#masthead .lootCTA #getLoot
{
	height: 110px;
	width: 304px;
}
#masthead .lootCTA #whatLoot
{
	height: 30px;
	width: 304px;
}


/*Downloads Page */
#downloads{
	font-family: Arial, Helvetica, Sans-Serif;
	margin: 9px;
	background: #00BCE1;
	padding-top: 50px;
	color: #ffffff;
	font-size: 12px;
}
#downloads h1{text-align: left;}
#downloads #scrollableContainer{
	margin: 35px 0px 9px 0px;
	width: 680px;
	height: 512px;
	overflow-y: scroll;
	overflow-x: hidden;
	text-align: left;
	padding-left: 10px;
	float: left;
	position:relative;
}
#downloads .category{
	margin-bottom: 18px;
}
#downloads h2{
	font-size: 18px;
	padding-bottom: 10px;
	padding-left: 17px;
}
#downloads .category .scroller a.leftArrow{
	float: left;
	margin-top: 25px;
	margin-right: 7px;
}
#downloads .category .scroller a.rightArrow{
	float: left;
	margin-top: 25px;
	margin-left: 7px;
}
.scroller .scrollerContainer{
	overflow: hidden;
	width: 613px;
	float: left;
	position: relative;
}
.scroller .scrollerContainer .scrollingSection{
	position: relative;
	left: 0px;
	width: 10000px;
}
.scroller .scrollerContainer .scrollingSection .item{
	float: left;
	width: 98px;
	margin-right: 5px;
}
.scroller .scrollerContainer .scrollingSection .item a:link,
.scroller .scrollerContainer .scrollingSection .item a:visited,
.scroller .scrollerContainer .scrollingSection .item a:hover{
	display: block;
	text-decoration: none;
	color: #ffffff;
	padding-top: 3px;
	text-align: center;
}
.scroller .thumbnail{
	display: block;
	width: 98px;
	height: 73px;
}