html,body {margin:0;padding:0;width:100%;min-height:100%;height:auto;background:#e5e9e7;font-size:16px;color:#373a37;font-family: 'Lato', sans-serif;}
form,p,h1,h2,h3,h4,h5,h6,table,tr,td,figure {margin:0;padding:0;}
img,table{border:0;vertical-align:middle}
.both {clear:both;}
.left {text-align:left;}
.right{text-align:right;}
.center {text-align:center;}
.fl-left {float:left;}
.fl-right {float:right;}

img {max-width:100%;border:0;}

.wrapper {margin:0 auto;/*width:940px;*/width:90%;}
.wrap {padding:10px;}

#header {padding:10px 0;position:fixed;width:100%;background:#e5e9e7;z-index:1000;}
#header .logo {height:37px;line-height:37px;text-decoration:none;font-size:24px;color:#373a37;background:#e5e9e7;float:left;display:block;font-weight:100}
#pull {display:none;}
#header nav {float:right;text-align:right;}
#header nav .menu-content {float:right;}
#header nav ul {margin:0;padding:0 0 0 10px;list-style:none;display:inline-block;float:left;}
#header nav ul li {margin:0;padding:0;display:inline-block;}
#header nav ul li a {padding: 0 10px; display:block;height:37px;line-height:37px;font-size:24px;text-decoration:none;color:#628080;font-weight:300;}
#header nav ul li a:hover {color:#373a37;}
#header nav ul.social_links li a {padding:0;width:37px;background: transparent url(../images/icons.png) no-repeat 0 0;}
#header nav ul.social_links li a.social_icon_2 {background-position: -40px 0;}

#WorkSection {background:#373a37;color:#a8bbbd;}

/* lists added by Seth 20150703 */
.breadcrumb {
	list-style: none;
	margin:0;
	padding:0;
	font-size:14px;
	font-family: 'Lato', sans-serif;
}
.breadcrumb li {float:left;}
.breadcrumb li a {
	color:#e5e9e7;
	text-decoration:none;
	padding:5px 15px 5px 0;
	float:left;
}
.breadcrumb li a:before {
	content: ">";
	margin-right:15px;
}
/* end lists */

.WorkSectionHomePage {padding: 60px 0 15px 0;}
.WorkSectionHomePage article {font-size:30px;font-weight:100;padding:8px 0;}
.WorkSectionHomePage article a {color:#e5e9e7;font-weight:300;text-decoration:none;}
.WorkSectionHomePage article a:hover {text-decoration:underline;}
.WorkSectionHomePage .gallery {margin:0 -5px;position: relative;}
.WorkSectionHomePage .gallery figure {float:left;width:33.33%;position: relative;overflow:hidden;/*added by seth*/margin-bottom:10px;}
.WorkSectionHomePage .gallery figure a {display:block;position: relative;padding:0 5px 1px 5px;}
.WorkSectionHomePage .gallery figure img {width:100%;height:auto;}
.WorkSectionHomePage .gallery figure span {font-size:16px;color:#fff;font-weight:300;position: absolute;left:0;bottom:0;padding:5px 10px;background: rgba( 55, 58, 55, .75);width:100%;}

.WorkSectionPage  {padding: 80px 0 15px 0;}
.WorkSectionPage article  {padding: 0;float:right;width:34%;color:#e5e9e7;}
.WorkSectionPage article p {padding: 0 0 15px 0;font-weight:300;}
.WorkSectionPage article h2 {padding: 10px 0 15px 0;font-size:20px;font-weight:300;}
.WorkSectionPage article h2:first-child {padding: 0 0 15px 0;}
.WorkSectionPage article figure {padding:5px 0 25px 0;}
.WorkSectionPage article img {width:100%;}
.WorkSectionPage .gallery {padding: 0;float:left;width:66%;}
.WorkSectionPage .gallery img {width:100%;}
.WorkSectionPage .gallery figure {padding:5px 20px 5px 0;overflow:hidden;}
.WorkSectionPage .gallery figure a {display:block;position: relative;}
.WorkSectionPage .gallery figure span {font-size:16px;color:#fff;font-weight:400;position: absolute;left:0;bottom:-100%;padding:5px 10px;background: rgba( 55, 58, 55, .75);width:100%;-webkit-transition: all 0.25s ease;	-moz-transition: all 0.25s ease;-ms-transition: all 0.25s ease;-o-transition: all 0.25s ease;transition: all 0.25s ease;}
.WorkSectionPage .gallery figure a:hover span {bottom:0;-webkit-transition: all 0.25s ease;	-moz-transition: all 0.25s ease;-ms-transition: all 0.25s ease;-o-transition: all 0.25s ease;transition: all 0.25s ease;}

#ContactSection {float:left;width:50%;padding: 0;}
#ContactSection .wrap {padding:0 10px 0 0;}
#ContactSection p {padding: 0 0 6px 0}
#ContactSection label {display:block;padding:0 0 6px 15px;font-size:16px;vertical-align:top;line-height:1em;}
#ContactSection input[type="text"] {padding:0 15px;height:25px;line-height:25px;border:0;margin:0;background:#aec2c4;width:100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#ContactSection .infoBox input[type="text"] {width:58%;}
#ContactSection textarea {padding:10px 15px;margin:0;background:#aec2c4;border:0;width:100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#ContactSection input[type="submit"] {border:0;background:#628080;color:#fff;padding:5px 30px;margin: 10px 0;cursor:pointer;}
#ContactSection input[type="submit"]:hover {background:#ee74aa;}
#ContactSection .infoBox {position: relative;}
#ContactSection .realperson-challenge {position:absolute;top:15px;right:0;width:40%;}
#ContactSection .realperson-text {background:#fff;text-align:center;padding:5px;}

#AboutSection {float:right;width:50%;padding:0;font-weight:300;}
#AboutSection .wrap {padding: 0 0 0 10px;}
#AboutSection h2 {margin:0;padding: 0 0 10px 0;font-size:24px;color:#628080;font-weight:300;vertical-align:top;line-height:1em;}
#AboutSection p  {margin:0;padding: 0 0 10px 0;line-height:1.2em;font-weight:300;}
.realperson-text {font-family: "Courier New",monospace; font-size: 6px; font-weight: bold; letter-spacing: -1px; line-height: 3px;}
.realperson-regen {	padding-top: 4px;font-size: 12px;text-align: center;cursor: pointer;}
.realperson-disabled {opacity: 0.5;filter: Alpha(Opacity=50);}
.realperson-disabled .realperson-regen {cursor: default;}


.HideDesktop {display:none;}
.ShowDesktop {display:block;}

#footer {padding: 20px 0;}
#footer .wrapper {background: transparent url(../images/bg.png) repeat-y top center;} 

.error {color:red;}
#LoadingImgBox {width:100%;height:0px;background: transparent url("../images/ajax-loader.gif") no-repeat 50% 50%;-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease;}
#ResultBox     {text-align:center;height:200px;-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease;overflow:hidden;}
#FormBox       {-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease;overflow:hidden;}

#LoadingImgBox.loading {height:200px;overflow:hidden;}
#ResultBox.loading {height:0;overflow:hidden;}
#FormBox.loading {height:0;overflow:hidden;}

.BackToForm {text-decoration:none;color:#628080;}
.BackToForm:hover {text-decoration:underline;color:#373a37;}

@media (max-width: 960px) {
	.WorkSectionHomePage .gallery figure {width:50%;/*margin-bottom:4px; -now cascading from original margin-bottom above*/}
	#ContactSection,#AboutSection,.WorkSectionPage article,.WorkSectionPage .gallery {float:none;width:100%;}
	#AboutSection {border-bottom:1px solid #373a37;padding-bottom:0;}
	#ContactSection {padding-top:0;}
	#AboutSection .wrap {padding: 0 0 5px 0;}
	#ContactSection .wrap {padding:10px 0;}
	.WorkSectionPage .gallery figure {padding:5px 0;}
	.HideDesktop {display:block;}
	.ShowDesktop {display:none;}
	.WorkSectionHomePage article {font-size:24px;}
	#footer .wrapper {background: transparent none;}
	#AboutSection p {padding-bottom:13px;}
}
@media (max-width: 624px) {
	.WorkSectionHomePage .gallery figure {float:none;width:100%;margin-bottom:10px;}
	.WorkSectionHomePage article {font-size:24px;}
	#header .logo {float:none;width:100%;text-align:center;}
	#pull {display:block;width:37px;height:37px;background: transparent url(../images/nav.png) no-repeat 0 0;position: absolute;top:-37px;right:0;}
	#header nav,#header nav .menu-content {position: relative;float:none;width:100%;}
	#header nav .menu-content {display:none;}
	#header nav.ShowMenu .menu-content {display:block;position: relative;}
	#header nav ul {width:100%;display:block;text-align:center;padding:0;}
	/*#header nav.ShowMenu .menu-content:before {content:' ';display:block;position:absolute;top:10px;right:7px;width:25px;height:25px;background:#628080;-moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);}
	#header nav ul {width:100%;display:block;text-align:center;background:#e5e9e7;position: relative;}
	#header nav ul.menu {margin:15px 0;padding:0;border-bottom:2px solid #628080;border-top:3px solid #628080;}
	#header nav ul.menu li {border-bottom:1px solid #628080;display:block;width:100%;margin:0;padding:0;}*/
	#header nav ul.social_links {padding-top:10px;}
	#ContactSection .infoBox input[type="text"] {width:100%;}
	#ContactSection .realperson-challenge {position: relative;width:100%;top:auto;right:auto;}
	#header .logo,.WorkSectionPage article h2,.WorkSectionHomePage article {font-weight:300;}
	.WorkSectionHomePage article a {font-weight:400;}
}