@charset "utf-8";@-ms-viewport{width:device-width;}
body{padding:0px;margin:0px;font-family:'Titillium Web', sans-serif;font-weight:400;color:#666;}
a:link, a:visited{color:#006633;text-decoration:none;}
a:active, a:hover{color:#2b2b2b;text-decoration:none;}
#footer-area a:link, #footer-area a:visited{color:#C7C7C7;text-decoration:none;}
#footer-area a:active, #footer-area a:hover{color:#fff;text-decoration:none;}
img{border:0px;}
.clearme{clear:both;}
h1{margin:0px;padding:0px;font-family:'Titillium Web', sans-serif;font-weight:300;color:#2b2b2b;text-transform:uppercase;}
h2{margin:0px;padding:0px;font-family:'Titillium Web', sans-serif;font-weight:400;font-size:15px;color:#006633;text-transform:uppercase;letter-spacing:2px;padding-top:15px;}
.copyright{font-size:10px;color:#D1D1D1;text-transform:uppercase;}
#twitter-icon{margin:6px;width:32px;height:32px;background-image:url('../assets/icons/twitter-icon.png');background-repeat:no-repeat;background-position:top center;float:left;-webkit-filter:drop-shadow(0px 0px 3px #111);filter:drop-shadow(0px 0px 3px #111);}
#facebook-icon{margin:6px;width:32px;height:32px;background-image:url('../assets/icons/facebook-icon.png');background-repeat:no-repeat;background-position:top center;float:left;-webkit-filter:drop-shadow(0px 0px 3px #111);filter:drop-shadow(0px 0px 3px #111);}
#linkedin-icon{margin:6px;width:32px;height:32px;background-image:url('../assets/icons/linkedin-icon.png');background-repeat:no-repeat;background-position:top center;float:left;-webkit-filter:drop-shadow(0px 0px 3px #111);filter:drop-shadow(0px 0px 3px #111);}
#social-icons a{opacity:1;filter:alpha(opacity=100);-webkit-transition:opacity 500ms linear;moz-transition:opacity 500ms linear;-o-transition:opacity 500ms linear;-ms-transition:opacity 500ms linear;transition:opacity 500ms linear;}
#social-icons a:hover{opacity:0.5;filter:alpha(opacity=50);}
.green-button{display:block;font-size:13px;text-transform:uppercase;letter-spacing:2px;color:#006633;padding:9px 14px 9px 14px;border:1px solid #b5e2be;background-color:#c1efca;box-shadow:0px 0px 3px #ddd;margin-left:auto;margin-right:auto;margin-top:15px;text-align:center;-webkit-transition:background-color 500ms linear,
color 500ms linear,
border-color 500ms linear;moz-transition:background-color 500ms linear,
color 500ms linear,
border-color 500ms linear;-o-transition:background-color 500ms linear,
color 500ms linear,
border-color 500ms linear;-ms-transition:background-color 500ms linear,
color 500ms linear,
border-color 500ms linear;transition:background-color 500ms linear,
color 500ms linear,
border-color 500ms linear;}
.green-button:hover{background-color:#006633;border:1px solid #004f27;color:#fff;}
#filter-box{width:300px;margin-left:auto;margin-right:auto;text-align:center;margin-bottom:15px;background-image:url('../assets/backgrounds/filter-line.png');background-repeat:no-repeat;background-position:bottom center;}
#filter{display:none;}
#filter-box label{display:inline-block;margin:0px;padding:0px;background-color:#fff;border:1px solid #cfcfcf;width:80px;margin-top:10px;margin-left:7px;margin-right:7px;font-size:13px;letter-spacing:2px;line-height:30px;color:#666;border-radius:15px;box-shadow:0px 0px 3px #ddd;-webkit-transition:background-color 500ms linear,
border-color 500ms linear,
color 500ms linear;-moz-transition:background-color 500ms linear,
border-color 500ms linear,
color 500ms linear;-o-transition:background-color 500ms linear,
border-color 500ms linear,
color 500ms linear;-ms-transition:background-color 500ms linear,
border-color 500ms linear,
color 500ms linear;transition:background-color 500ms linear,
border-color 500ms linear,
color 500ms linear;}
#filter-box label:hover{color:#006633;cursor:pointer;background-color:#c1efca;border:1px solid #b5e2be;}
.filter-box-current{color:#fff !important;background-color:#006633 !important;border:1px solid #003d25 !important;box-shadow:inset -1px 1px 5px #003d25 !important;}
.filter-box-current:hover{cursor:normal;}
@media screen and (min-width:1233px){#header-area{width:100%;height:110px;background-image:url('../assets/backgrounds/header-back.png');background-repeat:repeat-x;top:0;left:0;position:fixed;z-index:999;}
#header-area-inner{width:1232px;text-align:left;margin-left:auto;margin-right:auto;}
#logo-area{float:left;margin-left:50px;margin-top:31px;}
h1{font-size:42px;line-height:40px;padding-bottom:0px;padding-top:5px;}
.green-button{width:165px;}
#portfolio-body-area{width:100%;background-image:url('../assets/backgrounds/subpage-body-back.png');background-repeat:repeat-x;}
#portfolio-body-area-inner{width:1232px;padding-top:150px;text-align:left;margin-left:auto;margin-right:auto;}
#body-content-area{padding-left:50px;padding-right:50px;font-size:15px;font-weight:400;line-height:24px;color:#666;text-align:center;}
#thumbs{width:1000px;margin-left:auto;margin-right:auto;text-align:center;padding-top:15px;}
.image-grid{margin:-20px 0 0 -40px;width:1000px}
.image-grid:after{content:"";display:block;height:0;overflow:hidden;clear:both}
.image-grid li{width:410px;margin:40px 45px 40px 45px;float:left;text-align:center;height:450px;overflow:hidden;}
.portfolio-web-thumb{text-align:center;display:inline-block;width:410px;height:332px;background-image:url('../assets/images/web-thumb-frame.png');background-repeat:no-repeat;background-position:top center;}
.portfolio-web-thumb img{text-align:center;padding-top:27px;}
.portfolio-mobile-thumb{text-align:center;display:inline-block;width:410px;height:332px;background-image:url('../assets/images/mobile-thumb-frame.png');background-repeat:no-repeat;background-position:top center;}
.portfolio-mobile-thumb img{text-align:center;padding-top:5px;}
#footer-pic-area{width:100%;height:140px;background-image:url('../assets/backgrounds/desktop-footer-pic.jpg');background-repeat:no-repeat;background-position:bottom center;}
#footer-area{width:100%;background-color:#2b2b2b;background-image:url('../assets/backgrounds/footer-back.png');background-repeat:repeat-x;padding-top:50px;padding-bottom:150px;}
#footer-area-inner{width:1232px;text-align:left;margin-left:auto;margin-right:auto;font-size:15px;font-weight:400;line-height:24px;color:#999;}
#footer-area-inner h2{font-size:42px;font-weight:300;line-height:40px;color:#fff;text-transform:none;padding-bottom:10px;}
#footer-area-left{width:50%;float:left;text-align:right;letter-spacing:2px;color:#fff;}
#footer-area-right{width:50%;min-height:240px;float:right;text-align:left;background-image:url('../assets/backgrounds/footer-divider.png');background-repeat:no-repeat;background-position:left top;}
#footer-area-right-inner{padding:20px 50px 0px 40px;}
#footer-area-left-inner{padding:25px 28px 0px 50px;text-align:right;}
#social-icons{width:132px;float:right;}
#slide-menu-bar{float:right;margin-right:48px;margin-top:34px;text-transform:uppercase;font-size:13px;letter-spacing:1px;}
#slide-menu-bar a{display:inline-block;padding:10px 15px 10px 15px;margin-left:2px;margin-right:2px;border:0px solid #fff;box-shadow:0px;-webkit-transition:background-color 500ms linear,
border-color 500ms linear,
box-shadow 500ms linear;-moz-transition:background-color 500ms linear,
border-color 500ms linear,
box-shadow 500ms linear;-o-transition:background-color 500ms linear,
border-color 500ms linear,
box-shadow 500ms linear;-ms-transition:background-color 500ms linear,
border-color 500ms linear,
box-shadow 500ms linear;transition:background-color 500ms linear,
border-color 500ms linear,
box-shadow 500ms linear;}
#slide-menu-bar a:hover{color:#006633;padding:9px 14px 9px 14px;border:1px solid #b5e2be;background-color:#c1efca;box-shadow:0px 0px 3px #ddd;}
.current{display:inline-block;color:#3D3D3D;background-color:#E0E0E0;padding:9px 14px 9px 14px;border:1px solid #cfcfcf;box-shadow:0px 0px 3px #ddd;margin-left:2px;margin-right:2px;}
#showMenu{display:none;}
}
@media screen and (min-width:761px) and (max-width:1231px){#header-area{width:100%;height:110px;background-image:url('../assets/backgrounds/header-back.png');background-repeat:repeat-x;top:0;left:0;position:fixed;z-index:999;}
#header-area-inner{width:100%;text-align:left;}
#logo-area{float:left;margin-left:30px;margin-top:31px;}
h1{font-size:42px;line-height:40px;padding-bottom:0px;padding-top:15px;}
.green-button{width:110px;}
#portfolio-body-area{width:100%;background-image:url('../assets/backgrounds/subpage-body-back.png');background-repeat:repeat-x;}
#portfolio-body-area-inner{width:100%;padding-top:150px;text-align:left;}
#body-content-area{padding-left:30px;padding-right:30px;text-align:center;}
#thumbs{width:700px;margin-left:auto;margin-right:auto;text-align:center;padding-top:15px;}
.image-grid{margin:-20px 0 0 -40px;width:700px}
.image-grid:after{content:"";display:block;height:0;overflow:hidden;clear:both}
.image-grid li{width:300px;margin:30px 25px 30px 25px;float:left;text-align:center;height:400px;overflow:hidden;}
.portfolio-web-thumb{display:inline-block;text-align:center;width:300px;height:250px;background-image:url('../assets/images/web-thumb-frame-small.png');background-repeat:no-repeat;background-position:top center;}
.portfolio-web-thumb img{text-align:center;padding:0px;margin-top:27px;width:290px;height:218px;}
.portfolio-mobile-thumb{display:inline-block;text-align:center;width:300px;height:250px;background-image:url('../assets/images/mobile-thumb-frame-small.png');background-repeat:no-repeat;background-position:top center;}
.portfolio-mobile-thumb img{text-align:center;padding:0px;margin-top:5px;width:123px;height:218px;}
#footer-pic-area{width:100%;height:120px;background-image:url('../assets/backgrounds/tablet-footer-pic.jpg');background-repeat:no-repeat;background-position:bottom center;}
#footer-area{width:100%;background-color:#2b2b2b;background-image:url('../assets/backgrounds/footer-back.png');background-repeat:repeat-x;padding-top:50px;padding-bottom:150px;}
#footer-area-inner{width:100%;text-align:left;font-size:15px;font-weight:400;line-height:24px;color:#999;}
#footer-area-inner h2{font-size:42px;font-weight:300;line-height:40px;color:#fff;text-transform:none;padding-bottom:10px;}
#footer-area-left{width:40%;float:left;text-align:right;letter-spacing:2px;color:#fff;}
#footer-area-right{width:60%;min-height:240px;float:right;text-align:left;background-image:url('../assets/backgrounds/footer-divider.png');background-repeat:no-repeat;background-position:left top;}
#footer-area-right-inner{padding:20px 30px 0px 40px;}
#footer-area-left-inner{padding:25px 28px 0px 30px;text-align:right;}
#social-icons{width:132px;float:right;}
#showMenu{display:block;margin-right:30px;margin-top:32px;float:right;width:45px;height:45px;background-image:url('../assets/buttons/nav-open-button.png');background-repeat:no-repeat;box-shadow:0px 0px 3px #ddd;}
#showMenu.active{background-image:url('../assets/buttons/nav-close-button.png');background-repeat:no-repeat;}
.slide-menu{background-image:url('../assets/backgrounds/slide-menu-back.png');background-repeat:repeat-y;width:300px;height:100%;position:fixed;z-index:998;top:105px;}
.slide-menu a{display:block;margin-left:20px;margin-right:20px;padding-top:15px;padding-bottom:15px;color:#c1efca;text-transform:uppercase;font-size:13px;letter-spacing:2px;border-bottom:1px solid #434343;}
.slide-menu a:hover, .slide-menu a:active{color:#fff;}
.current{display:block;margin-left:20px;margin-right:20px;padding-top:15px;padding-bottom:15px;color:#fff;text-transform:uppercase;font-size:13px;letter-spacing:2px;border-bottom:1px solid #434343;}
.slide-menu-right{right:-300px;}
.slide-menu-right.slide-menu-open{right:0px;}
.slide-menu{-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;transition:all 0.3s ease;}
}
@media screen and (max-width:760px){#header-area{width:100%;height:95px;background-image:url('../assets/backgrounds/mobile-header-back.png');background-repeat:repeat-x;top:0;left:0;position:fixed;z-index:999;}
#header-area-inner{width:100%;text-align:left;}
#logo-area{float:left;margin-left:20px;margin-top:24px;}
h1{font-size:30px;line-height:28px;padding-bottom:0px;}
.green-button{width:110px;}
#portfolio-body-area{width:100%;background-image:url('../assets/backgrounds/subpage-body-back.png');background-repeat:repeat-x;}
#portfolio-body-area-inner{width:100%;padding-top:130px;text-align:left;}
#body-content-area{padding-left:20px;padding-right:20px;text-align:center;}
#thumbs{width:300px;margin-left:auto;margin-right:auto;text-align:center;padding-top:15px;}
.image-grid{margin:-20px 0 0 -40px;width:300px}
.image-grid:after{content:"";display:block;height:0;overflow:hidden;clear:both}
.image-grid li{width:300px;margin:30px 0 30px 0;float:left;text-align:center;height:400px;overflow:hidden;}
.portfolio-web-thumb{display:inline-block;text-align:center;width:300px;height:250px;background-image:url('../assets/images/web-thumb-frame-small.png');background-repeat:no-repeat;background-position:top center;}
.portfolio-web-thumb img{text-align:center;padding:0px;margin-top:27px;width:290px;height:218px;}
.portfolio-mobile-thumb{display:inline-block;text-align:center;width:300px;height:250px;background-image:url('../assets/images/mobile-thumb-frame-small.png');background-repeat:no-repeat;background-position:top center;}
.portfolio-mobile-thumb img{text-align:center;padding:0px;margin-top:5px;width:123px;height:218px;}
#footer-pic-area{width:100%;height:100px;background-image:url('../assets/backgrounds/mobile-footer-pic.jpg');background-repeat:no-repeat;background-position:bottom center;}
#footer-area{width:100%;background-color:#2b2b2b;background-image:url('../assets/backgrounds/footer-back.png');background-repeat:repeat-x;padding-top:40px;padding-bottom:150px;}
#footer-area-inner{width:100%;text-align:left;font-size:15px;font-weight:400;line-height:24px;color:#999;}
#footer-area-inner h2{font-size:30px;line-height:28px;font-weight:300;color:#fff;text-transform:none;padding-bottom:10px;text-align:center;}
#footer-area-left{text-align:center;letter-spacing:2px;color:#fff;}
#footer-area-right{text-align:left;}
#footer-area-right-inner{padding:20px;}
#footer-area-left-inner{padding:0px;}
#social-icons{text-align:center;width:132px;margin-left:auto;margin-right:auto;}
#showMenu{display:block;margin-right:20px;margin-top:25px;float:right;width:45px;height:45px;background-image:url('../assets/buttons/nav-open-button.png');background-repeat:no-repeat;box-shadow:0px 0px 3px #ddd;}
#showMenu.active{background-image:url('../assets/buttons/nav-close-button.png');background-repeat:no-repeat;}
.slide-menu{background-image:url('../assets/backgrounds/slide-menu-back.png');background-repeat:repeat-y;width:300px;height:100%;position:fixed;z-index:998;top:90px;}
.slide-menu a{display:block;margin-left:20px;margin-right:20px;padding-top:15px;padding-bottom:15px;color:#c1efca;text-transform:uppercase;font-size:13px;letter-spacing:2px;border-bottom:1px solid #434343;}
.slide-menu a:hover, .slide-menu a:active{color:#fff;}
.current{display:block;margin-left:20px;margin-right:20px;padding-top:15px;padding-bottom:15px;color:#fff;text-transform:uppercase;font-size:13px;letter-spacing:2px;border-bottom:1px solid #434343;}
.slide-menu-right{right:-300px;}
.slide-menu-right.slide-menu-open{right:0px;}
.slide-menu{-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;transition:all 0.3s ease;}
}