﻿
body
{
	font-family:Tahoma;
	font-size: 15px;
	font-weight:normal;
	text-align:center;
	margin:0px auto;
	color:#1b1b1b;
    height: 100%;
    background-image:url('../Images/EN/body-bg.jpg');
    background-repeat:no-repeat;
    background-position:center top;
    background-color:#283488;
}


#top-part
{
	width:880px;
    height:87px;
	margin:auto;
	text-align:center;
	position:relative;
	margin-top:30px;
	padding:0 0 0 20px;
	background-image:url('../Images/EN/menu-bg.jpg');
	background-repeat:repeat-x;
}

#logo
{
	width:118px;
    height:57px;
    float:left;
    margin-top:13px;
}

#menu
{
	width:718px;
    height:87px;
    float:right;
    padding-left:20px;
    padding-top:5px;
    text-align:left;
    text-transform:uppercase;
}


/* The Menu styles */
#nav-menu ul{
font: 14px Tahoma;
font-weight:bold;
margin:0;
padding:0;
list-style-type:none;
list-style-position:outside;
position:relative;
line-height:3.5em;
text-align:left;
z-index: 103;
}

#nav-menu{
font: 14px Tahoma;
font-weight:bold;
margin:0;
padding:0;
list-style-type:none;
list-style-position:outside;
position:relative;
line-height:5em;
text-align:left;
z-index: 103;
}

#nav-menu a{
display:block;
padding:0px 15px;
color:#283488;
text-decoration:none;
border-right:1px #283488 solid;
}

#nav-menu a:hover{
color:#fff;
background-color:#f39200;
}

#nav-menu li{
float:left;
position:relative;
}

#nav-menu ul {
font: 14px Tahoma;
font-weight:bold;
position:absolute;
display:none;
width:250px;
top:4em;
border-bottom:1px solid #283488;
background-color:#fff;
line-height:4em;
border-right:0px #fff solid;
}

#nav-menu li ul a{
width:220px;
height:auto;
float:left;
border-bottom:1px solid #283488;
border-right:0px #fff solid;
}

#nav-menu ul ul{
top:auto;
}	

#nav-menu li ul ul {
left:10em;
margin:0px 0 0 0px;
}

#nav-menu li:hover ul ul ul ul{
display:none;
}

#nav-menu li:hover ul ul ul{
display:none;
}

#nav-menu li:hover ul ul{
display:none;
}
#nav-menu li li li li:hover ul{
display:block;
}
#nav-menu li li li:hover ul{
display:block;
}
#nav-menu li li:hover ul{
display:block;
}
#nav-menu li:hover ul{
display:block;
}
/* End Menu styles */





#header
{
	width:1000px;
    height:332px;
	margin:auto;
	text-align:center;
	position:relative;
	margin-top:30px;
}

/* Slicebox Header Style */
.sb-slider {
	margin: 10px auto;
	position: relative;
	overflow: hidden;
	width: 100%;
	list-style-type: none;
	padding: 0;
}

.sb-slider li {
	margin: 0;
	padding: 0;
	display: none;
}

.sb-slider li > a {
	outline: none;
}

.sb-slider li > a img {
	border: none;
}

.sb-slider img {
	max-width: 100%;
	display: block;
}

.sb-description {
	padding: 10px;
	bottom: 10px;
	left: 10px;
	right: 10px;
	z-index: 1000;
	position: absolute;
	background: #CBBFAE;
	background: rgba(190,176,155, 0.4);
	border-left: 4px solid rgba(255,255,255,0.7);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);	
	opacity: 0;
	color: #fff;
	text-align:left;
	font-family:Tahoma;
	font-size: 17px;
	-webkit-transition: all 200ms;
	-moz-transition: all 200ms;
	-o-transition: all 200ms;
	-ms-transition: all 200ms;
	transition: all 200ms;
}

.sb-slider li.sb-current .sb-description {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80);	
	opacity: 1;
}

.sb-slider li.sb-current .sb-description:hover {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=99)";
	filter: alpha(opacity=99);	
	background: rgba(190,176,155, 0.7);
}

.sb-perspective {
	position: relative;
}

.sb-perspective > div {
	position: absolute;

	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;

	-webkit-backface-visibility : hidden;
	-moz-backface-visibility : hidden;
	-o-backface-visibility : hidden;
	-ms-backface-visibility : hidden;
	backface-visibility : hidden;
}

.sb-side {
	margin: 0;
	display: block;
	position: absolute;

	-moz-backface-visibility : hidden;

	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
}
.shadow {
	width: 100%;
	height: 168px;
	position: relative;
	margin-top: -110px;
	background: transparent url(../Images/EN/shadow.png) no-repeat bottom center;
	background-size: 100% 100%; /* stretches it */
	z-index: -1;
	display: none;
}

.sb-description h3 {
	font-size: 17px;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
}

.sb-description h3 a {
	color: #4a3c27;
	text-shadow: 0 1px 1px rgba(255,255,255,0.5);
}

.nav-arrows {
	display: none;
}

