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

/*
	red: da2028
	lt red: f37a5c
	orange: f37021
	lt orange: f0b849
	blue: 006eaa
	lt blue: 00c0f3
	green: 6ec068
	lt green: c6de89
*/

@font-face {
    font-family: 'open_sanslight';
    src: url('../_fonts/OpenSans-Light-webfont.eot');
    src: url('../_fonts/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../_fonts/OpenSans-Light-webfont.woff') format('woff'),
         url('../_fonts/OpenSans-Light-webfont.ttf') format('truetype'),
         url('../_fonts/OpenSans-Light-webfont.svg#open_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sansregular';
    src: url('../_fonts/OpenSans-Regular-webfont.eot');
    src: url('../_fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../_fonts/OpenSans-Regular-webfont.woff') format('woff'),
         url('../_fonts/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('../_fonts/OpenSans-Regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sansbold';
    src: url('../_fonts/OpenSans-Bold-webfont.eot');
    src: url('../_fonts/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../_fonts/OpenSans-Bold-webfont.woff') format('woff'),
         url('../_fonts/OpenSans-Bold-webfont.ttf') format('truetype'),
         url('../_fonts/OpenSans-Bold-webfont.svg#open_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sansitalic';
    src: url('../_fonts/OpenSans-Italic-webfont.eot');
    src: url('../_fonts/OpenSans-Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../_fonts/OpenSans-Italic-webfont.woff') format('woff'),
         url('../_fonts/OpenSans-Italic-webfont.ttf') format('truetype'),
         url('../_fonts/OpenSans-Italic-webfont.svg#open_sansitalic') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
  font-family: 'FontAwesome';
  src: url('../_fonts/fontawesome-webfont.eot?v=4.6.3');
  src: url('../_fonts/fontawesome-webfont.eot?#iefix&v=4.6.3') format('embedded-opentype'), url('../_fonts/fontawesome-webfont.woff2?v=4.6.3') format('woff2'), url('../_fonts/fontawesome-webfont.woff?v=4.6.3') format('woff'), url('../_fonts/fontawesome-webfont.ttf?v=4.6.3') format('truetype'), url('../_fonts/fontawesome-webfont.svg?v=4.6.3#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

/* html5 display rule */
main, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {display: block;}

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, main, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {border:0;font-size:100%;font:inherit;margin: 0;padding: 0;vertical-align: baseline;}
/* ------------------------- html5 display rule ----------------------- */
main, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
	display: block;
}
.desktop {display:block;}
.tablet, .lgMobile, .mobile {display:none;}
body {color:#48475f;line-height: 1;text-align:center;}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* general page styles */

body {color:#133d54;font-size:1em;line-height:1.7;text-align:center;}
h1 {font-family:open_sansregular, san-serif;font-size:2em;}
h2 {background:#f37021;color:#fff;display:inline-block;font-family:open_sanslight, san-serif;font-size:1.5em;margin-bottom:.5em;}
h3 {color:#943b54;font-family:open_sanslight, san-serif;font-size:24px;}
p, li, address {font-family:open_sansregular, san-serif;font-size:16px;}
p, ul {margin-bottom:10px;}
strong, b {font-family:open_sansbold, san-serif;font-weight:bold;}
img {border:none;max-width:100%;}
a {color:#006eaa;}
input:focus, select:focus, textarea:focus, button:focus {outline: none;}
.mnLogo {position:absolute;left:40px;top:40px;width:75px;z-index:10;}
.image.left {float:left;margin:10px 15px 5px 0;width:20%;max-width:300px;}
.image.right {float:right;margin:10px 0 5px 15px;width:20%;max-width:300px;}
.clear {clear:both;}
.left {float:left;}
.right {float:right;}

nav.main {background:rgba(68,192,243,0.75);position:fixed;left:0;top:0;z-index:10;width:100%;}
nav.main ul {margin-bottom:0;}
nav.main li {color:#fff;display:inline-block;font-family:open_sansbold;margin:5px 40px;}
nav.main a {color:inherit;cursor:pointer;text-decoration:none;}

.row {overflow:hidden;padding:30px 0;text-align:left;}
.row.heading {padding:8px 0;text-align:center;}
.row.heading h2 {color:#fff;font-family:open_sansregular, san-serif;font-size:30px;line-height:30px;}
.container {;margin:0 auto;width:95%;max-width:1028px;overflow:hidden;position:relative;}

p.readmore {color:#da2028;}

#initial {position:relative;}
#initial h1, #initial p {color:#fff;}
#initial h1 {font-family:open_sanslight, san-serif;font-size:1.6em;}
#initial p {font-family:open_sanslight, san-serif;font-size:.9em;}

#initial {background:url(../_img/windmill-colorized.jpg) no-repeat center center;background-size:cover;height:800px;width:100%;}
#initial .central {float:right;padding:65px 0 0 45px;text-align:left;width:23em;max-width:300px;}
#initial .central h1 {background:#d42333;clear:both;color:#00c1f3;font-size:30px;padding:5px 10px;}
#initial .central h1 span {font-size:35%;}
#initial .central p {background:#00c1f3;color:#d42333;font-size:18px;margin-bottom:0;padding:5px 10px;}
#initial .central p.certified {background:rgba(255,255,255,.9);clear:both;color:#006eaa;display:inline-block;float:right;font-size:13px;}
/* #initial .central h1 {background:#d42333;color:#bedd8d;font-size:30px;padding:5px 10px;}
#initial .central p {background:#bedd8d;color:#d42333;font-size:18px;padding:5px 10px;} */
#initial .learnMore {background:#f37021;position:absolute;bottom:0;text-align:center; width:100%;}
#initial .learnMore h2 {color:#bedd8d;font-size:2.5em;padding-left:25px;}
#initial .learnMore p {color:/*#fbd68b*/#fff;font-size:20px;line-height:44px;cursor:pointer;margin-bottom:0;padding:0 10px 0 25px;width:100%;}
#initial .learnMore p:after {content:'\f063';font-family:FontAwesome;padding-left:8px;}
#initial .synopsis {padding:32% 45% 0 0;text-align:left;}
#initial .synopsis h2 {background:#006eaa;color:#fff;display:inline-block;padding:2px 75px 2px 15px;}
#initial .synopsis p {background:/*rgba(255,255,255,.5)*/#bedd8d;color:#133d54;font-family:open_sansregular, san-serif;font-size:1em;padding:15px;}

.row:nth-child(odd) {background:#f0b849;}

.row.services {padding:0;}
.services div.service {float:left;height:525px;width:50%;min-width:500px;}
.services .service h2 {background:transparent;font-family:open_sansregular, san-serif;font-size:24px;}
.services .serviceContainer {margin:0 auto;padding:30px 0;width:80%;min-width:400px;}
.services .service.one {background:#c6de89;}
.services .service.one h2 {color:#006eaa;}
.services .service.two {background:#00c0f3;}
.services .service.two h2 {color:#da2028;}
.services .service.three {background:#f0b849;}
.services .service.three h2 {color:#da2028;}
.services .service.four {background:#6ec068;}
.services .service.four h2 {color:#006eaa;}
.services .service.five {background:#006eaa;height:auto;padding-bottom:20px;width:100%;}
.services .service.five h2 {color:#c6de89;}
.services .service.five p, .services .service.five ul {color:#fff;}
.services .service.five a {color:inherit;}
.service .image {margin:0 auto 10px;width:70%;}


/* -------------------------- home ---------------------------- */
#home {background:#fff;}
#home h2 {background:transparent;}
/* #home #initial {background-image:url(../_img/BG-closeUp2.jpg);} */
#home #initial .central {padding:18% 0 0 20px;width:50%;min-width:600px;}
#home #initial .central h1 {/*background:#d42333;color:#bedd8d;*/font-size:48px;padding:5px 10px;}
#home #initial .central h2 {/*background:#bedd8d;color:#d42333;*/font-size:24px;padding:5px 10px;}
#home #initial .news {background:rgba(255,255,255,.6);height:200px;width:100%;position:absolute;left:0;bottom:0;}
#home #initial .tag {color:#E9EFDA;font-family:open_sansbold, san-serif;font-size:24px;position:absolute;top:245px;left:10%;text-shadow:1px 1px 1px #333;width:250px;}
#home #initial .mission {background:rgba(198,222,137,0.90);color:#006eaa;text-align:center;position:absolute;bottom:0;left:0;width:100%;}
#home #initial .mission .container {padding:20px 0;width:85%;max-width:800px;}
#home #initial .mission h2 {color:#006eaa;font-size:21px;line-height:28px;}
#home #initial .mission h2 span {font-family:open_sansregular, san-serif;}
#home #initial .mission .learnMore {background:/*#006eaa*/rgba(0,110,170,0.80);position:relative;}
#home #initial .learnMore p {font-size:19px;padding:0;}
#home #initial .learnMore p:after {font-size:95%;}
#home .container.together {max-width:750px;text-align:center;}
#home .container.together h2 {/*background:#006eaa;color:#fff;*/color:#006eaa;font-family:open_sansbold, san-serif;font-size:25px;}
#home .row.one {background:rgba(198,222,137,0.04);}
#home .row .mission h2 {color:#006eaa;}

#home .row.updates {background:rgba(240,184,73,0.10);text-align:center;}
#home .updates h2 {color:#f0b849;font-family:open_sansregular;}

#home .row.heading.servicesHeading {background:#f37a5c;}



#home .row:nth-child(odd) {background:#f0b849;}
#home .row .mission, #stakeholder-communications .row.one .container {text-align:center;}
#home .row h2, #stakeholder-communications .row.one h2 {/*color:#006eaa*/;margin:0 auto;max-width:910px;}
/*
#home .row .image {float:left;margin-left:10%;width:38%;max-width:400px;vertical-align:bottom;}
#home .row .text {float:right;width:46%;}
#home .row .text {position:absolute;left:52%;bottom:0;height:auto;width:46%;}
*/

/* -------------------------- about us ---------------------------- */
#about #initial {background:url(../_img/BG-CentralCreative.jpg) no-repeat left center;}
#about .stats {color:#00c0f3;margin:10px auto;padding:15px;width:75%;max-width:750px;}
#about .stats h3 {color:#6ec068;font-family:open_sansbold, san-serif;}
#about .stats li {list-style:disc;margin-left:20px;}
#about .image.right {margin:0 35px 5px 20px;}
/*
#about #initial .synopsis {padding:22% 45% 0 0;text-align:left;}
#about #initial .synopsis h2 {background:transparent;color:#fff;display:none;padding:2px 75px 2px 15px;}
#about #initial .synopsis p {background:transparent;color:#133d54;font-size:1em;padding:15px;}
*/


/* -------------------------- team ---------------------------- */
#team #initial {background:url(../_img/BG-hats-smaller.jpg) no-repeat right center;}
#team .teamMember {cursor:pointer;display:inline-block;height:200px;margin-bottom:30px;width:200px;}
#team .teamMember h2 {font-size:1.3em;}
#team .teamMember.current {background:#c6de89;display:block;height:auto;padding:20px 50px;margin-bottom:0;opacity:0;text-align:left;width:auto;}
#team .teamMember.current {overflow:hidden;}
#team .teamMember.current h2 {font-size:1.5em;}
#team .teamMember article, #team .teamMember .focus {display:none;}
#team .teamMember.current article, #team .teamMember.current .focus {display:block;}
#team .teamMember.current .photo {float:left;width:25%;max-width:220px;}
#team .teamMember.current article {float:left;padding:20px 0;width:75%;max-width:800px;}

/* -------------------------- services ---------------------------- */
#services #initial, #graphic-design #initial, #web-development #initial, #technical-editing #initial {background-image:url(../_img/BG-overpass.jpg)}


/* -------------------------- public event planning ---------------------------- */
#public-event-planning #initial {background-image:url(../_img/BG-shovels.jpg);}
#public-event-planning .row.heading {background:transparent;}

/* -------------------------- public event planning ---------------------------- */
#facilitation-partnering #initial {background-image:url('../_img/BG-facilitation-partnering.jpg');}

/* -------------------------- construction public relations ---------------------------- */
#construction-public-relations #initial {background-image:url('../_img/BG-construction-public-relations.jpg');}

/* -------------------------- public and stakeholder involvement ---------------------------- */
#public-stakeholder-involvement #initial {background-image:url(../_img/BG-public-stakeholder-involvement.jpg);}
/*#public-stakeholder-involvement .learnMore, #public-stakeholder-involvement .row:nth-child(odd) {background:#00c0f3;}*/
#public-stakeholder-involvement .learnMore p {color:#da2028;}

/* -------------------------- contact ---------------------------- */
#contact #initial {background-image:url(../_img/BG-telephones.jpg);}
#contact .image.phone {float:right;}
#contact form {width:85%;max-width:500px;}
#contact form li {margin-bottom:10px;}
#contact form li.spamCheck {display: none;}
#contact form input {border:none;color:#6ec068;font-family:open_sansregular, san-serif;font-size:15px;}
#contact form li.checkbox label {color:#f0b849;display:inline-block;padding-left:20px;}
#contact form label {display:none;padding:10px 0 5px 0;}
#contact form input[type=text], #contact form textarea {border-bottom:1px solid #f0b849;color:#f37021;padding:5px 10px;width:95%;min-width:200px;}
#contact form input[type=submit] {background:transparent;font-size:20px;}
#contact form textarea {background:rgba(240,184,73,0.05);border:none;}
#contact ::-webkit-input-placeholder {color:#f0b849;}
#contact :-moz-placeholder { /* Firefox 18- */ color:#f0b849;}
#contact ::-moz-placeholder {  /* Firefox 19+ */ color:#f0b849;}
#contact :-ms-input-placeholder {color:#f0b849;}

/* -------------------------- footer ---------------------------- */
footer {background:#006eaa;color:#fff;font-size:20px;padding:10px 25px;}
#home footer, #services footer {background:#00c0f3;}
footer p {margin:0;text-align:center;}
footer .markethaus {color:#00c0f3;float:left;font-size:10px;margin-top:-25px;}
#home footer .markethaus, #services footer .markethaus {color:#fff;}
footer .markethaus a {color:inherit;}

@media (max-width: 1000px) {
	#home #initial .tag {left:5%;top:50%;}
	/* services */
	.services div.service {height:auto;width:auto;min-width:0;}
}

@media (max-width: 860px) {
	#home #initial .mission h2 {max-width:90%;}
	footer .markethaus {float:none;margin-top:0;}
}

@media (max-width: 730px) {
	.desktop {display:none;}
	.mobile {display:block}
	.mnLogo {left:20px;}
	nav.main li {margin:5px 20px;}
	#home #initial .central h1 {background:none;font-size:44px;}
	#home #initial .central h1, #home #initial .central p {line-height:1.1;text-align:center;}
	#home #initial .central {padding-top:50px;}
	#home #initial .tag {left:20%;top:175px;width:auto;}
	#home #initial .learnMore {padding:15px 0;}
	#home #initial .learnMore p {line-height:1.3;}
}

@media (max-width: 580px) {
	.mnLogo {left:5px;top:50px;width:60px;}
	#home #initial .tag {left:10%;}
	#home #initial .central {padding-top:60px;}
	#home #initial .central h1, #home #initial .central p {padding-right:10px;text-align:right;}
	#home .row h2, .services div.service h2, .services div.service p, .services div.service ul {margin-left:auto;margin-right:auto;min-width:0;width:95%;}
}

@media (max-width: 419px) {
	nav.main li {margin:5px 15px;}
}