#bod { background-color: white; background-image: url('http://www.lakejoydesign.com/img/LJD_wave.png'); background-position: top; height: auto; width: auto; background-repeat: no-repeat; color: #555555; text-align: center; margin: 0px auto; display:block; background-attachment: fixed; }
#slide_bod { background-color: white; background-image: url('http://www.lakejoydesign.com/img/LJD_wave.png'); background-position: top; height: auto; width: auto; background-repeat: no-repeat; color: #555555; text-align: center; margin: 0px auto; display:block; }
/*a:hover { letter-spacing: 1pt; font-weight: bold; }*/

#header { width: 1024px; height: 193px; margin: 0px auto; display:inline-block; }

.head_pos {
	font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
	text-align: center;
	margin-left: 310px;
	margin-top: 45px;
	width: 470px;
	height: 100px;
	text-decoration: none;
}

.head_pos a:hover {
	font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
	letter-spacing: .1pt;
	font-weight: bold;
}
.head_descr { text-align: center; margin-left: 310px; margin-top: 50px; width: 490px; height: 100px; text-decoration: none; }

a.button { background: url(../images/button.png) no-repeat 0 0; width: 38px; height: 38px; display: block; text-indent: -9999px; }
a.button:hover { background-position: 0 -38px; letter-spacing: 1pt; font-weight: bold; }
a.button:active { background-position: 0 -76px; }

.soc { margin-left: 750px; margin-top: 0px; padding : 0px 0px 0px 0px; }
.soc_spc { border-style: none; border-width: 0px; margin-left: 830px; margin-top: 0px; text-decoration: none; display: inline; padding: 0px 0px 0px 0px;}
.soc_icns { border: 0px; width: 38px; text-decoration: none; display: inline; padding: 0px 0px 0px 0px;}

/*margin-left: -4px; margin-top: 0px; border-color: inherit;  */

.treb21 {
	font-family: Arial, Helvetica, sans-serif;
	/*font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;*/
	font-size: 21px;
	color: #555555;
	text-decoration: none;
}

.treb16 {
	font-family: Arial, Helvetica, sans-serif; 
	/*font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;*/
	font-size: 16px;
	color: #555555;
	text-decoration: none;
}

.treb14 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #555555;
	text-decoration: none;
}
.treb13 {
	font-family: Arial, Helvetica, sans-serif;
	/*font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;*/
	font-size: 13px;
	color: #555555;
	text-decoration: none;
}

