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

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

/* RESET ALL */

html, body, 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, 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, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
 
:focus {
	outline: none;
}


/* END RESET */

/* GLOBAL CSS */






body {-webkit-font-smoothing: antialiased;width: 100%;margin-right: auto;margin-left: auto;font-family: 'Open Sans', sans-serif;line-height: normal;color: #3e3748;background-color: #fff;text-align: center;-webkit-text-size-adjust:none;font-weight: normal;}
a {text-decoration: none;color: #4f9c54;}
a:hover {color: #2e73d8; text-decoration: none;}
h1 {font-size: 2em;color: #2e73d8;margin-bottom: .2em;}
h2 {font-size: 1.250em; color: #2e73d8; margin-bottom: .5em;}
h2 a {text-decoration: none!important; color: #666;}
h3 {font-size: 1.188em;margin-bottom: .2em; color: #666;}
h4 {font-size: 1.250em;margin-bottom: .75em; color: #3e3748;}
h3 .small {font-size: .813em;}
p {font-size: 1em; margin-bottom: 1em; line-height: 1.188em; font-family: 'Roboto', sans-serif;}
#MobileNav {display: none;}
.slicknav_menu {display: none;}
.ImgRight {float: right; padding-left: 3%; margin-bottom: 2%;}
.ImgLeft {float: left; padding-right: 3%; margin-bottom: 1%; max-width: 100%;}
.LineBreak{float: left;width: 100%;text-align: center;border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #ccc; margin-bottom: 1em; margin-top: .2em; clear: left;}
.brownh2 {font-size: 1.5em;}
.brown {color: #996600; font-size: 1.250em;}
.teamWrap h2 .small {font-size: .50em!important; color:#666;}
.small {font-size: .750em; text-align:left;}
.hiddenclear {width: 100%; float: left; clear:left;}



.InteriorPageList {float: left; padding-bottom: 2%; width: 100%;} 
.InteriorPageList li {padding-bottom: 1%; font-size: .913em}

#Wrapper {width: 100%; max-width: 1600px; margin-right: auto; margin-left: auto;}

#Wrapper #ContentMain .FullWidthWrap .Right .InteriorPageList {float: right; padding-bottom: 4%; width: 100%; text-align:right;} 
#Wrapper #ContentMain .FullWidthWrap .Right .InteriorPageList li {padding-bottom: 1%;}

#Wrapper #ContentMain {float: left;}



#Wrapper #ContentMain #Previous {display: none;}


#Wrapper #Footer ul .HiddenMobile {color: #fee44b;}

#Wrapper {width: 100%; margin-left: auto; margin-right: auto; max-width: 1060px;}


#Wrapper #Header {width: 100%; float: left; padding-bottom: 1em; padding-top: 5%;}

#Wrapper #Header #Contact {float: right; padding-top: 4%;}
#Wrapper #Header #Contact ul li {display: block; font-size: 1.125em; color: #3e3748; text-align: right; padding-bottom: 1%;}
#Wrapper #Header #Branding {width: 30%; float: left;}
#Wrapper #Header #Branding img {float: left; margin-top:1%;}



#Wrapper #Header #TopNav {float: right;width: 100%;text-align: right;margin-top: -3%;padding-bottom: 1%;}
#Wrapper #Header #TopNav #TopNavigation li {display: inline; margin-left: 2%; font-size: 1.125em; font-family: 'Roboto', sans-serif; color: #4f9c54;}

#Wrapper #Header #TopNav #TopNavigation a:hover {color: #2e73d8;}

#Wrapper #Header #TopNav #TopNavigation .active a {color: #2e73d8!important;}






#Wrapper #SliderContainer {width: 100%;max-width: 1060px; text-align: left;margin-right: auto;margin-left: auto;clear: both; float: left; position: relative; margin-bottom: 1%;}


#Wrapper .FullWidthWrap {text-align: left; width: 100%; float: left;}
#Wrapper #ContentMain .FullWidthImg {width: 100%; max-width: 100%; margin-bottom: 2%;}

#Wrapper #ContentMain .FullWidthWrap .CenterText { width: 100%; text-align: center; float: left; padding-top: 1.5%; padding-bottom: 4%;}


.Left {width: 70%;margin-right: 1%; padding-top: 1%; padding-bottom: 1%;float: left;text-align: left;}
.Right {width: 24%; float: right; margin-left: 1%; padding-top: 1%; padding-bottom: 1%; text-align: left;}


/* YOU TUBE */

.YouTube {position: relative;padding-bottom: 56.25%; /* 16:9 */padding-top: 25px;height: 0; margin-bottom: 1%;}
.YouTube iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}


/* sub pages */

#Wrapper #BannerContainer {width: 100%;max-width: 1060px; text-align: left;margin-right: auto;margin-left: auto;clear: both; float: left; margin-bottom: 2%;}

#Wrapper #BannerContainer img {max-width: 100%;}


#Wrapper #ContentMain .FullWidthWrap .Left #BodySlideContainer {width: 100%; float: left; margin-bottom: 2%;}

.FullWidthWrap .Left .teamWrap {width: 100%; float: left; margin-bottom: 2%;}

/* address on contact page */


#Wrapper #ContentMain .FullWidthWrap .Right .ContactWrap {text-align: center; width: 100%; float: left;}

#Wrapper #ContentMain .FullWidthWrap .Right .ContactWrap .ContactList li {padding-bottom: 2%;}



/* IMAGE LIST */ 

#Wrapper #ContentMain .FullWidthWrap .Right .ImageListWrap .ImageList {float: right; width: 100%;}

#Wrapper #ContentMain .FullWidthWrap .Right .ImageListWrap .ImageList li {
	padding-bottom: 1%;
	list-style-image: none;
	list-style-type: none;
}

#Wrapper #ContentMain .FullWidthWrap .Right .ImageListWrap .ImageList a .FullWidthImg:hover {opacity: 0.5;filter: alpha(opacity=50); /* For IE8 and earlier */ -webkit-transition: opacity 1s ease-in-out;-moz-transition: opacity 1s ease-in-out;-o-transition: opacity 1s ease-in-out;transition: opacity 1s ease-in-out;}


/* Right List */

#Wrapper #ContentMain .FullWidthWrap .Right .RightListWrap .RightList li {padding-bottom: 2%; font-size: .913em;}



/* I'M THE MAP - MAKE ME RESPONSIVE*/

#Wrapper #ContentMain #MainContentRight .FullWidthWrap #MapWrap {float: left; margin-bottom: 2%; width: 100%;}

.google-maps {position: relative; padding-bottom: 40%; /*This is the aspect ratio*/ height: 0; overflow: hidden;}
.google-maps iframe {position: absolute;top: 0;left: 0;width: 100%!important;height: 360px!important;}









/* Footer */



#Wrapper #Footer {width: 100%;text-align: left;margin-right: auto;margin-left: auto;padding-top: 2%;padding-bottom: 1%; float: left;}
#Wrapper #Footer ul {width: 100%; text-align: center; margin-bottom: 1%;}
#Wrapper #Footer ul li {display: inline; padding-left: .5%; padding-right: .5%; font-size: .813em; color: #5b516a;}
#Wrapper #Footer ul a {text-decoration: none; color: #3e3748;}
#Wrapper #Footer ul a:hover {text-decoration: underline; color: #3e3748;}

#Wrapper #Footer #CentricBranding {width: 100%; text-align: center; margin-bottom: 1%;}

#Wrapper #Footer #IvanWrap {width: 100%; text-align: center; margin-bottom: 1%; font-size: .813em;}
#Wrapper #Footer #IvanWrap a {text-decoration: none; color: #3e3748;}
#Wrapper #Footer #IvanWrap a:hover {text-decoration: none; color: #333;}


/* CONTACT FORM */


#Wrapper #ContentMain .FullWidthWrap .Left50 {width: 30%; float: left; margin-right: 2%; margin-top: 2%;}

#Wrapper #ContentMain .FullWidthWrap .Right50 {width: 68%; float: left;}


#formarea {text-align: left;padding-left: 0%; padding-top: 0%;width: 100%;float: left; max-width: 100%;}





/* ----------------------------------------------------------------------------------*/

#OuterWrap .TopWrapper #header #MobileNav {display: none;} /* HIDE MOBILE NAV ON PC*/
.slicknav_menu {display: none;} /* HIDE MOBILE NAV ON PC*/

/* ----------------------------------------------------------------------------------*/

















@media screen and (max-width: 1366px) {
	
	
	
	
	}


@media screen and (max-width: 1024px) {
body {background-image: none;}
#Wrapper {width: 96%; margin-left: 2%; margin-right: 2%;}
#Wrapper #ContentMain #SideNav {float: left; width: 24%; text-align: left; padding-top: 6%;}
#Wrapper #ContentMain #MainContentRight {float: left; width: 76%; text-align: left;padding-top: 2%;}
#Wrapper #Footer ul li {font-size: .813em;}
#Wrapper #Header #TopNav #TopNavigation li {margin-left: 1%; margin-right: 1%;}

	}

@media screen and (max-width: 960px) {

.google-maps {position: relative; padding-bottom: 80%; /*This is the aspect ratio*/ height: 0; overflow: hidden;}
.google-maps iframe {position: absolute;top: 0;left: 0;width: 100%!important;height: 800px!important;}

}

@media screen and (max-width: 900px) {

#Wrapper #Header {display: none;}
.slicknav_menu {display: block;}

#Wrapper #ContentMain {margin-top: 0%;}

#Wrapper #ContentMain .Left { width: 99%; float: left; margin-bottom: 2%; margin-right: 0%;}
#Wrapper #ContentMain .Right { width: 99%; float: left; margin-left: 0%;}
#Wrapper #ContentMain .FullWidthWrap .Left50 {width: 99%; float: left; margin-right: 0%; margin-top: 2%;}

#Wrapper #ContentMain .FullWidthWrap .Right50 {width: 99%; float: left; margin-top: 2%;}

#Wrapper #ContentMain #SideNav {display: none;}
#Wrapper #ContentMain #MainContentRight {width: 100%; float: left; padding: 0%;}
#Wrapper #Footer ul li {font-size: .813em;}
.ImgLeft {max-width: 50%;}
.ImgRight {max-width: 50%;}
#Wrapper #ContentMain #Previous {display: block; float: left;width: 100%;margin-bottom: 2%; text-align: left;}	

#Wrapper #ContentMain .FullWidthWrap .Right .ImageListWrap {width: 100%;}

#Wrapper #ContentMain .FullWidthWrap .Right .ImageListWrap .ImageList {float: left; width: 100%;}
#Wrapper #ContentMain .FullWidthWrap .Right .ImageListWrap .ImageList li {float: left; display: inline; padding-right: 1%; width: 32%; text-align: center;}

#Wrapper #ContentMain .FullWidthWrap .Right .ImageListWrap .ImageList li img {max-width: 100%;}

#Wrapper #BannerContainer {display: none;}


#Wrapper #ContentMain .FullWidthWrap .Left #BodySlideContainer { margin-bottom: 4%;}

#Wrapper #ContentMain .FullWidthWrap .Right .InteriorPageList {display: none;} 

#Wrapper .AddMargin { margin-top: 0%;} /* add a bit of margin to interior pages */

#Wrapper #SliderContainer {margin-top: 0%;}

#Wrapper #Footer ul li img {width: 25%;}

}

@media screen and (max-width: 736px) {



}
	
@media screen and (max-width: 667px)

{	

#Wrapper #Footer ul li img {width: 40%;}


}

@media screen and (max-width: 667px)

{	

#Wrapper #Footer ul li img {width: 30%;}


}


@media screen and (max-width: 480px)

{	

/* I'M THE MAP - MAKE ME RESPONSIVE*/

.google-maps {position: relative; padding-bottom: 100%; /*This is the aspect ratio*/ height: 0; overflow: hidden;}
.google-maps iframe {position: absolute;top: 0;left: 0;width: 100%!important;height: 400px!important;}


#Wrapper #Footer ul li {display: block!important;}







}


@media screen and (max-width: 414px)

{	

#Wrapper #ContentMain .InteriorPageList li {padding-left: 2%;}
.ImgRight {max-width: 50%; float: right;}
.ImgLeft {width: 100%; padding-bottom: 2%;}
.HiddenMobile {display: none;}

}


@media screen and (max-width: 320px) {	






}

@media screen and (max-width: 240px)

{	



#Wrapper #Footer ul li {font-size: .750em;}

#Wrapper #Footer #IvanWrap {font-size: .750em;}

#Wrapper #ContentMain .InteriorPageList li {padding-left: 1%;background-image: none;}

}