@charset "UTF-8";

body#grilliLink a#grilliLink,
body#perfectLink a#perfectLink,
body#productsLink a#productsLink,
body#contactLink a#contactLink {
	background: url(img/navButton.jpg) 0 -33px;
	color: #ccc;
	}
    
#indexLink {
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-image: url(../img/jsmain.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
#grilliLink {
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-image: url(../img/aboutImg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
#bodyStat {
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-image: url(../img/statImg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
#bodyPerf {
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-image: url(../img/ppitbg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
#productsLink {
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-image: url(../img/nojsn.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
#contactLink {
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-image: url(../img/contactbg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
#marketLink {
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-image: url(../img/marketBg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
    
    
h1 {
	font-family:Georgia, Times New Roman, Times, serif;
	font-size:42px;
	padding: 0;
	margin: 0;
	text-transform: uppercase;
	}
h6 {
	font-size: 11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	}
p {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	}

#wrap {
	padding: 0px;
	width: 1300px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#wrapIndex {
	padding: 0px;
	width: 960px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#wrapAbout {
	padding: 0px;
	width: 960px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#wrapStat {
	padding: 0px;
	width: 1300px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-image: url(../img/statImg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
#wrapPerf {
	padding: 0px;
	width: 1300px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-image: url(../img/ppitbg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
#wrapProd {
	padding: 0px;
	width: 960px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#wrapContact {
	padding: 0px;
	width: 960px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

#container {
	padding: 0px;
	width: 960px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#spacer {	
	height: 140px;
	}
/* Navigation Bar */
#navbar {
	height: 32px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
}
.mainMenu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	line-height: normal;
	float: right;
	margin-right: 120px;
}
.hmBton {
	text-align: center;
	width: 150px;
	float: left;
}
#mainNav {
	margin: 0 auto;
	padding: 0;	
}		
ul#mainNav { 
	list-style-type: none;
	padding-left: 0;
	margin-left: 0;
	}
#mainNav li {
	float: left;
	width: 130px;
	}	
#mainNav a {
	color: #2b0c0c;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	padding: 7px 0;
	display: block;
	width: 124px;
	background: url(img/navButton.jpg) 0 0;
	}	
#mainNav a:hover {
	color: #ccc;
	background: url(img/navButton.jpg) 0 -33px;
	}
	
/* MAIN CONTENT */
#mainText {
	width: 360px;
	float: right;
	margin-top: 220px;
	margin-right: 50px;
	}

#mainText p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	}
#mainAbout {
	width: 360px;
	float: right;
	margin-top: 100px;
	margin-right: 50px;
	}
#mainStat {
	width: 960px;
	margin: 90px auto 0 auto;
	}

#mainAbout p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	}
#mainContact {
	width: 960px;
	float: left;
	margin: 66px 0 0 30px;
	}
span {
    padding: 0;
    margin: 0;
    }
#linksWrap{
    width: 860px;
    margin: 0 auto;
    padding: 0;
   } 
#mainContact p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	}			
#mainPerfect {
	width: 360px;
	float: right;
	margin-top: 60px;
	margin-right: 50px;
	}

#mainPerfect p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	}	
#tableStat p {
	margin: 0;
	padding: 0;
	}	
#statButton {
	float: right;
    margin-top: 10px;    
	}
#wikiButton {
	float: right;
    margin-top: 10px;
    margin-right: 30px;
	}	
    

/* SUB ABOUT SECTION */
#subWrap {
    width: 960px;
    padding-bottom: 40px;
    padding-top: 100px;
	background-image: url(../img/textbg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
    border-top: 1px solid #252525;
    border-bottom: 1px solid #252525;
    margin-bottom: 160px;
    }
#cuWrap {
    width: 960px;
	background-image: url(../img/cu-link.jpg);
	background-repeat: no-repeat;
	background-position: center top;
    height: 240px;
    }
#subAbout {
	width: 460px;
	margin-left: 20px;
	margin-bottom: 80px;
	}
#subAbout p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	}	
	
#subPerfect {
	width: 960px;
	margin-bottom: 150px;
	}
#subPrefect p {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	}
#subOne {
	width: 280px;
	margin-left: 10px;
	float: left;
	}
#subTwo {
	width: 280px;
	margin-left: 40px;
	float: left;
	}
#subThree {
	width: 280px;
	margin-left: 40px;
	float: left;
	}	
#subOne p {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 10px;
	}
#subTwo p {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 10px;
	}
#subThree p {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 10px;
	}		

/* TABS */
#profile {
	margin: 0 auto;
	text-align: center;
	}
#stats {
	margin: 0 auto;
	text-align: center;
	}
#games {
	margin: 0 auto;
	text-align: center;
	}
#splits {
	margin: 0 auto;
	text-align: center;
	}
#trColor {
	background: #222;
	}		



/* SLIDE NAVIGATION */
#sliderMainTarget {
	margin: 0;
	padding: 0;
	}	
#sliderMain {
	width: 960px;
	margin: 90px auto 0 auto;
	padding: 0;
	background-color: #000;
	}
#sliderNavWrap {
	width: 960px;
	margin: 0 auto;
	background-color:#000;
}
#sliderNav {
	width: 750px;
	margin: 0 auto;
}		

#sliderNav li {
	float: left;
	width: 180px;
	list-style:none;
	}	
#sliderNav a {
	color: #8c8c8c;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:10px;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	padding: 1px 0;
	display: block;
	width: 180px;
	background: url() 0 0;
	}	
#sliderNav a:hover {
	color: #ccc;
	background: url(img/sliderButton.gif) 0 -33px;
	}




	
/* FOOTER */			
#footer {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #000000;
	background-color: #000000;
	background-image: url(img/footerBg.jpg);
	background-repeat: repeat-x;
	background-position: left;
	margin: 0px;
	padding: 0px;
}
.twitRow {
	margin: 0px;
	height: 22px;
	padding: 0px;
}
.twitLink {
	float: right;
	margin-right: 30px;
	}
.twitUpdate {
	margin: 0px;
	height: 110px;
	width: 350px;
	margin-left: 590px;
	padding: 0px;
}
.twitUpdateContact {
	width: 350px;
	float: right;
	margin: 30px 30px 100px 20px;
}		
.twitQuote {
	float: right;
	}	

img.fade {
  opacity: 1;
  -webkit-transition: opacity 1s linear;
}

img.fade:hover {
  opacity: 0;
}  
.linksFade {
        padding: 0px;
        margin: 0px;
        }

#contactMe {
    width: 840px;
    margin: 160px auto 0px auto;
    }
    
.spacer{
    height: 0px;
    }
.one { 
    width: 210px;
    float: left;
    }
.two { 
    width: 210px;
    float: left;
    }
.three { 
    width: 210px;
    float: left;
    }
.four { 
    width: 210px;
    float: left;
    }

#footer {
	background-image: url(img/footerBg.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	margin: 0px;
	padding: 0px;
	height: 225px;
}
#footer a {
	text-decoration: none;
	color: #333;
    margin: 0px;
    padding: 0px;
	}
#mainContent {
	margin: 0px 0px 80px 0px;
	padding: 0px;
}
.footwrap {
	text-align: center;
	width: 960px;
	margin: 0 auto;
	padding: 25px 0 0 0;
}
.footerLink1 {
	width: 220px;
	margin: 0 10px;
	float: left;
}
.footerLink2 {
	width: 220px;
	margin: 0 10px;
	float: left;
}
.footerLink3 {
	width: 220px;
	margin: 0 10px;
	float: left;
}
.footerLink4 {
	width: 220px;
	margin: 0 10px;
	float: left;
}


.clear { 
	clear: both;
	}