html {  height: 100%; 	padding-bottom: 1px;  }

body {
background: #dedede; /*#242630; #2d303e;*/
margin: 0px; 
padding: 0px; 
font: 14px/1.25em 'trebuchet ms',verdana,arial,sans-serif;
}


img {
max-width: 100%;
height: auto;
}



a:link, a:visited {
color: #bc4a40;
text-decoration: none;
-webkit-transition: color 0.3s linear;
-moz-transition: color 0.3s linear;
-o-transition: color 0.3s linear;
transition: color 0.3s linear; 
}
a:hover, a:active {
color: #5B6485;
text-decoration: none;
-webkit-transition: color 0.3s linear;
-moz-transition: color 0.3s linear;
-o-transition: color 0.3s linear;
transition: color 0.3s linear; 
}

article a:hover, article a:active {
text-decoration: underline;
}

footer a:hover, footer a:active {
color: #f3a36b;
}


#page-wrapper {
width: 98%;
max-width: 1024px;
margin: 0px auto 5px;
position: relative;
border-bottom: 4px solid #bc4a40;
border-top: none;
}


header {
margin: 0px;  
overflow: hidden;
padding: 0px 5px; 
background: #ffffff; /*#3d4359;*/
border-top: 5px solid #cd5b51;
border-left: 5px solid #cd5b51;
border-right: 5px solid #cd5b51;
}


header div.header_full_logo{
padding: 10px 0px;
text-align: center;
font: normal normal 600 130%/1em 'Open Sans',arial,helvetica,sans-serif;
letter-spacing: 4px; 
}

header div.header_full_logo img {
max-width: 380px;
width: 70%;
height: auto;
}

header div.header_logo {
float: left;
padding: 17.5px 0px;
}

header div.header_tagline_phone {
max-width: 320px;
text-align: center;
float: right; 
padding: 17.5px 0px 0px;
color: #efefef;
font: normal normal 600 130%/1em 'Open Sans',arial,helvetica,sans-serif;
letter-spacing: 4px; 
}


.smaller {  position: relative; top: -0.07em; font-size: 80%; }


section.home_central {
border-top: 5px solid #cd5b51;
/*height: 340px; */
border-bottom: 5px solid #cd5b51;
}



section.sub_central {
border-top: 5px solid #cd5b51;
background: #3D4359 url(images/bg_navbar.png) left bottom repeat-x;
position: relative;
}




/*  = = = = = = = = = = = = = = = = = = = = =     N A V I G A T I O N   = = = = = = = */

.navbar {    
width: 100%;
z-index: 10000;
position: relative;
margin: 0 auto;
text-align: left;
background: none;
border: none;
line-height: 1em;
}

.homeonly {
width: 92%;
position: absolute;
margin: 0 4%;
background-color: rgba(70,80,117,0.875);
background: transparent url(images/bg_navbarhomeonly.png) left bottom repeat-x;
border-right: 1px solid #5B6485;
border-left: 1px solid #5B6485;
}



.navbar ul {
margin: 0;
padding: 0;
list-style: none;
border-bottom: 3px solid #5B6485;
display: inline;
line-height: 1em;
}



.navbar ul li {
float: left;

}

.navbar ul li a {
font: normal normal 600 100% 'Open Sans',arial,helvetica,sans-serif;
padding: 20px 30px 10px;
text-decoration: none;
display: block;
background-color: rgba(70,80,117,0.7);
}

.homeonly ul li a {
padding: 27.5px 30px 10px;
}


