body { 
  font: .74em Arial, Sans-Serif; 
  text-align: center; 
  background-color: #ddd;
  height: 100%;
  
}
html, body {
  padding: 0;
  margin:0;
}

#page-extents
{
  width:1000px;
  min-width:960px;
  max-width:1200px;
  margin:0 auto 0 auto;
  padding-top:.3em;
  padding:0;
  background-color: #ffffff;
}



a { color: #333; text-decoration: none; outline: none; }

#main {
  width:100%;
  height: 100%;
  margin:0 auto 2em auto;
  clear:both;
  padding-bottom: 1em;  
}

h2 {
  font-size: 2.2em;
  color: #5f614c;
  letter-spacing: 0.1px;
  margin-top: .1em;
  margin-bottom: 0px; 
}
#logo { 
  display: inline-block; 
  float: none; 
  width: 35%; 
  margin: 0 auto 0 51%; 
}
#logo img { width: 100%; height: auto;}

/* CONTENT WRAPPER */
#content { 
  
  clear: both;
  margin-bottom: 2em;
  
  width: 100%;
  
}

#intro { 
  font-size: 1.6em; 
  text-align: right; 
  width:70%; 
  float:right;
  margin-left:25%;
  margin-right:4%;
  margin-top: 0px; 
  
}

/* TEAM PAGE */
#services-intro {
  clear:left;
  width: 753px;
  margin-left: 300px;
  font-size: 17px;
  text-align: left;
  margin-bottom: 46px;
}
#bios {
  margin: 1em auto 0 auto;
  width:930px;
  float: none;
  padding-left: 30px;
}

#bios #last {
  padding-right: 0;
}

#bios img {
  width: 120px;
  display: inline-block;
  padding: 0 0 8px;
  float: left;
}
#bios #name {
  font-size: 1.2em;
  font-weight: bold;
}

#bios #info {
  float: left;
  display: inline-block;
  margin-bottom: 3em;
  padding-left: 20px;
  width: 300px;
  
}

#bios .staff {
  text-align: left;
  float: left;
  width: 49%;
  padding: 2px;
  
}

#bios .staff.first {
  clear: left;
}

#bios a {
  color: #c7541a;
}

.bio-email {
  margin-top: 1em;
  
}


#affiliations {
  margin: .5em auto;
  padding-top:1em;
  padding-bottom: 2em;
  clear:both;
  width: 90%;
}
.affiliations-link{
  display: inline-block;
  
}

#affiliations img {
  height: 30px;
  padding: 1em;
  border: none;
}


.two-column
{
  clear:both;
  margin:0 auto 2em;
  width:99%;
  
}

.left-column
{
  width:36%;
  margin:0 1em 0 2em;
  display: inline-block;
  float: left;
  
}




#page-heading {
  margin-top: 0px;
  margin-right: 10px;
}

#testimonials-quotes {
  float: right;
  text-align: left;
  width: 95%;
  font-size: 1.2em;
  margin-top: .5em;
  height: 120px;
}

.long-text{
  font-size:90%;
}

#testimonials-quotes .test-name {
  font-weight: bold;
  margin-top: 1em;
}

#testimonials-quotes .quote {
  display: none;
}

#testimonials-quotes .quote p {
  
}

#service-test p {
  margin-bottom:40px;
}

#contractor-testimonials-link {
  float: right;
  text-align:right;
  clear: left;
  margin-right: 6px;
  font-size: 1.2em;
  margin-top: .5em;
  width: 100%;
}

#contractor-testimonials-link a {
  font-weight: bold;
}

.contractor-link{
  cursor:pointer;
}

.right-column
{
  display: inline-block;
  width: 53%;
  float:none;
  padding-bottom:1em;
  
}


#services-content {
  
}

#services-container {
  margin: 0 .5em;
  text-align: left;
  border: 2px solid #c7541a;
  padding:0 1em;
  border-radius: 10px;
}

.more-block {
  padding: .2em;
  border-radius: 4px;
}


#service-heading {
  font-weight: bold;
  font-size: 1.3em;
}
#bold-text {
  font-weight: bold;
}

a.morelink {
  text-decoration:none;
  outline: none;
}
.morecontent span {
  display: none;
}


.info {
}


#services-content p
{
  margin-top:.2em;
}

.info a {
  color: #c7541a;
}
.more-less a.adjust {
  color: #c7541a;
  text-decoration: none;
}
.more-less span.continued {
  
}

#contractor-testimonials-link a {
  color: #c7541a;
}
#contractors-list {
  clear: left;
  text-align: left;
  border: 2px solid #c7541a;
  margin-left: 25%;
  width: 50%;
  padding: 1em;
  border-radius: 10px;
}

