body	{background-color:#e8e8e8; margin:0px}

@font-face {
  font-family: 'Texgyreadventor';
  src: url('/fonts/texgyreadventor-regular-webfont.eot');
  src: local('☺'),
    url("/fonts/texgyreadventor-regular-webfont.woff") format("woff"),
    url("/fonts/texgyreadventor-regular-webfont.ttf") format("opentype"),
    url("/fonts/texgyreadventor-regular-webfont.svg#Tex") format("svg");
}

@font-face {
  font-family: 'SegoeUI';
  src: url('/fonts/segoeui-webfont.eot');
  src: local('☺'),
    url("/fonts/segoeui-webfont.woff") format("woff"),
    url("/fonts/segoeui-webfont.ttf") format("opentype"),
    url("/fonts/segoeui-webfont.svg#SegoeUI") format("svg");
}

div#page_wrapper, div#page_base, div.page_size, div#main_navigation	{vertical-align:top}

div#page_wrapper	{width:100%; text-align:center}
div#page_base		{width:100%; min-height:270px; text-align:center; float:left; clear:both; background-color:#122f51}
div.page_size		{width:858px; margin:0px auto; text-align:left}

h1, h2, h3, h4 {color: #333}

/**NAVIGATION**/
div#main_navigation		{height:105px; float:right}
div#main_navigation div	{
  height:91px;
  width:auto;
  float:left;
  margin:10px 0 4px 0;
  cursor:pointer;
  border-right:1px solid #71b3ff;
  -webkit-flex: 1 1 20%;
      -ms-flex: 1 1 20%;
          flex: 1 1 20%;
}
div#main_navigation a	{float:right; font:13px/100% Texgyreadventor; text-decoration:none; margin:75px 8px 0 0}
div#main_navigation span	{font:9px/100% Texgyreadventor}

div.page_size,
div#main_navigation {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
}

div.page_size {
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
div#main_navigation {
  -webkit-flex: 1 1 65%;
      -ms-flex: 1 1 65%;
          flex: 1 1 65%;
}
div#main_title,
div#main_content {
  width: 100%;
  -webkit-flex: 1 1 100%;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
}


