/*===================TOC=====================

               1. Reset
               2. Containers
               3. Skip Links
               4. Branding
               5. Client Login
               5. Site Navigation
               6. Content
               7. Left Panel
               8. Right Panel
               9. Select Language
              10. Company Navigation
              11. Site Info

=============================================*/



/* 1. Reset
---------------------------------------------*/
* {
	margin: 0;
	padding: 0;
	}

body {
	line-height: 1;
	}

ol, ul {
	list-style: none;
	}

a {
	text-decoration: none;
	}

a:hover {
	text-decoration: underline;
	}

img, abbr, fieldset {
	border: none;
	}

img {
	vertical-align: top;
	}

strong, em, cite {
	font-style: normal;
	font-weight: normal;
	}

table {
	border-collapse: collapse;
	}

legend {
	display: none;
	}


/* 2. Containers
---------------------------------------------*/
html {
	overflow-x: hidden;
	visibility: hidden;   /* comment out this line when debugging */
	}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	}


/* 3. Skip Links
---------------------------------------------*/
#skip {
	position: absolute;
	left: -500em;
	}


/* 4. Branding
---------------------------------------------*/
#branding {
	min-width: 876px;
	height: 200px;
	background: url(../images/branding_bg.png) no-repeat top center;
	cursor: default;
	}
	
	
.french #branding {	background: url(../images/header_french.png) no-repeat top center;	}
.greek #branding {	background: url(../images/header_greek.png) no-repeat top center;	}
.italian #branding {	background: url(../images/header_italan.png) no-repeat top center;	}
.russian #branding {	background: url(../images/header_russian.png) no-repeat top center;	}
.spanish #branding {	background: url(../images/header_spanish.png) no-repeat top center;	}

.french .black  #branding { background-color: #2B2B2B; }
.greek .black  #branding { background-color: #2B2B2B; }
.italian .black  #branding { background-color: #2B2B2B; }
.russian .black  #branding { background-color: #2B2B2B; }
.spanish .black  #branding { background-color: #2B2B2B; }

.black      #branding { background-color: #151515; }

.gray       #branding, .about      #branding,
#news       #branding,
.contact    #branding { background-color: #7E696D; }

.red        #branding,
.games      #branding { background-color: #AF2925; }

.orange     #branding,
.marketing  #branding { background-color: #CF7600; }

.blue       #branding,
.operations #branding { background-color: #23558A; }

.green      #branding,
.epayments  #branding { background-color: #719500; }

#branding h1 {
	width: 100%;
	height: 200px;
	background: url(../images/branding_h1_bg.png) no-repeat;
	}

.black      #branding h1,
.gray       #branding h1,
.about      #branding h1,
#news       #branding h1,
.contact    #branding h1,
.red        #branding h1,
.games      #branding h1 { background-position: 50%      0; }

.orange     #branding h1,
.marketing  #branding h1 { background-position: 50% -200px; }

.blue       #branding h1,
.operations #branding h1 { background-position: 50% -400px; }

.green      #branding h1,
.epayments  #branding h1 { background-position: 50% -600px; }

#branding h1 .inner {
	position: relative;
	margin: 0 auto;
	/*width: 876px;*/
	width:836px;
	height: 200px;
	}

#branding h1 .inner a {
	position: absolute;
	top: 26px;
	left: -10px;
	width: 261px;
	height: 58px;
	overflow: hidden;
	color: white;
	text-indent: -500em;
	}

#branding p {
	position: absolute;
	left: -500em;
	}


/* 5. Site Navigation
---------------------------------------------*/
#site-nav {
	position: absolute;
	top: 181px;
	left: 0;
	z-index: 2;
	width: 100%;
	height: 34px;
	}

#site-nav h3 {
	position: absolute;
	left: -500em;
	}

.lr #site-nav h3 {
	top: 19px;
	left: 50%;
	z-index: 3;
	margin-left: -350px;
	width: 500px;
	height: 20px;
	overflow: hidden;
	text-indent: -500em;
	background: white;
	}

#site-nav ul {
	position: relative;
	z-index: 5;
	margin: 0 auto;
	padding-left: 20px;
	width: 856px;
	cursor: default;
	}

#site-nav ul li {
	float: left;
	margin-right: 4px;
	width: 116px;
	height: 34px;
	}

#site-nav ul li a {
	display: block;
	padding-top: 10px;
	height: 24px;
	color: white;
	font-size: 65%; font-weight:bold;
	line-height: 1.1em;
	text-align: center;
	text-decoration: none;
	background: url(../images/site-nav_a_bg.png) no-repeat top left;
	}