.navbar ul li a, .navbar ul li a:link, .navbar ul li a:visited {
color: #ffffff; 
background-color: rgba(70,80,117,0.7);
border-right: 1px solid #5B6485;
border-bottom: 3px solid #5B6485;
-webkit-transition: color 0.3s linear, background-color 0.3s linear, border-color 0.3s linear;
-moz-transition: color 0.3s linear, background-color 0.3s linear, border-color 0.3s linear;
-o-transition: color 0.3s linear, background-color 0.3s linear, border-color 0.3s linear;
transition: color 0.3s linear, background-color 0.3s linear, border-color 0.3s linear;  
}
.navbar ul li a:hover, .navbar li:hover a, .navbar ul li a:active, .navbar li:active a, .navbar ul li a.current {
color: #f3a36b; 
background-color: #3d4359;
border-bottom: 3px solid #cd5b51;
-webkit-transition: color 0.3s linear, background-color 0.3s linear, border-color 0.3s linear;
-moz-transition: color 0.3s linear, background-color 0.3s linear, border-color 0.3s linear;
-o-transition: color 0.3s linear, background-color 0.3s linear, border-color 0.3s linear;
transition: color 0.3s linear, background-color 0.3s linear, border-color 0.3s linear;  
}



/* = = = = = = = = = = = = = = = = = = DROP DOWN MENU ITEMS */
.navbar ul li ul {   /* changes from inheritance only */
border: none;
font-size: 90%;
background-color: rgba(70,80,117,0.875);
-webkit-transition: display 0.3s linear;
-moz-transition: display 0.3s linear;
-o-transition: display 0.3s linear;
transition: display 0.3s linear;  
}

.navbar ul li ul li {  /* changes from inheritance only */
width: 215px; 
float: left; 
}


.navbar ul li ul li a {  /* full set of properties w resets*/
font: normal normal 600 100% 'Open Sans',arial,helvetica,sans-serif;
text-decoration: none;
display: block;
border-right: none;
}
.navbar ul li ul li a:link, .navbar ul li ul li a:visited {
color: #ffffff; 
background-color: rgba(70,80,117,0.7);
border-bottom: 1px solid #5D6686;
border-right: none;
padding: 7.5px 30px 7.5px 30px;
-webkit-transition: color 0.3s linear, background-color 0.3s linear, border-color 0.3s linear;
-moz-transition: color 0.3s linear, background-color 0.3s linear, border-color 0.3s linear;
-o-transition: color 0.3s linear, background-color 0.3s linear, border-color 0.3s linear;
transition: color 0.3s linear, background-color 0.3s linear, border-color 0.3s linear;  
} 
.navbar ul li ul li a:hover, .navbar ul li ul li:hover a, .navbar ul li ul li a:active, .navbar ul li ul li:active a, .navbar ul li ul li a.current {
color: #f3a36b; 
background-color: #3d4359;
border-bottom: 1px solid #cd5b51;
border-right: none;
padding: 7.5px 29px 7.5px 31px;
-webkit-transition: color 0.3s linear, background-color 0.3s linear, border-color 0.3s linear;
-moz-transition: color 0.3s linear, background-color 0.3s linear, border-color 0.3s linear;
-o-transition: color 0.3s linear, background-color 0.3s linear, border-color 0.3s linear;
transition: color 0.3s linear, background-color 0.3s linear, border-color 0.3s linear;  
}


/*  HIDING AND REVEALING OF DROP DOWNS */
.navbar ul li ul {
display: none;
}
.navbar li:hover ul {
display: block;
position: absolute;
}
.navbar li:hover li {
float: none;
}
.navbar li:hover li a:hover {
}




.flexnav {
display: none;
/*  displayed based upon screen size further down */
}
.menu-button {
font: normal normal 600 16px 'Open Sans',arial,helvetica,sans-serif;
display: none;
padding: .5em 1em;
}



.flexnav li a { 
color: #F3A36B;
background-color: #3D4359;
}


.flexnav li a {
font: normal normal 600 100% 'Open Sans',arial,helvetica,sans-serif;
padding: 1em;
padding-left: 6%;
text-decoration: none;
display: block;
background-color: rgba(70,80,117,0.7);
}


