@font-face {
    font-family: 'open_sansregular';
    src: url('../fonts/OpenSans-Regular-webfont.eot');
    src: url('../fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Regular-webfont.woff') format('woff'),
         url('../fonts/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-Regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sansbold';
    src: url('../fonts/OpenSans-Bold-webfont.eot');
    src: url('../fonts/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Bold-webfont.woff') format('woff'),
         url('../fonts/OpenSans-Bold-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-Bold-webfont.svg#open_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
	font-family: "Roboto-Bold";
	src: url('../fonts/771820069-Roboto-Bold.eot');
	src: url('../fonts/771820069-Roboto-Bold.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/771820069-Roboto-Bold.svg#Roboto') format('svg'),
		 url('../fonts/771820069-Roboto-Bold.woff') format('woff'),
		 url('../fonts/771820069-Roboto-Bold.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
/* Webfont: Lato-Black */@font-face {
    font-family: 'LatoWebBlack';
    src: url('../fonts/Lato-Black.eot'); /* IE9 Compat Modes */
    src: url('../fonts/Lato-Black.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/Lato-Black.woff2') format('woff2'), /* Modern Browsers */
         url('../fonts/Lato-Black.woff') format('woff'), /* Modern Browsers */
         url('../fonts/Lato-Black.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}


/* Webfont: Lato-Bold */@font-face {
    font-family: 'LatoWebBold';
    src: url('../fonts/Lato-Bold.eot'); /* IE9 Compat Modes */
    src: url('../fonts/Lato-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/Lato-Bold.woff2') format('woff2'), /* Modern Browsers */
         url('../fonts/Lato-Bold.woff') format('woff'), /* Modern Browsers */
         url('../fonts/Lato-Bold.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

/* Webfont: Lato-Regular */@font-face {
    font-family: 'LatoWeb';
    src: url('../fonts/Lato-Regular.eot'); /* IE9 Compat Modes */
    src: url('../fonts/Lato-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/Lato-Regular.woff2') format('woff2'), /* Modern Browsers */
         url('../fonts/Lato-Regular.woff') format('woff'), /* Modern Browsers */
         url('../fonts/Lato-Regular.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

html, body, h1, h2, h3, h4, h5, h6, p, li, ul{
	margin:0px;
	padding:0px;
}


.clearfix:before,
.clearfix:after{
  display: table;
  content: " ";
}
.clearfix:after,
.container:after{
  clear: both;
}

.row:before,
.row:after {
  display: table;
  line-height: 0;
  content: "";
}

.row:after {
  clear: both;
}

.span1, .span2, .span3, .span4, .span5, .span6, .span7, .span8, .span9, .span10, .span11, .span12{
	float:left;
}
.span12 {
	width: 100%;
}
.span11 {
	width: 91.66666667%;
}
.span10 {
	width: 83.33333333%;
}
.span9 {
	width: 75%;
}
.span8 {
	width: 66.66666667%;
}
.span7 {
	width: 58.33333333%;
}
.span6 {
	width: 50%;
}
.span5 {
	width: 41.66666667%;
}
.span4 {
	width: 33.33333333%;
}
.span3 {
	width: 25%;
}
.span2 {
	width: 16.66666667%;
}
.span1 {
	width: 8.33333333%;
}


body{
	background:url(../images/bg.png) top center;
	font-family: 'open_sansregular';
}
#container{
	width:1000px;
	margin:0 auto;
}
p{
	text-align:justify;
	font-size:14px;
}

/*	Header	*/
/*	Logo	*/
.logo img{
	position: absolute;
    margin-top: -80px;
    margin-left: -90px;
}

/*	Menu	*/
.menu{
	background:url(../images/menu-bg.png);
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	padding:15px;
	margin:92px 30px 0 30px;
}
.menu ul li{
	display:inline-block;
}
.menu ul li a{
	font-family: "Roboto-Bold";
	text-decoration:none;
	color:#fff;
	padding:0 20px;
	border-left:2px solid #fff;
	text-transform:uppercase;
	font-size:14px;
}
.menu ul li.first a{
	border:none;
}
.menu ul li:hover a{
	text-decoration:underline;
}

/*	Content	*/
.content-block{
	border-radius:10px;
	
}

/*	Banner	*/
.banner{
	background:url(../images/banner.png);
	padding:80px 40px 35px 60px;
}
.banner-content h2{
   font-family: 'LatoWebBlack';
	color:#fff;
	text-transform:uppercase;
	font-size:1.9em;
}
.banner-content p{
    font-family: 'LatoWebBold';
	color:#fff;
	font-size:1.2em;
	margin:4px 0 35px 0;
}
.btn{
    font-family: 'open_sansbold';
	background:url(../images/btn-bg.png);
	text-decoration:none;
	color:#fff;
	text-transform:uppercase;
	font-size:14px;
	padding:9px 10px;
	border-radius:5px;
}
.btn:hover{
	color:#FEE86F;
}

.content{
	padding:20px;
  background:url(../images/content-mid-bg.png) repeat-y;
}

.content-bottom{
          width:1000px;
		background:url(../images/content-bottom-bg.png) no-repeat;
		height:45px;
}

.content > .span4{
	width:29%;
}
.content > .span8{
	width:70%;
}

/*	Packages	*/
.boxes{
	margin:50px 0 0 0;
}
.boxes div{
	margin:0 0 30px 0;
}
.boxes .box1{
	background:url(../images/box1.png);
	width:244px;
	height:145px;
}
.boxes .box2{
	background:url(../images/box2.png);
	width:244px;
	height:145px;
}
.boxes .box3{
	background:url(../images/box3.png);
	width:244px;
	height:145px;
}
.boxes h2{
    font-family: 'LatoWebBlack';
	color:#000;
	text-transform:uppercase;
	font-size:1.4em;
	padding:45px 0 0 0;
}
.boxes h3{
  font-family: 'LatoWeb';
	color:#5d5d5d;
	text-transform:uppercase;
	font-size:14px;
	font-weight:normal;
	padding:8px 0 23px 0;
}
.boxes h3 span{
	color:#e55001;
}
.boxes p{
	text-align:center;
}
.boxes p a{
   font-family: 'LatoWebBlack';
	text-decoration:none;
	color:#000;
	text-transform:uppercase;
	font-size:15px;
}
.boxes p a:hover{
	color:#e55001;
}

/*	Welcome	*/
.welcome{
	margin:0 25px 0 0;
}
.welcome .title{
    font-family: 'LatoWebBold';
	color:#999999;
	text-transform:uppercase;
	font-size:1.6em;
	margin:10px 0 5px 0;
}
.welcome .title span{
	color:#71c015;
}
.welcome p{
    font-family: 'LatoWeb';
	color:#999999;
	line-height:1.6em;
}

/*	Logic Betting	*/
.logicbet{
	background:url(../images/logic-bg.png);
	width:198px;
	height:290px;
	padding:15px;
	margin:45px 0 0 0;
}
.logicbet .row1{
	margin:10px 0;
}
.logicbet .row2{
	margin:30px 0 0 0;
}
.logicbet .row2 h4{
    font-family: 'LatoWebBold';
	text-align:right;
	color:#3f3f3e;
	font-size:14px;
	margin:0 0 15px 0;
}
.logicbet .row2 p{
    font-family: 'LatoWeb';
	color:#575757;
	line-height:1.5em;
}
.story{
	background:#f6f6f6;
	border:10px solid #dbdad8;
	border-radius:10px;
	padding:17px;
	margin:20px 0 0 0;
}
.story p{
    font-family: 'LatoWeb';
	color:#999999;
	line-height:1.5em;
}

/*	Footer	*/
.footer{
	margin:14px 0 28px 0;
	padding:0 20px;
}
.footer .fright p{
	text-align:right;
}
.footer p{
	color:#ffffff;
	font-family:Arial;
	font-size:13px;
}
.footer p a{
	color:#ffffff;
	text-decoration:none;
}
.footer p a:hover{
	color:#FFC842;
}

/*	Asian Handicap Bet	*/
.asian-left{
	margin:0 30px 0 0;
}
.handicap{
	background:url(../images/asian.png) no-repeat;
	padding:30px 20px 33px 20px;
	margin:10px 0;
}
.asian{
	background:#f6f6f6;
	border:10px solid #e6e6e6;
	border-radius:10px;
}
.asian-box{
	border:2px solid #9f9f9f;
	padding:10px;
}
.handicap ul{
	margin:15px 0 0 50px;
}
.handicap ul li{
	list-style-image:url(../images/list.png);
	line-height:2em;
	color:#000;
	font-family:"Myriad Pro";
	font-size:14px;
}
.asian-box h2{
    font-family: 'LatoWebBlack';
	color:#000;
	text-transform:uppercase;
	font-size:1.5em;
	padding:10px 0 0 0;
}
.asian-box h3{
    font-family: 'LatoWeb';
	color:#5d5d5d;
	text-transform:uppercase;
	font-size:14px;
	font-weight:normal;
	padding:0 0 5px 0;
	border-bottom:1px solid #e5e5e5;
}
.asian-box h3 span{
	color:#e55001;
}
.asian-box h1{
    font-family: 'open_sansbold';
	color:#c80d09;
	font-size:2.6em;
}
.asian-box p{
    font-family: 'open_sansregular';
	text-align:center;
	text-transform:uppercase;
	color:#000;
	margin-top:-5px;
}
.asian-box a{
	padding:8px 30px;
    top: 19px;
    position: relative;
}

/*	Tracked Records	*/
.records{
	padding:0px 0;
}

/*	Contact Us	*/
.shadow img{
	margin:50px 0 0 0;
}
.shadow p{
    font-family: 'LatoWeb';
	color:#999999;
	line-height:1.8em;
	font-size:13px;
}
.shadow p a{
	text-decoration:none;
	color:#df0000;
	font-size:14px;
	text-transform:uppercase;
}
.shadow p a:hover{
	color:#000;
}
.ground{
	background:url(../images/ground.png);
	width:100%;
	height:144px;
}
.ground p{
    font-family: 'LatoWeb';
	color:#fff;
	padding:40px 160px 0 60px;
	line-height:1.8em;
}
.cform table{
	width:100%;
}
.cform table tr td.first{
	width:40%;
}
.cform table tr td.second{
	width:50%;
}
.cform table tr td input[type=text]{
	width:80%;
	background:#f3f3f3;
	border:none;
	border-top:1px solid #cbcbcb;
	padding:8px 10px;
	border-radius:10px;
	margin:10px 0;
}
.cform table tr td textarea{
	width:89%;
	background:#f3f3f3;
	border:none;
	border-top:1px solid #cbcbcb;
	padding:8px 10px;
	border-radius:10px;
	margin:10px 0;
}
.cform table tr td input[type=submit]{
	background:url(../images/send.png) no-repeat;
	border:none;
	color:#102933;
	padding:7px 30px;
}
::-webkit-input-placeholder { color:#102933; }
::-moz-placeholder { color:#102933; } /* firefox 19+ */
:-ms-input-placeholder { color:#102933; } /* ie */
input:-moz-placeholder { color:#102933; }

a img{outline : none !important;border : 0;}