:root #site-nav ul li:first-child + li a {   /* for modern browsers except IE */
	text-indent: 2px;
	}

.safari #site-nav ul li:first-child + li a {
	text-indent: 0;
	}

/* .about      #site-nav ul li:first-child                               a,
.games      #site-nav ul li:first-child + li                          a,
.marketing  #site-nav ul li:first-child + li + li                     a,
.operations #site-nav ul li:first-child + li + li + li                a,
.epayments  #site-nav ul li:first-child + li + li + li + li           a,
#news       #site-nav ul li:first-child + li + li + li + li + li      a,
.contact    #site-nav ul li:first-child + li + li + li + li + li + li a, */
#site-nav .current_page_item a,
#site-nav ul li a:hover {
	background-position: -116px 0;
	}


/* 6. Content
---------------------------------------------*/
#content {
	background: white;
	}
	
#main a:link  {
	color: #AF2925;
	font-weight:bold;	
	}

#main a:visited {
	color: #006;
	font-weight:bold;
	}

.lr #content,
.r  #content {
	background: white url(../images/content_bg.png) repeat-y 50% 0;
	}

#content .inner {
	position: relative;
	margin: 0  auto;
	padding: 0 20px;
	width: 836px;
		}
		
#home #content .inner {
margin: 0  auto -15px auto;
		}


#content .inner:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	}

#home #main {
	margin-top: 30px;
	}

/*FIX FOR CLIENT DEADLINE*/
#main {
	margin-top: 10px;	
	}

.full #main {
	width: 780px !important;	
	}
	
.l #main {
	float: right;
	/*FIX FOR CLIENT DEADLINE*/
	/*margin-top: 20px;*/
	padding: 0 0 10px 9px;
	width: 708px;
	border-left: 1px solid #AF2925;
	}

.r #main {
	float: left;
	width: 567px;
	margin-top:20px;
	padding: 0 24px 10px 5px;
	}

* + html .r #main {
	margin-right: -11px;
	}

.lr #column {
	float: right;
	margin-right: 10px;
	border-left: 1px solid #AF2925;
	}

.lr #main {
	float: right;
	/*FIX FOR CLIENT DEADLINE*/
	/*margin-top: 20px;*/
	padding: 0 9px 10px 18px;
	width: 450px;
	}

#main h2 {
	margin: 8px 0 11px;
	padding-left: 46px;
	color: #AF2925;
	font-size: 1.5em;
	line-height: 1.05em;
	text-shadow: white 0 1px 1px;
	letter-spacing:-1px;
	background: url(../images/h2_bg.png) no-repeat 0 2px;
	}

#main h3 {
	margin-bottom: 18px;
	color: #7E696D;
	font-size: 1.1em;
	text-shadow: white 0 1px 1px;
	}

#main h4 {
	margin-bottom: 2px;
	/*FIX FOR CLIENT DEADLINE*/
	font-size: 0.75em !important;
	}
	
#main p {
	font-size: 0.75em;
	line-height: 1.6em;
	margin-bottom: 20px;
	}
	
#main ul {
	font-size: 0.75em;
	list-style-type:square;
	line-height:1.4em;
	margin-left:10px;
	padding-left:10px;
	/*FIX FOR CLIENT DEADLINE*/
	margin-bottom: 15px !important;	
	margin-top: 15px !important;	
	}

#main ul ul li  {
	font-size:1.28em;
	list-style:circle;

	}


	
#main li {
	/*FIX FOR CLIENT DEADLINE*/
	margin-bottom: 10px !important;	
	}

#main li a:link, #main li a:visited {
font-size:1em !important; text-decoration:none !important; }

#example a:link, #example a:visited {
font-size:1em !important; text-decoration:none !important; }


/* 7. Left Panel
---------------------------------------------*/
#sec-nav {
	position: relative;
	z-index: 3;
	float: left;
	margin: 26px 0 0 4px;
	/*width: 108px;*/
	width: 114px;
	cursor: default;
	}

#sec-nav h3 {
	position: absolute;
	left: -500em;
	}

#sec-nav ul li {

	float: left;
	margin-bottom: 4px;

	width: 108px;
	height: 41px;
	background: url(../images/sec-nav_a_bg.png) no-repeat top left;
	}

#sec-nav ul li a {
	display: block;
	/*height: 35px;*/
	height: 25px;
	color: white;
	font-size: 0.7em;
	text-align: center;
	line-height: 1.1em;
	text-decoration: none;
	background: url(../images/sec-nav_a_bg.png) no-repeat top left;
	/*added*/
		padding-top:10px;
	}
	
