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

/*www.eyeseewebdesign.com */

/* 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, 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, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video hr {
	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;
	float: left;
}
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 */

/* GOLOBAL CSS */ 
body {width: 100%;
	margin-right: auto;
	margin-left: auto;
	font-family: Arial, Helvetica, sans-serif;
	line-height: normal;
	color: #333;
	-webkit-font-smoothing: antialiased;
	background-color: #fff;
	-webkit-text-size-adjust: none;
	x-ms-format-detection: none;
	background-attachment: fixed;
	background-image: url(../images/spark_bg.jpg);
	background-position: left top;
	background-size: cover;
}
h1 {font-size: 2em;color: #ff3d00!important; padding-bottom:.3em;}
h2 {font-size: 1.1em;color: #ff3d00!important; padding-bottom:.3em;}
a {color: #ff3d00;text-decoration: none;}
p {line-height: 1.438em;color: #333;font-size: 1em;padding-bottom:.5em;}
p strong{color: #333!important;}
p .LargeP {font-size: 2em;color: #ff3d00!important;}
a:hover {text-decoration: underline;}
a:visited {text-decoration: none;}
#OuterWrap {width: 100%;margin-right: auto;margin-left: auto;max-width: 1060px;}
#wrapper {width: 100%;margin-right: auto;margin-left: auto;max-width: 1060px;float: left;}
.red {color: #f00!important;}
.LineBreak {margin-top: 1%;margin-bottom: 2%;border-bottom-style:solid;width: 100%;border-bottom-width: 1px;border-bottom-color: #ff7400!important; clear: left;}
.HiddenClear {width: 100%; clear: left;}


.green {color: #557238;font-weight: 600;}

img:-moz-loading {
  visibility: hidden;
}


/* HIDE MOBILE NAV ON PC*/

#OuterWrap #wrapper #MobileNav {display: none;}
.slicknav_menu {display: none;}
#OuterWrap #wrapper #slidercontainer img {width: 100%;max-width: 1060px; padding-top: 2%; padding-bottom: 1%;}
#OuterWrap #wrapper #header {width: 100%;float: left;padding-top: .75%;clear: left;}
#OuterWrap #wrapper #header #branding {width: 40%;}
#OuterWrap #wrapper #header #contact { float: right; width: 50%; text-align:right;}
#OuterWrap #wrapper #header #contact ul {padding-top: 1%;}
#OuterWrap #wrapper #topNav {float: left;width: 100%; background-color: #ff7400; text-align: center;}
#OuterWrap #wrapper #topNav ul li a {display: inline;float: left;padding-top: 1%;padding-left: 4.1%;font-size: 1em;font-weight: lighter;background-color: #ff7400;padding-right: 4.1%;padding-bottom: 1%;color: #fff;
background-image: url(../images/top_nav_border.png); background-repeat: no-repeat; background-position: right center;}
#OuterWrap #wrapper #topNav ul li:last-child a {background-image: none!important;float: none; display: block; overflow: hidden; padding-top: 1%;} /* LASTL:CHILD FILLS REMANING SPACE OF UL */ 
#OuterWrap #wrapper #topNav ul li a:hover {background-color: #ff3d00;color: #fff;background-image: url(../images/top_nav_border_hover.png);background-repeat: no-repeat;}
#OuterWrap #wrapper #topNav ul li a {text-decoration: none;}
#OuterWrap #wrapper #topNav ul li a:hover {text-decoration: none;}
#OuterWrap #wrapper #topNav ul li a:visited {text-decoration: none;}
#OuterWrap #wrapper #topNav ul .active a {background-color: #ff3d00!important;color: #fff;backgound-image: none;}
.img_right {float: right; padding-left: 1%; padding-bottom: 1%; padding-top: 1%; clear: both;}
.imgLeft {padding-top: 1%; float: left;margin-right: 2%;}


/*Index MAIN site only*/

/* INDEX PAGE */

#OuterWrap #wrapper #ContentMain {padding-top: 2%; padding-bottom: 2%; width: 100%;float: left;}
#OuterWrap #wrapper #slidercontainer {float: left;width: 100%;max-width: 1060px;}
#OuterWrap #wrapper #ContentMain #IndexBodyText {float: left;width: 100%;}
#OuterWrap #wrapper #ContentMain #IndexBodyText #Left {float: left;width: 63.75%; padding: 1%; padding-left: 0px; padding-bottom: 0%; margin-top: .5%; min-height: 390px; }
#OuterWrap #wrapper #ContentMain #IndexBodyText #Right {width: 30%;margin-left: 1.5%;float: right;margin-top: 2%;text-align: right;}
#OuterWrap #wrapper #ContentMain #IndexBodyText #Left .CopyRight p {float: right;}

/* SECONDARY PAGES */
#OuterWrap #wrapper #ContentMain #Previous {display: none;}
#OuterWrap #wrapper #ContentMain .InteriorPageList {margin-bottom: 1%; width: 100%; float: left;}
#OuterWrap #wrapper #ContentMain .InteriorPageList li {background-image: url(../images/bullet.png);background-repeat: no-repeat;background-position: left center;padding-left: 4%;padding-top: 1%;padding-bottom: 1%;font-size: .9em;vertical-align: middle;}
#OuterWrap #wrapper #ContentMain #servicesWrap .InteriorPageList .Indent {background-image: none!important; padding-left: 6%;padding-top: 0;padding-bottom: 0;vertical-align: middle;}
#OuterWrap #wrapper #ContentMain #secondaryPageWrap {width: 98%;float: left;padding-left: 1%;padding-top: 1%;padding-right: 1%;padding-bottom: 1%; background-color: #f8f8f8;border: .1em solid #cdcdcd;border-radius:.2em;}


/* SERVICES PAGE ONLY */


#OuterWrap #wrapper #ContentMain #ServicePanelLeft {float: left; width: 30%;}
#OuterWrap #wrapper #ContentMain #ServicePanelLeft #servicesNavWrap{float: left;width: 100%;background-color: #f8f8f8;border: .1em solid #cdcdcd;border-radius:.2em;margin-top: .5%; margin-bottom: 4%;}
#OuterWrap #wrapper #ContentMain #servicesWrap {width: 65%;margin-left: 2.5%;float: left;padding-left: 1%;padding-top: 1%;padding-right: 1%;padding-bottom: 1%;}



/* Social */

#Social {float: right; width: 100%; padding-bottom: 1%;}
#Social .SMedia li {display: inline; padding-left: 1%;}
.SMedia li a img:hover {filter: alpha(opacity=90);opacity: 0.9}

/* blockquote */

blockquote {font-family: Arial, Helvetica, sans-serif;font-size: 1.125em;font-style: italic;width: 90%;margin: 0.5em 0;padding: 0.5em 40px;line-height: 1.45;position: relative;color: #666;clear: left; margin-top: 1em;}
blockquote:before {display: block;padding-left: 10px;content: "\201C";font-size: 5em;position: absolute;left: -20px;top: -20px;color: #ff7400;}
blockquote cite {color: #333;font-size: .875em;display: block;margin-top: .5em;}
blockquote cite:before {content: "\2014 \2009";}


/* FOOTER */

#OuterWrap #wrapper #footer {width: 100%;background-color: #ff7400;float: left;}
#OuterWrap #wrapper #footer ul li {color: #FFF;font-size: .813em;}
#OuterWrap #wrapper #footer ul li a {color: #FFF;}
#OuterWrap #wrapper #footer #Top {float: left;width: 96%; padding-right: 2%; padding-left: 2%; text-align: center; padding-bottom: 1%; padding-top: 1%;}
#OuterWrap #wrapper #footer #Top li {display: inline; padding-left: .5%; padding-right: .5%;}
#OuterWrap #wrapper #footer #Bottom {float: left; text-align: left; width: 96%; padding-right: 2%; padding-left: 2%; text-align: center; padding-bottom: 1%; padding-top: 1%;}
#OuterWrap #wrapper #footer #Bottom li {display: inline; padding-left: .5%; padding-right: .5%;}
#OuterWrap #wrapper #footer #IvanWrap {width: 100%; text-align:center; color: #fff;font-size: .813em; margin-top: 1%; margin-bottom: 1%;float: left;}
#OuterWrap #wrapper #footer #IvanWrap a {color: #fff;}

/* PANEL LINKS */

.PanelLink a img {float: left; width: 100%; max-width: 100%; padding-top: 2%; padding-bottom: 10%; padding-left: auto; padding-right: auto;}


/* TESTIMONIALS PAGE */

#OuterWrap #wrapper #ContentMain #servicesWrap .TestimonialLeft {width: 46%; padding: 2%; float: left;}
#OuterWrap #wrapper #ContentMain #servicesWrap .TestimonialRight {width: 46%; padding: 2%; float: left;}

/* form */

#formarea {width: 100%;float: left;}

/*** YOU TUBE **/

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







/* LETS GET RESPONSIVE */

@media screen and (max-width: 1366px) {
.img_right {max-width: 90%;}

}

@media screen and (max-width: 1024px) {
#OuterWrap {width: 100%;margin-right: auto;margin-left: auto;max-width: 960px;}
#OuterWrap #wrapper #footer ul li a {padding-left: 0%;}
#OuterWrap #wrapper #topNav ul li a {padding-left: 3.75%;padding-right: 3.75%;}
.LineBreak {margin-top: 1%;margin-bottom: 2%;border-bottom-style:solid;width: 100%;border-bottom-width: .1em;border-bottom-color: #ff7400!important; clear: left;}

}

@media screen and (max-width: 768px) {
	
#OuterWrap {width: 100%;margin-right: auto;margin-left: auto;max-width: 100%;}	
#OuterWrap #wrapper #ContentMain {width: 96%; float: left; margin-left: 2%; margin-right: 2%;}
#OuterWrap #wrapper #slidercontainer img {padding-top: 0%;}
h1 {font-size: 1.5em;}
.img_right {max-width: 30%;}
#OuterWrap #wrapper #footer ul li {font-size: .750em;}
#OuterWrap #wrapper #footer ul li a {font-size: .813em;}
#OuterWrap #wrapper #header #branding {display: none;}
#OuterWrap #wrapper #header #contact {display: none;}
#OuterWrap #wrapper #MobileNav {width: 96%; margin-left: 2%; margin-right: 2%; margin-bottom: 2%;}
#OuterWrap #wrapper #topNav {display: none;}
.slicknav_menu {display: block;}
#OuterWrap #wrapper #ContentMain #servicesWrap .TestimonialLeft blockquote {font-size: 1em; width: 70%;}
#OuterWrap #wrapper #ContentMain #servicesWrap .TestimonialRight blockquote {font-size: 1em; width: 70%;}
#OuterWrap #wrapper #ContentMain #IndexBodyText #Left blockquote {display: none;}



}

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



}

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



}

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

	
	}

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

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

body {background-image: none;}
#OuterWrap #wrapper #ContentMain #IndexBodyText #Left {float: left;width: 100%;}
#OuterWrap #wrapper #ContentMain #IndexBodyText #Right {float: left;width: 100%; margin-left: 0%;}
#OuterWrap #wrapper #ContentMain #ServicePanelLeft {float: left;width: 100%;}
#OuterWrap #wrapper #ContentMain #servicesWrap {float: left;width: 100%; margin-left: 0%;}
#formarea {float: left;width: 96%; margin-left: -2%;}
#OuterWrap #wrapper #ContentMain #servicesWrap .TestimonialLeft {float: left;width: 98%;}
#OuterWrap #wrapper #ContentMain #servicesWrap .TestimonialRight {float: left;width: 98%;}
#OuterWrap #wrapper #footer {padding-top: 2%; padding-bottom: 2%;}
#OuterWrap #wrapper #footer #Top li {display: block; padding-top: .5%; padding-bottom: .5%;}
#OuterWrap #wrapper #footer #Bottom li {display: block; padding-top: .5%; padding-bottom: .5%;}
#OuterWrap #wrapper #footer .HiddenMobile {display: none!important;}
#OuterWrap #wrapper #footer ul li {font-size: 1em;}
#OuterWrap #wrapper #footer ul li a {font-size: 1em;}
h1 {padding-bottom: 0em;}
.LineBreak {margin-bottom: 4%;}
}

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



}

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


	}

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




}