.flexnav ul li a, .flexnav ul li a:link, .flexnav ul li a:visited {
color: #ffffff; 
background-color: rgba(70,80,117,0.7);
-webkit-transition: color 0.3s linear, background-color 0.3s linear, border-color 0.3s linear;
-moz-transition: color 0.3s linear, background-color 0.3s linear, border-color 0.3s linear;
-o-transition: color 0.3s linear, background-color 0.3s linear, border-color 0.3s linear;
transition: color 0.3s linear, background-color 0.3s linear, border-color 0.3s linear;  
}
.flexnav ul li a:hover, .flexnav li:hover a, .flexnav ul li a:active, .flexnav li:active a, .flexnav ul li a.current {
color: #f3a36b; 
background-color: #3d4359;

-webkit-transition: color 0.3s linear, background-color 0.3s linear, border-color 0.3s linear;
-moz-transition: color 0.3s linear, background-color 0.3s linear, border-color 0.3s linear;
-o-transition: color 0.3s linear, background-color 0.3s linear, border-color 0.3s linear;
transition: color 0.3s linear, background-color 0.3s linear, border-color 0.3s linear;  
}

.flexnav li ul li a {
padding-left: 12%;
}

.menu-button .touch-button .navicon {
  color: #fff;
  font-size: 18px;
  position: relative;
  top: .5em;
}
.flexnav .touch-button .navicon {
  color: #fff;
  font-size: 12px;
  position: relative;
  top: 1em;
}

.flexnav .touch-button {
  height: 47px;
  width: 47px;

}




.back-to-top {
    position: fixed;
    bottom: 1em;
    right: 1em;
    text-decoration: none;
    color: #000000;
    background-color: rgba(235, 235, 235, 0.80);
    font-size: 12px;
    padding: 0;
    display: none;
    background: transparent url(images/ui.totop.png) center top;
    width: 38px;
    height: 38px;
}

.back-to-top:hover {    
        background: transparent url(images/ui.totop.png) center bottom;
}





section.home_threecols {
border-bottom: 5px solid #cd5b51;
padding: 25px 4% 25px 2%; 
background: #2d303e;
}


section.home_threecols article {
width: 29.3333%;
float: left; 
margin-left: 2%; 
padding: 1%; 
background: #efefef; /*#ffffff;*/
text-align: justify;
line-height: 1.5em;
-webkit-border-radius: 12.5px;
-moz-border-radius: 12.5px;
border-radius: 12.5px;
behavior: url(pie/PIE.htc);
position: relative;
}

section.home_threecols article img {
display: block;
text-align: center;
max-width: 100%;
margin: 10px auto;
border: none;
}



section.subs_twocols, section.subs_fullwidth {
border-bottom: 5px solid #cd5b51;
padding: 12.5px 4% 0 0; 
background: #2d303e;
}



section.subs_twocols article, section.subs_fullwidth article {
background: #ffffff;
-webkit-border-radius: 7.5px;
-moz-border-radius: 7.5px;
border-radius: 7.5px;
float: left; 
margin-left: 2%; 
padding: 1em 0; 
text-align: justify;
behavior: url(pie/PIE.htc);
position: relative;
}


section.subs_twocols article.subs_leftbody {
width: 68%;
margin-bottom: 15px;
margin-left: 4%;
padding: 1em 1%;
min-height: 575px; 
}

section.subs_twocols article.subs_rightbar {
width: 22%;
margin-bottom: 15px;
margin-left: 2%;
padding: 1em 1%;
}



article.subs_leftbody>p {
/*margin: 0 2%;*/
}






section.subs_fullwidth article.subs_onebody {
margin-left: 4%; 
margin-bottom: 15px;
padding: 1em 2%;
width: 92%;
border: none;
}



div.threecols div {
width: 29.333%;
/*background: #efefef;
-webkit-border-radius: 12.5px;
-moz-border-radius: 12.5px;
border-radius: 12.5px;
behavior: url(pie/PIE.htc);*/
float: left; 
padding: 1%; 
text-align: justify;
margin-left: 3.5%;
}
div.threecols div:first-child {margin-left: 0%; padding-left: 0%;}



.highlightit img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}

.highlightit:hover img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);
-moz-opacity: .6;
opacity: .6;
}



p { 
text-align: justify;
margin-top: 0px;
margin: 7.5px 0px; 
}

