@charset "utf-8";
/* CSS Document */

@font-face {
    font-family: 'square721_btroman';
    src: url('fonts/square-721-bt-roman-webfont.eot');
    src: url('fonts/square-721-bt-roman-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/square-721-bt-roman-webfont.woff2') format('woff2'),
         url('fonts/square-721-bt-roman-webfont.woff') format('woff'),
         url('fonts/square-721-bt-roman-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'petitalightregular';
    src: url('fonts/petitalight-webfont.eot');
    src: url('fonts/petitalight-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/petitalight-webfont.woff2') format('woff2'),
         url('fonts/petitalight-webfont.woff') format('woff'),
         url('fonts/petitalight-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
@font-face {
	font-family: 'petitalightregular';
	src: url('fonts/petitalight-webfont.svg#petitalightregular') format('svg');
}

@font-face {
	font-family: 'square721_btroman';
	src: url('fonts/square-721-bt-roman-webfont.svg#square721_btroman') format('svg');
}
}

body {
	background: url(../img/css-images/bg1.jpg) top center repeat #000 !important;
	color:#999;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
}
a {
	color:#d8a72a !important;
}
h1, h2, h3, h4, h5, h6 {
	font-family: 'square721_btroman';
	font-weight: normal;
	font-style: normal;
	color:#d8a72a;
	text-rendering: optimizeLegibility;
	margin-top: 0.2rem;
	margin-bottom: 0.5rem;
	text-align:center;
	line-height: 1.4;
}
button, .button {
	background-color:#d8a72a;
	color:#000;
}
button:hover, button:focus, .button:hover, .button:focus {
	background-color:#6e5b22;
}
img {
	vertical-align:top !important;
}
p {
	text-align:center;
}
p.left_align {
	text-align:left;
}
p.right_align {
	text-align:right;
}
header {
	background-image:url(../img/css-images/headerbg1.jpg) !important;
	background-repeat:repeat-x;
	height:180px;
	padding-top:20px;
	width:100%;
}
.logo {
	float:left;
}
.phone {
	color:#fff;
	font-size:2rem;
	font-family: 'petitalightregular';
	font-style:normal;
	float:right;
	margin:5% 0 0 5%;
}
.contain-to-grid {
	background-color:#1d1b16 !important;
}
.top-bar {
	background:none !important;
}
.top-bar-section ul li {
	background:none !important;
}
.top-bar-section li:not(.has-form) a:not(.button) {
	padding-top: 20px !important;
}
.top-bar-section li.active:not(.has-form) a:not(.button) {
	background-color:none !important;
	color:#d8a72a !important;
	padding-top: 20px !important;
}
.top-bar-section li a {
	background:none !important;
	background-repeat:no-repeat !important;
	background-position:50% 30% !important;
	color:#31302b !important;
	height:70px !important;
	padding: 0 16px!important;
	font-size: 0.8125rem!important;
}
.top-bar-section li a:hover {
	color:#d8a72a !important;
}
.top-bar-section .menu-medium li a {
	background:none !important;
	color:#d8a72a !important;
	height:90px !important;
	padding: 0 11px!important;
	font-size: 0.6125rem!important;
}
.top-bar-section li a.home {
	background-image:url(../img/css-images/home1.png) !important;
}
.top-bar-section li:not(.has-form) a.home:not(.button):hover,
.top-bar-section li.active:not(.has-form) a.home:not(.button) {
	background-image:url(../img/css-images/home2.png) !important;
	border-bottom:5px solid #ddb03e !important;
	height:90px !important;
}
.top-bar-section li a.about {
	background-image:url(../img/css-images/about1.png) !important;
}
.top-bar-section li:not(.has-form) a.about:not(.button):hover,
.top-bar-section li.active:not(.has-form) a.about:not(.button) {
	background-image:url(../img/css-images/about2.png) !important;
	border-bottom:5px solid #ddb03e !important;
	height:90px !important;
}
.top-bar-section li a.services {
	background-image:url(../img/css-images/services1.png) !important;
}
.top-bar-section li:not(.has-form) a.services:not(.button):hover,
.top-bar-section li.active:not(.has-form) a.services:not(.button) {
	background-image:url(../img/css-images/services2.png) !important;
	border-bottom:5px solid #ddb03e !important;
	height:90px !important;
}
.top-bar-section li a.design_build {
	background-image:url(../img/css-images/design_build1.png) !important;
}
.top-bar-section li:not(.has-form) a.design_build:not(.button):hover,
.top-bar-section li.active:not(.has-form) a.design_build:not(.button) {
	background-image:url(../img/css-images/design_build2.png) !important;
	border-bottom:5px solid #ddb03e !important;
	height:90px !important;
}
.top-bar-section li a.testimonials {
	background-image:url(../img/css-images/testimonials1.png) !important;
}
.top-bar-section li:not(.has-form) a.testimonials:not(.button):hover,
.top-bar-section li.active:not(.has-form) a.testimonials:not(.button) {
	background-image:url(../img/css-images/testimonials2.png) !important;
	border-bottom:5px solid #ddb03e !important;
	height:90px !important;
}
.top-bar-section li a.projects {
	background-image:url(../img/css-images/projects1.png) !important;
}
.top-bar-section li:not(.has-form) a.projects:not(.button):hover,
.top-bar-section li.active:not(.has-form) a.projects:not(.button) {
	background-image:url(../img/css-images/projects2.png) !important;
	border-bottom:5px solid #ddb03e !important;
	height:90px !important;
}
.top-bar-section li a.contact {
	background-image:url(../img/css-images/contact1.png) !important;
}
.top-bar-section li:not(.has-form) a.contact:not(.button):hover,
.top-bar-section li.active:not(.has-form) a.contact:not(.button) {
	background-image:url(../img/css-images/contact2.png) !important;
	border-bottom:5px solid #ddb03e !important;
	height:90px !important;
}

p.large {
	font-size:1.5em;
    font-family: 'petitalightregular' !important;
}
.bios .toprow img {
	height:275px !important;
}
.job table {
	width:50%  !important;
}
.job table#recaptcha_table {
	width:100% !important;
}
input[type="file"]::-webkit-file-upload-button {
	border:1px solid #666 !important;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	cursor:pointer;
	background: #ffffff !important; 
	background: -moz-linear-gradient(top,  #ffffff 0%, #e5e5e5 100%) !important;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5)) !important; 
	background: -webkit-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%) !important; 
	background: -o-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%) !important; 
	background: -ms-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%) !important; 
	background: linear-gradient(to bottom,  #ffffff 0%,#e5e5e5 100%) !important; 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ) !important; 
	padding:5px 10px;
	width:auto !important;
}
footer {
	background: rgba(26, 26, 26, 0.8) !important;
	color:#b2b2b2 !important;
	font-size:14px !important;
	min-height:173px;
	margin:0 !important;
	width:100%;
}
footer ul {
	line-height:1.25 !important;
	margin-top:10px;
}
footer ul li {
	font-size:14px !important;
    font-family: 'petitalightregular' !important;
	list-style-type:none;
}
footer ul li a {
	color:#b2b2b2 !important;
	font-size:14px !important;
    font-family: 'petitalightregular' !important;
}
footer ul li a:hover {
	color:#fff;
}
.facebook, .linkedin {
	display:inline-block;
}
/* Small screens */
@media only screen { } /* Define mobile styles */

