*{margin:0; padding:0;}
a:focus {outline-style: none;}

a{ color: #00379d;}

Button::-moz-focus-inner,
Input[type="reset"]::-moz-focus-inner,
Input[type="button"]::-moz-focus-inner,
Input[type="submit"]::-moz-focus-inner,
Input[type="file"] > input[type="button"]::-moz-focus-inner {
    Border: none;
}

body{
	font-family:Verdana,Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#595959;
	background:url("images/header-bg.jpg") repeat-x top #fff;
	}
	
	
#main{
	width:970px;
	margin:0 auto 0 auto;
	padding:0;
	}
	

img{border:0 none;}

#main-content{
	width:970px;
	float:left;	
	padding:0;
	}
        
#header-area{
        background:url("images/header-img.png") no-repeat top right transparent;
        width:970px;
	float:left;
	padding:0;
	margin:0;}
	
.header{
	width:970px;
	float:left;
        height: 106px;
	padding:0;
	margin:0;
	}

	
.logo{
	width:451px;
	float:left;
	margin:20px 0 0 10px;
	}

.logo a{
	width:451px;
	/*text-indent:-9999px;*/
	display:block;
	}
        
.header-banner{width:470px; float: right; margin-top: 20px; }


#navigation{
        width:970px;
        float:left;
        height:24px;
}

#navigation ul{
        list-style:none; 
        float:left;
}

#navigation li{
        list-style:none; 
        float:left; 
        padding:0 2px;}

#navigation li a{ 
        color:#242424;
        background:url("images/navi-bg.jpg") repeat-x top; 
        font-family: Verdana,Arial, Helvetica, sans-serif;
        font-size:10px; 
        float:left; 
        text-decoration:none; 
        padding:0 10px;   
        -webkit-border-radium: 7px 7px 0px 0px;
        -moz-border-radius: 7px 7px 0px 0px;
        -khtml-border-radius: 7px 7px 0px 0px; 
        border-radius:  7px 7px 0px 0px;
        height:24px; 
        margin:0;
        line-height: 24px;
        font-weight: bold;
}

#navigation li a:hover{
        color: #242424;
        text-decoration: underline;
        }




#contentArea{width:970px; float:left; padding:0; margin:25px 0;}




#top-area{ width: 970px; float: left; margin-bottom: 20px;}
#top-content{background:url("images/top-content-bg.jpg") repeat-y; width: 970px; float: left; padding: 0; -webkit-border-radium:7px 7px 0 0;-moz-border-radius:7px 7px 0 0;-khtml-border-radius:7px 7px 0 0; border-radius:7px 7px 0 0;}

.top-content-heading{background:url("images/top-head.jpg") repeat-x top; width: 970px; height:41px; float: left; margin: 0 0 15px 0;}

