/*   
Theme Name: Custom Arch118 Theme
Author: elvisHUXLEY 
*/

body {
	font-family: Arial, sans-serif;
	background-color: #CCC;
	font-size: 16px;
	background:#ccc url('_images/shadow.png') repeat-x scroll left 3em;
}

* {
margin: 0;
padding: 0;
font-weight: normal;
border: none;
text-decoration: none;
outline: none;
line-height: 1.5em;
}
	
/* Scroll Panes and Accordians */
	
.services-scroll-pane {
	/* background-color: red; */
}

.scroll-pane {
	/* width: 100%; */
	/* overflow: visible;
	height: auto; */
}
.scroll-pane[style] {
   width: 100% !important;
   /* height: auto !important; */
}

.jspPane[style] {
   width: 100% !important;
   /* height: auto !important;
   overflow: visible!important; */
}

.jspContainer[style] {
	width: 100% !important;
	/* overflow: visible!important;
	height: auto !important; */
}

.ui-accordion .ui-accordion-content-active[style] {
	width: 100% !important;
}
.jspHorizontalBar[style], .jspHorizontalBar, .jspVerticalBar[style], .jspVerticalBar {
	/* display: initial !important; */
	/* visibility: visible; */
}
.jspHorizontalBar[style], .jspHorizontalBar {
	visibility: hidden;
}
/* new */
/*
.scroll-pane{width: 100% !important;height: 93%;overflow: auto;}
.jspContainer{overflow:hidden;position:relative;height:100% !important; width: 100%      !important;}
.jspPane{position:absolute;width: 100%!important;}
*/

/* ----- Wrappers ----- */

#outerWrapper {
	background-color: white;
	}
	
#innerWrapper {
	position: relative;
	font-size: .71em;
	}

/* ----- Images ----- */

#imageNarrow {
	overflow: hidden;
	/* background: #ccc; */
}
#imageNarrow .staticimage {
	width: 100%;
	height: 100%;
	background-size: auto;
	background-repeat: no-repeat;
}

#imageNarrow.contact .staticimage {
	background-size: contain;
}
/* 
#imageNarrow.peopleportraits {
	width: 271px;
	background: #ccc;
}
*/
.galleryimage {
	display: none; 
}
/* 
#gallery img.projects {
	width: auto;
	height: auto;
	max-width:100%;
	max-height:100%;
}
*/

a.gallery-image-link {
	display: block;
	width: 610px;
	height: 407px;
}

#gallery.projects .galleryimage, #imageNarrow .galleryimage {
	background-repeat: no-repeat;
	background-size: contain;
}

#gallery.home .galleryimage {
	width: 100%;
	background-repeat: no-repeat;
	background-size: cover;
}


/*
.imageRotator img {
	display: none;
}
*/
#gallery .galleryimage.justone {
	display: block;
}

.video-wrapper-generic {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	/* padding-top: 25px; */
	height: 0;
	width: 100%;
	/* margin-bottom: 2.5em; */
	float: left;
}
.video-wrapper-generic iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

img.logo {
	position: absolute;
	/* bottom: 50px; */
	top: 367px;
	/* bottom: 50px; */
	right: 0;
	/* height: 75px; */
	/* height: 117px; */
	width: 265px;
	height: 90px;
/*	padding-top: 15px; */
}


/* ----- Project Gallery Controls ----- */

#buttonContainer input {
	height: 15px;
	width: 15px;
	background-color: #fff;
	color: #333;
	border: none;
	margin: 5px 0 0 7px;
	font-size: 10px;
	cursor: pointer;
}

input:hover {
	color: #000;
}

/* ----- Project Accordion ----- */

#projectInfo ul {
	padding-right: 15px;
	padding-left: 25px;
}

.ui-accordion-header {
	display: block;
}

#projectInfo .project-scroll-pane {
	width: 100%;
	overflow: auto;
	/* max-height: 205px; */
}

/*
#projectInfo .project-scroll-pane p:last-of-type {
	margin-bottom: 0;
}
*/

