@font-face{
  font-family:'Brandon_thin';
  src: url('font/Brandon_thin.otf') format('opentype');
}

@font-face{
  font-family:'Brandon_reg';
  src: url('font/Brandon_reg.otf') format('opentype');
}

@font-face{
  font-family:'Brandon_med';
  src: url('font/Brandon_med.otf') format('opentype');
}

@font-face{
  font-family:'Brandon_bld';
  src: url('font/Brandon_bld.otf') format('opentype');
}

*:focus{outline:none;}
::-moz-selection {background-color: #08797c; color: #fff;}
::selection {background-color: #08797c; color: #fff;} /* Works in Safari */ 

html, body{width:100%; height:100%; margin:0px; padding:0px;}
body{ background-color:#eeeeee; font-family: 'Brandon_reg'; color:#575756; font-size:1em; line-height:1.5em; overflow:hidden;}

h1, h2, h3, h4, p, ul{ margin:0px; padding:0px; font-weight:normal;}
h1{font-family:'Brandon_reg'; font-size:1.7em; color:#077783; line-height:1.2em; padding-bottom:10px;}
h1.thin{font-family:'Brandon_thin'; padding-bottom:10px;}
h2{}
p{}

a{text-decoration:none;}
a:hover, a.current{}

.image-spirit{ background:url(../images/image-spirit.png) no-repeat;}

.transitions{-webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; -ms-transition-duration: 0.3s; transition-duration: 0.3s;}

#main{width:100%; height:100%; min-width:1020px; position:relative;}
.container{ width:1000px; padding:0px 10px 0px 10px; margin:0 auto;}

#topbar{background-color:#091d2e; width:100%; height:88px; overflow:hidden; position: fixed; top:0px; z-index:100; box-shadow: 0px 7px 7px -3px rgba(0, 0, 0, 0.2);}
#topbar_left{background-color:#eeeeee; position:fixed; left:0px; height:88px; width:30%; z-index:-1;}
#logo{background-color:#eeeeee; width:300px; height:88px; float:left;}
#logo img{ padding:25px 0px 0px 17px; border:0px;}

#navigation{float: left; width:700px;}
#navigation a{font-family: 'Brandon_med'; color:#d0d1d2; text-transform:uppercase; font-size:.78em; display:block; float:left; width:115px; text-align:center; line-height:1.2em; height:58px; padding-top:30px;}
#navigation a:hover, #navigation a.current{background-color:#eeeeee; color:#4db0a7;}


#homepage, 
#who_we_are, 
#services, 
#project_management, 
#global_reach, 
#contact{width:100%; min-height:100%; margin:0px 0px 0px 0px;}

#homepage .container, 
#who_we_are .container, 
#services .container, 
#project_management .container, 
#global_reach .container, 
#contact .container{min-height: inherit;}



#homepage{background:url(../images/landingpage_bg.png) no-repeat; background-position: 0px -60px;}
#homepage_content{width:500px; float:right; margin-top:150px;}
#homepage_content span{display:block; width:239px; height:227px; float:right; margin-right:125px; margin-bottom:30px;}
#homepage_content h1{color:#08797c; font-size:1.7em; padding-bottom:30px; float:right; width:500px;}
#homepage_content p{display:block; float:right; width:300px; font-family: 'Brandon_reg'; color:#888;}
#homepage_content large{ display:block; width:43px; height:28px; background-position:-253px -400px; position:absolute; bottom:10px;}


#who_we_are{ position:relative;}
.secondary_nav_left, .secondary_nav_right{position: absolute; top:0px; height:60px; width:30%; z-index:-1;}
.secondary_nav_left{background-color:#045f68;  left:0px;}
.secondary_nav_right{background-color:#479685; right:0px;}


.secondary_nav{}
.secondary_nav a{font-family: 'Brandon_thin'; display:block; float:left; width:25%; height:43px; text-align:center; color:#dddddd; font-size:1.4em; padding:17px 0px 0px 0px;}
.secondary_nav a._01{background-color:#045f68; }
.secondary_nav a._02{background-color:#0e3549; }
.secondary_nav a._03{background-color:#288281; }
.secondary_nav a._04{background-color:#479685; }

.secondary_nav a._01:hover,
.secondary_nav a._02:hover,
.secondary_nav a._03:hover,
.secondary_nav a._04:hover,
.secondary_nav a.selected{background-color: #f5f5f5; color:#268181;}

#who_we_are_content{width:980px;}

.who_we_are_content{ padding:40px;}
.who_we_are_content p{ font-size:1em;}
.column_left{float:left; width:400px;}
.column_right{float:right; width:400px;}


#who_we_are_footer{ position:absolute; bottom:0px; width:1000px; margin:0 auto;}
#who_we_are_footer span{ width:25%; height:130px; display:block; float:left;}
#who_we_are_footer span._01{background-color:#045f68; }
#who_we_are_footer span._02{background-color:#0e3549; }
#who_we_are_footer span._03{background-color:#288281; }
#who_we_are_footer span._04{background-color:#479685; }

#who_we_are_footer_left, #who_we_are_footer_right{position: absolute; bottom:0px; height:130px; width:30%; z-index:-1;}
#who_we_are_footer_left{background-color:#045f68;  left:0px;}
#who_we_are_footer_right{background-color:#479685; right:0px;}


#services{ position:relative; padding-bottom:20px; background:url(../images/texture.jpg); z-index:-1;}
#services_01{ padding:20px 0px 40px 0px;}
#services_01 h1{ font-size:1.6em; color:#444444; display:block; text-align:center; padding:0px 0px 20px 0px;}

.vertical_info{ position:absolute; top:0px; left:0; width:100%; opacity:0; height:inherit; padding:20px 0px 0px 0px;}
.aim a:hover .vertical_info{ left:0px; background-color:#dddddd; opacity:1;}

.vertical_info h1{ display:block; text-indent:-9999px; margin:0 auto; font-size:1.5em;}
.vertical_info h2{ display:block; margin:0 auto; width:190px; line-height:1.2em; text-align:center; color:#173e3d; padding:10px 0px 20px 0px;}
.vertical_info h3{color:#173e3d; font-size:1.4em; padding:0px 20px 0px 20px; line-height:1em; margin-bottom:7px;}
.vertical_info p{ display:block; padding:0px 0px 0px 20px !important; color:#173e3d;}


.vertical_info h1._business_strategy{ background-position:-273px -139px; width:57px; height:60px;}
.vertical_info h1._manufacturing{ background-position:-336px -139px; width:70px; height:56px;}
.vertical_info h1._marketing{ background-position:-413px -123px; width:59px; height:71px;}



.vertical_base{ margin:150px 0px;}
.vertical_base h1{ color:#FFF; text-indent:-9999px; margin:0 auto; margin-bottom:10px;}
.vertical_base h2{ color:#FFF; padding:12px 0px 20px 0px; display:block; width:190px; margin:0 auto; text-align:center;}
.vertical_base h1._business_strategyW{ background-position:-273px -46px; width:57px; height:60px;}
.vertical_base h1._manufacturingW{ background-position:-336px -64px; width:70px; height:56px;}
.vertical_base h1._marketingW{ background-position:-413px -31px; width:59px; height:71px; margin-top:-18px;}

.vertical_base span{ display:block; height:1px; border-top:2px solid #FFF; width:80px; margin:0 auto;}


#services_02{background:url(../images/regularity_bg.png) no-repeat; background-position:-40px -90px;}
#services_02 h1{font-family: 'Brandon_thin'; font-size:1.5em; color:#FFF; display:block; text-align:center; margin:25px 0px 20px 0px;}

#services2_infoBlock{text-align:center;}
#services2_infoBlock a{ display: inline-block; width:250px; height:410px; overflow:hidden; position:relative;}
.infoblock_services{ width:210px; height: 364px; background-color:#cfcac2; padding:20px;}
#_regularityBlock{background-color:#cfcac2; border-bottom:6px solid #227b7f;}
#_validation{background-color:#c5c0b8; border-bottom:6px solid #184044;}
.infoblock_services h2{ text-indent:-9999px; margin:0 auto; margin-top:30px; margin-bottom:10px;}
.infoblock_services h3{ font-size:1.5em; color:#444444; display:block; text-align:center; width:100px; margin:0 auto; margin-top:10px; margin-bottom:10px; line-height:1.2em;}
.infoblock_services span{ display:block;}

.infoblock_services h2._regularity{background-position:-21px -279px; width:65px; height:66px;}
.infoblock_services h2._validation{background-position:-93px -265px; width:45px; height:80px; margin-top:16px;}


.infoblock_services span{ display:block; height:1px; border-top:2px solid #444444; width:80px; margin:0 auto;}
.infoblock_services h4{ display:block; margin:0 auto; padding:10px 10px 10px 10px; width:16px; height:15px; border:1px solid #000; margin-top:60px;}
.infoblock_services h4 > small{background-position:-173px -303px; width:16px; height:15px; display:block;}

.infoblock_services_content{width:0px; height: 359px; background-color:#f8f8f8; padding:20px; display:none; position:absolute; left:0px; top:0px; border-bottom:6px solid #227b7f; padding-top:25px;}
.infoblock_services_content h2{ color:#444444; font-family: 'Brandon_reg'; width:100px; margin:0 auto; text-align:center; margin-top:10px; margin-bottom:10px;}
.infoblock_services_content p{ color:#575756; display:block; margin:20px 0px 20px 0px; text-align:left;}
.infoblock_services_content span{ display:block; height:1px; border-top:1px solid #444444; width:80px; margin:0 auto;}


#services2_infoBlock a:hover{width:460px;}
#services2_infoBlock a:hover .infoblock_services{width:460px;}
#services2_infoBlock a:hover .infoblock_services_content{ display:block; width:420px;}


#services3_infoBlock{ margin:0px 0px 0px 50px;}
#services3_infoBlock a{display:block; width:280px; height:350px; float:left; overflow:hidden; position:relative;}
.infoblock_services3{ width:240px; height: 310px; background-color:#cfcac2; padding:20px;}
#sourcing{background-color:#cfcac2; border-top:6px solid #227b7f;}
#investment{background-color:#c5c0b8; border-top:6px solid #077782;}
#market{background-color:#cfcac2; border-top:6px solid #164b70;}
.infoblock_services3 h2{ text-indent:-9999px; margin:0 auto; margin-top:30px; margin-bottom:10px;}
.infoblock_services3 h3{ font-size:1.4em; color:#444444; display:block; text-align:center; width:150px; margin:0 auto; margin-top:10px; margin-bottom:10px; line-height:1.2em;}
.infoblock_services span{ display:block;}

.infoblock_services3 h2._regularity{background-position:-21px -279px; width:65px; height:66px;}
.infoblock_services3 h2._validation{background-position:-93px -265px; width:45px; height:80px; margin-top:20px;}


.infoblock_services3 span{ display:block; height:1px; border-top:2px solid #444444; width:80px; margin:0 auto;}
.infoblock_services3 h4{ display:block; margin:0 auto; padding:10px 10px 10px 10px; width:16px; height:15px; border:1px solid #000; margin-top:60px;}
.infoblock_services3 h4 > small{background-position:-173px -303px; width:16px; height:15px; display:block;}

.infoblock_services3_content{width:240px; height: 310px; background-color:#f8f8f8; padding:20px; position:absolute; left:0px; top:100%; border-top:6px solid #227b7f; padding-top:50px;}
.infoblock_services3_content h2{ color:#444444; font-family: 'Brandon_reg'; width:150px; margin:0 auto; text-align:center; margin-top:10px; margin-bottom:10px; font-size:1.4em;}
.infoblock_services3_content p{ color:#0e0000; width:240px !important; margin:20px 0px 10px 0px !important;}
.infoblock_services3_content span{ display:block; height:1px; border-top:1px solid #444444; width:80px; margin:0 auto;}

#services3_infoBlock a:hover .infoblock_services3{ margin-top:200px;}
#services3_infoBlock a:hover .infoblock_services3_content{top:0px;}

.infoblock_services3 h2._sourcing{background-position:-21px -359px; width:55px; height:78px; margin-top:10px;}
.infoblock_services3 h2._investment{background-position:-93px -379px; width:58px; height:58px;}
.infoblock_services3 h2._market{background-position:-159px -386px; width:57px; height:51px; margin-top:37px;}



#services_03 { padding:20px 0px 0px 0px;}
#services_03 h1{ color:#444444; width:700px; margin:0 auto; font-size:1.5em;}
#services_03 p{ color:#575756; width:700px; margin:0 auto; font:1.2em;}
#services_03_footer{ background:url(../images/business_bg.jpg) repeat-x; height:345px; position:absolute; top:300px; left:0px; width:100%; z-index:-1;}




#services_04{background:url(../images/regularity_bg.png) no-repeat; background-position:-40px -90px;}
#services_04 h1{font-family: 'Brandon_thin'; font-size:1.5em; color:#FFF; display:block; text-align:center; margin:25px 0px 20px 0px;}

#services4_infoBlock{ margin:0px 0px 0px 150px;}
#services4_infoBlock a{display:block; width:340px; height:410px; float:left; overflow:hidden; position:relative;}
.infoblock_services4{ width:300px; height: 364px; background-color:#cfcac2; padding:20px;}
#knowledge{background-color:#cfcac2; border-bottom:6px solid #227b7f;}
#skills{background-color:#c5c0b8; border-bottom:6px solid #184044;}
.infoblock_services4 h2{ text-indent:-9999px; margin:0 auto; margin-top:30px; margin-bottom:10px;}
.infoblock_services4 h3{ font-size:1.5em; color:#444444; display:block; text-align:center; width:100px; margin:0 auto; margin-top:10px; margin-bottom:10px; line-height:1.2em;}
.infoblock_services4 span{ display:block;}

.infoblock_services4 h2._knowledge{background-position:-295px -248px; width:74px; height:97px;}
.infoblock_services4 h2._skills{background-position:-372px -240px; width:74px; height:105px; margin-top:20px;}


.infoblock_services4 span{ display:block; height:1px; border-top:2px solid #444444; width:80px; margin:0 auto;}
.infoblock_services4 h4{ display:block; margin:0 auto; padding:10px 10px 10px 10px; width:16px; height:15px; border:1px solid #000; margin-top:60px;}
.infoblock_services4 h4 > small{background-position:-173px -303px; width:16px; height:15px; display:block;}

.infoblock_services4_content{width:300px; height: 364px; background-color:#f8f8f8; padding:20px; position:absolute; left:0px; top:450px; border-bottom:6px solid #227b7f;}
.infoblock_services4_content h2{ color:#444444; font-family: 'Brandon_reg'; width:100px; margin:0 auto; text-align:center; margin-top:10px; margin-bottom:10px;}
.infoblock_services4_content p{ color:#575756; display:block; margin:10px 0px 10px 0px; line-height:1.3em;}
.infoblock_services4_content span{ display:block; height:1px; border-top:1px solid #444444; width:80px; margin:0 auto;}


#services4_infoBlock a:hover{}
#services4_infoBlock a:hover .infoblock_services4{ margin-top:100px;}
#services4_infoBlock a:hover .infoblock_services4_content{ top:0px;}





#project_management{ background:url(../images/texture.jpg);}
#project_management_block{ padding:30px 0px 20px 0px;}
#project_management_block h1{ display:block; float:left; width:300px; color:#444444; font-size:1.8em; line-height:1.5em;}
#project_management_block p{ float:left; display:block; width:650px; padding-bottom:20px;}

#project_management_elements_block{ height:300px;}

#project_management_elements_block_left{ background:rgba(220, 220,220,1); height:inherit; width:330px; border-bottom:6px solid rgba(12, 122,131,1); float:left; position:relative; overflow:hidden;}
#project_management_elements_block_left a{ display:block; width:100%; height:100%;}


#monitoring_block_info{position:absolute; top:100%; left:0px; background:rgba(220, 220,220,1); width:100%; height:inherit;}
#monitoring_block_info h1{ font-family:'Brandon_thin'; color:#000; padding:15px 20px 5px 20px; font-size:1.4em; font-style:italic;}
#monitoring_block_info p{ color:#575756 !important; padding:0px 20px 10px 20px; font-size:1em; line-height:1.4em;}

#project_management_elements_block_left h3{font-family:'Brandon_reg'; font-size:1.5em; color:#268181; display:block; text-align:center; padding:30px 20px 10px 20px;}
#project_management_elements_block_left h4{font-family:'Brandon_thin'; font-style:italic; font-size:1.4em; display:block; text-align:center; color:#000; padding:15px;}
#project_management_elements_block_left p{ padding:0px 25px 25px 25px; color:#575756;}
#project_management_elements_block_left span{ display:block; margin:0 auto; padding:4px 6px 6px 6px; width:10px; height:12px; border:1px solid #000; margin-top:10px;}
#project_management_elements_block_left span > small{background-position:-233px -303px; width:10px; height:12px; display:block;}

#project_management_elements_block_left a:hover #monitoring_block_info{top:0px;}
#project_management_elements_block_left a:hover { margin-top:100px;}



#project_management_elements_block_right{ width:648px; height:inherit; border-bottom:6px solid rgba(28, 65,80,1); float:left;}

.project_elements_block{width:216px; background:rgba(36, 125,127,1); float:left; height:50%; position:relative; overflow:hidden; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #227B80), color-stop(0.67, #338778));
background-image: -o-linear-gradient(-45deg, #227B80 0%, #338778 67%);
background-image: -moz-linear-gradient(-45deg, #227B80 0%, #338778 67%);
background-image: -webkit-linear-gradient(-45deg, #227B80 0%, #338778 67%);
background-image: -ms-linear-gradient(-45deg, #227B80 0%, #338778 67%);
background-image: linear-gradient(to -45deg, #227B80 0%, #338778 67%);
}

.project_elements_block a{ display:block; width:100%; height:100%;}
.project_elements_block h1{ color:#000; display:block; text-align:center; padding:25px 0px 0px 0px;}
.project_elements_block h2{ color:#dfdfdd; display:block; text-align:center; font-size:1em; padding:5px 0px 0px 0px;}
.project_elements_block span{ display:block; margin:0 auto; padding:4px 6px 6px 6px; width:9px; height:12px; border:1px solid #FFF; margin-top:10px;}
.project_elements_block span > small{background-position:-213px -303px; width:9px; height:12px; display:block;}
.project_elements_block p{ font-family:'Brandon_thin'; position:absolute; top:100%; left:0px; background:rgba(9, 29, 46, 0); color:#FFF; width:80%; height:80%; font-size:.95em; line-height:1.5em; padding:10%; text-align:left;}

.project_elements_block a:hover  p{top:0px; background:rgba(9, 29, 46, 1);}
.project_elements_block a:hover{ margin-top:100px;}

#global_reach{ background:url(../images/texture.jpg);}
#global_reach_content{ padding:40px 20px 20px 20px;}
#global_reach_content h1{ color:#444444; margin:0 auto; margin-bottom:20px; border-top:1px solid #444444; border-bottom:1px solid #444444; width:100px; padding:5px 0px 5px 0px; text-align:center; line-height:1em;}
#global_reach_content a{color:#0e0000;}

.global_reach_block{background-color:#dddddd; padding:20px 40px 20px 40px; border-top:6px solid rgba(7,119,130,1); margin-top:20px;}
.global_reach_block img{ margin-bottom:20px;}
.global_reach_block p{ padding-bottom:20px;}
.global_reach_block p > a{ color:rgba(108,156,136,1) !important;}
.global_reach_block p > a:hover{ color:rgba(108,156,136,.8) !important;}

.global_reach_col{ float:left; width:170px; background-color:#dddddd; padding:20px 10px 20px 10px; min-height:320px; border-top:6px solid rgba(7,119,130,1); margin:40px 0px 0px 0px;}
.global_reach_col_light{background-color:#e9e9e9; border-top:6px solid rgba(108,156,136,1); }
.global_reach_col h2{ color:#067783; font-size:1.1em; margin:0px 0px 20px 0px;}




#contact {height:100%; position:relative;}
#contact .container{min-height: 100%;}

#contact_block{ position:absolute; bottom:20%; left:50%; margin-left:-320px;}
#contact_block a{color:#FFF;}
#contact_block a:hover{color:#000;}
#contact_block_left, #contact_block_right{ float:left; width:200px; background:rgba(30,116,124,.9); color:#FFF; height:150px; padding:20px 60px 20px 60px;}

#contact_block_left{background:rgba(30,116,124,.9); border-bottom:6px solid rgba(14,48,75,.9);}
#contact_block_right{background:rgba(52,143,140,.9); border-bottom:6px solid rgba(34,123,127,.9);}


._dot{ display:block; float:left; height: inherit; font-size:.8em; padding-right:3px; margin-top:-2px;}
.clear{ clear:both;}

@media screen and (min-width:768px) and (max-width:960px){body{overflow: auto;}}
/*smart tablets devices*/
@media screen and (min-width:481px) and (max-width:768px){body{overflow: auto;}}
/*smart phone devices*/
@media screen and (min-width:320px) and (max-width:480px){body{overflow: auto;}}