/**NAV MOUSEOVER**/
.navlink	{background-color:transparent}
.navlink a:link, .navlink a:visited	{color:#2664ab}
.hover		{background-color:#2664ab}
.hover a:link, .hover a:visited,
.hover a:hover, .hover a:active	{color:#fff}


/**STICKY NAV**/
body#Pioneer div#pioneer,
body#Portfolio div#portfolio,
body#Services div#services,
body#Company div#company,
body#Contact div#contact
  {
    background-color:#2664ab;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -ms-transition: all .2s;
    transition: all .2s;
  }

body#Pioneer div#pioneer a:link,
body#Pioneer div#pioneer a:visited,
body#Portfolio div#portfolio a:link,
body#Portfolio div#portfolio a:visited,
body#Services div#services a:link,
body#Services div#services a:visited,
body#Company div#company a:link,
body#Company div#company a:visited,
body#Contact div#contact a:link,
body#Contact div#contact a:visited
	{color:#fff}


/**TITLE**/
div#main_title	{width:100%; height:50px; margin:20px 0; float:left; clear:both}
div#main_title h1	{font:20px/100% Texgyreadventor; color:#122f51}


/**CONTENT**/
div#main_content		{margin:0 0 60px 0; min-height:322px; float:left; clear:both}
div#main_content div	{width:280px; min-height:322px; float:left; margin-right:9px; background-color:#fff; vertical-align:top}
div#main_content div.end	{margin-right:0px !important}
div#main_content div.full	{width:858px !important; margin-right:0px !important}
div#main_content div img	{float:right}

div#main_content div a	{padding:2px 4px; }
div#main_content div a:link, div#main_content div a:visited	{color:#fff; background-color: #2664ab; padding: 3px 5px; text-decoration:none;}
div#main_content div a:hover, div#main_content div a:active	{text-decoration:underline;}

div#main_content div p.text	{font:13px/130% SegoeUI; color:#333; margin:40px 40px 20px 40px}

ul.main			  {font-family:SegoeUI; list-style-type:none; margin:0px 20px 60px 20px; padding-top:20px; border-top:1px dotted #666666; color: #666}
ul.main ul		{list-style-type:none; padding:3px !important; list-style-position:inside; margin:0 0 20px 0}
ul.main ul ul	{list-style-type:none; list-style-position:inside}

li.title	{font-size:15px; font-weight:bold; text-transform:uppercase; color:#122f51 !important}
li.title span	{font-size:12px; font-weight:normal; text-transform:capitalize}
li.info		{font-size:14px !important; font-weight:normal !important; color:#122f51 !important; text-indent:20px}
li.type		{font-size:11px !important; font-weight:normal !important; color:#122f51 !important; text-indent:40px}

ul.main li.image	{background-repeat:no-repeat; background-position:center center; float:left; display:inline; clear:left; margin:0 20px 10px 0; border:1px solid #888888}
#Portfolio ul.main li.image	{width:240px; height:150px}
#Company ul.main li.image	{width:240px; height:200px}

ul.main .text-size {
  margin: 20px 0 20px 40px;
  list-style-type: disc;
  list-style-position: initial;
}
ul.main .text-size li {
  padding: 6px;
}
.sub-element {
  text-indent:20px;
  font-weight: bold;
  text-decoration: underline;
}
.logo {
  position: absolute;
  top: 0;
  left: -60px;
}
.logo-container {
  position: relative;
  width:300px;
  height:100px;
  cursor:pointer;
}

/**BASE**/
div.item, div.end	{width:280px; min-height:200px; float:left}
div.item	{margin-right:0px}
div.end		{margin-right:0px}

h1.title	{font:20px/100% Texgyreadventor; margin:28px 0 24px 0; color:#fff}
.title span	{font:13px/100% Texgyreadventor; color:#fff; text-transform:uppercase}
p.info		{font:12px/180% SegoeUI; margin:0 0 15px 12px; color:#fff}
p.info span	{font:12px/180% Texgyreadventor; color:#71b3ff}

div.link	{background-color:#2664ab; padding:14px 0 4px 11px; cursor:pointer; min-width:175px; min-height:22px !important}
div.link p	{font:12px/100% SegoeUI; margin:0px; padding:0px; color:#fff}
div.link a:link, div.link a:visited	{color:#71b3ff; text-decoration:none}
div.link a:hover, div.link a:active	{color:#71b3ff; text-decoration:underline}

div.base ul	{list-style-type:none; margin:30px 0 30px 0; padding:0; float:left}
div.base li	{font:11px/180% SegoeUI; display:inline; padding:0 4px}
div.base a:link, div.base a:visited	{color:#2664ab; text-decoration:none}
div.base a:hover, div.base a:active	{color:#71b3ff; text-decoration:none; border-bottom:1px dotted #71b3ff}


/**MISC**/
table.form	{margin:40px}
.form td	{font:12px/120% Texgyreadventor; color:#666; vertical-align:top; text-transform:lowercase; text-align:right}
.form textarea {height:160px}
.form input, .form select {height:20px}
.form input, .form select, .form textarea {font:13px/120% Texgyreadventor; outline: none; background-color:#e1e1e1; border:1px solid #e1e1e1; color:#666}

.form textarea {width:400px}
.form input, .form select {width:200px}
.phn	{width:45px !important}
.phn2	{width:55px !important}
.left	{text-align:left !important}

.error	{background-color:#553535; border:1px dotted #8c785c; font:11px/120% Texgyreadventor; color:#cc9b7a; clear:both; padding:12px 8px; margin:0 0 10px 0; width:840px}
.success {background-color:#ccba7a; border:1px dotted #6e6442; font:11px/120% Texgyreadventor; color:#333333; clear:both; padding:12px 8px; margin:0 0 10px 0; width:840px}

.submit, .submit_	{width:150px; background-color:#2664ab; border:0px; padding:7px 10px; margin:0 0 30px 0; font:bold 14px/120% Texgyreadventor; cursor:pointer}
.submit		{color:#fff}
.submit_	{color:#ccc}