/*
	Google font:
	font-family: 'Oswald', sans-serif;
	font-weight:400,700;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight:200,300,400,600,700,900;
*/
/***************************************************************************/
*{
	color:#000;
	font-size:12px; 
	font-style:normal;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight:400;
	margin:0px; 
	padding:0px; 
	border:0px; 
	list-style:none;
	text-decoration:none;
}
.clear{
	clear:both;
}
/** Body ******************************************************************/
body{
	background-color:#ececec;
}
/** Global Section ******************************************************************/
.bodyWrap{
	display:block;
	float:left;
	width:100%;
}
.bodyContent{
	display:block;
	width:960px;
	min-height:300px;
	margin:0px auto;
	margin-top:10px;
	background:url('images/footerCity.png') no-repeat bottom right;
	padding-bottom:185px;
	overflow:hidden;
}
.marginLeft60{
	margin-left:60px;
}
.sectionTitles{
	display:block;
	float:left;
	width:960px;
	color:#f38f20;
	font-family: 'Oswald', sans-serif;
	font-size:21px;
	text-transform:uppercase;
	margin-top:20px;
}
.titleStyle{
	display:block;
	float:left;
	width:620px;
	font-family: 'Oswald', sans-serif;
	font-size:22px;
	text-transform:uppercase;
	clear:right;
}
.pStyle{
	display:block;
	float:left;
	width:600px;
	color:#676767;
	font-size:14px;
	line-height:21px;
	margin-left:20px;
	margin-top:20px;
}
.pStyle a img{
	max-width:600px;
}
.pStyle strong{
	color:#000;
	font-size:14px;
	font-weight:700;
}
.pStyle em{
	color:#676767;
	font-size:14px;
	font-style:italic;
}
.pStyle a{
	color:#ec8820;
	font-size:14px;
}
.pStyle a:hover{
	color:#000;
}
.pStyle ul{
	color:#676767;
	font-size:14px;
	line-height:21px;
}
.pStyle ol{
	color:#676767;
	font-size:14px;
	line-height:21px;
}
.pStyle li{
	color:#676767;
	font-size:14px;
	line-height:21px;
}
.pStyle.pStyleNarrow{	
	width:240px;
	margin-left:0px;
}
.contentLeft{
	display:block;
	float:left;
	width:620px;
	margin-top:40px;
	position:relative;
}
.contentLeft.noMargin{
	margin-top:0px;
}
.contentImage{
	display:block;
	float:left;
	width:600px;
	margin:20px 0px 10px 20px;
}
/** Header ******************************************************************/
#header{
	background:#fff;
	display:block;
	float:left;
	width:100%;
	height:225px;
}
#headerContent{
	display:block;
	margin:0px auto;
	width:960px;
	height:225px;
	position:relative;
}
#headerContent img{
	display:block;
	float:left;
	margin-top:40px;
	margin-left:-20px;
}
#navigation{
	display:block;
	width:341px;
	height:40px;
	position:absolute;
	top:84px;
	right:0px;
}
.eachNavi{
	display:block;
	float:left;
	width:85px;
	height:40px;
}
.eachNavi div{
	display:block;
	float:left;
	width:85px;
	height:5px;
	margin-bottom:5px;
}
.eachNavi a{
	display:block;
	float:left;
	width:84px;
	height:28px;
	font-family: 'Oswald', sans-serif;
	text-transform:uppercase;
	text-align:center;
	line-height:30px;
	border:1px solid #909090;
}
.eachNavi:hover div, .eachNavi.active div{
	background:#ec8820;
}
.eachNavi .noBorderLeft{
	border-left:0px;
}
#headerContent h1{
	display:block;
	float:left;
	clear:left;
	color:#cacaca;
	font-family: 'Oswald', sans-serif;
	font-size:16px;
	margin-left:72px;
}
/** Home Page ******************************************************************/
/** Recent Games **************/
#recentGames{
	background:#fff;
	display:block;
	float:left;
	width:100%;
}
#recentGamesContent{
	display:block;
	width:960px;
	margin:0px auto;
	margin-bottom:40px;
}
.recentEachGame{
	display:block;
	float:left;
	width:430px;
	height:150px;
	margin-top:30px;
	margin-left:20px;
	overflow:hidden;
}
.recentEachGame img{
	display:block;
	float:left;
	width:200px;
}
.recentEachGame img:hover{
	opacity:0.7;
}
.recentEachGameText{
	display:block;
	float:left;
	width:200px;
	margin-left:30px;
}
.recentEachGame h3{
	display:block;
	float:left;
	width:100%;
	height:15px;
	overflow:hidden;
	font-size:14px;
	font-weight:700;
	text-transform:uppercase;
}
.recentEachGame h3:hover{
	color:#f38f20;
}
.recentEachGame p{
	display:block;
	float:left;
	width:100%;
	height:125px;
	color:#676767;
	line-height:18px;
	overflow:hidden;
}
/** Recent News **************/
.recentEachNews{
	display:block;
	float:left;
	width:440px;
	margin-top:30px;
	border-bottom:1px solid #f38f20;
}
.recentEachNews h3{
	display:block;
	float:left;
	width:100%;
	height:20px;
	overflow:hidden;
	font-size:20px;
	line-height:20px;
	font-family: 'Oswald', sans-serif;
	text-transform:uppercase;
}
.recentEachNews h3:hover{
	color:#f38f20;
}
.recentEachNews span{
	display:block;
	float:left;
	width:100%;
	color:#979797;
	font-size:14px;
	text-align:right;
	margin-top:10px;
}
.recentEachNewstext{
	display:block;
	float:left;
	width:410px;
	margin:15px 0px 25px 30px;
}
.recentEachNewstext p{
	display:block;
	float:left;
	width:410px;
	height:55px;
	color:#676767;
	line-height:18px;
	overflow:hidden;
}
.recentEachNewstext a{
	display:block;
	float:left;
	width:100px;
	height:20px;
	background:#444;
	color:#fff;
	font-weight:300;
	line-height:20px;
	text-align:center;
	text-transform:uppercase;
	margin-top:20px;
}
.recentEachNewstext a:hover{
	background:#222;
}
/** News Articles********************************************************************/
#newsArticleContent{
	display:block;
	float:left;
	width:960px;
	margin-top:40px;
	position:relative;
}
#previousNextBtn{
	display:block;
	float:right;
	margin-top:5px;
	position:absolute;
	top:0;
	right:0;
}
#previousNextBtn a{
	display:block;
	float:left;
	width:40px;
	height:22px;
	background:#444;
	color:#fff;
	font-size:14px;
	font-weight:700;
	line-height:22px;
	text-align:center;
}
#previousNextBtn a:nth-child(2){
	margin-left:5px;
}
#previousNews:hover{
	background:#222;
}
#nextNews:hover{
	background:#222;
}
#postDate{
	display:block;
	float:left;
	width:520px;
	color:#979797;
	margin-top:10px;
	margin-bottom:0px;
}
#newsContentRight{
	display:block;
	float:left;
	width:260px;
	margin-left:80px;
	margin-top:40px;
}
/** Game Info ********************************************************************/
#gameInfoContent{
	display:block;
	float:left;
	width:960px;
	margin-top:40px;
	position:relative;
}
#singleImage{
	display:block;
	float:left;
	width:920px;
	height:400px;
	margin-left:20px;
	margin-top:20px;
	overflow:hidden;
	text-align:center;
	background:#000;
}
#singleImage img{
	max-width:920px;
	min-height:400px;
	max-height:400px;
}
/** Slideshow **************/
#slideshow{
	display:block;
	float:left;
	max-width:920px;
	max-height:400px;	
	margin-left:20px;
	margin-top:20px;
	background:#000;
	overflow:hidden;
	position:relative;
}
#showSlider{
	display:block;
	float:left;
	height:400px;
}
.eachSlide{
	display:block;
	float:left;
	width:920px;
	max-height:400px;
	text-align:center;
}
.eachSlide img{
	max-width:920px;
	max-height:400px;
	min-height:400px;
}
/** Slideshow Botton **************/
#leftArrow{
	display:block;
	float:left;
	width:30px;
	height:400px;
	top:0px;
	left:0px;
	background:rgba(221,221,221,0.2) url('images/leftArrow.png') no-repeat center center;
	position:absolute;
	cursor:pointer;
}
#leftArrow:hover{
	background-color:rgba(221,221,221,0.5);
}
#rightArrow{
	display:block;
	float:left;
	width:30px;
	height:400px;
	top:0px;
	right:0px;
	background:rgba(221,221,221,0.2) url('images/rightArrow.png') no-repeat center center;
	position:absolute;
	cursor:pointer;
}
#rightArrow:hover{
	background-color:rgba(221,221,221,0.5);
}
/** Video **************/
.videoStyle{
	display:block;
	float:left;
	width:920px;
	height:400px;				/*********************************/
	margin-left:20px;
	margin-top:20px;
}
#gameRules{
	display:block;
	float:left;
	width:620px;
	margin-top:30px;
}
#gameContentRight{
	display:block;
	float:left;
	width:260px;
	margin-left:80px;
	margin-top:40px;
}
/** About ********************************************************************/
#aboutCompany{
	display:block;
	float:left;
	width:620px;
}
#aboutFounder{
	display:block;
	float:left;
	width:620px;
	margin-top:40px;
}
#aboutFounder .pStyle strong{
	display:block;
	font-size:16px;
	height:16px;
	margin-bottom:-4px;
	padding:0px;
	letter-spacing:1px;
}
#share{
	display:block;
	float:left;
	width:620px;
	margin-top:40px;
	border-top:1px solid #f38f20;
}
#shareArea{
	display:block;
	float:left;
	width:600px;
	margin-top:20px;
	margin-left:20px;
}
#shareArea span{
	display:block;
	float:left;
	color:#979797;
	font-size:11px;
	text-transform:uppercase;
}
#shareArea a{
	display:block;
	float:left;
	width:25px;
	height:25px;
	margin-left:5px;
	margin-top:-5px;
}
#shareArea #shareFacebook{
	background:url("images/facebookIcon.png") no-repeat center center;
}
#shareArea #shareTwitter{
	background:url("images/twitterIcon.gif") no-repeat center center;
}
#shareArea iframe{
	display:block;
	float:left;
	width:60px;
	height:25px;
	margin-top:-3px;
	margin-left:370px;
}
#aboutContentRight{
	display:block;
	float:left;
	width:260px;
	margin-left:80px;
	margin-top:40px;
}
#aboutContentRight a{
	display:block;
	float:left;
	color:#ec8820;
	font-size:18px;
	text-transform:lowercase;
}
#aboutContentRight a:hover{
	color:#ffc107;
}
/** Footer ********************************************************************/
#footer{
	background:#000;
	display:block;
	float:left;
	width:100%;
}
#footerContent{
	display:block;
	width:960px;
	margin:0px auto;
}
.footerTitles{
	display:block;
	float:left;
	color:#fff;
	font-size:14px;
	text-transform:uppercase;
}
#follow{
	display:block;
	float:left;
	margin-top:40px;
}
#follow a{
	display:block;
	float:left;
	width:25px;
	height:25px;
	margin-left:5px;
	margin-top:-3px;
}
#follow #facebook{
	background:url("images/facebookIcon.png") no-repeat center center;
}
#follow #twitter{
	background:url("images/twitterIcon.gif") no-repeat center center;
}
#follow #rss{
	background:url("images/rssIcon.png") no-repeat center center;
}
#follow iframe{
	display:block;
	float:left;
	margin-left:5px;
}
#followEmail{
	display:block;
	float:left;
	width:403px;					/*********************************/
	margin-top:20px;
	clear:left;
}
#followEmail div{
	display:block;
	float:left;
	width:400px;					/*********************************/
	height:30px;					/*********************************/
	background:#eee;				/*********************************/
	margin-top:5px;
}
#contactUs{
	display:block;
	float:left;
	margin-top:30px;
	clear:left;
}
#contactUs a{
	display:block;
	float:left;
	color:#ec8820;
	font-size:18px;
	text-transform:lowercase;
	margin-top:-3px;
}
#contactUs a:hover{
	color:#ffc107;
}
#copyright{
	display:block;
	float:left;
	margin-top:40px;
	color:#666;
	clear:left;
	margin-bottom:40px;
}
/** Global Overwrite ******************************************************************/
.marginLeft60{
	margin-left:60px;
}