* {
margin:0px;
padding:0px;
}

html, body {
height:100%;
}

html {overflow:scroll;}

body {
font-family: Arial, Sans-Serif;
font-size: 62.5%;
background: #494a4d;
color:#fff;
}

img {border:0px;}
img.border{border:1px solid #d2d4d3;}

img.block {display:block;}

img.inline {display:inline;}

.clear {clear: both;}

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

.clear-block {display: inline-block;}

em {font-style:italic;}

strong {font-weight:bold;}

pre {font-size:13px;}

q,cite {
font-size: 13px;
line-height:20px;
margin: 0px 0px 0px 0px;
color:#31312f;
font-weight:bold;
display:block;
font-style:normal;
}

sup, sub {
height: 0;
line-height: 1;
vertical-align: baseline;
position: relative;
}

sup {bottom: 1ex;}
sub {top: .5ex;}

acronym, abbr {
border-bottom: none;
cursor:help;
}

span.hide {display:none;}

hr {display:none;}

div.hr {
display:block;
height: 1px;
width:200px;
clear: both;
margin:0px 0px 0px 0px;
}

div.absolute {
position:absolute;
height:587px;
width:620px;
}

.wrapper {
width:870px;
min-height:623px;
/*background:#383839;
border-left: 1px solid #4e4d4f;
border-right: 1px solid #4e4d4f;
border-bottom: 1px solid #4e4d4f;*/
margin: 0px auto 0px auto;
position:relative;
}

.left {
width:233px;
float:left;
position:relative;
}

.left h1 {
position:absolute;
top:36px;
left:24px;
}

.left a.logo {
display:block;
width:183px;
height:54px;
background: url(../images/logo.png) no-repeat top;
}

.left a.logo:focus {outline: none;}

ul.navbar {
position:absolute;
left:24px;
top:130px;
list-style:none;
}

.navbar a {
text-decoration: none;
text-indent: -20000px;
margin:0px 0px 6px 0px;
}

.navbar a:focus {outline: none;}

.navbar a.navbar-about {
display: block;
height:15px;
width:94px;
background: url(../images/navbar.png) 0px 0px no-repeat;
}
.navbar a.navbar-about:hover, #about .navbar a.navbar-about, #capabilities .navbar a.navbar-about, #people .navbar a.navbar-about {background: url(../images/navbar.png) -168px 0px no-repeat;}

.navbar a.navbar-portfolio {
display: block;
width:102px;
height:15px;
background: url(../images/navbar.png) 0px -18px no-repeat;
}
.navbar a.navbar-portfolio:hover, #portfolio .navbar a.navbar-portfolio {background: url(../images/navbar.png) -168px -18px no-repeat;}

.navbar a.navbar-news {
display: block;
width:55px;
height:16px;
background: url(../images/navbar.png) 0px -38px no-repeat;
}
.navbar a.navbar-news:hover, #news .navbar a.navbar-news {background: url(../images/navbar.png) -168px -38px no-repeat;}

.navbar a.navbar-sales {
display: block;
width:150px;
height:16px;
background: url(../images/navbar.png) 0px -57px no-repeat;
}
.navbar a.navbar-sales:hover, #sales .navbar a.navbar-sales {background: url(../images/navbar.png) -168px -57px no-repeat;}

.navbar a.navbar-media {
display: block;
width:58px;
height:14px;
background: url(../images/navbar.png) 0px -78px no-repeat;
}
.navbar a.navbar-media:hover, #media .navbar a.navbar-media, #medias .navbar a.navbar-media {background: url(../images/navbar.png) -168px -78px no-repeat;}

.navbar a.navbar-contact {
display: block;
width:87px;
height:15px;
background: url(../images/navbar.png) 0px -97px no-repeat;
}
.navbar a.navbar-contact:hover, #contact .navbar a.navbar-contact {background: url(../images/navbar.png) -168px -97px no-repeat;}

.navbar li ul {margin: 9px 0px 13px 0px;list-style:none;width:220px;}

#news .navbar li ul {
/*position:relative;*/
/*height:270px;*/
}

.navbar li li {margin: 0px 0px 5px 2px;}

.navbar li ul a {
text-indent: 0px;
color:#7aa8bb;
font-size:1.3em;
}

#news .navbar li ul a {font-size:1.2em;}