.treb10 {
	font-family: Arial, Helvetica, sans-serif;
	/*font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;*/
	font-size: 10px;
	color: #555555;
	text-decoration: none;
}
.tms21 { font-family: "Times New Roman", serif; font-size: 21px; color: #555555; text-decoration: none; }
.tms16 { font-family: "Times New Roman", serif; font-size: 16px; color: #555555; text-decoration: none; }
.tx20 { font-family: "Times New Roman", serif; font-size: 20px; color: #555555; text-decoration: none; }
.tx14 { font-family: "Times New Roman", serif; font-size: 14px; color: #555555; text-decoration: none; }

.nav_style { font-family: "Times New Roman", serif; color: white; text-align: center; text-decoration: none; padding: 10px 10px 10px 10px; margin: 0px auto; }
.nav_style > a { display:inline; font-family:"Times New Roman", Georgia, serif; color: #FFFFFF; margin-right: 0px; text-decoration: none; background-repeat: no-repeat; padding: 0px 12px; background-position:center center;
/*	-ms-transition: background 0.5s linear 0s, color 0.5s linear 0s;*/
	-o-transition: background 0.5s linear 0s, color 0.5s linear 0s;
	-webkit-transition: background 0.5s linear 0s, color 0.5s linear 0s;
	transition: background 0.5s linear 0s, color 0.5s linear 0s; }

/*.navbar1 > a:hover { display:block; color: #FFF; background-image: url('../img/LJD_NAV_wave.png'); background-repeat: no-repeat; background-position:center center; letter-spacing: 1pt; font-weight: bold; }*/

.nav18 { font-size: 18px; color: white; }
.nav14 { font-size: 14px; color: white; }
#navX { display:inline; width: 1000px; height: 40px; padding: 0px 0px; font-family:"Times New Roman", Georgia, serif; color: white; margin: 0px auto; display:block; }
.navbar1 { display:inline; padding: 0px 0px; background-position: center center; }
.navbar1 > a{ display:inline; font-family:"Times New Roman", Georgia, serif; color: #FFFFFF; margin-right: 0px; text-decoration: none; background-repeat: no-repeat; padding: 0px 0px; background-position:center center;
/*	-ms-transition: background 0.5s linear 0s, color 0.5s linear 0s;*/
	-o-transition: background 0.5s linear 0s, color 0.5s linear 0s;
	-webkit-transition: background 0.5s linear 0s, color 0.5s linear 0s;
	transition: background 0.5s linear 0s, color 0.5s linear 0s; }
.navbar1 > a:hover { display:inline; color: #FFF; background-image: url('http://www.lakejoydesign.com/img/LJD_NAV_wave.png'); background-repeat: no-repeat; background-position:center center; background-size: contain; letter-spacing: 1pt; font-weight: bold; }
.current { display: inline; padding: 0px 0px; background-position: center center; letter-spacing: 0.5pt; font-family: "Times New Roman", serif; color: white; text-align: center; text-decoration: none; padding: 10px 10px 10px 10px; margin: 0px auto; opacity: 0.5; }



/* Navigation container */
.main-nav9 {
	background-image:url('http://www.lakejoydesign.com/img/nav_bar.jpg'); background-repeat: repeat-x; width:100%; height:40px; padding-top: 8px; margin: 0px auto; display:block; align-content:center;
}

.navlink9 { display: block; justify-content: center; align-items: center; gap: 10px; width: auto; height: 30px; margin: 0 auto; align-content:center; }
.navlink9 a:link, .navlink a:visited { display: block; width: 100px; height: 26px; color: #FFF; text-align: center; text-decoration: none; float: left; border-radius: 0px; }  
.navlink9 > a:hover, .navlink a:active  { display:inline; color: #FFF; background-image: url('http://www.lakejoydesign.com/img/LJD_NAV_wave.png'); background-size: inherit; background-repeat: no-repeat; background-position:center center; background-size: contain; /*padding: 10px 12px;*/ letter-spacing: 1pt; font-weight: bold; }

/* Individual nav blocks */
.navbar9 a { display: inline-block; font-family: "Times New Roman", Georgia, serif; color: #FFFFFF; text-decoration: none; background-repeat: no-repeat; background-position: center center; padding: 0 12px; transition: background 0.5s linear, color 0.5s linear; }
.navbar9 a:hover {display:inline; color: #FFF; background-image: url('http://www.lakejoydesign.com/img/LJD_NAV_wave.png'); background-repeat: no-repeat; background-position:center center; background-size: contain; letter-spacing: 1pt; font-weight: bold; 
}

.auto-style3 { font-size: 11pt; }
.auto-style5 {color: #FFFFFF;}
.auto-style6 { text-align: center; display: inline; color: #FFFFFF; font-family: "Times New Roman", Times, serif; }
.auto-style8 { font-size: 15pt; }
.auto-style9 { color: #FFFFFF; font-family: "Times New Roman", Times, serif; }
.auto-style10 { font-family: "Times New Roman", Times, serif; }

#nav { width: 900px; border: #000000 solid 0px; height: 30px; padding: 10px 12px; font-family:"Times New Roman", Georgia, serif; color: white; /*border-radius: 10px;*/ margin: 0px auto; display:block; }
#nav a { margin: 0px 20px; } 
#nav ul { list-style-type: none; margin: 10px 12px; padding: 0px; }

.navlink { /*padding: 8px 12px;*/ margin: 0px auto; display:block; }
.navlink a:link, .navlink a:visited { display: block; width: 100px; height: 26px; color: #FFF; text-align: center; text-decoration: none; float: left; border-radius: 0px; }  
.navlink > a:hover, .navlink a:active  { display:inline; color: #FFF; background-image: url('http://www.lakejoydesign.com/img/LJD_NAV_wave.png'); background-size: inherit; background-repeat: no-repeat; background-position:center center; background-size: contain; /*padding: 10px 12px;*/ letter-spacing: 1pt; font-weight: bold; }

.bullets { font-family: Arial, Helvetica, sans-serif; font-size: 12pt; color: #555555; line-height: 160%; height: 180px; text-align: left; top: 23px; }

.art { font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif; font-size: medium; color: #555555; text-align: center; vertical-align: top; margin: 0px auto; height: 80px; width: 1024px; }

.tx4 { font-family: "Times New Roman", serif; font-size: 4pt; color: #555555; text-decoration: none; }

.head_descr .treb15 {
	font-size: 9px !important;
	font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
	color: #555555;
	text-decoration: none;
}

#footer { background-image: url('http://www.lakejoydesign.com/img/LJD_footer.png'); background-repeat: no-repeat; width:100%; height: 370px; text-align: center; margin: 0px auto; display:block; } 
/*background-color:#012c45;*/

footer1 {
	position: relative;
	height: 350px;
	width: 100%;
	background-image: url('http://www.lakejoydesign.com/img/LJD_footer.png');
	background-repeat: no-repeat;
	background-size: cover;
	text-align: center;
	margin: 0 auto;
	display: block;
}

.foot_copy_wrap {
	/*background-color: #013a5b; or 012c45;*/
	width: 100%;
	padding: 10px 0;
	position: absolute;
	bottom: 0;
	left: 0;
}

.foot_bttm { text-align: center; margin: 0px auto; display:block; }
.foot_body { width: 790px; height: auto; text-align:left; margin-left:130px; padding-top:20px; margin-right:100px; margin: 0px auto; display:block; }

.h4_tms16 {	font-family: "Times New Roman", serif; font-size: 16pt; color: #FFFFFF; font-weight: normal; }
.h4_tms12 { font-family: "Times New Roman", serif; font-size: 12pt; color: #FFFFFF; font-weight: normal; }

.foot_treb12 { font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif; font-size: 11.5pt; color: #FFFFFF; font-weight: normal; text-decoration: none; }
.foot_copy { font-family: Arial, Helvetica, sans-serif; font-size: 10pt; color: #FFFFFF; font-weight: normal; width: 100%; height: 2px; margin-top: 30px; text-align: center; /*width: 1024px;*/
}
.foot_txt { font-family: Arial, Helvetica, sans-serif; font-size: 9pt; color: #555; font-weight: normal; height: 20px; margin-top: 30px; text-align:center; width: 100%; /*width: 1024px;*/}

#container { width: 1024px; height: auto; text-align: center; margin: 0px auto; display:block; }

.member {font-family: Arial, Helvetica, sans-serif; font-size: 12pt; color: #555555; text-align: center; margin-left: 0px; /*line-height: 160%; height: 423px; */}

.clients1 { font-family: Arial, Helvetica, sans-serif; font-size: 12pt; color: #555555; line-height: 160%; height: 420px; text-align: left; margin-left: 85px; }
.clients2 { font-family: Arial, Helvetica, sans-serif; font-size: 12pt; color: #555555; line-height: 160%; height: 420px; text-align: left; margin-left: 0px; }

.quote { font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif; font-size: 11pt; text-align: left; margin-left: 150px; font-style: italic; margin-bottom: 0px; width: 690px;}
.quote_link {font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif; font-size: 11pt; font-style: italic; color: #555555; text-decoration: none; }
.quote_link:hover { font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif; font-size: 11pt; font-style: italic; color: #777777; text-decoration: underline; }

.name { font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif; font-size: 11pt; font-style: normal; font-weight: bold; text-align: left; margin-left: 557px; margin-top: 7px; height: 40px; }
.company { font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif; font-size: 11pt; font-weight: normal;}

/*
footer1 {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 330px;
	background-image: url('LJD_footer.png');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	text-align: center;
	margin: 0;
	display: block;
	z-index: 1000;
}

.image-footer {
	background-image: url('LJD_footer.png');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	width: 100%;
	min-height: 330px;
	text-align: center;
	margin: 0 auto;
	display: block;
}

* Optional: ensure footer is always at the bottom if content is short *
html, body {
	height: 100%;
	margin: 0;
}

body {
	display: flex;
	flex-direction: column;
}

main {
	flex: 1;
}

footer {
	flex-shrink: 0;
}
*/