#sec-nav .page-item-55 a {

		padding-top:5px;
		height:30px;
	}
#sec-nav .page-item-90 a {

		padding-top:5px;
		height:30px;
		width:107px;
	}
#sec-nav .page-item-140 a {

		padding-top:5px;
		padding-right: 7px;
		height:30px;
		width:100px;
	}

/*.sec-1  #sec-nav ul li:first-child                                              a,
.sec-2  #sec-nav ul li:first-child + li                                         a,
.sec-3  #sec-nav ul li:first-child + li + li                                    a,
.sec-4  #sec-nav ul li:first-child + li + li + li                               a,
.sec-5  #sec-nav ul li:first-child + li + li + li + li                          a,
.sec-6  #sec-nav ul li:first-child + li + li + li + li + li                     a,
.sec-7  #sec-nav ul li:first-child + li + li + li + li + li + li                a,
.sec-8  #sec-nav ul li:first-child + li + li + li + li + li + li + li           a,
.sec-9  #sec-nav ul li:first-child + li + li + li + li + li + li + li + li      a,
.sec-10 #sec-nav ul li:first-child + li + li + li + li + li + li + li + li + li a,
#sec-nav ul li a:hover {
	background-position: 0 -42px;
	}*/

#sec-nav .current_page_item a, #sec-nav ul li a:hover { background-position: 0 -42px}




#sec-nav ul li a table td {
	padding: 0 6px;
	width: 96px;
	height: 35px;
	cursor: pointer;
	}

#extra {
	float: left;
	display: inline;
	margin: 16px 0 0 4px;
	width: 100px;
	}

#extra.top {
	margin: 26px 0 0 8px;
	}

#extra img {
	float: left;
	display: block;
	margin-bottom: 7px;
	}

#extra h4 {
	font-size: 0.75em;
	line-height: 1.35em;
	}

#extra p {
	position: relative;
	margin-right: -3px;
	width: 103px;
	font-size: 0.7em;
	line-height: 1.35em;
	}

#extra a {
	color: #AF2925;
	font-size: 0.7em;
	line-height: 1.35em;
	}


/* 8. Right Panel
---------------------------------------------*/
.lr #sub,
.r  #sub {
	position: relative;
	margin: 30px 0 10px 10px;
	padding: 14px 0 3px;
	width: 220px;
	border: solid #AF2925;
	border-width: 1px 0;
	background: url(../images/sub_bg.gif) repeat-y top left;
	}

.lr #sub div,
.r  #sub div {
	/*padding: 20px 23px 0;*/
	padding: 20px 13px 0;
	background: url(../images/sub_div_bg.png) no-repeat top left;
	}

.lr #sub div:first-child,
.r  #sub div:first-child {
	padding-top: 0;
	background: none;
	}

* + html .lr #sub div:first-child,
* + html .r  #sub div:first-child {
	padding-top: 1px;
	}

.lr #sub div h4,
.r  #sub div h4 {
	margin-bottom: 15px;
	color: #AF2925;
	font-weight: normal;
	font-size: 1.5em;
	text-shadow: #E5E1E2 0 1px 1px;
	}

.lr #sub div * li,
.r  #sub div * li {
	margin-bottom: 13px;
	}

.lr #sub div * li h5,
.r  #sub div * li h5 {
	font-size: 0.75em;
	line-height: 1.35em;
	text-shadow: #E5E1E2 0 1px 1px;
	}

.lr #sub div * li p,
.r  #sub div * li p {
	margin-bottom: -3px;
	font-size: 0.7em;
	line-height: 1.35em;
	}

.lr #sub div * li a,
.r  #sub div * li a {
	color: #AF2925;
	font-size: 0.7em;
	line-height: 1.35em;
	}

.lr #sub div * li img,
.r  #sub div * li img {
	display: block;
	margin: 6px 0;
	}

#sub r {
	position: absolute;
	display: block;
	width: 24px;
	height: 24px;
	background: url(../images/r_bg.png) no-repeat;
	}

#sub .tl { top:    -1px; left:  0; background-position: 0     0; }
#sub .br { bottom: -1px; right: 0; background-position: 0 -24px; }


/* 9. Select Language
---------------------------------------------*/
#lang {
	position: absolute;
	top: 0;
	right: 24px;
	width: 108px;
	background: url(../images/selectbox-wrapper_bg.png) no-repeat -500em 0;   /* preload image */
	}