.navbar li ul a:hover,.navbar li ul a.active {color:#fff;}

.navbar li ul.yearsNav {
display: block;
width: auto;
list-style-type: none;
margin:0px 0px 0px 0px;
}
.navbar li ul.yearsNav li {
display: inline;
position: relative;
list-style-type: none;
}
.navbar li ul.yearsNav li a {
display: block;
position: relative;
float: left;
height: 15px;
width: 42px;
}

div.subnews {
display:none;
width:190px;
border-top:1px dotted #7aa8bb;
}

div.subnews ul li {
margin:0px 0px 6px 0px;
list-style:none;
width:190px;
}

div.subnews ul li a {
text-indent: 0px;
color:#7aa8bb;
font-size:1.2em;
text-decoration:none;
}
div.subnews ul li a:hover,div.subnews ul li a.active {color:#fff};

.navbar li ul ul.capabilitiesMenu {margin: 9px 0px 13px 0px;width:180px;color:#fff;}

.navbar li ul ul.capabilitiesMenu a {color:#fff;font-size:1.2em;}
.navbar li ul ul.capabilitiesMenu a:hover, .navbar li ul ul.capabilitiesMenu a.active, .navbar li ul ul.peopleMenu a:hover, .navbar li ul ul.peopleMenu a.active {color:#7aa8bb;}

.navbar li ul ul.peopleMenu li {margin: 0px 0px 3px 2px;}

.navbar li ul ul.peopleMenu {margin: 5px 0px 0px 0px;width:180px;color:#fff;}
.navbar li ul ul.peopleMenu a {color:#fff;font-size:114%;}
.navbar li ul ul.peopleMenu a.manager { font-weight:bold; }

.legal {
position:absolute;
left:21px;
top:auto;
bottom:20px;
color:#868584;
font-size:0.9em;
}

.legal a {
color:#c2bfbf;
text-decoration:none;
}

.legal a:hover{text-decoration:underline;} 

.right2 {
width:620px;
float:right;
min-height:587px;
margin: 16px 18px 21px 0px;
position:relative;
}

.right {
width:620px;
float:right;
min-height:587px;
background: #333;
margin: 16px 18px 21px 0px;
position:relative;
}

.right p {
color: #fff;
font-size:1.2em;
margin: 0px 10px 12px 0px;
line-height:1.4em;

}

#news .right p {margin: 0px 0px 12px 0px;}

p.intropara {font-size: 1.5em;}

.right ul {
color: #fff;
font-size:1.2em;

line-height:1.4em;
margin: 0px 10px 12px 12px;
}

.right h1 {
font-size:1.3em;
font-weight:bold;

margin:20px 0px 10px 0px;
}

.right h2 {
font-size:1.4em;
line-height:1.4em;
font-weight:bold;
}

span.grey {color:#bcbaba;}
span.black {color:#000000;}

#people .right h2, #capabilities .right h2, #news .right h2, #sales .right h2 {margin:0px 0px 10px 0px;}
/*#news .right h2 {margin:0px 10px 10px 0px;width:310px;}*/
#portfolio .right h2 {width:210px;margin:0px 0px 13px 0px;}

/*#home .right {background: #282626 url(../images/home.jpg) no-repeat left top;}*/
#media .right {background: #282626 url(../images/media.jpg) no-repeat left top;}

#legal .right p {margin: 10px 10px 12px 20px;}
#legal .right ul {margin: 10px 20px 12px 33px;}
#legal .right h2 {margin: 35px 20px 12px 20px;}
#legal .right h3 {margin: 10px 20px 12px 20px;font-size:1.3em;}
#legal .right h4 {margin: 0px 20px 12px 20px;font-size:1.3em;}

#legal .right a {color:#7aa8bb;}

.back, .back_news_1, .back_news_2, .back_news_3 {
left:331px;
position:absolute;
display:none;
width:240px;
background: url(../images/back.png) no-repeat top;
}

#home .back,
#about .back,
#contact .back,
#capabilities .back,
#people .back,
#news .back,
#news .back_news_1,
#news .back_news_2,
#news .back_news_3,
#sales .back {padding: 60px 30px 0px 19px;height:527px;}

#media .back {padding: 210px 30px 0px 19px;height:378px;}

#media .back .formRow {
clear:both;
height:30px;
}
#media .back .password {text-align:right;margin-right:23px;}

#media .back .formRowButton {
position:absolute;
clear:both;
top:auto;
bottom:22px;
}

#media .back label {
font-size:1.2em;
float:left;
width:70px;
line-height:1.5em;
}

#media .back input {
font-size:1.2em;
width:145px;
border:1px solid #dfdfdf;
padding:2px 0px 2px 0px;
}

button.button {
background:transparent  url(../images/enter.png) no-repeat top;
border:medium none;
font-family:Arial,Helvetica,sans-serif;
width:36px;
height:9px;
text-align:left;
text-transform:uppercase;
cursor:pointer;
}


#section {
margin: 19px 0px 0px 19px;
position:relative;
}

#people #section {
float:left;
width:210px;
margin: 19px 0px 0px 19px;
}

#portfolio #section {
height:410px;
margin:0px;
}

div.block {display:none;}
#accordeon {display:none;}

#section2 {
width:615px;
margin: 39px 0px 0px 19px;
}

#section ul, #section2  ul {margin: 20px 0px 13px 0px;list-style:none;width:290px;font-size:1em;}
#people #section ul {margin: 0px 0px 13px 0px;width:210px;}

#section li, #section2  li {margin: 0px 0px 8px 0px;line-height:1.4em;}

#section ul a, #section2  ul a {
text-indent: 0px;
color:#7aa8bb;
font-size:1.2em;
text-decoration:none;
}

#section ul a:hover, #section ul a.active, #section2  ul a:hover, #section2  ul a.active {color:#fff;}

.pf_captions {
font-size: 1.2em;
position:relative;
margin: 10px 0px 0px 0px;
width:580px;
}

