/* General settings */

.main {
  background: transparent url("http://mongrel.brontoforum.us/BG_Texture2.png") repeat top left;
  overflow: hidden;
  font-family: "Arial", sans-serif;
}

.pages {
  background: transparent url("http://mongrel.brontoforum.us/BG_Texture2.png") repeat top left;
  font-family: "Arial", sans-serif;
  text-align: center;
  color: #506372;
}

.copyright-main {
  position: absolute;
  top: 96%;
  left: 80%;
  color: #506372;
  font-size: 0.7vw;
  text-align: right;
}

/* style for copyright byline on other pages
.copyright {
  position: absolute;
  top: 96%;
  left: 42%;
  color: #506372;
  font-size: 0.7vw;
  text-align: center;
}
*/

a:link, a:visited {
  color: #142132;
}

/* Main Page */

.content-main {
  text-align: center;
}

.content-main .lang {
  position: absolute;
  width: 5%;
  left: 92%;
  top: 3%;
}

.content-main .lang img {
  max-width: 100%;
}

.content-main .img-wrap {  
  display: inline-block;
  max-width: 65%;
  position: relative;
}

.content-main .img-wrap img {
  max-width: 100%;
}

.content-main .link-div {
  position: absolute;
  top: 52%;
  left: 3%;
  width: 28%;
  text-align: left;
  font-weight: bold;
}

.content-main .link-div img {
  vertical-align: middle;
  width: 100%;
  padding-bottom: 5px;
}

/* Portfolio */

.portfolio-img {
  display: inline-block;
  width: 14%;
  top: 5%;
  left: 42%;
  position: absolute;
}

.portfolio-img img {
  width: 100%;
}

.portfolio-nav {
  position: absolute;
  display: inline-block;
  width: 30%;
  top: 12%;
  left: 34%;
}

.portfolio-nav img {
  width: 33%;
}

.content-portfolio {
  position: absolute;
  display: -webkit-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -moz-box;
  display: flex;
  padding: 1%;
  top: 19%;
  left: 9%;
  width: 80%;
  text-align: left;
  align-items: stretch;
}

.content-portfolio .leftCol {
  -webkit-flex: 1 1 33%;
  -moz-flex: 1 1 33%;
  -ms-flex: 1 1 33%;
  -o-flex: 1 1 33%;
  flex: 1 1 33%;
  width: 33%;
}

.content-portfolio .midCol {
  background: url("http://mongrel.brontoforum.us/Dot1.png") repeat-y top left;
  -webkit-flex: 1 1 33%;
  -moz-flex: 1 1 33%;
  -ms-flex: 1 1 33%;
  -o-flex: 1 1 33%;
  flex: 1 1 33%;
  width: 33%;
}

.content-portfolio .rightCol {
  background: url("http://mongrel.brontoforum.us/Dot1.png") repeat-y top left;
  -webkit-flex: 1 1 33%;
  -moz-flex: 1 1 33%;
  -ms-flex: 1 1 33%;
  -o-flex: 1 1 33%;
  flex: 1 1 33%;
  width: 33%;
}

.column-banner-left {
  width: 50%;
  padding-left: 25%;
}

.column-banner-mid {
  width: 43%;
  padding-left: 29%;
}

.column-banner-right {
  width: 31%;
  padding-left: 35%;
}

.content-portfolio .thumbnail {
  position: relative;
  width: 25%;
  left: 0%;
  padding-top: 3%;
  padding-bottom: 5%;
  padding-left: 5%;
  padding-right: 3%;
}

.portfolio-detail {
  position: fixed;
  background-color: black;
  opacity: 0.75;
  left: 0%;
  top: 0%;
  height: 100%;
  width: 100%;
  padding: 0px;
  margin: 0px;
  z-index: 99;
  display: none;
}

.portfolio-container {
  position: fixed;
  left: 10%;
  top: 3%;
  height: 100%;
  width: 80%;
  z-index: 100;
  display: none;
}

.portfolio-container .hide-full {
  position: absolute;
  right: 30px;
  top: 20px;
  z-index: 100;
}

.portfolio-container .img-display {
  position: relative;
  text-align: center;
  vertical-align: middle;
  max-height: 80%;
}

.portfolio-container .dir-btn {
  position: relative;
  vertical-align: middle;
  text-align: center;
  padding-left: 20px;
  padding-right: 20px;
}

.portfolio-container .descrip {
  position: relative;
  background-color: black;
  color: #9ABFE1;
  font-size: 12pt;
  text-align: left;
  width: 100%;
  min-height: 100px;
  max-height: 11%;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
  margin-bottom: 15px;
}

.portfolio-container .descrip a:link, a:visited {
  color: #0099CC;
}

.portfolio-container .descrip h2 {
  text-align: center;
  font-size: 16pt;
}

/* Contact */

.pricing-img {
  display: inline-block;
  width: 64%;
  top: 5%;
  left: 18%;
  position: absolute;
}

.pricing-img img {
  width: 100%;
}

.contact-nav {
  position: absolute;
  display: inline-blocks;
  width: 30%;
  top: 12%;
  left: 35%;
}

.contact-nav img {
  width: 33%;
}

.content-contact {
  background: transparent url("http://mongrel.brontoforum.us/BG_Texture5.png") repeat top left;
  position: absolute;
  color: #142132;
  font-size: 12pt;
  text-align: left;
  padding: 1%;
  top: 19%;
  left: 9%;
  width: 80%;
  overflow: auto;
}

.content-contact form {
  width: 60%;
  margin: 0 auto;
}

.content-contact form textarea, input, select {
  width: 100%;
}

.content-contact form button {
  width: 10%;
}

.content-contact h1 {
  font-size: 30pt;
}

.content-contact h2 {
  font-size: 16pt;
}

.content-contact .link {
  text-align: center;
}

.content-contact .cubbins {
  font-size: 9pt;
}

.content-contact .red {
  color: #CC0000;
}

/* Links */

.links-img {
  display: inline-block;
  width: 7%;
  top: 5%;
  left: 46.5%;
  position: absolute;
}

.links-img img {
  width: 100%;
}

.links-nav {
  position: absolute;
  display: inline-blocks;
  width: 30%;
  top: 12%;
  left: 34%;
}

.links-nav img {
  width: 33%;
}

.content-links {
  background: transparent url("http://mongrel.brontoforum.us/BG_Texture5.png") top left repeat;
  position: absolute;
  color: #142132;
  font-size: 12pt;
  text-align: center;
  padding: 1%;
  top: 19%;
  left: 9%;
  width: 80%;
  height: 77%;
  overflow: auto;
}