html { overflow-y: scroll; }
body {
  margin: 0px;
  padding: 0px;
  border: 0px;
  font-size: 12px;
  font-weight: normal;
  font-family: 'Open Sans', sans-serif;
}

#container {
  width:1012px;
  margin:0px auto;
  overflow: hidden;
  padding: 0px 0px 30px 0px;
  border: 0px solid #000;
}

#content {
  width:1012px;
  margin:0px;
  float: left;
  text-align:left;
  color: #000;
  font-size: 12px;
  line-height: 15px;
  font-weight: normal;
  border: 0px solid #ccc;
}

#subcontent {
  width:1012px;
  margin:0px;
  float: left;
  text-align:left;
  font-size: 11px;
  font-weight: normal;
  border: 0px solid #ccc;
}

.subpad {
  width:1012px;
  height:3px;
  margin:0px;
  float:left;
  font-size: 3px;
  font-weight: normal;
}


.navbar {
  width:1012px;
  margin:0px;
  text-align:left;
  padding: 2px 0px 10px 0px;
  border: 0px solid #ccc;
}

#foot {
  margin:0px;
  float: left;
  padding: 15px 0px 3px 0px;
  color:#0154a4;
  border-bottom: 0px solid #ccc;
}

#footnav {
  margin:0px;
  float: right;
  text-align:right;
  padding: 15px 0px 3px 0px;
  border-bottom: 0px solid #ccc;
}

#title {
  height:110px; width:1012px;
  border:0px solid #000;
}

#titlemob {
  display: none;
}

#portfoliowrapper { background-color: #f1f1f1; padding: 0px; overflow: hidden; text-align: center; }

.portfolioitem { display: inline-block; margin: 0px; padding: 0px;}

a       { font-family: 'Open Sans', sans-serif; font-weight: normal; text-decoration:none;  color: #666;
  -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
      - o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;

}

a          { font-size: 13px; padding: 0px 0px 0px 0px; margin:0px; border:0px; color:#0154a4; text-decoration:none;}
a:active   { text-decoration:underline; color:#000;}
a:focus    { text-decoration:underline; color:#000;}
a:hover    { text-decoration:underline; color:#000;}

a.nav          { font-size: 14px; padding: 0px 25px 0px 0px; margin:0px; border:0px; color:#0154a4; text-decoration:none;}
a.nav:active   { text-decoration:none;}
a.nav:focus    { text-decoration:none;}
a.nav:hover    { color:#000;}
a.nava          { font-size: 14px; padding: 0px 25px 0px 0px; margin:0px; border:0px; color:#000; text-decoration:none;}
a.nava:active   { text-decoration:none;}
a.nava:focus    { text-decoration:none;}
a.nava:hover    { text-decoration:none;}

a.subnav          { font-size: 14px; padding: 0px 15px 0px 0px; margin:0px; border:0px; color:#0154a4; text-decoration:none;}
a.subnav:active   { text-decoration:none;}
a.subnav:focus    { text-decoration:none;}
a.subnav:hover    { color:#000;}
a.subnava          { font-size: 14px; padding: 0px 15px 0px 0px; margin:0px; border:0px; color:#000; text-decoration:none;}
a.subnava:active   { text-decoration:none;}
a.subnava:focus    { text-decoration:none;}
a.subnava:hover    { text-decoration:none;}

a.conthead        { font-size:12px; font-weight: bold; color:#787878; text-decoration:none; padding: 0px 0px 0px 0px;}
a.conthead:active { text-decoration:underline;}
a.conthead:focus  { text-decoration:underline;}
a.conthead:hover  { text-decoration:underline;}

a.print          { font-weight: normal; color:#10238C; text-decoration:none; padding: 0px 0px 0px 0px;}
a.print:active   { text-decoration:underline;}
a.print:focus    { text-decoration:underline;}
a.print:hover    { text-decoration:underline;}

a.portfolio       { display: inline-block; text-align: left; width: 108px; height: 294px;  font-size: 14px; font-weight: bold; color: #fff; padding: 8px 0px 0px 4px; background: url(../pics/portfolio-head-bg.png) repeat-x; border: 0px solid #000; margin: 0px; }
a.portfolio:hover { background: url(../pics/portfolio-head-bg-f.png) repeat-x; text-decoration: none; }

p          { font-size: 13px; line-height: 19px;}
h1         { font-size: 18px; font-weight: bold; color:#000; margin-top: 22px; line-height: 24px;}
h2         { font-size: 15px; font-weight: bold; border:0px; color:#000; }
h2 a       { font-size: 15px; font-weight: bold; border:0px; color:#0154a4; text-decoration: none; }
h2 a:hover { font-size: 15px; font-weight: bold; border:0px; color:#000; text-decoration: none; }



h2.red     { font-size: 11px; font-weight: bold; border:0px; color:#a2122a; }
h2.blue    { font-size: 14px; font-weight: bold; color: #fff; padding: 8px 0px 0px 4px; width:1004px; height: 32px; background: url(../pics/portfolio-head-bg-f.png) repeat-x;}

.flag      { padding: 0px 0px 0px 8px; margin: 0px; border: 0px; }
.cont      { padding: 0px 40px 0px 40px; margin: 0px; }
.contpicright { border:0px; float:right; padding: 0px 0px 5px 5px; }
.contpicleft  { border:0px; float:left;  padding: 0px 5px 5px 0px; }
.gallerypic   { height: 160px; padding: 0px 10px 10px 0px; }

li         { font-size: 13px; line-height: 19px;}

input, select, textarea { 
  border-top:    0px solid #9BADBB;
  border-right:  0px solid #9BADBB;
  border-bottom: 1px solid #9BADBB;
  border-left:   0px solid #9BADBB;
  font-family:arial, helvetica, sans-serif;
  font-size: 12px;  
  background: #EFEFEF;
}

input { width: 500px; height: 20px; }
select { width: 150px; height: 20px; }
textarea { width: 500px; height: 150px; }

.button {
  border: 1px solid #9BADBB;
  font-family:arial, helvetica, sans-serif;
  font-size: 12px;
  width: 120px; height: 20px;
}
sup { vertical-align: top; font-size: 80%; }

.responsive-video {
	position: relative;
	padding-bottom: 53%;
	padding-top: 30px;
	height: 100% !important;
	overflow: hidden;
}

.responsive-video iframe,
.responsive-video object,
.responsive-video embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
    max-width: 100%;
	height: 100% !important;
}

/* ===================
    responsive styles
   =================== */

@media screen and (max-width: 1080px) {
  html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
  img {max-width: 100%}

  #container { width:98%;}
  #content { width:100%; }
  #subcontent { width:100%; }
  .subpad { width:100%; }
  .navbar { width:100%; }
  #title { width:100%; }

}

@media screen and (max-width: 600px) {
  html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
  img {max-width: 100%}

  #container { width:98%; }
  #content { width:100%; }
  #subcontent { width:100%; }
  .subpad { width:100%; }
  .navbar { width:100%; }
  a.nav     { padding: 0px 15px 0px 0px;}
  a.nava    { padding: 0px 15px 0px 0px;}
  a.subnav  { padding: 0px 5px 0px 0px;}
  a.subnava { padding: 0px 5px 0px 0px;}
  #title { display: none;}
  #titlemob { display: block; }
  a.portfolio {height: 194px; }
  .contpicright { width: 50%; }

}