h1, h2, h3, h4 {
font-family: 'Open Sans', 'arial';
margin: 0px; 
}
h1 {
text-align: left;
line-height: 1em;
padding: 0px; 
margin: 0px;
margin-bottom: 5px;

font-weight: bold; 
color: #bc4a40;
letter-spacing: 1px; 
font-size: 130%;
border-bottom: 2px dotted #ccc;
}

h2 {	
font-size: 140%;
text-align: left;
line-height: 1em;
padding: 0px; 
margin: 0px;
margin-bottom: 5px;

font-weight: 800; 
color: #CD5B51; /*#3D4359;*/
margin-top: 15px; 
font-size: 120%;
/*border-bottom: 2px dotted #ccc;*/
}

h3 {
text-align: left;
line-height: 1em;
padding: 0px; 
margin: 0px;
margin-bottom: 5px;
font-weight: bold; 
color: #3D4359;
letter-spacing: 1px; 
font-size: 110%;

}

section.subs_twocols article.subs_leftbody h1, section.subs_twocols article.subs_leftbody h2 {	

}
section.subs_twocols article.subs_leftbody h1 {

}
section.subs_twocols article.subs_leftbody h2 {

}

section.home_threecols article h2 {
text-align: center;
border: none;
letter-spacing: 2px; 
font-size: 150%;
font-weight: 900; 
margin-top: 0px; 

}




footer {
padding: 17.5px 0px; 
font: normal normal 600 130% 'Open Sans',arial,helvetica,sans-serif;
background: #3d4359 url('images/bg_footer_right.png') 102% center no-repeat;

}



footer div.left {
width: 32.665%;
float: left;
color: #efefef;
margin-left: 4%;
text-align: left;
}


footer div.right {
width: 32.665%;
float: right;
color: #efefef;
margin-right: 4%;
text-align: right;

}


footer div.last {
margin: 0%;
}


.copyright {
font-size: 80%;
text-align: center;
padding: 0px; 
width: 98%;
max-width: 1024px;
margin: 0px auto 5px;
color: #565E7D;
}


.uparrow  {
display: none;
}
.uparrow a:link, .uparrow a:visited {
color: rgba(255,255,255,.50);
}
.uparrow a:hover, .uparrow a:active {
color: rgba(255,255,255,.75);
}

*.float-divider {clear:both; display:block; height:1px; font-size:1px; line-height:1px; }






.tp-bannercontainer {
width:100%;
max-width: 100%;
height: auto;
position:relative;
padding:0;
}
     
.tp-banner {
width:100%;
position:relative;
}


.tp-gallerycontainer {
width:100%;
max-width: 800px;
height: auto;
position:relative;
padding:0;
margin: 25px auto;
margin-bottom: 50px;
}

.tp-caption.finewide_large_white {
color: rgba(255,255,255,0.8);
color: rgba(205, 91, 81, 0.9);
color: #CD5B51;
text-shadow:none;
font-size:48px;
line-height:48px;
font-weight:900;
font-family: 'Open Sans', 'sans-serif';
background-color:transparent;
text-decoration:none;
font-style: italic;
text-transform:none;
letter-spacing:5px;
padding-left: 4%;
padding-top: 10px;
}

.tp-caption.finewide_medium_white {
color: rgba(255,255,255,0.8);
color: rgba(243, 163, 107, 0.9);
color: #E49D65;
text-shadow:none;
font-size:24px;
line-height:24px;
font-weight:600;
font-family: 'Open Sans', 'sans-serif';
background-color:transparent;
text-decoration:none;
text-transform:none;
letter-spacing:2px;
/*font-style: italic;*/
padding-left: 4%;
}

.tp-caption.blackfloor {
text-decoration:none;
background-color:rgba(0,0,0,.6);
/*background-color: rgba(61, 67, 89, 0.8);*/
width:100%;
height:140px;
border-top:1px solid rgba(255,255,255,0.6);
}

.tp-bullets.tp-thumbs {
  margin-top: -25px;
  padding: 3px; 
  background: #ffffff;
  
}