#projectInfo p {
	padding-right: 15px;
	padding-left: 20px;
}

ul.stats li {
	background: url('_images/menu_gold.png') no-repeat left center; 
	padding-left: 15px;
}

.prev-posts a, .next-posts a {
	color: #555555;
}

/* ----- Services ----- */



#servicesList ul {
	padding-right: 15px;
	padding-left: 25px;
}

#servicesList p {
	padding-right: 15px;
	padding-left: 20px;
}

/* ----- People ----- */

.bio {
	height: 215px;
}

img.sep {
	vertical-align: middle;
	padding-bottom: 2px;
}

h2.name {
	float: left;
	font-size: 1.9em;
	margin-right: 10px;
	padding-right: 0;
	letter-spacing: .2em;
	border-top: 2px solid #aaa;
	border-bottom: 2px solid #aaa;
}

h3.credentials, h3.archPosition, h3.education {
	letter-spacing: .15em;
	margin-bottom: 0;
	background: url('_images/menu_gold.png') no-repeat left center; 
	padding-left: 15px;
	font-size: 1em;
}

h3.credentials {
	margin-right: 10px;
}

ul.peoplecredentials li {
	/* 
	list-style-image: url('_images/menu_gold.png');
	list-style-position: inside;
	*/
	/*
	background: url('_images/menu_gold.png') no-repeat left center;
	padding-left: 15px;
	margin-right: 15px;
	margin-left: -4px;
	*/
}

ul.peoplecredentials {
	margin-bottom: 1em;
	font-style: italic;
}

/* ----- Contact ----- */

#contactInfo {
	font-size: 1.2em;
}

#contactMessage {
	/* width: 100%; */
}

form.vscf {
	
}
/*
form.vscf p {
	display: inline;
}

form.vscf input {
	float: right;
	clear: right;
	margin-bottom: .5em;
}

form.vscf label {
	float: left;
	clear: left;
	margin-top: .5em;
}
*/
form.vscf input, form.vscf textarea {
	border: 1px solid #ccc;
}
/* 
form.vscf textarea {
	max-height: 10em;
	width: 100%;
	margin-bottom: 1em;
}
*/
#vscf_message {
	width: 100% !important;
}

form.vscf input[type=submit] {
   float: left;
   padding: .5em;
   color: white;
   background-color: #560056;
   float: none;
}

/* Job Postings page */

body.page-template-job-postings ol { 
   list-style-type: decimal; 
   list-style-position: inside;    
}

body.page-template-job-postings ol, body.page-template-job-postings ul {
	margin-bottom: 1em;
}

.ind-job-posting:not(:first-child) {
	border-top: 1px dotted #ccc;
	padding-top: 50px;
	margin-top: 50px;
}

.hiring {
	background: #560056;
	color: white;
	text-transform: uppercase;
}

a.hiring:hover {
	color: white;
}


/* ----- FOOTER STYLES ----- */

#shadowb {
	height: 20px;
	background:#fff url('_images/shadowb.png') repeat-x left top;
}
#footer {
	clear: both;
	margin: 0 auto 3em;
	font-size: .7em;
}
#footerLeft {
		float: left;
}
#footerRight {
	float: right;
	text-align: right;
}

/* ----- GENERAL STYLES ----- */

a {
	color: #000;
}

p a {
	font-weight: bold;
}

a:hover {
	color: #e6b800;
	cursor: pointer;
}

ol, ul {
	list-style: none;
}

p {
	margin-bottom: 1.5em;
}

h1, h2 {
	margin-bottom: 5px;
}

h1 {
	color: #560056;
	font-size: 1.3em;
	font-weight: bold;
}

h2 {
	font-size: 12.5px;
	text-transform: uppercase;
}

.persimmon {
	color: #560056;
}

.black {
	color: #000;
}

.clear {
	clear: both;
}

.bold {
	font-weight: bold;
}

.right {
	float: right;
	}
	