#contractors-list a { color: #c7541a; text-decoration: none; }

#contractor-name {
  font-weight: bold;
  font-size: 1.2em;
  margin-bottom: -1em;
}
#testimonial-desc {
  margin-bottom: 35px;
}
#page-title {
  font-size: 1.8em;
  font-weight: bold;
  margin-bottom: 20px;
  
}

#privacy-link {
  float: right;
  clear: right;
  margin-right: 6px;
  margin-bottom: -2px;
  margin-top: -2em;
  padding: 5px;
}

#privacy-link img {
  
}

#privacy {
  clear: left;
  text-align: left;
  border: 2px solid #c7541a;
  border-radius: 10px;
  margin-left: 23%;
  width: 50%;
  margin-bottom: 20px;
  padding-left: 12px;
  padding-right: 12px;
}
#privacy a {
  color: #C7541A;
  text-decoration: none;
}

#privacy-text {
  color: #c7541a;
}

#privacy-content {
}

/* PORTFOLIO PAGE */
#port_content {
  float: left;
  margin: 0 auto;
  width:90%;
}
#portfolio {
  float: left;
  width:30%;
  margin-bottom: 30px;
  margin-left: 100px;
}
#image_categories {
  float: right;
  text-align: left;
  min-width:190px;
  margin-right: 3em;
  margin-top: 0;
}
#image_categories ul {
  margin-bottom: 2em;
}
#image_categories li {
  list-style: none;
  margin-left: 0px;
  color: #c7541a;
  font-size: 1.3em;
  cursor: pointer;
}
#image_categories li.on {
  color: #5f614c;
  font-weight: bolder;
  cursor: auto;
}

.image_list_item {
  height: 520px;
  
}

.image_description {
  text-align: center;
  /* background-color:rgba(90%,90%,90%,0.5); */
  font-weight: normal;
  color: #000;
  height:30px;
  width:100%;
  margin: 0 auto;
  display:table;
  
}

.image_description p {
  margin:0;
  font-size:80%;
  display: table-cell;
  
  vertical-align:middle;
  
}

.stripTransmitter ul{
  float: none;
  text-align: center;
}
.stripTransmitter ul li {
  display:inline-block;
  float: none;
}


#heading {
  clear: both;
  padding-top:1em;
  padding-bottom:1em;
  font-weight: bold;
  font-size: 1.4em;
}


/*portfolios*/

#portfolio_image_groups_container{
  float: left;
  text-align: left;
  margin-bottom: 1em;
}

.portfolio_image_group{
  margin-top:1em;
}



#portfolio-loading {
  margin:4em;
  float:left;
  
  
}

/* EXPLORE PAGE */

#text-links {
  font-size: 1.3em;
  padding-left:1em;
  float: left;
  text-align: left;
  padding-bottom:2em;
}
#long-test {
  float: left;
  min-width: 370px;
  width:38.5%;
  text-align: left;
  font-size: 1.2em;
  margin-top: 5em;
}
.vendors #vendor-link {
  float: left;
  width: 90px;
}
.vendors #vendor-link img {
  border: none;
}
.vendors #vendor-desc {
  float: left;
  width: 335px;
}
.vendors {
  width:431px;
  margin: 10px;
  float: left;
}
#vendors-list .vendors#first {
  clear: left;
}

#text-links a {
  color: #c7541a;
}
#vendors-list {
  font-size: 12px;
  float: left;
  clear: left;
  text-align: left;
  margin-left: 2%;
  width: 93%;
  margin-bottom: 50px;
  padding-left: 12px;
  padding-right: 12px;
  padding-top: 12px;
  border: 2px solid #c7541a;
  border-radius: 10px;
  padding-bottom: 60px;
}
#vendors-list p {
  float: left;
  margin: 0px;
  padding: 0px;
  display: inline;
  margin-right: 0px;
  margin-left: 10px;
  width: 330px;
}
#vendors-list img {
  float: left;
  width:90px;
}

#vendors-list .left_pane {
  float: left;
  width: 445px;
}
#vendors-list .right_pane {
  float: left;
  width: 450px;
  margin-left: 30px;
}

#cabinet-display {
  margin-bottom: 10px;
  z-index: -1;
  color: #56575E;
}
#cabinet-display a {
  color: #56575E;
}
.style11 {
  position: relative;
  right: 61px;
}

/* CONNECT PAGE */

#container {
  margin:0 auto;
  padding-right: 2em;
  width: 98%;
  vertical-align: top;
  display: inline-block;
  
  
}