.tp-bullets.tp-thumbs .bullet {
  opacity: 0.6;
  margin: 0 1.5px;
 }


/*    T E A M    P A G E   */

div#team-wrapper {
width: 100%;
float: left;
margin: 1em 0;

}

div.team-member {
width: 22%;
margin-right: 4%;
float: left;
text-align: center;
}


div.team-member.last {
margin-right: 0%;
}


.team-member img {
margin: 0 auto;
width: 80%;
height: auto;
border: 1px solid #999999;
}


span.team-captions {
font: normal normal 600 90%/1.5em 'Open Sans',arial,helvetica,sans-serif;
color: #bc4a40;
letter-spacing: 1px; 
}

span.team-titles {
font: normal normal 600 80%/1.5em 'Open Sans',arial,helvetica,sans-serif;
color: #555555;
letter-spacing: 1px; 
}


div.team-threecols {
float: left;
width: 72%;
}
p.team-p{
text-align: justify;

}






.callout { 
padding: 25px 1.5em;
background: rgba(86,94,125,0.2);
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
border: 1px solid rgba(86,94,125,0.4);
margin: 0 0 25px 0;
behavior: url(pie/PIE.htc);
position: relative;
}

.callout.half {
width: 40%;
padding: 10px 1em;
float: right;
margin: 0px; 
margin-left: 5%;
}


/* = = = = = = = = = = = = = = = = = = =    Project Listings   = = = = = = = */
.projectlist { 
padding: .75em;
background: rgba(86,94,125,0.2); 
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
border: 1px solid rgba(86,94,125,0.4);
margin: 15px 0;
behavior: url(pie/PIE.htc);
position: relative;
}
span.projectname {
font: normal normal 600 100%/1.5em 'Open Sans',arial,helvetica,sans-serif;
color: #bc4a40;
letter-spacing: 1px; 
}



.bodypic {
float: right; 
margin-left: 20px; 
border: none;
max-width: 45%;
height: auto;
}





/*  UNIFORMS  */

section.uniforms_threecols {
padding: 80px 0% 25px 2%; 
background: #2d303e;

width: 100%;
}

section.uniforms_threecols h2 {
padding: 0px 0px;
margin: 10px 2%;
}

section.uniforms_threecols article {
width: 20.4999%;
float: left; 
margin-left: 2%; 
margin-bottom: 15px;
padding: 1%; 
background: #ffffff; /*#ffffff;*/
text-align: justify;
line-height: 1.5em;
-webkit-border-radius: 12.5px;
-moz-border-radius: 12.5px;
border-radius: 12.5px;
behavior: url(pie/PIE.htc);
position: relative;
}

section.uniforms_threecols article img {
display: block;
float: none;
width: 100%;
height: auto;
text-align: center;
max-width: 280px;
margin: 10px auto;
border: none;
}

.uniforms-row-light, .uniforms-row-dark {
padding: 4px;
background: #cdcdcd;
width: 98%;
}

.uniforms-row-dark {
background: #dddddd;
}

.uniforms-row-left {
width: 50%;
float: left;
text-align: left;
font-size: 90%;
font-weight: bold;
}
.uniforms-row-right {
width: 50%;
float: right;
text-align: right;
}


.uniforms-section-titles {
color: #ffffff;
font-size: 1.5em;
}















/* ===================    M E D I A   Q U E R I E S    ============================================ */



@media only screen and (max-width : 900px) {

	.navbar {
	width: 100%;
	/*position: absolute;*/
	margin: 0 0%;
	background-color: rgba(70,80,117,0.875);
	background: transparent url(images/bg_navbarhomeonly.png) left bottom repeat-x;
	border: none;
	}

	.homeonly {
	position: absolute;
	}

	.navbar ul li a {
	padding: 12.5px 12.5px 10px;
	}

}