.left {
	float: left;
}
	
.caps {
	text-transform: uppercase;
	font-size: .9em;
}

/* ----- File Downloads Pages ----- */

img.dl {
	vertical-align: middle;
	padding: 0 5px 3px 0;
}

.lowercase {
	text-transform: none;
	font-style: italic;
}

.downloads li {
	border-bottom: 1px solid #ccc;
	width: 250px;
	line-height: 20px;
	font-size: 1.1em;
	cursor: pointer;
	background: url('_images/dl.png') no-repeat left center;
	padding-left: 18px;
}

.ui-dialog-content p {
	margin-bottom: .95em;
}

#comingSoon {
	position: absolute;
	bottom: 50px;
	left: 225px;
	margin: 0;
	padding: 0;
}

#client {
	float: right;
	width: 240px;
	height: 160px;
	border-left: 1px solid;
	padding: 0 0 0 25px;
	margin-left: 25px;
}

#pleaseLogin {
	width: 240px;
	height: 170px;	
}

p.login-username , p.login-password, p.login-remember{
	margin-bottom: 3px;
	float: left;
	width: 225px;
}

.login-username label, .login-password label {
	width: 60px;
	float: left;
	margin: 0;
	padding: 0;
}

#user_login, #user_pass {
	border: 1px solid #ccc;
	width: 160px;
	height: 18px;
	margin-bottom: 5px;
	float: right;
}

.button-primary {
	width: 55px;
 	height: 25px;
 	line-height: 25px;
 	background: url('_images/button55.png') no-repeat left top;
 	text-align: center;
	color: #fff;
	margin-top: 10px;
	cursor: pointer;
}

.button-primary:hover {
	color: #fff;
}

#clientLogin {
 width: 55px;
 height: 25px;
 line-height: 25px;
 background: url('_images/button55.png') no-repeat left top;
 text-align: center;
}

.logout {
	width: 55px;
	height: 25px;
	line-height: 25px;
	background: url('_images/button55.png') no-repeat left top;
	text-align: center;
	color: #fff;
}

.logout a {
	color: #fff;
}

.logout a:hover {
	color: #fff;
}

#client a, #clientLogin a {
	color: #fff;
 	line-height: 25px;
}

.logout {
	margin-top: 25px;
}

form.client {
	margin-bottom: 15px;
}

.client input {
	border: 1px solid #ccc;
	width: 150px;
	height: 18px;
	margin-bottom: 5px;
}

.client label {
	margin-bottom: 5px;
}

.form {
	float: left;
/*	width: 260px; */
	padding-right: 15px;
}

.firstForm {
/*	width: 600px; */
}

.terms {
	width: 275px; 
	float: left;
	/* border-left: 1px solid #C72C00; */
	border-left: 1px solid #560056;
	padding-left: 20px;
}

.termsLabel {
	float: left;
}
.termsInput {
	float: left;
}

.ui-dialog {
	width: 600px;
}

input #si_contact_email2_1 {
	float: left;
}

h1.files {
	margin-top: 15px;
	margin-bottom: 0px;
}

.glimpse {
	text-transform: uppercase;
	letter-spacing: 2px; 
	font-size: .9em;
	margin-bottom: .5em;
	color: #555;
}

/* ----- Private Client Pages ----- */

.marginTop {
	margin-top: 1em;
}

/* Prev and Next Project Nav */

.prev-posts {
	float: left;
	width: 49%;
}

.next-posts {
	float: right;
	width: 49%;
	text-align: right;
}


