/*
     FILE ARCHIVED ON 0:56:00 Oct 15, 2016 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 10:55:02 Mar 28, 2017.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
@charset "utf-8";
/* CSS Document */


*
{ margin: 0;
  padding: 0;}

body {
  font-family: "Lato", sans-serif;
  font-weight: 300;
  font-size: 2em;
  color: #222;
  margin: 0;
}

h1, h2, h3, h4, h5, h6
{ color: #362C20;
  letter-spacing: 0em;
  padding: 0 0 5px 0;
  clear: both;
}

h1, h2, h3
{ font: normal 1.5em;
  margin: 0 0 15px 0;
  padding: 0 0 5px 0;
  color: #232D4B;}

h2
{ font-size: 115%;
  padding: 9px 0 5px 0;
  color: #232D4B;
  margin-top: 10px;}

h3
{ font-size: 140%;
  padding: 5px 0 0 0;}

h4, h6
{ color: #009FBC;
  padding: 0 0 5px 0;
  font: normal 110%;
  text-transform: uppercase;}

h5, h6
{ color: #888;
  font: normal 95%;
  letter-spacing: normal;
  padding: 0 0 15px 0;}

a, a:hover
{ outline: none;
  text-decoration: underline;
  color: #AEB002;}

a:hover
{ text-decoration: none;}

a img {border: 0px;}

p
{ line-height: 1.5em;
  padding-bottom: 17px;}

ul
{ margin: 2px 0 12px 0;}

ul li
{ list-style-type: none;
  background: url(/web/20161015005600/http://codeproperty.com/style/bullet.png) no-repeat;
  margin: 0 0 0 0;
  padding: 0 0 4px 25px;
  line-height: 1.5em;}

ol
{ margin: 8px 0 22px 0;}

ol li
{ margin: 0 0 11px 20px;}

#logo
{ width: 100%;
  background: transparent;
  padding: 0;
  text-align: center;
}

#header
{
  background: repeat scroll 0 0 #333;
  box-shadow: 0 0 3px 1px;
  width: 100%;
  z-index: 10;
  /*position: fixed;*/
  top: 0;
}

#main-content {
  max-width: 970px;
  margin: 30px auto;
  padding: 0 25px;
}

#navigation {}
#navigation .menu li {
  list-style: none outside none;
  margin: 0px;
  padding: 0px;
  float: left;
  background: none;
}
#navigation .menu li a {
  padding: 25px 12px 15px;
  font-size: 80%;
  display: block;
  text-decoration: none;
}

#header .head-left {
  clear: both;
}

#header .head-right {

}
#logo h1
{ font-size: 1.5em;
  text-transform: capitalize;
  padding: 0;
  margin: 0;
  color: #FEFEFE;}

#footer p {
  text-align: center;
  padding: 20px;
  font-size: 90%;
}

#footer a, #footer a:hover
{ color: #333;
  text-decoration: none;}

#footer a:hover
{ color: #FFF;}

.headings {
  /*background: url("/web/20161015005600/http://codeproperty.com/style/images/arrow.png") no-repeat scroll left 50% transparent;*/
  color: #A30101;
  font-size: 2em;
  font-weight: bold;
  padding: 1.25em 0;
}
img.cert {
  margin: 0 auto;
  display: block;
}
.expertise-tag {
  max-width: 100%;
  height: auto;
}

.form_settings
{ margin: 15px 0 0 0;}

.form_settings p
{ padding: 0 0 4px 0;}

.form_settings span
{ float: left;
  text-align: left;
  font-weight: bold;
  padding-right: 15px;
}

.separator
{ width: 100%;
  height: 0;
  border-top: 1px solid #D9D5CF;
  border-bottom: 1px solid #FFF;
  margin: 0 0 20px 0;}

.quote-wrapper {
  color: #848a91;
  font-style: italic;
  text-align: center;
  display: block;
  font-family: "Times New Roman", Times, serif;
  margin: 20px auto;
  display: block;
}

.quote-wrapper:before, .quote-wrapper:after {
    content: '"';
}

div.left-column {
}
div.right-column{
}
#portfolio-wrapper a img{
  border: 1px #333 solid;
}


.clear-block{
  clear: both; height: 0px; margin: 0px; padding: 0px;
}
p.cert-icon {
  clear: both; padding: 0px; min-height: 3em; text-align: center; margin: 40px 0;  overflow: auto;
}

@media (min-width: 768px) {
  div.right-column{
    float: right;
    width: 50%;
  }
  div.left-column {
    float: left;
    width: 50%;
  }
  #logo h1 {
    font-size: 2em;
  }
  #header{
    height: 100px;
  }
  #navigation .menu li a {
    font-size: 110%;
    padding: 45px 18px 15px;
  }
  body {
    font-weight: 300;
    font-size: 2.2em;
  }
  #portfolio-wrapper a img{
    background: url("mac.jpg") no-repeat scroll center center;
    padding: 12px 50px 105px 50px;
    border: none;
  }
  img.cert {
  float: left; margin: 0px 10px 0px 0px;
  }

}
@media (min-width: 992px) {
  #header .head-left {
    float: left;
    margin: 20px 0 0 20px;
    clear: none;
  }
  #header .head-right {
    float: right;
  }
  #navigation {
    float: right;
  }
}