.nav-arrows a {
	width: 42px;
	height: 42px;
	background: #283488 url(../Images/EN/nav.png) no-repeat top left;
	position: absolute;
	top: 50%;
	left: 2px;
	text-indent: -9000px;
	cursor: pointer;
	margin-top: -21px;
	opacity: 0.9;
	border-radius: 50%;
	box-shadow: 0 1px 1px rgba(255,255,255,0.8);
}

.nav-arrows a:first-child{
	left: auto;
	right: 2px;
	background-position: top right;
}

.nav-arrows a:hover {
	opacity: 1;
}

.nav-dots {
	text-align: center;
	position: absolute;
	bottom: -5px;
	height: 30px;
	width: 100%;
	left: 0;
	display: none;
}

.nav-dots span {
	display: inline-block;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	margin: 3px;
	background: #cbbfae;
	cursor: pointer;
	box-shadow: 
		0 1px 1px rgba(255,255,255,0.6), 
		inset 0 1px 1px rgba(0,0,0,0.1);
}

.nav-dots span.nav-dot-current {
	box-shadow: 
		0 1px 1px rgba(255,255,255,0.6), 
		inset 0 1px 1px rgba(0,0,0,0.1), 
		inset 0 0 0 3px #cbbfae,
		inset 0 0 0 8px #fff;
}

.nav-options {
	width: 70px;
	height: 30px;
	position: absolute;
	right: 70px;
	bottom: 0px;
	display: none;
}

.nav-options span {
	width: 30px;
	height: 30px;
	background: #cbbfae url(../Images/EN/options.png) no-repeat top left;
	text-indent: -9000px;
	cursor: pointer;
	opacity: 0.7;
	display: inline-block;
	border-radius: 50%;
}

.nav-options span:first-child{
	background-position: -30px 0px;
	margin-right: 3px;
}

.nav-options span:hover {
	opacity: 1;
}
/* END Slicebox Header Style */




#middle-part-text
{
	width:900px;
	margin:auto;
	text-align:center;
	position:relative;
	text-shadow: 1px 1px 1px #004779;
	color:#fff;
	margin-top:40px;
	padding:0px;
	font: 35px tahoma;
}

#content-all
{
	width:900px;
    height:100%;
	margin:auto;
	text-align:center;
	position:relative;
	margin-top:30px;
}

#welcome-box{
	width:246px;
	height:276px;
	background: #d2d2d2; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: -moz-linear-gradient(45deg,  #d2d2d2 0%, #ffffff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#d2d2d2), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(45deg,  #d2d2d2 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(45deg,  #d2d2d2 0%,#ffffff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(45deg,  #d2d2d2 0%,#ffffff 100%); /* IE10+ */
	background: linear-gradient(45deg,  #d2d2d2 0%,#ffffff 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d2d2d2', endColorstr='#ffffff',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */
	color:#1b1b1b;
	text-align:justify;
	padding:20px;
}

.welcome-title{
	width:246px;
	margin-bottom:18px;
	color:#283488;
	line-height:26px;
}

.welcome-title1{font-size:22px;}
.welcome-title2{font-size:30px;}

.welcome-p{ height:145px; margin-top:20px; margin-bottom:20px; padding:0px; text-align:left;}