#lang h4 {
	position: relative;
	z-index: 2;
	padding: 5px 0 0 6px;
	height: 20px;
	color: white;
	font-weight: normal;
	font-size: 0.35em;
	line-height: 1.1em;
	background: url(../images/selectbox_bg.png) no-repeat top left;
	}

.mac html:not([xmlns*=""]) #lang h4 {   /* for Firefox on Mac */
	padding-left: 4px;
	}

#lang h4:hover {
	background-position: 0 -25px;
	}

#lang ul {
	position: absolute;
	top: 21px;
	left: 0;
	z-index: 1;
	display: none;
	padding: 4px 0 3px;
	width: 108px;
	background: url(../images/selectbox-wrapper_bg.png) no-repeat bottom left;
	}

* + html #lang:hover ul {
	display: block;
	}

.ie8    #lang:hover ul,
.chrome #lang:hover ul {
	display: block;
	}

#lang ul li {
	padding: 3px 0 3px 23px;
	height: 12px;
	font-weight: normal;
	font-size: 0.35em;
	line-height: 1.1em;
	border-top: 1px solid #dEA5A3;
	background: url(../images/bullets_bg.png) no-repeat 8px -55px;
	}

#lang ul li a {
	position: static !important;
	width: auto !important;
	height: auto !important;
	color: #DEA5A3 !important;
	font-weight: normal;
	text-decoration: none;
	text-indent: 0 !important;
	}

#lang ul li a:hover {
	color: white !important;
	}


/* 10. Company Navigation
---------------------------------------------*/
#com-nav {
	position: absolute;
	bottom: 0;
	right: -35px;
	top: 0;
	text-indent: 0;
	background: url(../images/bullets_bg.png) no-repeat -500em 0;   /* preload image */
	}

.safari #com-nav {
	right: -13px;
	}

#com-nav h4 {
	position: absolute;
	left: -500em;
	}

#com-nav ul {
	cursor: default;
	}

#com-nav ul li {
	float: left;
	border-left: 1px solid #AF2925;
	padding: 5px 11px 6px 12px;
	}

* + html #com-nav ul li {
	padding: 7px 11px 4px 12px;
	}

#com-nav ul li:first-child {
	border: none;
	}

.lr #com-nav ul li + li + li,
.r  #com-nav ul li + li + li {
	/*background: #E5E1E2;*/
	}

#com-nav ul li a {
	color: #AF2925;
	}


/* 11. Site Info
---------------------------------------------*/
#siteinfo {
	border-top: 1px solid #AF2925;
	color: #AF2925;
	text-indent: 3px;
	background: white;
	font-size: 0.7em;
	}

.lr #siteinfo,
.r  #siteinfo {
	/*background: white url(../images/content_bg.png) repeat-y 50% 0;*/
	}

#siteinfo .inner {
	position: relative;
	margin: 0 auto;
	width: 836px;
	background: white;
	}

#siteinfo .inner span {
	display: inline-block;
	margin-left: 21px;
	padding: 5px 0 6px 19px;
	border-left: 1px solid #AF2925;
	vertical-align: baseline;
	}

* + html #siteinfo .inner span {
	vertical-align: -4px;
	}

html[xmlns^="HTTP"] #siteinfo .inner span {   /* for Firefox 2 */
	padding: 4px 0 4px 19px;
	vertical-align: 4px
	}


	
	
/* WORDPRESS: GENERAL
-------------------------------------------------------------- */
.alignright, .alignleft, .alignnone { 
	margin: 0 0 15px 0; 
}
.aligncenter { 
	display:block; margin:0 auto 15px auto 
}
.alignleft { 
	float:left;
	padding: 0 5px 5px 0;
}
.alignright {
	float:right;
	padding: 0 0 5px 5px;
}
.alignnone img { 
	float:none; 
}
/*.wp-caption { 
	border:1px solid #ccc; 
	background:#eee; 
	padding:8px 0 3px 8px; 
	margin:0; 
}
p.wp-caption-text { 
	font-size:11px; 
	color: #666; 
	margin:0; 
	padding:0; 
	font-weight:bold;
}*/
strong { 
	font-weight: bold
}
em {
	font-style: italic
}
	


.lr #sub div.cush { clear:both;line-height:0;font-size:0;height:0px; border: none; background:none;}
	


.home-sidebar a:link, .home-sidebar a:visited { color:#AF2925; }
.home-sidebar a:hover, .home-sidebar a:active { color:#AF2925; text-decoration:underline;}