body {background-image:url(../i/background-01.png); color:#242424;} 

h1, h2, h3, h4, h5, h6, .calloutMessage { font-weight: lighter; color: #0354A1; }
a { text-decoration: none; color: #0354A1; }
.serif, .blueButton, h1, h2, h3, h4, h5, h6, .calloutMessage { font-family: Volkhov,serif; }
.blueButton{ background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #0563ac), color-stop(1, #024693)); box-shadow: inset 0 1px 0 #0670b6; color:white; border:#012d79 solid 1px; text-align:center; height:2.5em; width:10em; text-shadow: 0 1px 0 rgba(0,0,0,0.12); border-radius: 2px; padding: 0 3px; text-decoration: none}
.buttonGray { background: url(../i/buttonGray.png) repeat-x 0 0; text-align: center; color: #666; text-shadow: 0 1px 0 #FFF; border: 1px solid #d5d5d5; border-radius: 2px; display: block; line-height: 29px; height: 29px; padding: 0 12px; font-weight: bold; }
.line{background:url(../i/dot.png)repeat-x 0 center; display:block; text-align:center;}
.inputEmail{border:#b9d1e3 solid 1px; width:16em; height:1.5em; padding:6px 10px; margin-right:10px; }
.mTop{margin-top:6em;}
.thumb{height:3.5em; display:block;}
.fontEdit, .calloutMessage{font-style:italic; }
.error { border: 1px solid red !important; } 
.none { display: none; }
/*Page Top*/

#pageTop { margin-bottom:2em; margin-top: 10px;}

#mastHead, #mainNav, .mainCanvas{border-radius:3px; box-shadow: 0 1px 3px rgba(0,42,75,0.12); overflow: hidden}
#content{padding:10px; background: #FFF url(../i/sample/header_img.jpg) no-repeat; height:612px;}
.inner #content { height: 240px; }

#mainNav { border:rgba(0,0,0,0.12) solid 1px;}
#mainNav ul li{float:left; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(252,254,255,0.92)), color-stop(1, rgba(238,248,253,0.92))); text-shadow: 0 1px 0 rgba(255,255,255,0.8) }
#mainNav ul li a{ background: transparent url(../i/navDiv.png) no-repeat right 0; display: block; text-decoration:none; color:#4c4746; line-height:39px; height: 39px; padding: 0 18px;}
#mainNav ul li.clientArea { background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(253,253,253,0.92)), color-stop(1, rgba(245,245,245,0.92))); }
	#mainNav ul li.clientArea a { background: none; }

#news { position:absolute; bottom:3px;}
#news section{line-height:17px;}
#news section h6 img{padding:14px 0 0 5px;}
#news section p{margin-bottom:9px;}
#news section h3 a, #news section h3 {text-decoration:none; color:#0354a1;}
#news section .blueButton {width:7em; height:2.7em;}

#testi{background-image: url(../i/quotation1.png), url(../i/quotation2.png); background-position: 0% 18%, 97% 70%; background-repeat:no-repeat, no-repeat;}
#testi div{margin-left:3em; padding-right:5em;}
#testi p.small{color:#c1c1c1;}
/*Page Mid*/
#pageMid h2.centerLeading{font-size:24px; font-weight:normal;}
.mainCanvas { background-color: white; border-radius: 3px; }
.mainCanvas .padded { padding: 10px; }

.mainCanvas .leadingCallout { background-color: #f1f6f9; border: 1px solid #dbeaf2; border-radius: 2px; padding: 18px; }
.mainCanvas .calloutMessage { font-size: 18px; line-height: 29px; }

.contentNav h2 { padding-right: 32px; color: #999; font-style: normal; font-size: 12px; text-transform: uppercase; margin-top: 0px; margin-bottom: 20px; }
.theContent h2, .theContent h3, .theContent h4, .theContent h5, .theContent h6 { color: #666; font-style: normal; font-size: 14px; text-transform: uppercase; }

.contentNav .asideNav {  }
.contentNav .asideNav li { height: 40px; line-height: 40px; background: url(../i/asideNav.png) no-repeat right 0; margin-bottom: 6px; padding-right: 32px; }
.contentNav .asideNav li a { font-weight: bold; color: #0354A1; font-size: 12px; text-align: right; display: block; }

/* Contact Page */

.inputForm { 
  width:100%; 
  border:1px solid #cccccc;
}
.inputForm:focus {
  border-color: #0354A1;
}
#contactForm input, #contactForm select{
  box-sizing: border-box;
  line-height: 1em;
  height: 32px;
  padding:4px 8px;
  margin-bottom: 10px;
}
#contactForm input:focus {
    border-color: #0354A1;
}
#contactForm input[type="button"] {
  float: right;
  width: 7em;
  height: 2.7em;
}
#contactForm label {
  text-transform: uppercase;
  font-weight: bold;
}
#contactForm textarea {
  margin-bottom: 10px;
  padding: 8px;
  box-sizing: border-box;
}
#contactForm textarea:focus {
  border-color: #0354A1;
}

/*Products Page*/

#products article h3 {
  text-align: center;
  margin: 5px 0px;
}

/*Page Bottom*/

#pageBottom div.line {margin-top:3em; margin-bottom:3em}
#pageBottom div span{background-color:#e3ecf3; padding:0 2em;}
#pageBottom hr{ border-top-color:#d0deea;}

.footerSec {
  border: 1px solid rgba(3, 84, 161, 0.09);
  box-sizing: border-box;
  padding: 2em 12px;
  border-radius: 2px;
  background: rgba(3, 84, 161, 0.04);
}
.footerSec article {
 margin-bottom: 10px;
}
#infoLinks { margin-bottom: 2em;}
#infoLinks section h3 { margin-top: 0px;}
#infoLinks section h3 a{text-decoration:none; color:#0354a1;}
#infoLinks .blueButton, #products .blueButton { background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #0459a4), color-stop(1, #03509c)); box-shadow: inset 0 1px 0 #0464b0; color:white; border:#012d79 solid 1px; text-align:center; height:22px; width:10em; display: block; margin: 0 auto; line-height: 22px; }

#pageBottom footer div{margin-right:20px;}
footer ul{color:#999999; line-height:16px;}
footer ul li a{text-decoration:none; color:#0354a1;}


/* Page Inner */
.inner #mastHead { border-radius: 3px 3px 0 0; }
.inner #content { background-position: 0; }
.inner .mainCanvas { margin-top: 0px; border-radius: 0 0 3px 3px }
.inner #pageTop { margin-bottom: 0; }