@media only screen and (max-width: 40em) {
.logo {
	width:50%;
}
.phone {
	font-size:1.5rem;
}
.top-bar {
	height:45px;
}
.top-bar .expanded {
	height:auto;
}
.top-bar-section li:not(.has-form) a:not(.button) {
	background-position:0 !important;
    font-family: 'petitalightregular' !important;
	height:auto !important;
	line-height: none !important;
	padding: 20px 0 0 50px !important;
}
.top-bar-section li.active:not(.has-form) a:not(.button) {
	background-color:none !important;
    font-family: 'petitalightregular' !important;
	color:#d8a72a !important;
	height:auto !important;
	line-height: none !important;
	padding: 20px 0 0 50px !important;
}
.flex-control-nav {
	left:35%;
	width:25%;
}
} /* max-width 640px, mobile-only styles, use when QAing mobile issues */

/* Medium screens */
@media only screen and (min-width: 40.063em) {
.top-bar-section li:not(.has-form) a:not(.button) {
	background-position:50% 20% !important;
	height:auto !important;
	line-height: 70px !important;
	padding:20px 18px 0 18px !important;
}
.top-bar-section li.active:not(.has-form) a:not(.button) {
	background-color:none !important;
	height:auto !important;
	line-height: 70px !important;
	padding:20px 18px 0 18px !important;
}
} /* min-width 641px, medium screens */