#left {
  font: 1.2em Arial, Sans-Serif;
  text-align: left;
  width: 31%;
  min-width:280px;
  vertical-align: top;
  display: inline-block;
  float:none;
}

#left img {
  vertical-align:text-top;
  margin-bottom: 24.8px;
  border: solid 1px #c7541a;
}
#left a {
  color: #c7541a;
  margin-bottom: 25px;
}

#center {
  font: 1.2em Arial, Sans-Serif;
  text-align: left;
  width:27%;
  min-width:250px;
  vertical-align: top;
  float:none;
  display: inline-block;
  
}

#center p:first-child
{
  margin-top:0;
}

#center img {
  width: 200px;
  margin-top: 5em;
  position: relative;
  
}

#center a {
  color: #c7541a;
}


#right {
  display: inline-block;
  float:none;
  font: 16px Arial, Sans-Serif;
  text-align: left;
  width:32%;
}
#right iframe {
  border: solid 1px #c7541a;
}
/* FORM */
#form {
  clear:both;
  text-align:left;
  margin-left: 40%;
}


#form a {
  color: #c7541a;
}


#form li {
  list-style-type: none;
}

fieldset {
  border: 0;
}

label {
  display: block;
  color: #000000;
  padding: 0 0 2px;
}

input, textarea {
  width: 250px;
  padding: 5px;
  border: 0;
  border: 1px solid #ddd;
  margin: 0 0 14px;
}
textarea  {
  width: 250px;
  font-size: 1.1em;
  font-family: Arial, Sans-Serif; 
  height: 8em;
}
button {
  color: #fff;
  padding: 7px 10px;
  border: 0;
  font-weight: bold;
  background: #585654;
}

#form #contact {
  font-size: 18px;
}


#heading { }

#photo {
  
  height: 248px;
  width: 420px;
  position: fixed;
  margin-top:300px;
  bottom: 43px;
  background-size: 100% auto;
  background-position: center;
  
  
}


#borderTop {
  border-bottom: 2px solid #5f614c;
  width: 100%;
  margin-left: auto;
  margin-right:auto;
  padding-top: 1em;
  background: #ddd;
  padding:0 ;
}

#nav {
  padding-top:.5em;
  margin-left:auto;
  margin-right:auto;
  min-width:990px;
  display:inline-block;
  margin-bottom:2em;
  
}





/* MENU */
#menu {
  display: inline;
  height:1.6em;
  padding-top: 1em;
  margin-top: 0px;
  text-transform: uppercase;
  font-size: 1.3em;
}

#menu li {
  display: inline-block;
  list-style: none;
  vertical-align: middle;
}
#menu li.last a {
  float:none;
  border-right: 0px solid;
  border-style:none;
}

#menu li a { 
  float: none; 
  color: #5f614c; 
  padding-left: 20px;
  padding-right: 20px; 
  margin: 0 0 0 -2px;
  font-weight: bold; 
  border-right: 2px solid #c7541a;
}

#menu li.on a { color: #c7541a; }
#menu li a:hover { color: #c7541a; }

#nav-logo {  
  display:inline;
  border-style: none;
  height: 75px;
  width:100px;
  
}
#menu #nav-logo  a{
  padding-left:0px;
  border-style: none;
  
}

#nav-logo img {
  width:100px;
  border: none;
}



/* FOOTER */
#footer-spacing{
  width: 1000px;
  clear: both;
  position: fixed;
  background-color: #ffffff;
  z-index: -100;
  bottom: 0px;
  top:0px;
  
}

#footer { 
  clear: both;
  color: #FFFFFF;
  font-weight: bold; 
  font-size: 1.4em;
  padding: 0px 0px;
  position: fixed;
  
  width: 1000px;
  bottom: 0px;
  padding-bottom:0;
  margin-bottom:0;
}

#footer-img {
  background: #c7541a;
  width:100%;
  padding: 0;
  margin: 0;
  background-repeat:repeat;
  height: 44px; 
  clear: both;
}
#flinks { 
  line-height: 2px; 
  padding-right:0px;
  margin-top: -42px;
  float: left;
  width: 100%;
  height: 42px;
  font-size:.9em;
  
}

#powered-by{
  clear:both;
  font-size:.6em;
  font-weight:normal;
  font-weight:bold;
  color: #eee;
}


#linkframe {
  width: 99%;
  margin: 0 auto;
  
}

#powered-by a { font-weight:bold;color: #eee; }
#powered-by a:hover { font-weight:bold; color: #FFF; }