@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{ font-family:'Quattrocento Sans', "Lucida Grande"; font-size:12px;
background: url(../images/seascape.jpg)  no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
overflow:hidden;

}
h1, h2, h3{color:#900; font-size:26px; margin:7px 0; font-weight:800;}
h2{font-size:20px;}
h3{font-size:14px; text-transform:uppercase;}

/*Main Structure*/
#headerBg{width:100%; height:218px; background: url(../images/topBg.png) top repeat-x #000; padding:25px 0 0 0;}
#headerWrap{ width:100%; height:218px; background: url(../images/topHero.jpg) bottom center no-repeat #000;}
/*#mainWrap{ width:100%; background: url(../images/seascape.jpg) top repeat-x #f7f7ed;}*/
/*#mainCover{ width:100%; height:390px; background: url(../images/mainCover.jpg) top center no-repeat;}*/
#mainCover{ width:100%;}
#rulesCover, #contactCover{ width:100%; min-height:350px; _min-height:350px; background: url(../images/rulesCover.jpg) top center no-repeat;}
#footer{ width:100%; height:60px; padding:20px 0 0; background: url(../images/footerBg.jpg) top repeat-x #900; text-align:center;}

/*Header*/
#header{ width:960px; height:218px; margin:0 auto}
#logo{width:340px ; height:175px; margin:17px 0 0; background:url(../images/sprite.png) no-repeat; background-position:0 0; float:left; outline:none;}
#right{width:290px ; height:218px; margin:0 0 0 315px;  float:left; outline:none;}

/*Navigation*/
#mainNav{ width:255px; height:30px; float:right; outline:none;}
#homeBtn, #rulesBtn, #contactBtn, #homeBtnActive, #rulesBtnActive, #contactBtnActive {height:40px; background: url(../images/sprite.png) no-repeat; float:left;}
#homeBtn, #homeBtnActive {width:80px; background-position:-340px -87px; outline:none;}
#rulesBtn, #rulesBtnActive {width:78px; background-position:-435px -87px;outline:none;} 
#contactBtn, #contactBtnActive {width:96px;background-position:-522px -87px;outline:none;}

#homeBtn:hover, #homeBtnActive{ background-position:-340px -128px;}
#rulesBtn:hover, #rulesBtnActive{ background-position:-435px -128px;} 
#contactBtn:hover, #contactBtnActive{ background-position:-522px -128px;}

/*Login*/
#loginWrap{ width:275px; height:150px; padding-top:30px;  outline:none;position: relative;right: -900px;top: 190px;}
span.mobile{ display:block; width:290px; height:20px; text-align:right;}
span.mobile a{ color:#0040FF; font-size:13px}
span.mobile a:hover{ color:#034da6;}
#formWrap{ width:275px; height:115px; margin-left:15px;}
#formTable{ width:275px; padding:7px; ;}
.tableAdjust{ padding:5px; color:#000; font-size:12px; text-align:left;font-weight:bold}
#submit{ width:95px; height:30px; float:right; margin:10px 72px 0 0;}
#submit:hover{background-image:url(../images/login_btn_over.png);width:95px;height:30px}
.input{ width:120px; height:20px; background:#fff; border:2px solid  #444; outline:#900; font-family:Arial, Helvetica, sans-serif;}
.input:focus{background:#ccc;}

/*Main Content*/
.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;}

/*treeWrap*/
#treeWrap{ width:960px; height:163px; margin:35px auto 0; background:url(../images/sprite.png) no-repeat; background-position: 50px -360px;}

.parent{
position:fixed;
bottom:0px;
width:100%; //width should be 100%
} 
/*Sport Logos*/
#sportsWrap{ 
 height:120px;  opacity:0.8;background-color:transparent !important;
margin:0px auto; //here it will make center 
}
.sportsThumb, .sportsThumbLast{ width:100px; height:85px; margin:0 22.8px 15px 0; float:left;}
.sportsThumbLast{ margin:0 0 15px 0;}
#nfl, #ncaaf, #nba, #ncaab, #mlb, #nhl, #nascar, #pga { background: url(../images/sprite.png) no-repeat;}
#nfl{ background-position:0 -180px}
#ncaaf{ background-position:-100px -180px}
#nba{ background-position:-200px -180px}
#ncaab{ background-position: -300px -180px}
#mlb{ background-position:-400px -180px}
#nhl{ background-position:-500px -180px}
#nascar{ background-position:-600px -180px}
#pga{ background-position:-700px -180px}
#clickOn{ font-size:12px; font-weight:800; color:#000; clear:both;}

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

/*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 #999;}
.tabContainer li a:hover{color:#666;}
#overLine{position:absolute;height:1px;width:90px;float:left;left:1px;top:15px;overflow:hidden;}
ul a.red{ color:#21282a; font-size:11px;  text-decoration:none; font-weight:800;}
ul a.red span.left{ background:url(../images/menuLeft.png) no-repeat left top;}
ul a.red span.right{ background:url../images/menuRight.png) no-repeat right top;}
ul a.grey{color:#ccc;}
ul a:hover{color:#000;}
ul a:hover span.left{}
ul a:hover span.right{}
.preloader{display:block;margin:50px auto;}
li{ font-size:12px;}
li.numerical{ color:#900;}
li.numerical span{ color:#000;}
li.letter{ list-style: upper-latin; color:#b91108;}
li.letter span{ color:#000;} 

/*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:#222222; outline:2px solid #414141; border:1px solid #635d5d; float:left; width:210px; height:17px; color:#fff; letter-spacing: .75px; font-size:12px; margin:0 0 15px 10px;}
.contactText:focus{background:#000;}
.contactMsg{background:#222222; outline:2px solid #414141; border:1px solid #635d5d; float:left; width:210px; height:100px; color:#fff; letter-spacing: .75px; font-size:12px; margin:0 0 15px 10px;}
.contactMsg:focus{background:#000;}
.contTh{ font-size:12px; vertical-align:top; text-align:right; }
#submitTh{ text-align:right;}
.submit{ width:55px; height:22px; float:right; margin:10px 0 0 0; background:url(../images/sprite.png) no-repeat; background-position: -650px 2px}
.submit:hover{background:url(../images/sprite.png) no-repeat; background-position: -650px -19px;}

/*Footer*/
#copright{font-size:10px; color:#ccc; clear:both;}