@media only screen and (min-width: 40.063em) and (max-width: 64em) {
.logo {
	width:30%;
}
.phone {
	font-size:1.8rem;
	margin-top:5%;
}
.top-bar {
	height:90px !important;
}
.top-bar .expanded {
	height:auto;
}
.top-bar-section li {
	height:90px !important;
}
.top-bar-section li a {
	font-size: 0.825rem!important;
	font-family: 'petitalightregular' !important;
}
.top-bar-section li:not(.has-form) a:not(.button) {
	background-position:50% 20% !important;
	height:auto !important;
	line-height: 70px !important;
	padding:20px 22px 0 22px !important;
}
.top-bar-section li.active:not(.has-form) a:not(.button) {
	background-color:none !important;
	height:auto !important;
	line-height: 70px !important;
	padding:20px 22px 0 22px !important;
}
.flex-control-nav {
	left:40%;
	width:25%;
}
} /* min-width 641px and max-width 1024px, use when QAing tablet-only issues */

/* Large screens */
@media only screen and (min-width: 64.063em) {
.top-bar {
	height:90px !important;
}
.top-bar-section li a {
	font-size:1.25rem !important;
	font-family: 'petitalightregular' !important;
}
.top-bar-section li {
	height:90px !important;
}
.top-bar-section li:not(.has-form) a:not(.button) {
	background-position:50% 20% !important;
	height:auto !important;
	line-height: 70px !important;
	padding: 20px 32px 0 32px !important;
}
.top-bar-section li.active:not(.has-form) a:not(.button) {
	background-color:none !important;
	color:#d8a72a !important;
	height:auto !important;
	line-height: 70px !important;
	padding: 20px 32px 0 32px !important;
}
.flex-control-nav {
	left:40%;
	width:25%;
}
} /* min-width 1025px, large screens */

@media only screen and (min-width: 64.063em) and (max-width: 73.125em) {
.top-bar {
	height:90px !important;
}
.top-bar-section li a {
	font-size: 1.25rem !important;
	font-family: 'petitalightregular' !important;
}
.top-bar-section li:not(.has-form) a:not(.button) {
	background-position:50% 20% !important;
	height:auto !important;
	line-height: 70px !important;
	padding: 20px 32px 0 32px !important;
}
.top-bar-section li.active:not(.has-form) a:not(.button) {
	background-color:none !important;
	color:#d8a72a !important;
	height:auto !important;
	line-height: 70px !important;
	padding: 20px 32px 0 32px !important;
}
.flex-control-nav {
	left:45%;
	width:10%;
}
} /* min-width 1025px and max-width 1170px, use when QAing large screen-only issues */

/* XLarge screens */
@media only screen and (min-width: 73.125em) {
.top-bar {
	height:90px !important;
}
.top-bar-section li a {
	font-size: 1.25rem !important;
	font-family: 'petitalightregular' !important;
}
.top-bar-section li:not(.has-form) a:not(.button) {
	background-position:50% 20% !important;
	height:auto !important;
	line-height: 70px !important;
	padding: 20px 32px 0 32px !important;
}
.top-bar-section li.active:not(.has-form) a:not(.button) {
	background-color:none !important;
	color:#d8a72a !important;
	height:auto !important;
	line-height: 70px !important;
	padding: 20px 32px 0 32px !important;
}
.flex-control-nav {
	left:45%;
	width:10%;
}
} /* min-width 1171px, xlarge screens */

@media only screen and (min-width: 73.125em) and (max-width: 120em) {
.top-bar {
	height:90px !important;
}
.top-bar-section li a {
	padding: 0 32px !important;
	font-size: 1.25rem !important;
	font-family: 'petitalightregular' !important;
}
.flex-control-nav {
	left:45%;
	width:10%;
}
} /* min-width 1171px and max-width 1920px, use when QAing xlarge screen-only issues */

/* XXLarge screens */
@media only screen and (min-width: 120.063em) { 
.top-bar {
	height:90px !important;
}
.top-bar-section li a {
	padding: 0 32px !important;
	font-size: 1.25rem !important;
	font-family: 'petitalightregular' !important;
}
.flex-control-nav {
	width:10%;
}
} /* min-width 1921px, xxlarge screens */