@charset "UTF-8";
/* CSS Document */

/*Main Reset*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video, input{
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
}

/*Global*/
html, body{ 
	width:100%; 
	height:100%; 
	background:#2d0f11; 
	font-family:'Quattrocento Sans', "Lucida Grande"; 
	font-size:12px;
}

#pagewidth {
	width: 1024px;
	height: 678px;
	overflow: hidden;
	margin: 0 auto;
	background: url(../images/pastas2.jpg) 0 0 no-repeat;
}
h1, h2, h3{color: #fff; font-size:26px; margin:10px 0; font-weight:800;}
h2{font-size:20px;}
h3{font-size:14px; text-transform:uppercase;}
.clear{width:960px; height:1px; margin:0 auto 0; clear:both; display:block;}
.clearMarg{width:960px; height:15px; margin:0 auto 0; clear:both; display:block;}
.clearRules{width:960px; height:75px; margin:0 auto 0; clear:both; display:block;}
p {color: #ccc; margin:10px 0;}
/*sprite*/
#mainWrap, #footerWrap, li.divid, .submitBtn, #logo, #slide, #treeWrap, #nfl, #ncaaf, #nba, #ncaab, #mlb, #nhl, #nascar, #pga, #mainWrapRules, #mainWrapContact{ background:url(../images/sprite.png) no-repeat;}

/*Main Structure*/
#topWrap{ width:100%; height:85px; background:url(../images/navWrapBg.png) repeat-x bottom;}
#showcaseWrap{ width:100%; height:290px; background:url(../images/hero.jpg) bottom center no-repeat;}
#mainWrap{ width:100%; background-position: 50% -900px;}
#mainWrapRules, #mainWrapContact{ width:100%; background-position: 50% -1035px;}
#footerWrap{ width:100%; height:42px; padding-top:28px; background-position:50% -700px; border-bottom:1px solid #000;text-align:center;}

/*navigation*/
#navWrap{ width:960px; height:85px; margin:0 auto;}
ul#menuWrap{ width:350px; height:50px; float:left; margin-top:32px;}
li.menuBtn, li.divid{list-style:none; display:inline; float:left;}
li.divid{ width:20px; height:28px; background-position:-612px -274px; margin:0 15px;}
a.menuBtn, a.menuBtnActive{font-size:18px; font-weight:800; color:#fff; text-decoration:none;}
a.menuBtn:hover, a.menuBtnActive{ color:#021f49;}

/*login*/
#logWrap{ width:600px; height:85px; float:left;}
#logInput, #mobileWrap, #logHeader{margin:10px 0 0 775px;}
#logHeader{height:20px; margin:5px 0 0 75px;}
#logHeader .logHeader{ width:205px; margin:3px 20px 0 0; text-align:right; float:left; font-size:16px; color:#021f49;}

#logInput{
	width:162px;
	height:100px;
}

.textInput{
	width:100px;
	height:20px;
	padding:0 5px;
	background-position:0 -270px;
	font-size:12px;
	font-family: Arial;
	border-radius: 5px;
	border: 1px solid #ccc;
	margin: 5px;
}
.textInput:focus{background-position:-210px -270px;}

.submitBtn{
	width:51px;
	height:27px;
	background-color:transparent;
	background-position:-434px -271px;
	font-size:12px;
	font-family: Arial;
	border-radius: 5px;
	border: 1px solid #ccc;
	margin: 5px;
}

.submitBtn:hover {
	background-position:-525px -272px;
}
#mobileWrap{ width:530px; height:10px; padding: 4px 0 0; text-align:right;}
#mobileWrap a{ font-size:13px; color:#021f49; text-decoration:none; text-transform:uppercase;}
#mobileWrap a:hover{ color:#fff;}

/*showcase*/
#showcase{ width:960px; height:290px; margin:0 auto;}
.clearShow{ width:960px; height:30px; margin:0 auto; clear:both;}
#slide{ width:555px; height: 228px; margin:0 0 0 405px; background-position:-450px 0; overflow:hidden;}
#slide img{width:530px; height: 206px; margin:11px 0 0 11px;}

/*tree*/
#treeWrap{ width:872px; height:170px;margin:32.5px auto; background-position:0 -350px}
/*sports*/
#sportsWrap{ width:960px;  margin:35px auto 10px; padding:25px 0 0; text-align:center;}
.sportsThumb, .sportsThumbLast{ width:100px; height:75px; margin:0 22.8px 0 0; float:left;}
.sportsThumbLast{ margin:0 0 15px 0;}
#nfl{ background-position:0 -530px}
#ncaaf{ background-position:-100px -530px}
#nba{ background-position:-200px -530px}
#ncaab{ background-position: -300px -530px}
#mlb{ background-position:-400px -530px}
#nhl{ background-position:-500px -530px}
#nascar{ background-position:-600px -530px}
#pga{ background-position:-700px -530px}
#clickOn{ font-size:12px; font-weight:800; color:#9a9a9a; clear:both;}

/*sports logos hover*/
#nfl:hover{ background-position:0 -620px}
#ncaaf:hover{ background-position:-100px -620px}
#nba:hover{ background-position:-200px -620px}
#ncaab:hover{ background-position: -300px -620px}
#mlb:hover{ background-position:-400px -620px}
#nhl:hover{ background-position:-500px -620px}
#nascar:hover{ background-position:-600px -620px}
#pga:hover{ background-position:-700px -620px}

/*Rules*/
#rulesWrap{ width:960px; margin:0 auto;}

/*Rules Tabs*/
#main{margin:0 0 35px;width:900px; margin:0 auto; text-align:justify;}
.tabContainer{float:left; margin-left:0; z-index:500;}
#contentHolder{height: auto; margin-top:-65px;z-index:500;}
#tabContent{width:920px; padding:0 10px 10px; text-align:justify;}
.tabContainer li{display:inline;}
.tabContainer li a,.tabContainer li a:visited{text-decoration:none;float:left; font-weight:200 ;text-align:center;display:block;padding:0; margin: 30px 10px ; height:20px;position:relative;text-shadow:0px -1px 2px #444;}
.tabContainer li a:hover{color:#fff;}
#overLine{position:absolute;height:1px;width:90px;float:left;left:1px;top:15px;overflow:hidden;}
ul a.red{ color:#ccc; font-size:11px;  text-decoration:none; font-weight:800;}
ul a.red span.left{}
ul a.red span.right{}
ul a.grey{color:#ccc;}
ul a:hover{color:#fff;}
ul a:hover span.left{}
ul a:hover span.right{}
.preloader{display:block;margin:50px auto;}
li{ font-size:12px; margin:3px 0;color:#ccc; }
li.numerical{ color:#fff;}
li.numerical span{ color:#ccc}
li.letter{ list-style: upper-latin; color:#fff;}
li.letter span{ color:#ccc;} 

/*Contact*/
#contactHeader{ width:960px; height:50px; margin:0 auto; padding-top:15px; text-align:center;}
#contactContainer{  width:700px; height:325px; margin:35px auto 0; outline:none;}
#contactLeft, #contactRight{ width:335px;height:300px;padding:0 0 0 10px; margin:0 10px 0 0;outline:none; float:left; font-size:12px;}
#contactRight{ width:315px; padding:0 0 0 20px; margin:0; height:100px; outline:none;}
#contactLeft h1, #contactRight h1{ margin:0;}
#contactTbl{margin-top:10px; border:none;}
.contactText{background:#494f55; outline:2px solid #444; border:1px solid #ccc; float:left; width:210px; height:17px; color:#000; letter-spacing: .75px; font-size:12px; margin:0 0 15px 10px;}
.contactText:focus{background:#888;}
.contactMsg{background:#494f55; outline:2px solid #444; border:1px solid #ccc; float:left; width:210px; height:100px; color:#000; letter-spacing: .75px; font-size:12px; margin:0 0 15px 10px;}
.contactMsg:focus{background:#888;}
.contTh{ font-size:12px; vertical-align:top; text-align:right; color:#ccc; }
#submitTh{ text-align:right;}
#submitThBtn{  background:#494f55; border:1px solid #fff;}
#submitThBtn:hover{ background:#999; border:1px solid #fff;}
/*footer*/
#copright{font-size:10px; color:#ccc; clear:both;}

#agents {
	margin-left: 743px;
	margin-top: 521px;
	display: inline-block;
	font-size: 14px;
}