@import"../css/skeleton.css";
@import"../css/menu-style.css";
@import"../css/slider.css";

/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block;}
mark, rp, rt, ruby, summary, time {display:inline;}

/* Global properties ======================================================== */
html {width:100%;}

.vink
{
    float:left;
    height:10px;
    width:11px;
    margin-top:5px;
    margin-right:5px;
    background-image:url(../images/vink.png);
}

body { 	 
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:18px;
	color:#9d9d9d;
	min-width:310px;
	background:url(../images/body-bg.gif) repeat center top;
}

.bg {width:100%;background:url(../images/bg.png) no-repeat center top;}

a {color:#fff; outline:none; text-decoration: none;}
a:hover {text-decoration:none;}

.col-1, .col-2 {float:left;}

.col-1 {width:330px;}

.wrapper {width:100%; overflow:hidden;position:relative;}
.extra-wrap {overflow:hidden;}

.width {width:223px !important;}

p {margin-bottom:18px;}
.p1 {margin-bottom:8px;}
.p2 {margin-bottom:15px;}
.p3 {margin-bottom:30px;}
.p4 {margin-bottom:40px;}
.p5 {margin-bottom:50px;}

.reg {text-transform:uppercase;}

.fleft {float:left;}
.fright {float:right;}

.alignright {text-align:right;}
.aligncenter {text-align:center;}

.title {margin-bottom:18px;}

.it {font-style:italic;}
.bl {display:block;}
.bo {font-weight:bold;}

.letter {letter-spacing:-1px;}

.color-1 {color:#fff;}
.color-2 {color:#000;}
.color-3 {color:#df2724;}
.color-4 {color:#d71d1b;}
.color-5 {color:#ed4541;}

.index-1 {z-index:1; position:relative;}
.index-2 {z-index:2; position:relative;}
/*********************************boxes**********************************/
.indent { margin-left: -120px; width: 400px;}
.indent-bot {margin-bottom:20px;}
.indent-bot2 {margin-bottom:25px;}
.indent-bot3 {margin-bottom:35px;}
.indent-bot4 {margin-bottom:45px;}

.bot-indent {margin-bottom:3px;}
.bot-indent2 {margin-bottom:11px;}
.bot-indent3 {margin-bottom:23px;}
.bot-indent4 {margin-bottom:27px;}

.indent-r {margin-right:30px;}

.top-pad {padding-top:5px;}
.left-pad {padding-left:20px;}
.left-pad2 {padding-left:39px;}
.left-pad3 {padding-left:36px;}
.right-pad {padding-right:39px;}
.right-pad2 {padding-right:72px;}
.right-pad3 {padding-right:35px;}

.buttons a:hover {cursor:pointer;}

.img-pos img {max-width:100%; height:auto;}

.img-style {float:left; margin: 5px 20px 0 0;}

.menu li a,
.list-1 li a,
.list-2 li a,
.link,
.button,
.logo {text-decoration:none;}	

/*********************************header*************************************/
header {
	background:url(../images/header-bg.gif) repeat-x center top;
	width:100%;
	position:relative; 
	
}

#page1 header {padding: 0 0 6px;}

h1 {
	padding:4px 0 0 32px; 
	position:relative;
}
h1 a {
	display:block; 
	width:400px; 
	height: 80px;
	text-indent:-5000px; 
	background:url(../images/logo.png) 0 0 no-repeat;
}

.download-button {
	background:url(../images/download-button-hover.png) no-repeat 0 0;
	display:block;
	position:relative;
	overflow:hidden;
	text-decoration:none;
	padding: 5px 0 0 20px;
	height:24px;
	width:97px;
	z-index:2;
}

.download-button span {
	position:absolute;
	background:url(../images/download-button.png) no-repeat 0 0;
	display:block;
	top:0;
	left:0;
	height:29px;
	width:117px;
	z-index:1;
}

.download-button strong {
	font-size:14px;
	line-height:18px;
	color:#FFF;
	font-weight:normal;
	position:relative; 
	z-index:2;
}

.row-1 {padding-top:10px;}
.row-2 {padding:34px 0 28px;}

.statistic {
	float:left;
	background:url(../images/statistic-bg.gif) repeat 0 0;
	font-size:14px;
	line-height:18px;
	color:#FFF;
	padding:13px 20px;
	border-radius:20px;
 	-moz-border-radius:20px;
	-webkit-border-radius:20px;
}

.statistic-text {
	display:block;
	padding: 13px 12px 0 0;
	float:left;
}

/*********************************content*************************************/
#content {
	width:100%; 
	padding:0;
	position:relative;
	
}

.content-inner {
	background:url(../images/content-bg.png) repeat center top;
	padding: 54px 0 20px;
	border-radius:15px;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
}

#page1 .content-inner {padding-top:39px;}

h3 {
	font-family: 'Lato', sans-serif;
	font-size:22px; 
	line-height:27px; 
	color:#fff;
	text-transform:uppercase;
}

h3 strong {font-weight:700;display:block;}

h4 {
	background:url(../images/marker-1.png) no-repeat 0 -44px;
	font-size:18px; 
	line-height:23px; 
	color:#9d9d9d;
	font-weight:normal;
	padding-left:13px;
}

h4.st1 {
	background:none;
	padding-left:0;
	letter-spacing:-1px;
}

h5 {
	color:#FFF;
	font-weight:normal;
}


.content-menu {
	border-top:1px solid #262626;
	padding: 20px 0 0 54px;
}

.content-menu ul li {
	background:url(../images/separator-1.png) no-repeat 0 3px;
	padding: 0 7px 0 8px;
	float:left;
}

.content-menu ul li.last {padding-right:0;}

.content-menu ul li:first-child {background:none;padding-left:0;}

.content-menu ul li a {
	font-size:12px;
	line-height:15px;
	color:#9d9d9d;
	text-decoration:none;
}

.content-menu ul li a:hover {color:#FFF;}

.button {
	background:url(../images/button-bg.png) repeat-x 0 0;
	font-size:14px;
	line-height:18px;
	color:#fff;
	display:inline-block; 
	padding:5px 18px;
	border-radius:15px;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
}
	
	.button:hover {background-position: 0 -32px;background-color:#e29508;}

.hover {
	position:relative;
	display:block;
}

.hover span {
	position:absolute;
	display:block;
	background:url(../images/banner-hover.png) repeat 0 0;
	top:0px;
	width:0;
}

.banner {
	background-repeat:no-repeat;
	background-position: 0 0;
	height:104px;
	width:259px;
}

.star {
	background:url(../images/star.png) no-repeat 0 0;
	display:block;
	height:223px;
	width:223px;
}

.block-1, .block-2, .block-3 {
	background-repeat: no-repeat;
	background-position: 0 0;
	letter-spacing:-1px;
	overflow:hidden;
	height:104px;
	width:264px;
}

.block-1 {background-image:url(../images/block-1.jpg);}
.block-2 {background-image:url(../images/block-2.jpg);}
.block-3 {background-image:url(../images/block-3.jpg);}

.block-1 em, .block-2 em, .block-3 em {font-style:normal;color:#161616;}
.block-1 em.block-indent, .block-2 em.block-indent, .block-3 em.block-indent {padding: 5px 0 0 20px;display:block;color:#FFF;}

.block-1 strong, .block-2 strong, .block-3 strong {
	font-family: 'Lato', sans-serif;
	font-size:23px;
	line-height:29px;
	font-weight:900;
	text-transform:uppercase;
	display:block;
}


.block-1 a, .block-2 a, .block-3 a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:15px;
	color:#FFF;
	text-decoration:none;
	display:block;
	height:104px;
	width:264px;
}

.list-1 li {
	background:url(../images/border-1.gif) repeat-x 0 bottom;
	font-size:12px;
	line-height:15px;
	padding: 6px 0;
}

.list-1 li:first-child {padding-top:0;}
.list-1 li.last {padding-bottom:0;background:none;}

	.list-1 li a {
		padding-left:14px;
        background:url(../images/marker-1.png) no-repeat 2px -48px;
		display:inline-block;
		color:#fff;
		transition: color 0.1s ease;
		-moz-transition: color 0.1s ease;
		-webkit-transition: color 0.1s ease;
	}
		.list-1 li a:hover {
			background-position: 2px 6px;
			color:#df2724;
		}

.list-2 li {
	color:#FFF;
	padding-bottom:10px;
}

.list-2 li.last {padding-bottom:0;}

.list-3 {padding-top:3px;width:239px;}

.list-3 li {padding-bottom:2px;}

.list-3 li a {
	font-family: 'Lato', sans-serif;
	font-size:18px;
	line-height:22px;
	color:#fff;
	background:#282624;
	display:block;
	padding: 8px 20px 9px;
	text-transform:uppercase;
	text-decoration:none;
	letter-spacing:-1px;
}

.list-3 li a:hover {background:#e7312d;color:#282624;}

.list-4 li {
	font-size:12px;
	line-height:15px;
	background:url(../images/flags.png) no-repeat 2px 4px;
	color:#FFF;
	padding:0 0 12px 39px;
}

.list-4 li.item-2 {background-position: 2px -23px;}
.list-4 li.item-3 {background-position: 2px -50px;}
.list-4 li.item-4 {background-position: 2px -77px;}
.list-4 li.item-5 {background-position: 2px -104px;}
.list-4 li.item-6 {background-position: 2px -131px;}
.list-4 li.item-7 {background-position: 2px -158px;}

.list-4 li span {
	display:inline-block;
	color:#9d9d9d;
	width:95px;
}

.link:hover {text-decoration:underline;} 

.link-1 {
	display:inline-block; 
	font-size:14px; 
	padding-right:8px; 
}
.link-1:hover {color:#fff;} 

.link-2 {
	background:url(../images/ico1.png) no-repeat 0 0;
	font-size:11px;
	line-height:14px;
	color:#de2623;
	padding: 10px 0 15px 41px;
	margin:7px 30px 0 0;
	display:inline-block;
	float:left;
	text-decoration:none;
	text-transform:uppercase;
	width:69px;
}

.link-2:hover {color:#FFF;}

.text-1 {font-size:12px;line-height:15px;} 
.text-2 {line-height:20px;}

dl span {float:left; width:80px;}

/***** Contact form *****/
#contact-form {
	position:relative;
	vertical-align:top;
	width:100%;
	z-index:1;
	}
	#contact-form fieldset {
		border:none;
		padding:0;
		}			
			#contact-form label {
				display:block;
				min-height:50px;
			}
			#contact-form label.message {
				min-height:220px;
			}
			
			#contact-form input {
				padding:10px 10px;
				margin:0;
				font-family:Arial, Helvetica, sans-serif;
				font-size:12px;
				line-height:1.25em;
				color:#fff; 
				border:none;
				background:#323232;
				outline:none;
				width:463px;
			}
			#contact-form .area .error { float:none;}
			#contact-form textarea {
				padding:8px 10px;
				margin:0;
				font-family:Arial, Helvetica, sans-serif;
				font-size:12px;
				line-height:1.25em;
				color:#fff; 
				border:none;
				background:#323232;
				overflow:auto;
				outline:none;
				height:178px;
				max-height:178px;
				width:522px;
				max-width:522px;
			}
			#contact-form a {cursor:pointer;}
				#contact-form .success {display:none; margin-bottom:20px;}
				#contact-form .error,
				#contact-form .empty {
					color:#f00;
					font-size:11px;
					line-height:2em;
					display:none;
					overflow:hidden;
				}
		.buttons-wrapper { padding:0 3px 0 0px; text-align:right;}
		.buttons-wrapper a { margin-left:26px;color:#d31816;}
		
/****************************footer************************/
footer {
	width:100%; 
	padding:29px 0 30px;
}

.footer-inner {
	color:#5e5e5e;
	text-align:center;
}

.footer-menu {padding: 0 0 42px 220px;}

.footer-menu li {
	background:url(../images/separator-2.gif) no-repeat left 3px;
	float:left;
	padding: 0 7px 0 8px;
}

.footer-menu li:first-child {background:none;padding-left:0;}

.footer-menu li.last {padding-right:0;}

.footer-menu li a {
	font-size:12px;
	line-height:15px;
	color:#606060;
	text-decoration:none;
}

.footer-menu li a:hover {color:#FFF;}


/***** Lightbox image *****/
.lightbox-image {
	position:relative;
	z-index:1;
	overflow:hidden;
	display:block;
	cursor:pointer;
	width:100%;
	}
	.lightbox-image img {
		position:relative;
		z-index:2;
	}
	.lightbox-image span {
		display:block;
		position:absolute;
		left:0px;
		top:-115px;
		width:100%;
		height:100%;
		background:url(../images/magnify.png) no-repeat center center;
		z-index:1;
	}

.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}
.hide-text {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.banner-1 {
	background:url(../images/bg-banner-1.jpg) no-repeat 0 0;
	color:#fff;
	display:block;
	padding:16px 0 18px 22px;
	position:relative;
	font-family: 'Lato', sans-serif;
	font-weight:bold;
	margin:3px 0 20px;
	text-shadow:1px 1px #ab1a18;
	text-decoration: none!important;
	
}
.banner-1 strong {
font-size: 29px;
line-height: 46px;
display: block;
text-transform: uppercase;
font-weight: 900;
}
.banner-1.a strong {
	font-size:26px;
	line-height:28px;
	display:block;
	font-style:italic;
	font-weight:900;
	text-transform:none;
	padding:0;
}
.banner-1.a span {
	display:block;
	font-size:24px;
	text-transform:uppercase;
	display:inline-block;
	font-style:normal;
	line-height:28px;
	margin-top:0;
	font-weight:900;
	padding:10px 6px 0 0;
}
.banner-1.a b {
	font-size:36px;
	display:inline-block;
	padding:2px 0 2px;
	line-height:38px;
}
.banner-1.a em {
	right:54px
}
.banner-1 span {
	display:block;
	font-size:30px;
	font-style:italic;
	line-height:34px;
	margin-top:-10px;
	font-weight:900;
}
.banner-1 em {
	position:absolute;
	right: 12px;
	top: 47px;
	width:9px;
	height:11px;
	background:url(../images/arrow-3.png) no-repeat 0 0
}
.banner-1:hover {
	background:url(../images/bg-banner-2.jpg) no-repeat 0 0;
	text-shadow:1px 1px #b8931c
}
.banner-1:hover em {
	background:url(../images/arrow-4.png) no-repeat 0 -1px;
}
.banner-2 {
	background:url(../images/bg-banner-2.jpg) no-repeat 0 0;
	color:#fff;
	display:block;
	padding:16px 0 18px 22px;
	position:relative;
	font-family: 'Lato', sans-serif;
	font-weight:bold;
	margin:3px 0 20px;
	text-shadow:1px 1px #ab1a18;
	text-decoration: none!important;
	
}
.banner-2 strong {
font-size: 29px;
line-height: 46px;
display: block;
text-transform: uppercase;
font-weight: 900;
}
.banner-2.a strong {
	font-size:26px;
	line-height:28px;
	display:block;
	font-style:italic;
	font-weight:900;
	text-transform:none;
	padding:0;
}
.banner-2.a span {
	display:block;
	font-size:24px;
	text-transform:uppercase;
	display:inline-block;
	font-style:normal;
	line-height:28px;
	margin-top:0;
	font-weight:900;
	padding:10px 6px 0 0;
}
.banner-2.a b {
	font-size:36px;
	display:inline-block;
	padding:2px 0 2px;
	line-height:38px;
}
.banner-2.a em {
	right:54px
}
.banner-2 span {
	display:block;
	font-size:30px;
	font-style:italic;
	line-height:34px;
	margin-top:-10px;
	font-weight:900;
}
.banner-2 em {
	position:absolute;
	right: 12px;
	top: 47px;
	width:9px;
	height:11px;
	background:url(../images/arrow-4.png) no-repeat 0 0
}
.banner-2:hover {
	background:url(../images/bg-banner-1.jpg) no-repeat 0 0;
	text-shadow:1px 1px #ab1a18;
}
.banner-2:hover em {
	background:url(../images/arrow-3.png) no-repeat 0 1px
}

.button-1 {
	background: url(../images/tail-btn-download.gif) repeat-x 0 0 #ce1311;
	padding: 5px 20px 6px 20px;
	float: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 18px;
	color: #fff;
	text-shadow: 1px 1px #a31715;
	-o-border-radius: 4px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	position: relative;
	margin: 1px 2px 0 0;
	-o-box-shadow: 1px 1px 1px #110f0f;
	box-shadow: 1px 1px 1px #110f0f;
	-moz-box-shadow: 1px 1px 1px #110f0f;
	-webkit-box-shadow: 1px 1px 1px #110f0f;
	border: none;
}
.button-1 span {
	position: absolute;
	top: 7.5px;
	right: 14px;
font-size:15px;
	width: 12px;
	height: 13px;
}
.button-1:hover {
	background: #e0b31c;
	text-shadow: 1px 1px #b8931c;
}

.button-2 {
	background:url(../images/tail-2.gif) repeat-x 0 0 #cf2422;
	color:#fff;
	text-transform:uppercase;
	font-size:22px!important;
	position:relative;
	line-height:26px;
	display:inline-block;
	text-shadow:1px 1px #aa2321;
	font-weight:bold;
	padding:15px 30px 15px 76px;
	font-family: 'Lato', sans-serif;
	-o-border-radius:15px;
	border-radius:15px;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	cursor: pointer;
	text-decoration: none!important;
}
.button-2.a {
	padding: 11px 30px 17px 76px;
	text-decoration: none!important;
	
}
.button-2 strong {
	display:block;
	font-size:23px;
}
.button-2 em {
	background:url(../images/arrow-2.png) no-repeat 0 0;
	-webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
	width:51px;
	height:51px;
	position:absolute;
	top:15px;
	left:14px;
}
.button-2:hover {
	background:#e1b41d;
	text-shadow:1px 1px #b8931c
}

.button-3 {
	background: url(../images/tail-btn-download.gif) repeat-x 0 0 #ce1311;
	padding: 5px 20px 6px 20px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 18px;
	color: #fff;
	text-shadow: 1px 1px #a31715;
	-o-border-radius: 4px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	position: relative;
	margin: 1px 2px 0 0;
	-o-box-shadow: 1px 1px 1px #110f0f;
	box-shadow: 1px 1px 1px #110f0f;
	-moz-box-shadow: 1px 1px 1px #110f0f;
	-webkit-box-shadow: 1px 1px 1px #110f0f;
	border: none;
}
.button-3 span {
	position: absolute;
	top: 7.5px;
	left: 14px;
font-size:15px;
	width: 12px;
	height: 13px;
}
.button-3:hover {
	background: #e0b31c;
	text-shadow: 1px 1px #b8931c;
}

.button-4 {
	background: url(../images/tail-btn-download.gif) repeat-x 0 0 #ce1311;
	padding: 5px 20px 6px 20px;
	float: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 18px;
	color: #fff;
	text-shadow: 1px 1px #a31715;
	-o-border-radius: 4px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	position: relative;
	margin: 1px 2px 0 0;
	-o-box-shadow: 1px 1px 1px #110f0f;
	box-shadow: 1px 1px 1px #110f0f;
	-moz-box-shadow: 1px 1px 1px #110f0f;
	-webkit-box-shadow: 1px 1px 1px #110f0f;
	border: none;
}
.button-4 span {
	position: absolute;
	top: 7.5px;
	left: 14px;
font-size:15px;
	width: 12px;
	height: 13px;
}
.button-4:hover {
	background: #e0b31c;
	text-shadow: 1px 1px #b8931c;
}


.loginbutton {
	-moz-box-shadow:inset 0px 1px 0px 0px #f29c93;
	-webkit-box-shadow:inset 0px 1px 0px 0px #f29c93;
	box-shadow:inset 0px 1px 0px 0px #f29c93;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fe1a00), color-stop(1, #ce0100) );
	background:-moz-linear-gradient( center top, #fe1a00 5%, #ce0100 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fe1a00', endColorstr='#ce0100');
	background-color:#fe1a00;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #d83526;
	display:inline-block;
	color:#ffffff;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	padding: 4px 9px 4px 9px;
	text-decoration:none;
	text-shadow:1px 1px 0px #b23e35;
	cursor: pointer;
}

.loginbutton:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ce0100), color-stop(1, #fe1a00) );
	background:-moz-linear-gradient( center top, #ce0100 5%, #fe1a00 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ce0100', endColorstr='#fe1a00');
	background-color:#ce0100;
}

.lobbytables tr {
  background-color: #00000;
  color: #ffffff;
}

.lobbytables tr:hover {
   background-color: #ffffff;
   color: #000000;
}