#details {margin: 9px 5px 0px 19px;}

#people #details {
float:left;
margin: 19px 5px 0px 0px;
width:350px;
}

#people #details p {width:350px;}

#details a, .back a, .back_news_1 a, .back_news_2 a, .back_news_3 a {color:#7aa8bb;text-decoration:none;}
#details a:hover, .back a:hover, .back_news_1 a:hover, .back_news_2 a:hover, .back_news_3 a:hover {color:#fff;}

#details .intro {
width:210px;
float:left;
margin-right:50px;
}

#portfolio #details .intro {display:none;}

#details .intro ul {margin: 0px 0px 13px 0px;list-style:none;width:210px;font-size:1em;}

#sales .back ul {color:#8f8e8e;font-size:1.3em;margin: 0px 0px 13px 0px;list-style:none;width:210px;}

/*#details .intro li, #sales .back li {margin: 0px 0px 8px 0px;line-height:1.4em;}*/
#details .intro li {margin: 0px 0px 8px 0px;line-height:1.4em;}

#details .intro ul a {
text-indent: 0px;
color:#7aa8bb;
font-size:1.1em;
text-decoration:none;
}

#details .intro ul a:hover, #details .intro ul a.active {color:#fff;}

#details .intro a.mail {
color:#fff;
text-decoration:none;
}
#details .intro a.mail:hover {text-decoration:underline;}

#details .intro ul a.manager { font-weight: bold; }

#sales #details .intro p {
margin:0px 0px 3px 0px;
font-size:1.4em;
}


a.readmore, a.readback2, a.readmore2 {
position:absolute;
top:auto;
bottom:15px;
left:auto;
right:25px;
}

a.readmore, a.readmore2 {
display:block;
background:url(../images/more.png) no-repeat top;
width:35px;
height:12px;
}
a.readback, a.readback2 {
display:block;
background:url(../images/back_n.png) no-repeat top;
width:33px;
height:12px;
}
a.readback {
position:absolute;
top:auto;
bottom:15px;
left:180px;
}

.sales-box {
position:absolute;
top:auto;
bottom:8px;
}
.sales-box p.blue {
color:#7aa8bb;
font-size:1.6em;
margin:0px 0px 0px 0px;
}

.sales-box p {margin:0px 0px 0px 0px;font-size:1.4em;}

#details .desc {
width:320px;
float:left;
}

#portfolio #details .desc {display:none;}

#details .desc h2 {margin-bottom:10px;}

table.pf_table {
font-size:1.2em;
}

.pf_table th {
text-align:left;
color:#7aa8bb;
font-weight:normal;
width:90px;
vertical-align:top;
padding:0px 0px 10px 0px;
}

.pf_table td {
text-align:left;
margin: 0px 0px 0px 0px;
padding:0px 0px 10px 10px;
}

#details p {width:310px;}

/* #loading {position:absolute;top:280px;left:300px;} */
#loading {position:absolute;top:280px;left:480px;}
#loading2 {position:absolute;top:500px;left:95px;visibility:hidden;}

/*Home page carroussel*/
/* .banner .stepcarousel {visibility:hidden;} */
.stepcarousel {
position: absolute; /*leave this value alone*/
height: 587px; /*Height should enough to fit largest content's height*/
width:325px;
overflow:hidden;
top: 0px;
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0px;
top: 0px;
}

.stepcarousel .list{
overflow: visible; /*clip content that go outside dimensions of holding panel DIV*/
margin: 0px 0px 0px 0px; /*margin around each panel*/
width: 325px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
/* height: 707px; */
position:relative;
padding: 0px 0px 0px 0px;
list-style:none;
clear:both;
}

.panel {
float:left;
margin: 0px 4px 4px 0px;
}
.panel img {
border:1px solid #787878;
display:block;
}

.media-detail {
height:529px;
/*height:587px;*/
background: #282626;
width:265px;
float:right;
position:relative;
padding:0px 0px 0px 15px;
}


div.media-image {height:500px;}

.media-image h4 {
color:#928f8f;
font-size:1.2em;
margin: 10px 0px 0px 0px;
}

.media-image p {
margin:15px 0px 0px 0px;
color:#817f7f;
font-size:1.2em;
}
.media-image a {
color:#fff;
text-decoration:none;
}

.media-image a:hover {text-decoration:underline;}

a.pause, a.play {
width:20px;
height:20px;
display:block;
margin: 0px 10px 0px 0px;
position:absolute;
top:368px;
left:590px;
z-index:1000000;
color:#fff;
}
a.pause {background: url(../images/pause.png) no-repeat top;}
a.play{background: url(../images/play.png) no-repeat top;display:none;}


a.hidePanel {
position:absolute;
display:block;  
height:20px;
width:20px;
background: url(../images/cross.png) no-repeat top;
top:15px;
left:auto;
right:25px;
}
a.showPanel {
display:block;  
height:20px;
width:20px;
background: url(../images/play2.png) no-repeat top;
}
div.showPanel1,div.showPanel2 ,div.showPanel3 {
top:15px;
left:auto;
right:25px;
position:absolute;
z-index:100000;
display:none;
}