a:visited.more{font-family:Tahoma; font-size:13px; color:#fff; font-style:normal; font-weight:normal; text-decoration:none; padding:9px 10px 9px 10px; background-color:#283488;}
a:link.more{font-family:Tahoma; font-size:13px; color:#fff;  font-style:normal;font-weight:normal; text-decoration: none; padding:9px 10px 9px 10px; background-color:#283488;}
a:hover.more{font-family:Tahoma; font-size:13px; color:#fff; font-style:normal; font-weight:normal; text-decoration:none; padding:9px 10px 9px 10px; background-color:#f39200;}


#news-box{
	width:286px;
	height:276px;
	background: #ab020d; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: -moz-linear-gradient(45deg,  #ab020d 0%, #e30613 50%, #fc1220 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#ab020d), color-stop(50%,#e30613), color-stop(100%,#fc1220)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(45deg,  #ab020d 0%,#e30613 50%,#fc1220 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(45deg,  #ab020d 0%,#e30613 50%,#fc1220 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(45deg,  #ab020d 0%,#e30613 50%,#fc1220 100%); /* IE10+ */
	background: linear-gradient(45deg,  #ab020d 0%,#e30613 50%,#fc1220 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ab020d', endColorstr='#fc1220',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */
	color:#fff;
	text-align:justify;
	padding:20px 0 20px 0;
	margin-left:19px;
}

#news-title{
	width:232px;
	height:31px;
	background-image:url('../Images/EN/news-title.png');
	background-repeat:no-repeat;
	font-size:20px;
	font-weight:bold;
	color:#ab020d;
	text-shadow: 0 1px 1px #fff;
	padding:4px 0 0 22px;
}

.news-p{ height:100%; padding:20px;}

#news-container{margin: auto; text-align:left;}

#news-container ul li div{border-bottom:1px #be030e solid;}
#news-container ul li div {font-size:15px; font-weight:bold; padding-top:10px; margin:0px; font-weight:normal;}
#news-container ul li div a{color:#fff; text-decoration:underline; font-weight:normal;}
#news-container ul li div p{font-size:15px; padding-top:10px; padding-bottom:20px; margin:0px; font-weight:normal;}



#clients-box{
	width:286px;
	height:286px;
	background: #ec6612; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: -moz-linear-gradient(45deg,  #ec6612 0%, #f39304 50%, #fdc60e 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#ec6612), color-stop(50%,#f39304), color-stop(100%,#fdc60e)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(45deg,  #ec6612 0%,#f39304 50%,#fdc60e 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(45deg,  #ec6612 0%,#f39304 50%,#fdc60e 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(45deg,  #ec6612 0%,#f39304 50%,#fdc60e 100%); /* IE10+ */
	background: linear-gradient(45deg,  #ec6612 0%,#f39304 50%,#fdc60e 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ec6612', endColorstr='#fdc60e',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */
	color:#fff;
	text-align:center;
	padding:20px 0 10px 0;
	margin-left:19px;
}

#clients-title{
	width:232px;
	height:31px;
	background-image:url('../Images/EN/client-title.png');
	background-repeat:no-repeat;
	font-size:20px;
	font-weight:bold;
	color:#f59f05;
	text-shadow: 0 1px 1px #fff;
	padding:4px 0 0 22px;
	text-align:left;
}

.clients-p{ padding:20px;}

/** Jcarousel Clients **/
.jcarousel-skin-tango .jcarousel-container {
text-align:center;
}
 
.jcarousel-skin-tango .jcarousel-direction-rtl {
    direction: rtl;
}
 
.jcarousel-skin-tango .jcarousel-container-vertical {
width:286px;
height:220px;
}
 
.jcarousel-skin-tango .jcarousel-clip {
    overflow: hidden;
}
 
.jcarousel-skin-tango .jcarousel-clip-vertical {
padding-top:35px;
width:224px;
height:147px;
margin-left:10px;
}
 
.jcarousel-skin-tango .jcarousel-item {
width:224px;
height:167px;
}
 

.jcarousel-skin-tango .jcarousel-item-vertical {
    margin-bottom: 35px;
}
 
.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}
 
/***  Vertical Buttons ***/
.jcarousel-skin-tango .jcarousel-next-vertical {
    position: absolute;
    bottom: 0px;
    left: 100px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url('../Images/EN/next-vertical.png') no-repeat 0 0;
}
 
.jcarousel-skin-tango .jcarousel-next-vertical:focus {
    background-position: 0 -32px;
}
 
.jcarousel-skin-tango .jcarousel-next-vertical:hover {
    background-position: 0 -32px;
}
 
.jcarousel-skin-tango .jcarousel-next-vertical:active {
    background-position: 0 -64px;
}
 
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}
 
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:focus {
    cursor: default;
    background-position: 0 -96px;
}
 
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:hover {
    cursor: default;
    background-position: 0 -96px;
}
 
.jcarousel-skin-tango .jcarousel-next-disabled-vertical {
    cursor: default;
    background-position: 0 -96px;
}
 
.jcarousel-skin-tango .jcarousel-prev-vertical {
    position: absolute;
    top: 0px;
    left: 100px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url('../Images/EN/prev-vertical.png') no-repeat 0 0;
}
 
.jcarousel-skin-tango .jcarousel-prev-vertical:focus {
    background-position: 0 -32px;
}
 
.jcarousel-skin-tango .jcarousel-prev-vertical:hover {
    background-position: 0 -32px;
}
 
.jcarousel-skin-tango .jcarousel-prev-vertical:active {
    background-position: 0 -64px;
}
 
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:focus {
    cursor: default;
    background-position: 0 -96px;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:hover {
    cursor: default;
    background-position: 0 -96px;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-vertical {
    cursor: default;
    background-position: 0 -96px;
}

/** END Jcarousel Clients **/



#footer-bg
{
	width:100%;
	height:51px;
	text-align:center;
	position:relative;
	background-image:url('../Images/EN/footer-bg.jpg');
	background-repeat:repeat-x;
	margin-top:40px;
}

#footer-content
{
	width:900px;
	height:51px;
	margin:0px auto;
	text-align:left;
	position:relative;
	font-size:13px;
	color:#35a6de;
}

#social-media
{
	width:100px;
	text-align:left;
	float:left;
}

#copyright{width:310px; margin-top:15px; text-align:right; float:right;}


#contact-footer
{
	width:400px;
	text-align:left;
	float:left;
	padding-top:18px;
	padding-left:30px;
}
.white-color{color:#fff; font-weight:bold;}


#content-in
{
	width:900px;
    min-height:350px;
	margin:auto;
	text-align:left;
}

#content-in-title
{
	width:856px;
    height:33px;
    background-color:#212c7c;
	text-align:left;
	font-size:20px;
	color:#fff;
	padding:8px 22px 0 22px;
	font-weight:normal;
}

.lines{ width:38px; height:41px; background-image:url('../Images/EN/tit-lines.jpg'); position:absolute; top:0px; right:5px;}

#content-in-text
{
	width:856px;
	min-height:250px;
	padding:22px;
	font-weight:normal;
	background-color:#fff;
}




.clear {
    clear:both;
}