/* ------Mobile, Tablet combined styles------ */
@media only screen and (max-width: 768px) {
	.largescreen {
		display: none !important;
	}
	/* Header and Nav */
	header {
		padding-top: 65px;
		-webkit-transition: padding .4s ease-in;
        -moz-transition: padding .4s ease-in;
          -o-transition: padding .4s ease-in;
             transition: padding .4s ease-in;
        position: relative;
        margin-top: 0;
	}
	header nav.mainnav {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
	}
	header nav #menu-button {
		display: block;
		cursor: pointer;
		height: 65px;
		line-height: 65px;
		color: #fff;
		padding-left: 70px;
		background-color: #a6a8ab; /* light grey */
		background-color: white;
		background-image: url('_images/Logo.png');
		background-size: auto 75%;
		background-repeat: no-repeat;
		background-position: 6.5% 70%;
	}
	header nav #menu-button #menu-icon {
		width: 65px;
		height: 65px;
		position: absolute;
		top: 0;
		right: 5%;
		/* background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOC4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgNjAgNjAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYwIDYwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCQ0KCQk8bGluZSBmaWxsPSJub25lIiBzdHJva2U9IiNGRkZGRkYiIHN0cm9rZS13aWR0aD0iMyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHgxPSIxNSIgeTE9IjIwLjUiIHgyPSI0NSIgeTI9IjIwLjUiLz4NCgkNCgkJPGxpbmUgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2Utd2lkdGg9IjMiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiB4MT0iMTUiIHkxPSIzMS41IiB4Mj0iNDUiIHkyPSIzMS41Ii8+DQoJDQoJCTxsaW5lIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLXdpZHRoPSIzIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgeDE9IjE1IiB5MT0iNDIuNSIgeDI9IjQ1IiB5Mj0iNDIuNSIvPg0KPC9nPg0KPC9zdmc+DQo=);*/
		/* background-image: url('_images/menu-icon.png'); */
		background-position: right top;
		background-repeat: no-repeat;
		/* background-size: contain; */
		background-color: #6d6e70; /* dark grey */		
	}
	html.svg header nav #menu-button #menu-icon {
		background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOC4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgNjAgNjAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYwIDYwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCQ0KCQk8bGluZSBmaWxsPSJub25lIiBzdHJva2U9IiNGRkZGRkYiIHN0cm9rZS13aWR0aD0iMyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHgxPSIxNSIgeTE9IjIwLjUiIHgyPSI0NSIgeTI9IjIwLjUiLz4NCgkNCgkJPGxpbmUgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2Utd2lkdGg9IjMiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiB4MT0iMTUiIHkxPSIzMS41IiB4Mj0iNDUiIHkyPSIzMS41Ii8+DQoJDQoJCTxsaW5lIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLXdpZHRoPSIzIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgeDE9IjE1IiB5MT0iNDIuNSIgeDI9IjQ1IiB5Mj0iNDIuNSIvPg0KPC9nPg0KPC9zdmc+DQo=);
	}

	html.no-svg header nav #menu-button #menu-icon {
		background-image: url('_images/menu-icon.png');
	}	
	header .menu-main-navigation-menu-container {
		width: 100%;
		height: 100%;
		display: none;
		background-color: #6d6e70;
		z-index: 500;
		position: relative;
	}
	header .menu-main-navigation-menu-container * {
		display: block;
	}
	header .menu-main-navigation-menu-container ul li {
		/* display: block; */
		display: list-item;
		border-bottom: 1px dotted #999;
		line-height: 55px;
		min-height: 55px;
		padding: 0 7.5%;
	}
	
	header .menu-main-navigation-menu-container ul {
		list-style-image: url('_images/menu_gold.png');
		list-style-position: inside;
	}
	
	header .menu-main-navigation-menu-container ul li a {
		color: white;
		line-height: 55px;
		display: inline;
	}
	header .menu-main-navigation-menu-container ul li:last-of-type {
		border-bottom: none;
	}
	header .menu-main-navigation-menu-container ul.sub-menu {
		width: 118%;
		padding: 0;
		margin: 0 -9%;
		z-index: 501;
		background-color: #3d3d3d; /* dark grey */
		border-top: 1px dotted #ccc;
		display: none;
		position: relative;
	}
	header .menu-main-navigation-menu-container ul.sub-menu li {
		line-height: 55px;
		min-height: 55px;
	}
	header .menu-main-navigation-menu-container ul.sub-menu li {
		padding: 0 7.5%;
	}
	/*
	header section.banner h1 {
		margin-top: 5%;
		margin-bottom: 5%;
		font-size: 1.3em;
	}
	*/
	img.logo {
		display: none;
	}
	/* Wrappers */
	#outerWrapper {
		height: auto;
		width: 100%;
	}
	#innerWrapper {
		width: 90%;
		height: auto;
		margin: 0 auto;
		padding-bottom: 4em;
		background-color: transparent;
		padding-top: 1.5em;
	}
	
	/* ----- Now Hiring tab on home page ----- */

	.hiring {
		position: fixed;
		display: block;
		top: 90px;
		left: 0;
		z-index: 1000;
  		-moz-box-shadow:    3px 3px 5px rgba(0, 0, 0, 0.5);
  		-webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5);
  		box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5);
  		border-top: 5px solid white;
  		border-right: 5px solid white;
		border-bottom: 5px solid white;
		border-left: 0;
		padding: 1.25em 1.75em;
  		margin: 0 !important;
	}
	
	/* Scroll Panes and Accordians */
	/*
	.scroll-pane {
		width: 100%;
		overflow: visible;
		height: auto;
	}
	*/
	
	.scroll-pane[style] {
	   width: 100% !important;
	   /*height: auto !important;*/
	}
	
	
	.jspPane[style] {
	   width: 100% !important;
	   /*height: auto !important;
	   overflow: visible!important;*/
	}
	
	
	.jspContainer[style] {
		width: 100% !important;
		overflow: visible!important;
		height: auto !important;
	}
	
	.ui-accordion .ui-accordion-content-active[style] {
		width: 100% !important;
	}
	.jspHorizontalBar[style], .jspHorizontalBar, .jspVerticalBar[style], .jspVerticalBar {
		/* display: none !important; */
		visibility: hidden;
	}
	/*
	.jspHorizontalBar .jspTrack[style], .jspHorizontalBar .jspDrag[style] {
		 display: none!important; 
		background-color: transparent !important;
		height: 0 !important;
	}
	*/
	
	/* Images */
	#imageNarrow {
		display: none;
	}
	#gallery {
		width: 100%;
		overflow: hidden;
		margin: 0px auto 2em;
	}
	#gallery.projects {
		margin-bottom: 0;
	}
	.galleryimage, #gallery.home .galleryimage {
		width: 100%;
		padding-bottom: 66.67%; /* 4:3 is 75%, or 16:9 is 56.25%, or 3:2 is 66.67% */
		position: relative;
	}
	div.galleryimage > div {
		position: absolute;
		top: 0; bottom: 0; left: 0; right: 0;
	}
	#gallery.projects .galleryimage, #imageNarrow .galleryimage {
		/* background-size: contain; */
	}
	/* Vertical Images */
	.smallportrait-outer {
		width: 100px;
		height: 150px;
		overflow: hidden;
		float: left;
		margin-left: 0;
		margin-right: 1.5em;
		margin-bottom: .5em;
		padding-left: 20px;
		padding-top: 5px;
		/*
		float: right;
		margin-left: 1.5em;
		margin-bottom: 1.5em;
		*/
		/* padding-left: 15px; */
	}
	.smallportrait-inner {
		width: 100%;
		padding-bottom: 150%;
		position: relative;
		/* background-color: #ccc; */
		background-size: contain;
		background-repeat: no-repeat;
	}
	.smallportrait-inner > div {
		position: absolute;
		top: 0; bottom: 0; left: 0; right: 0;
	}
	
	/* Project Gallery Controls */
	#buttonContainer {
		margin-bottom: 2em;
	}
	#buttonContainer input {
		margin: 5px 7px 0 0px;
		background: #4d4d4d;
		color: white;
		width: 35px;
		height: 35px;
		line-height: 35px;
		text-align: center;
		-webkit-appearance: none;
  		-webkit-border-radius: 0;
	}
	/* Next Project */
	.next-and-prev-projects {
		margin-top: 3em;
		padding-bottom: 3em !important; 
	}
	/*  Our People */
	ul.peoplecredentials li {
		list-style-image: url('_images/menu_gold.png');
		list-style-position: inside;
	}
}
/* ------Mobile, small screen styles------ */
@media only screen and (max-width: 480px) {	
	/* Images */
	/*
	#imageNarrow {
		width: 100%;
		margin-bottom: 2em;
	}
	#imageNarrow .staticimage {
		width: 100%;
		padding-bottom: 150%;
		position: relative;
		background-size: contain;
	}
	*/
	.smallportrait-outer {
		
	}
	/* ----- People ----- */
	/*
	ul.peoplecredentials {
		float: left;
	}
	#servicesList.people p {
		float: left;
	}
	*/
	/* ----- Content ----- */

	#rightContent {
		margin-bottom: 2em;
		width: 100%;
		height: auto;
		position: relative;
	}

	#wideContent {
		margin-bottom: 2em;
		width: 100%;
		height: auto;
	}
	
	/* Contact Form */
	form.vscf p, #vscf p {
		/* display: inline; */
		margin-bottom: 0 !important;
	}

	form.vscf input {
		/* float: right;
		clear: right;
		margin-bottom: .5em; */
		margin-bottom: 1em;
		width: 100%;
	}
	form.vscf input[type=text] {
		width: 100% !important;
		min-height: 2em;
	}
	form.vscf input[type=submit] {
		width: auto;
	}

	form.vscf label {
		/* float: left;
		clear: left;
		margin-top: .5em; */
		margin-bottom: 0;
	}

	form.vscf textarea {
		/* max-height: 10em;
		width: 100%;*/
		margin-bottom: 1em;
	}

	/* Footer */
	
	#shadowb {
		width: 100%;
	}
	#footer {
		width: 95%;
	}
}