@media only screen and (max-width : 680px) {
	header {
	padding: 0px; 
	}

	header div.header_logo {
	text-align: center;
	float: none;
	padding: 12.5px 0px;
	}

	header div.header_tagline_phone {
	max-width: 100%;
	text-align: center;
	float: none; 
	padding: 0px;
	padding-bottom: 12.5px;
	}

	header div.header_tagline_phone img {
	max-width: 300px;
	width: 100%;
	height: auto;
	}

	.flexnav { display: inherit; }            
	.flexnav ul, ul.flexnav { margin: 0px; padding: 0px; }

	.menu-button { 
	display: inherit; 
	background-color: #3D4359; 
	border-top: 5px solid #CD5B51;
	color: #F3A36B;
	}

	#page-wrapper {
	width: 100%;
	}

	.navbar {    
	width: 100%;
	z-index: 10000;
	position: relative;
	margin: 0 auto;
	text-align: left;
	background: none;
	border: none;
	line-height: 1em;
	display: none;
	}

	.homeonly {
	width: 92%;
	position: absolute;
	margin: 0 4%;
	background-color: rgba(70,80,117,0.875);
	background: transparent url(images/bg_navbarhomeonly.png) left bottom repeat-x;
	border-right: 1px solid #5B6485;
	border-left: 1px solid #5B6485;
	display: none;
	}


	footer div.left {
	width: 94%;
	float: none;
	margin: 0 2%;
	text-align: center;
	}


	footer div.right {
	width: 94%;
	float: none;
	margin: 0 2%;
	text-align: center;
	}

	footer {
	background: none;
	background: #3d4359;
	padding: 12.5px 0px; 
	font: normal normal 600 100% 'Open Sans',arial,helvetica,sans-serif;
	}

	.copyright {
	font-size: 60%;
	}

}



@media only screen and (max-width : 600px) {    

	section.home_threecols {
	border-bottom: 5px solid #cd5b51;
	padding: 0px 2% 12.5px 2%; 
	background: #2d303e;
	}

	section.home_threecols article {
	width: 92%;
	float: none; 
	margin: 12.5px 2%; 
	padding: 10px 2%; 
	}

	section.uniforms_threecols {
	padding: 15px 2% 25px 2%; 
	}
	section.uniforms_threecols article {
	width: 92%;
	float: none; 
	margin: 12.5px 2%; 
	padding: 10px 2%; 
	}



	section.subs_twocols article.subs_leftbody, section.subs_twocols article.subs_rightbar {
	clear: both;
	width: 96%;
	float: none; 
	margin: 12.5px 2%; 
	padding: 10px 2%; 
	min-height: 100px;
	}

	section.subs_twocols article.subs_rightbar {
	width: 96%;
	float: none; 
	margin: 12.5px 2%; 
	padding: 10px 2%; 
	}

	section.subs_twocols article.subs_leftbody img {
	width: 45%; 
	max-width: 45%;
	height: auto;
	}

	section.subs_twocols article.subs_rightbar div.tp-bannercontainer {
	position: relative;
	width: 60%;
	margin: 0px auto;
	}

	div.team-member {
	width: 100%;
	margin-right: 0;
	float: none;
	text-align: center;
	margin-bottom: 5px; 
	}

	span.team-captions {
	font: normal normal 600 100%/1.5em 'Open Sans',arial,helvetica,sans-serif;
	color: #bc4a40;
	letter-spacing: 3px; 
	}

	span.team-titles {
	font: normal normal 600 90%/1.5em 'Open Sans',arial,helvetica,sans-serif;
	color: #555555;
	letter-spacing: 0px; 
	}

	div.team-member.last {
	margin-right: 0%;
	}

	div.team-threecols {
	float: none;
	width: 100%;
	}

	.tp-bullets.tp-thumbs {
  	display: none;
	}

	.tp-gallerycontainer {	
	margin-bottom: 25px;
	}


}






@media only screen and (max-width : 500px) {               


	section.subs_twocols article.subs_leftbody img {
	display: none; 
	}

	.tp-caption { 
	display: none; 
	}


	.callout.half {
	float: none;
	margin: 1%;
	padding: 5px 2%;
	width: 94%;
	}


	section.subs_twocols article ul, section.subs_fullwidth article ul {
	text-align: left;
	}


}