/*  Main  */

/*****************************************HM .CSS**************************************************************/

@charset "utf-8";

/* CSS Document */

*{margin: 0px; padding: 0px; outline:none; border:0px}

body, html { font-size: 100%;padding: 0; margin: 0;}

html {height:100%;width:100%}

p{margin: 0px; padding: 0px 0px 13px 0px}

body { background-color:#edeeef; font-size:12px;  font-family:"HurmeGeometricSans4 Thin"; font-weight:normal; color:#272425; text-rendering: optimizeLegibility !important;    -webkit-font-smoothing: antialiased !important;} 

.bodyBg{ background-image:url(../images/bg.jpg); background-repeat:repeat-x}

a{color:#CCC; text-decoration:none;}

a:hover{ color:#FFF}

.clear{ clear:both}

*, * focus {margin: 0; outline: medium none}

*:focus {outline: none;}

.border2{border:1px #282828 solid;}

@font-face {font-family:"HurmeGeometricSans4 Thin";src:url("../fonts/HurmeGeometric.eot?") format("eot"),url("../fonts/HurmeGeometric.woff") format("woff"),url("../fonts/HurmeGeometric.ttf") format("truetype"),url("../fonts/HurmeGeometric.svg#HurmeGeometricSans4Thin") format("svg");font-weight:normal;font-style:normal;}



@font-face {font-family:"HurmeGeometricSans4 Bold";src:url("../fonts/HurmeGeometricSans4Bold.eot?") format("eot"),url("../fonts/HurmeGeometricSans4Bold.woff") format("woff"),url("../fonts/HurmeGeometricSans4Bold.ttf") format("truetype"),url("../fonts/HurmeGeometricSans4Bold.svg#HurmeGeometricSans4Bold") format("svg");font-weight:normal;font-style:normal;}



@font-face {font-family:"HurmeGeometricSans4 Regular";src:url("../fonts/HurmeGeometricSans4Regular.eot?") format("eot"),url("../fonts/HurmeGeometricSans4Regular.woff") format("woff"),url("../fonts/HurmeGeometricSans4Regular.ttf") format("truetype"),url("../fonts/HurmeGeometricSans4Regular.svg#HurmeGeometricSans4Regular") format("svg");font-weight:normal;font-style:normal;}



/*  Main  */

#wrapper {margin:0 auto; padding-bottom:50px; width:100%}

.navArea{ margin-top:60px; float:left; width:100%;   }

.navArea ul{ margin:0px; padding:0px}

.navArea ul li{ width:100%; border-bottom:dotted #000 1px; list-style:none; margin:0px; padding:0px}

.navArea ul li a{ display:inline-block; width:91%; font-family:"HurmeGeometricSans4 Regular"; font-size:15px; padding:7px 0px 7px 26px; letter-spacing:1px; color:#000; font-weight:normal}

.navArea ul li a:hover, .navArea ul li a.active{ background-color:#272525; width:100%; color:#FFF;}

.backbio1{float:right;background-color:#000; text-decoration:none;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; color:#FFF; padding:2px 15px 2px 15px;}

.backbio1:hover{ color:#FFF}





.navArea .logo2{ clear:both; margin-bottom:60px; float:left; width:100%}

.navArea .logo2 h1{ padding-left:30px; font-family:"HurmeGeometricSans4 Thin";  font-size:30px; color:#000; font-weight:normal}

.navArea .logo2 h1 strong{ font-family:"HurmeGeometricSans4 Regular";  font-weight:normal}

.navArea .address{ margin-left:26px; margin-top:50px; float:left; clear:both; width:87%}

.navArea .address strong{font-family:"HurmeGeometricSans4 Regular"; font-size:12px;letter-spacing:1px;  color:#000; font-weight:bold}

.navArea .address p{-webkit-text-stroke: 0.3px;  margin-top:9px; line-height:17px;font-family:"HurmeGeometricSans4 Regular"; font-size:11px; letter-spacing:1px;  color:#000; font-weight:normal}

.navArea .address a{font-family:"HurmeGeometricSans4 Regular"; font-size:11px; letter-spacing:1px;  color:#58585a; font-weight:normal}

.navArea .address p span{font-family:"HurmeGeometricSans4 Regular";   font-size:11px; color:#00acec; font-weight:normal}

.contentArea{  float:left; width:100%}

.contentArea .logo{ margin-left:50px; padding-top:16px; margin-bottom:7px; float:left;  width:100%}

.contentArea .logo h1{ border-right:1px #00acec solid; padding-right:24px;margin-right:24px; float:left; font-family:"HurmeGeometricSans4 Thin"; font-size:50px;  /*font-size: 3.5vw;*/color:#000;  font-weight:normal}

.contentArea .logo h1 strong{ font-family:"HurmeGeometricSans4 Regular";  font-weight:normal}

.contentArea .logo p{ float:left; font-family:"HurmeGeometricSans4 Regular"; line-height:20px; margin-top:16px; font-size:14px; /*font-size:1.0vw;*/ color:#272425; font-weight:normal}

.contentArea .headerArea{ margin-top:1px;   float:left; width:100%;}

.contentArea .nav{ margin-left:50px; float:left; width:100%}

.contentArea .nav ul{ margin:0px; padding:0px}

.contentArea .nav ul li{margin:0px; padding:0px 0px 0px 0px; float:left; color:#00acec;list-style:none}

.contentArea .nav ul li span{font-family:"HurmeGeometricSans4 Regular"; line-height:25px;  font-size:13px; color:#00acec; font-weight:normal}

.contentArea .nav ul li a{ -webkit-text-stroke: 0.3px; font-family:"HurmeGeometricSans4 Regular"; line-height:25px;  padding:0px 13px 0px 13px;  font-size:15px; color:#272425; font-weight:normal}

.contentArea .headerArea .bannerArea{ float:left; width:100%}

.contentArea .headerArea .picth{ float:left; margin-top:6px; margin-right:6px;}







.contentArea .headerArea .viewAll{ margin-top:8px; float:left;text-align:center; width:86%}

.contentArea .headerArea .viewAll a{-webkit-text-stroke: 0.5px; letter-spacing:1px;font-family:"HurmeGeometricSans4 Regular";  line-height:25px;  font-size:13px; color:#58585a; font-weight:normal}

.pageArea{ min-height:450px;}

 

.pageArea h2{font-family:"HurmeGeometricSans4 Regular";  font-size:25px; color:#58585a; font-weight:normal}

.pageArea span{font-family:"HurmeGeometricSans4 Regular";  font-size:30px; color:#58585a; font-weight:normal}

.pageArea p{-webkit-text-stroke: 0.3px; letter-spacing:0.5px; font-family:"HurmeGeometricSans4 Regular";  font-size:12px; line-height:18px; color:#58585a; font-weight:normal}

.pageArea p strong{ color:#000; font-weight:bold}

.pageArea .bioArea{ float:left; margin-top:20px; margin-right:40px; width:180px;}

.pageArea .bioArea p{-webkit-text-stroke: 0.3px; letter-spacing:0.5px; font-family:"HurmeGeometricSans4 Regular";  font-size:12px; line-height:17px; color:#58585a; font-weight:normal}

.pageArea .bioArea .titlebar{ float:left; width:100%; background-color:#FFF; padding:5px 0px 5px 0px;}

.pageArea .bioArea .titlebar span{font-family:"HurmeGeometricSans4 Regular"; padding-left:7px;  font-size:12px; line-height:17px; color:#58585a; font-weight:normal}

.pageArea .whatwedo{ margin-top:10px; float:left; width:33%;}

.pageArea .whatwedo h3{ margin-bottom:20px;font-family:"HurmeGeometricSans4 Regular";  font-size:12px; line-height:17px; color:#58585a; font-weight:bold}

.pageArea .whatwedo p{ margin-bottom:12px;font-family:"HurmeGeometricSans4 Regular";  font-size:12px; line-height:16px; color:#58585a; font-weight:normal}

.pageArea .whatwedo p a{ background-image:url(../images/arrow.png); background-position:center right; background-repeat:no-repeat;/*-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px; background-color:#909090;  padding:2px 5px 4px 5px;  */width:110px;display:inline-block; color:#58585a;}





.bioDetails{ float:left; margin-top:20px;  margin-right:40px; width:100%;}

.bioDetails h4{-webkit-text-stroke: 0.3px; letter-spacing:0.5px; font-family:"HurmeGeometricSans4 Regular";  font-size:16px; line-height:23px; color:#58585a; font-weight:normal}

.bioDetails a{-webkit-text-stroke: 0.3px; letter-spacing:0.5px; font-family:"HurmeGeometricSans4 Regular";  font-size:12px; line-height:23px; color:#ffffff; text-decoration:underline; font-style:italic; font-weight:normal}

.bioDetails p{-webkit-text-stroke: 0.3px; letter-spacing:0.5px; font-family:"HurmeGeometricSans4 Regular";  font-size:12px; line-height:21px; color:#58585a; font-weight:normal}







/* Mod Header Fixed */

.navigation { float:left;width:195px;}

.mod-header-fixed {position: fixed; top:0;margin-top:20px;width:195px;}

/* End: Mod Header Fixed */

.portfolioArea{ float:right; width:739px;}

.portfolioArea .thpic{ float:left; margin-right:4px; margin-bottom:5px; width:180px; background-color:#666; height:130px}

.mapArea{ float:left; width:100%}

.formArea{ }

.formArea .frmCan{ margin-bottom:15px; float:left; width:100%}

.formArea .frmCan h2{ margin-bottom:10px !important; text-transform:none !important;font-family:"HurmeGeometricSans4 Regular";  font-size:12px !important; line-height:16px; color:#58585a; font-weight:normal}

.inputtype{  background-color:#bbbbbe; width:95%; height:20px; padding:5px; border:none}

.inputtype2{  background-color:#bbbbbe; width:95%; height:175px; padding:5px; border:none}

.sendBt{font-family:"HurmeGeometricSans4 Regular";  font-size:12px; line-height:16px; color:#fff; letter-spacing:1px; font-weight:normal; background-color:#333; padding:5px 20px 5px 20px}

.portfolioNav{ float:left;width:100%; background-color:#ebac12}

.portfolioNav ul{ margin:0px; padding:0px}

.portfolioNav ul li{ border-right:1px  #f9ce65 solid; list-style:none; float:left; margin:0px;  padding:11px 0px 11px 0px}

.portfolioNav ul li a{font-family:"HurmeGeometricSans4 Regular"; padding:11px 22px 11px 22px;  font-size:12px; line-height:16px; color:#fff; letter-spacing:1px; font-weight:normal;}

.portfolioTxt{ float:left; width:100%; margin-top:30px}

.portfolioTxt p{font-family:"HurmeGeometricSans4 Regular";  font-size:12px; line-height:19px; color:#666; letter-spacing:1px; font-weight:normal;}

.filter{  float:left; background-color:#000;width:100%; padding:8px 0px 8px 26px; position:fixed; top:0px; z-index:10   }





#footerArea { width:100%;margin: 0px 0px 0px 280px;	position:fixed; bottom:0px;}

/*#footerArea a img{ float:left; max-width:10%}*/



.backBt1{ float:right;  margin-top:14px; padding:2px 15px 2px 15px;}



.followUs{margin-left:26px; float:left; width:100%; margin-top:50px}