/* ------Tablet, medium screen styles----- */
@media only screen and (min-width: 481px) and (max-width: 768px) {
	/* 
	#outerWrapper {
		margin-top: .5em;
		height: 507px;
		width: 100%;
	}
	#innerWrapper {
		margin: 0px auto 0;
		width: 95%;
		height: 457px;
		background-color: #fff;
		padding-top: 50px;
	}	
	*/
	
	/* Contact Form */
	form.vscf p {
		/* display: inline; */
	}
	form.vscf input {
		float: right;
		clear: right;
		margin-bottom: .5em;
	}
	form.vscf label {
		/* float: left;
		clear: left; */
		margin-bottom: .5em;
	}
	form.vscf textarea {
		max-height: 10em;
		width: 100%;
		margin-bottom: 1em;
	}
	
	/* Footer */
	
	#shadowb {
		width: 100%;
	}
	#footer {
		width: 95%;
	}
}

/* ------Desktop, large screen styles----- */
@media only screen and (min-width: 769px) {
	.smallscreen {
		display: none !important;
	}
	#outerWrapper {
		margin-top: .5em;
		min-height: 507px;
		height: auto;
		min-width: 900px;
		background-color: #fff;
	}
	#innerWrapper {
		margin: 0px auto 0;
		width: 900px;
		/* height: 420px; */
		min-height: 457px;
		height: 100%;
		/* box-sizing: border-box */
		background-color: #fff;
		padding-top: 50px;
		/* padding-bottom: 50px; */
		position: relative;
	}	
	#imageNarrow {
		float: left;
		/* height: 370px; */
		height: 407px;
		/* width: 200px; */
		width: 271px;
		margin-right: 25px;
	}
	#gallery {
		width: 610px;
		/* height: 370px; */
		height: 407px;
		float: left;
		margin-right: 25px;
		overflow: hidden;
		/*
		-webkit-box-shadow: 0px 1px 6px 1px rgba(0, 0, 0, 0.3);
		-moz-box-shadow: 0px 1px 6px 1px rgba(0, 0, 0, 0.3);
		box-shadow: 0px 1px 6px 1px rgba(0, 0, 0, 0.3);
		*/
	}
	#gallery.projects .galleryimage {
		width: 610px !important;
		max-width: 100%;
		height: 407px !important;
		max-height: 100%;
	} 
	
	#imageNarrow .galleryimage {
		width: 271px !important;
		max-width: 100%;
		height: 407px !important;
		max-height: 100%;
	}
	/*
	#imageNarrow .galleryimage[style] {
		width: 271px !important;
		max-width: 100%;
		height: 407px !important;
		max-height: 100%;
	}
	*/
	#gallery.home .galleryimage {
		height: 100%;
	}
	
	/* Project Gallery Controls */
	
	#buttonContainer {
		position: absolute;
		/* bottom: 25px; */
		top: 460px;
		right: 290px;
		width: 610px;
		text-align: right;
	}
	
	.projectquotes {
		/* display: none; */
		padding-top: 50px;
		padding-bottom: 50px;
		
	}
	
	.next-and-prev-projects {
		position: absolute;
		bottom: 0;
		width: 100%;
	}
	
	/* ----- HEADER -----*/
	
	header {
		height: 3em;
		width: 900px;
		max-width: 900px;
		margin: .5em auto .5em;
	}

	/* ----- New Nav ------ */

	header .menu-main-navigation-menu-container, header .menu-main-navigation-menu-container[style] {
		display: inline !important;
	}
	
	header nav.mainnav {
		height: 3em; /* match header nav ul li line-height */
		margin: 0 auto 0;
		padding-left: 2px;
		position: absolute;
		top: .5em;
		text-align: justify;
		width: 900px;
		max-width: 900px;
		display: inline-block;
	}
	header nav.mainnav * {
		display: inline;
	}
	header nav ul.sub-menu {
		display: none;
	}
	header nav #menu-button {
		display: none;
	}
	header nav ul {
		list-style-type: none;
		margin-top: 0px;
		font-size: .85em;
	}
	header nav.mainnav ul li {
		display: inline-block;
		line-height: 3em; /* match header nav height */
	}
	header nav.mainnav ul li a {
		color: black;
		border-left: 1px solid #000;
		padding-left: 8px;
		text-transform: uppercase;
		cursor: pointer;
	}
	header nav.mainnav ul li a:hover {
		color: black;
	}
	header nav.mainnav ul li.contact {
		background-image: url('_images/mail_round_gold.png');
		background-repeat: no-repeat;
		background-position: left 9px;
		padding-left: 20px;
	}
	header nav.mainnav ul li.contact a {
		border: none;
	}
	header nav.mainnav span.justify {
		display: inline-block;
		position: relative;
		width: 100%;
		height: 0;
		line-height: 0;
	}
	header nav.mainnav ul li ul.sub-menu {
		position: absolute;
		top: 4.75em;
		border-top: 1px solid #8c8c8c;
		background-color: white;
		padding: 1em 2em;	
		margin: 0 0 0 -2em;
		z-index: 500;
		background-image: url("_images/menu-triangle.png");
		background-repeat: no-repeat;
		background-position: 25px 0px;
		-webkit-box-shadow: 3px 3px 3px -3px #777, 3px 3px 3px -3px #777, -3px 3px 3px -3px #777;
		-moz-box-shadow:    3px 3px 3px -3px #777, 3px 3px 3px -3px #777, -3px 3px 3px -3px #777;
		box-shadow:         3px 3px 3px -3px #777, 3px 3px 3px -3px #777, -3px 3px 3px -3px #777;
	}
	header nav.mainnav ul li ul.sub-menu li {
		display: block;
		border-bottom: 1px dotted #ccc;
	}
	header nav.mainnav ul li ul.sub-menu li:last-of-type {
	  border-bottom-style: none;
	}
	header nav.mainnav ul li ul.sub-menu li a {
		border-left: none;
		padding-left: 16px;
		text-transform: none;
		background: url('_images/menuB.gif') no-repeat left center;
	}
	header nav.mainnav ul li ul.sub-menu li a:hover {
		color: #e6b800;
		background: url('_images/menu_gold.png') no-repeat left center;
	}
	header nav.mainnav ul.sub-menu li.current_page_item a {
		background: url('_images/menu_gold.png') no-repeat left center;
	}
	header nav.mainnav ul.sub-menu li.current_page_item a:hover {
		color: #000;
		cursor: default;
	}
	
	/* ----- Content ----- */

	#rightContent {
		float: right;
		width: 265px;
		height: 290px;
		overflow: hidden;
		position: relative;
	}

	#wideContent {
		float: right;
		/* width: 675px; */
		/* width: 638px; */
		width: 604px;
		margin-top: 5px;
		margin-bottom: 15px;
	}

	.scroll-pane {
		width: 100%;
		overflow: auto;
	}

	/*
	#welcome.scroll-pane {
		max-height: 200px;
	}
	*/

	#wideContent .scroll-pane {
		/* max-height: 250px; */
		width: 100%;
		overflow: auto;
		max-height: 250px;	
	}
	#projectInfo .project-scroll-pane {
		max-height: 170px;
	}
	#wideContent .scroll-pane p {
		padding-right: 25px;
	}
	
	/* ----- Now Hiring tab on home page ----- */

	.hiring {
		position: fixed;
		display: block;
		top: 85px;
		left: 0px;
		z-index: 1000;
  		-moz-box-shadow:    3px 3px 5px rgba(0, 0, 0, 0.5);
  		-webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5);
  		box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5);
  		border-top: 5px solid white;
		border-bottom: 5px solid white;
		border-right: 5px solid white;
		padding: 1.25em 1.75em;
  		margin: 0 !important;
	}
	
	/* Job Postings page */

	body.page-template-job-postings img.logo {
		position: static;
		margin-bottom: 50px;
		margin-left: 635px;
		width: 265px;
		height: 90px;
	}
	
	/* ----- Services ----- */

	#servicesList {
		float: right;
		/* width: 675px; */
		width: 604px;
	}

	#servicesList.people {
		/* width: 628px; */
		width: 604px;
	}

	#servicesList .services-scroll-pane {
		width: 100%;
		overflow: auto;
		max-height: 180px;
	}
	
	/* Our People */
	ul.peoplecredentials {
		list-style-image: url('_images/menu_gold.png');
		list-style-position: outside;
		margin-left: 10px;
	}
	/*
	ul.peoplecredentials li {
		background: url('_images/menu_gold.png') no-repeat left center;
		padding-left: 15px;
		margin-right: 15px;
		margin-left: -4px;
	}
	*/
	/* 
	ul.peoplecredentials {
		clear: both;
	}
	#servicesList.people p {
		clear: both;
	}
	*/
	.jspHorizontalBar[style], .jspHorizontalBar, .jspVerticalBar[style], .jspVerticalBar {
		/* display: block !important; */
		/* visibility: visible !important; */
	}
	
	/* ----- Contact ----- */

	#contactMessage {
		float: left;
		height: 160px;
		width: 380px;
		padding-right: 30px;
		border-right: 1px solid;
		margin-right: 30px;
		padding-top: 10px;
	}

	#contactInfo {
		font-size: 1.2em;
		margin-top: 10px;
	}
	
	form.vscf p {
		/* display: inline; */
	}

	form.vscf input {
		float: right;
		clear: right;
		margin-bottom: .5em;
		margin-top: -2.5em;
	}

	form.vscf label {
		/* float: left;
		clear: left; */
		margin-bottom: .5em;
	}
	
	form.vscf label {
	
	}

	form.vscf textarea {
		max-height: 10em;
		width: 100%;
		margin-bottom: 1em;
	}

	
	/* Footer */
	
	#shadowb {
		min-width: 900px;
	}
	#footer {
		width: 900px;
	}
	
}

} /* END screen media */