@charset "UTF-8";
/* CSS Document */
h2 { font-family: 'Open Sans', sans-serif; font-weight: 700;}
.menu { font-family: 'Open Sans', sans-serif; font-weight: 600; line-height: 20px; letter-spacing: 0px; font-size:90%; color: #137CC1; text-decoration: none;}
.menu-link { font-family: 'Open Sans', sans-serif; font-weight: 600; line-height: 20px; letter-spacing: 0px; font-size:90%; color: #137CC1; text-decoration: none;}
body:not(:target) #menu li a { font-family: 'Open Sans', sans-serif; font-weight: 400; line-height: 10px; letter-spacing: 0px; font-size:100%; color: #137CC1; text-decoration: none;}
.sectionpadding { padding: 40px; }
.aboutpadding { padding: 20px; }
.returnpadding { padding: 20px; }
.sectiontitle { font-family: 'Open Sans', sans-serif; font-weight: 600; font-size:150%; color: #137CC1; text-decoration: none; padding-top: 35px; padding-bottom: 35px; text-align:center;}
.sectiontitlebackgroundcolor {background-color: #e8f5fd;}
.copyblock {padding-left: 20%; padding-right: 20%; padding-top: 3%; padding-bottom: 3%;}
.title { font-family: 'Open Sans', sans-serif; font-weight: 600; font-size:130%; color: #137CC1; text-align:center; text-decoration: none; padding-top: 25px; padding-bottom:20px;}
.subtitle { font-family: 'Open Sans', sans-serif; font-size:110%; color: #137CC1; text-align:center; text-decoration: none; padding-top: 40px;}
.body { font-family: 'Open Sans', sans-serif; font-weight: 400; line-height: 20px; font-size:90%; color: #137CC1; text-align:center; text-decoration: none; padding-bottom:10px;}
.quotes { font-family: 'Open Sans', sans-serif; font-weight: 400; line-height: 30px; font-size:90%; color: #137CC1; text-align:center; padding-bottom:10px;}
.return { font-family: 'Open Sans', sans-serif; font-weight: 400; line-height: 20px; font-size:90%; color: #137CC1; text-align:center; text-decoration: none; padding-top:10px; padding-bottom:10px; text-align:center; }
div.slider {margin-left: 10%; margin-right: 10%;}
.video { width: 80%; margin: 0 auto; }
.aboutwrap { text-align: center; padding: 15px; }
.aboutleft { display: inline-block; max-width: 400px; text-align: left; padding: 30px;background-color: #e8f5fd; border-radius: 3px; margin: 15px; vertical-align: top; }
.aboutright { display: inline-block; max-width: 400px; text-align: left; padding: 30px; padding-top: 33px; padding-bottom: 33px; background-color: #e8f5fd; border-radius: 3px; margin: 15px; } 
.about { font-family: 'Open Sans', sans-serif; font-weight: 400; line-height: 30px; font-size:90%; color: #137CC1; text-align:left; padding-top:28px;}
.twocolumns { text-align: center; padding: 0px; }
.left { display: inline-block; max-width: 400px; padding: 5px; }
.right { display: inline-block; max-width: 400px; padding: 5px;; } 
.contact { font-family: 'Open Sans', sans-serif; font-weight: 400; line-height: 30px; font-size:100%; color: #137CC1; text-align:center; text-decoration: none; padding-bottom:20px;}
nav.main-nav { z-index:170; position:fixed;	width: 100%; background-color: #fff; padding-bottom: 20px; }
.center { margin: 0 auto; width: 80%; display: block; }
.header h1 { float: right; margin: auto; padding-top: 25px; padding-right: 35px; }
div.bar { margin-top: -10px; padding: 0; }
div.bar ul { margin: 0; padding: 0; }
.menu-trigger { display: none; }
.menu-link { text-shadow: none; background-color: #fff; position: absolute; padding-top: 15px; padding-left: 10px; padding-right: 15px; padding-bottom: 10px; z-index: 1001; }
.menu-link:hover {text-decoration: none; color: #137CC1;}
.menu li a { text-decoration: none; background-color: #fff; display: inline-block; height: 100%; line-height: 1em; padding: .675em; padding-left: 10px; width: 100%; }
.menu li a:hover { background-color: #e6e8ea;}
body:not(:target) #menu { margin-top: 1.5em; padding-top: 1.5em; position: absolute; top: 0; right: 0; left: 0; z-index: 1000; }
body:not(:target) #menu li {width: 100%; height: 0; overflow: hidden; -webkit-transition: height 0.25s; -moz-transition: height 0.25s; -o-transition: height 0.25s; transition: height 0.25s; list-style-type: none; }
body:not(:target) #menu:target { z-index: 1001; }
body:not(:target) #menu:target li { height: 2em; line-height: auto; overflow: visible; -webkit-transition: height 0.25s; -moz-transition: height 0.25s; -o-transition: height 0.25s;
transition: height 0.25s; }
body:not(:target) #menu:target .back { height: 0; line-height: 0; }
body:not(:target) #menu:target .back a { width: 100%; background-color: transparent; border: none; height: auto; position: absolute; top: -101em; bottom: -101em; left: 0; right: 0; text-indent: -999em; z-index: -1; }
@media (min-width: 55em) {.menu-link { display: none; } body:not(:target) #menu { padding-top: 18px; padding-left: 40px; } body:not(:target) #menu li { display: inline; border: none; } body:not(:target) #menu li a {color: #137CC1; text-shadow: inherit; padding: .75em; width: auto; border: none; background-color: transparent; } body:not(:target) #menu .back { display: none;} }
a:link  { color: #137CC1; text-decoration: none; }
a:hover { color: #73c8ec; text-decoration: none; }
a:active { color: #137CC1; text-decoration: none; }
a:visited { color: #137CC1; text-decoration: none; }
#footer { margin-top: 10px; margin-bottom: 10px; padding: 5px 0; padding-top: 10px; padding-bottom: 10px; padding-right: 5px; padding-left: 5px; text-align: center; color: #6a6c6c; }
#behindslideshow { background-image: url(../gallery/mainslideshow/background.jpg); background-repeat: repeat; width: 100%; }
.line-divider { padding: 0.75em; padding-top: 40px; padding-bottom: 40px; list-style: none; border-bottom: 1px solid #137CC1; }
.highlight-odd { border-top: 1px solid #73c8ec; border-bottom: 1px solid #73c8ec; background-color: #1fb3e7; }
.scrolling-content { height: 13500px; }
#wrapper-home { height: 500px; padding-top: 100px; }
#wrapper-web-social { padding-top: 100px;}
#wrapper-events-crm { height: 700px; padding-top: 100px; }
#wrapper-about { height: 500px; padding-top: 100px; }	

.sectionheading {
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-size: 165%;
    color: #137CC1;
    text-decoration: none;
    padding-top: 35px;
    padding-bottom: 35px;
    text-align: center;
}

.sectiontitle {
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-size: 150%;
    color: #137CC1;
    text-decoration: none;
    padding-top: 35px;
    padding-bottom: 20px;
    text-align: center;
}

.subhead {
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-size: 120%;
    color: #137CC1;
    text-align: center;
    text-decoration: none;
    padding-bottom: 20px;
}

.featuredprojectwrap {
    text-align: center;
	background-color: #e8f5fd;
}

.featuredproject {
    display: inline-block;
    max-width: 500px;
    text-align: center;
    padding: 30px;
    background-color: #fff;
    margin: 15px;
    vertical-align: top;
}

.squaresbackground {
    text-align: center;
}

.squares {
    display: inline-block;
    max-width: 250px;
    text-align: center;
    padding: 4px;
    background-color: #fff;
    margin: 4px;
    vertical-align: top;
}

.image {
	margin: 0 auto;
 	align: middle;
	width: 100%;
	max-width: 800px;
	text-align: center;
}

.theworkwrap {
    text-align: center;
}

.thework {
    display: inline-block;
    max-width: 400px;
    margin: -4px;
}

	
}