.top-content-heading h1{width: 928px; float: left;font-family:Verdana,Arial, Helvetica, sans-serif; color:#fff; font-size:12px; font-weight:bold; text-align: center; padding:12px 20px;}
.top-content-heading h1 a{color:#fff; text-decoration:none;}
.top-content-heading h1 a:hover{color:#fff; text-decoration:none;}

.top-content-heading h2{width: 928px; float: left;font-family:Verdana,Arial, Helvetica, sans-serif; color:#fff; font-size:12px; font-weight:bold; text-align: center; padding:12px 20px;}
.top-content-heading h2 a{color:#fff; text-decoration:none;}
.top-content-heading h2 a:hover{color:#fff; text-decoration:none;}

.top-content-txt{ width: 928px; float: left; padding: 0 20px;font-family:Verdana,Arial, Helvetica, sans-serif; font-size: 12px; color: #191919; text-align: justify; line-height: 18px;}

.top-content-txt p{font-family:Verdana,Arial, Helvetica, sans-serif; font-size: 12px; color: #191919; text-align: justify; line-height: 18px;}
.top-content-txt p a{ text-decoration: none; color: #00379d;}
.top-content-txt p a:hover{ text-decoration: none; color: #00379d;}

.top-content-footer{background:url("images/top-content-footer.jpg") no-repeat; width:970px; height:20px; float:left;}

.top-content-footer{background:url("images/top-content-footer.jpg") no-repeat; width:970px; height:20px; float:left;}



.mid-content{ width:650px; float:left; padding:0; margin: 0; }

.table-box{background:url("images/txt-bg.jpg") repeat-y; width: 650px; float: left; padding: 0 1px;}

.table-heading{background:url("images/table-head.jpg") repeat-x top; width: 650px; float: left; height:41px; margin: 0; position: relative;}

.table-heading h1{width: 578px; float: left;font-family:Verdana,Arial, Helvetica, sans-serif; color:#fff; font-size:12px; font-weight:bold; text-align: left; padding:12px 20px 12px 50px;}
.table-heading h1 a{color:#fff; text-decoration:none;}
.table-heading h1 a:hover{color:#fff; text-decoration:none;}

.table-heading h2{width: 578px; float: left;font-family:Verdana,Arial, Helvetica, sans-serif; color:#fff; font-size:12px; font-weight:bold; text-align: left; padding:12px 20px 12px 50px;}
.table-heading h2 a{color:#fff; text-decoration:none;}
.table-heading h2 a:hover{color:#fff; text-decoration:none;}

.heading-icon{width:42px; height:42px; position: absolute; top: -4px; left: 4px; }

/*------------- gratuits-table ------------*/

.gratuits-table{font-family:Verdana,Arial, Helvetica, sans-serif; font-size:11px; color: #0f0f0f; margin:0; float: left;}
.gratuits_name{padding: 10px 10px 10px 10px; text-align: center; background-color: #d8d8d8; font-size: 11px; font-weight: bold; color: #010101;}
.gratuits_heading{padding: 10px 16px;text-align: center; background-color: #d8d8d8; font-size: 11px; font-weight: bold; color: #010101;}

.gratuits-logo{ padding:7px 10px; color:#040404; font-weight:normal; text-align:left;border-bottom: solid 1px #eaeaea;}
.logo-box{background:url("images/logo-box.png") no-repeat top center; width: 90px; height: 40px; padding: 3px; margin: 0 auto; text-align: center; display: block;}
.gratuits-name{ padding:7px 10px; color:#040404; font-weight:normal; text-align:center;border-bottom: solid 1px #eaeaea;}
.gratuits-name img{}
.gratuits-name a{color:#040404; text-decoration:none; vertical-align: top;}
.gratuits-bonus{padding:7px 10px; color: #040404; text-align: center;border-bottom: solid 1px #eaeaea;}
.gratuits-bonus p{ padding: 1px 0; line-height: 100%;}
.gratuits-bonus p span{ font-size: 14px; font-weight: bold;}
.gratuits-bonus p small{ font-weight: normal; font-size: 10px;}
.gratuits-review{padding:7px 10px; color: #040404; text-align: center;border-bottom: solid 1px #eaeaea;}
.gratuits-review a{ color: #040404;}

.visit-btn{background:url("images/visit-btn.png") 0 -31px no-repeat transparent; width:91px; height:31px; margin: 0 auto; display: block;color:#fff!important; text-decoration:none!important; text-align:center; font-size:12px; font-weight:bold; line-height:31px; text-shadow:1px 1px #000;font-family:Verdana,Arial, Helvetica, sans-serif;}
.visit-btn:hover{ background-position: 0 0;}

.review-btn{background:url("images/review-btn.png") 0 -31px no-repeat transparent; width:91px; height:31px; margin: 0 auto; display: block;color:#fff!important; text-decoration:none!important; text-align:center; font-size:12px; font-weight:bold; line-height:31px; text-shadow:1px 1px #000;font-family:Verdana,Arial, Helvetica, sans-serif;}
.review-btn:hover{ background-position: 0 0;}

.gratuits-table-footer{background:url("images/table-footer.png") no-repeat transparent; width: 626px; height: 49px; float: left;}



.content{background:url("images/txt-bg.jpg") repeat-y; width: 650px; float: left; padding: 0; -webkit-border-radium:7px 7px 0 0;-moz-border-radius:7px 7px 0 0;-khtml-border-radius:7px 7px 0 0; border-radius:7px 7px 0 0;}

.content-heading{background:url("images/heading-bg2.jpg") repeat-x top #00379d; width: 650px; float: left;-webkit-border-radium:7px;-moz-border-radius:7px;-khtml-border-radius:7px; border-radius:7px; margin: 0 0 15px 0; position: relative;}

.content-heading h1{width: 578px; float: left;font-family:Verdana,Arial, Helvetica, sans-serif; color:#fff; font-size:12px; font-weight:bold; text-align: left; padding:12px 20px 12px 50px; line-height:18px;}
.content-heading h1 a{color:#fff; text-decoration:none;}
.content-heading h1 a:hover{color:#fff; text-decoration:none;}

.content-heading h2{width: 578px; float: left;font-family:Verdana,Arial, Helvetica, sans-serif; color:#fff; font-size:12px; font-weight:bold; text-align: left; padding:12px 20px 12px 50px; line-height:18px;}
.content-heading h2 a{color:#fff; text-decoration:none;}
.content-heading h2 a:hover{color:#fff; text-decoration:none;}

.content-txt{ width: 620px; float: left; padding: 0 15px;font-family:Verdana,Arial, Helvetica, sans-serif; font-size: 12px; color: #191919; text-align: justify; line-height: 18px;}
.content-txt h2{ padding-top:15px;}
.content-txt h3{ padding-top:15px;}
.content-txt p{font-family:Verdana,Arial, Helvetica, sans-serif; font-size: 12px; color: #191919; text-align: justify; line-height: 18px; padding-top: 10px;}
.content-txt p a{ text-decoration: none; color: #00379d;}
.content-txt p a:hover{ text-decoration: none; color: #00379d;}

.txt-footer{background:url("images/txt-footer.jpg") no-repeat; width:970px; height:19px; float:left; margin-bottom:20px;}


/*------------quick-links------*/
.quick-links{
	width:298px;
	float:left;
	background:url("images/sidebar-bg.jpg") repeat-y;
	padding:0;
	margin:0;
	}

.quick-links ul{
	list-style:none;
	}

.quick-links ul li{
	list-style:none;
	}

.quick-links ul li h2{
	background:url("images/sidebar-head.jpg") no-repeat top; 
	font-size:12px;
	font-weight:bold;
	color:#fff;
	font-family:Verdana,Arial, Helvetica, sans-serif;
	margin:0;
	padding:14px 5px 14px 20px;
	}
	
.quick-links ul li h2 a{
	color:#fff;
	text-decoration:none;
	}
	

.quick-links ul li ul{
	list-style:none;
	padding:0 20px;
	}

.quick-links ul li ul li{
	color:#343434;
	font-size:12px;
	font-family:Verdana,Arial, Helvetica, sans-serif;
	margin:7px 0;
	padding:0 0 0 15px;
	background:url("images/bullet.png") no-repeat top left;
        font-weight: normal;
	}
	

.quick-links ul li ul li a{
	text-decoration:none;
	color:#343434;
	font-size:12px;
	font-family:Verdana,Arial, Helvetica, sans-serif;
	
	}

.quick-links ul li ul li a:hover{
	color:#00379d;
	text-decoration:none;
	
	}

.quick-links-footer{
	width:298px;
        height: 15px;
	float:left;
	background:url("images/sidebar-footer.jpg") no-repeat;
	padding:0;
	margin-bottom:20px;
	}
        

        
        
/*------------sidebar-banner------*/
.sidebar-banner{
	width:298px;
	float:left;
	background:url("images/sidebar-bg.jpg") repeat-y;
	padding:0;
	margin:0;
	text-align:center;
	}

.sidebar-banner ul{
	list-style:none;
	}

.sidebar-banner ul li{
	list-style:none;
	}

.sidebar-banner ul li h2{
	background:url("images/sidebar-head.jpg") no-repeat top; 
	font-size:12px;
	font-weight:bold;
	color:#fff;
	font-family:Verdana,Arial, Helvetica, sans-serif;
	margin:0;
	padding:12px 5px 12px 5px;
        text-align: center;
	}
	
.sidebar-banner ul li h2 a{
	color:#fff;
	text-decoration:none;
	}
        
.sidebar-banner ul li p{ text-align: center; padding: 20px 0;}
        
        
        
/*------------.sidebar-banner2------*/
.sidebar-banner2{width:278px;float:left; padding: 0 10px; margin: 0;}
        
.sidebar-banner2 .banner1{ width: 138px; float: left; margin-bottom: 20px; text-align: center; }
.sidebar-banner2 .banner2{ width: 138px; float: right; margin-bottom: 20px; text-align: center; }

/*------------sidebar-right------*/
#sidebar-right{
	width:298px;
	float:right;
}




/*------------content-banner------*/
.content-banner{ width: 620px; float: left; padding:0 15px; text-align: center; margin-bottom: 20px;}




/* Review page */

.review-area{ width:620px; float:left; padding:0 15px;}
.review-top{ width:620px; float:left; border-bottom:solid 1px #b8b8b8; padding:0 0 10px 0;}

.review-top .review-logo{ width:105px; float:left;}
.review-top .review-bonus{ 200px; float:left; padding:15px 20px 0 0;}
.review-top .review-bonus span{font-family:Verdana,Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#454545;}
.review-top .review-bonus span cite{ font-weight:normal!important; font-style:normal!important;}
.review-top .rating{ 40px; float:left; padding:10px 0 0 0;}
.review-top .star{ 140px; float:left; padding:12px 0 0 15px;}
.review-top .rating span{ padding:2px 0 0 10px;}
.review-top .button{ 135px; float:right; padding:5px 0 0 0;}

.review-txt{ width:620px; float:left; padding:10px 0 10px 0;font-family:Verdana,Arial, Helvetica, sans-serif; font-size: 12px; color: #191919; text-align: justify; line-height: 18px;}
.review-txt h1{ color:#002b79;font-family:Verdana,Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; padding:0 0 10px 0;}
.review-txt h1 a{ color:#002b79; text-decoration:none;}
.review-txt h1 a:hover{ color:#002b79; text-decoration:none;}

.review-txt p{font-family:Verdana,Arial, Helvetica, sans-serif; font-size: 12px; color: #191919; text-align: justify; line-height: 18px; padding-top: 15px;}
.review-txt p a{ text-decoration: none; color: #00379d;}
.review-txt p a:hover{ text-decoration: none; color: #00379d;}

.review-button{ width:430px; float:left; padding:10px 95px 0 95px;}

.visit-site1{background:url("images/visit-site.png") 0 -30px no-repeat transparent; width:129px; height:30px; margin: 0; display: block; float:left;color:#fff!important; text-decoration:none!important; text-align:center; font-size:12px; font-weight:bold; line-height:30px; text-shadow:1px 1px #06182c;}
.visit-site1:hover{ background-position: 0 0;}

.visit-site{background:url("images/visit-site2.png") 0 -30px no-repeat transparent; width:199px; height:30px; margin: 0 15px 0 0; display: block; float:left;color:#fff!important; text-decoration:none!important; text-align:center; font-size:12px; font-weight:bold; line-height:30px; text-shadow:1px 1px #06182c;}
.visit-site:hover{ background-position: 0 0;}

.download{background:url("images/download-software.png") 0 -30px no-repeat transparent; width:199px; height:30px; margin: 0; display: block; float:left;color:#fff!important; text-decoration:none!important; text-align:center; font-size:12px; font-weight:bold; line-height:30px; text-shadow:1px 1px #06182c;}
.download:hover{ background-position: 0 0;}

.screen-shot1{ width:620px; float:left; padding:15px 0 0 0; text-align:center;}
.screen-shot2{ width:620px; float:left; padding:15px 0 50px 0; text-align:center;}

/*------------.review-sidebar------*/
.review-sidebar{width:278px;float:left; padding: 0 10px; margin: 0; text-align:center;}


/* Game page */

.content-bottom h1 {
    border-bottom: 1px solid #D2D2D2;
    color: #014513;
    font-family: arial,times new roman;
    font-size: 18px;
    line-height: 25px;
    margin-bottom: 5px;
    padding: 0 0 5px 5px;
}
h1 {
    font-size: 34px;
}
h1, h2, h3, h4, h5, h6 {
    margin: 0;
}
* {
    margin: 0;
    padding: 0;
}
.content-bottom {
    line-height: 21px;
}
.content-left-area, .content-left-area2 {
    color: #2A2A2A;
    font-family: Arial,Helvetica,Sans-serif;
    font-size: 12px;
    line-height: 14px;
    text-align: left;
}
.contentArea-game{ padding:0 70px!important; width:830px!important;}
.mid-content-game{ width:830px;}
.content-game{ width:830px; background:url("images/txt-bg-game.jpg") repeat-y 0 0;}
.content-game .content-heading{background:url("images/heading-bg-game.jpg") repeat-x top #003699; width: 830px;}
.txt-footer-game{ background:url("images/txt-footer-game.jpg") no-repeat 0 0; width:830px;}
.game-list{ float:left; width:100%;}
.game-list ul{ float:left;}
.game-list ul li{ float:left; list-style:none; border-left:1px solid #b5b5b5; width:206px; text-align:center; padding-top:19px;}
.game-list ul li:first-child{ border:none!important;}
.game-list ul li span{ display:block; padding-bottom:8px;}
.game-list ul li a{ margin-top:10px; display: block; text-decoration:none;}
.game-list ul li a:hover{ text-decoration:underline;}
.content-heading-game{ margin:0;}
.content-txt-game{ width:800px;}
.game-info-area{ float:left; padding-top:20px; padding-bottom:10px; padding-left:275px;}
.game-info{ float:left;}
.game-info h2{ color: #FFFFFF; float: left; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 12px; font-weight: bold; line-height: 18px; padding: 12px 20px 12px 50px; text-align: left;}
.game-info span{ float:left; text-align:center; padding:15px 10px;}
.game-info .bold a{ color:#000; text-decoration:none;}
.game-info .bold a:hover{ text-decoration:underline;}
.logo100{ padding:0 10px!important;}
.bold{ font-weight:bold; color:#242424;}
.txt-footer-game2{ background: url("images/txt-footer-game2.jpg") no-repeat 0 0; width:830px;}
.main-content-area-game{ float:left; padding:0 70px; width:830px;}
.clearfix::after{content:"";display:table;clear:both}
