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

BODY {
	FONT-SIZE: 1em; MARGIN: 0px; COLOR: #555; LINE-HEIGHT: 1.8; FONT-FAMILY: Helvetica, Arial, sans-serif; BACKGROUND-COLOR: #8ba2b2
}
li {line-height: 1.8;}
li:not(:last-child) {
margin-bottom: 1rem;
} 
H2 {
	FONT-SIZE: 1.3em; COLOR: #cc0000
}
H3 {
	MARGIN-TOP: 35px; FONT-WEIGHT: normal; FONT-SIZE: 1.2em; COLOR: #333; PADDING-TOP: 20px
}
IMG {
	BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none
}
UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 15px; PADDING-TOP: 0px
}
.copymessage {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 10px; WIDTH: 312px; PADDING-TOP: 10px; TEXT-ALIGN: right
}
.email {
	DISPLAY: block; MARGIN: 0px 0px 210px; WIDTH: 332px; HEIGHT: 110px
}
.fieldname {
	FONT-WEIGHT: bold
}
.hide {
	DISPLAY: none
}
.linklist {
	MARGIN-LEFT: 0px
}
.linklist LI {
	LIST-STYLE-TYPE: none
}
.lite {
	FONT-SIZE: 1em; COLOR: #cccccc
}
.main {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND-IMAGE: url(bk5.gif); PADDING-BOTTOM: 0px; MARGIN: 0px auto; WIDTH: 330px; PADDING-TOP: 0px; BACKGROUND-REPEAT: no-repeat; BACKGROUND-COLOR: #ffffff
}
.main .wrapper {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 330px; PADDING-TOP: 0px; POSITION: relative; 
}
#contact {text-align: left; text-decoration: none; DISPLAY: block; MARGIN: 0px 0px 150px; WIDTH: 332px; HEIGHT: 110px; padding-top: 100px;
}
#contact a {text-decoration: none; color: darkslategrey;
}
#contact a:hover, a:focus  { text-decoration: underline; color:black;
}

#contact ul{ list-style-type: none;
	
}
.navigationmain {text-decoration: none; 
}
.navigationmain a {text-decoration: none; color: darkslategrey;
}
.navigationmain a:hover, a:focus { text-decoration: underline; color: black;
}
.resume {
	DISPLAY: block; WIDTH: 332px; HEIGHT: 17px
}
.about {
	DISPLAY: block; WIDTH: 332px; HEIGHT: 17px
}
.book {
	DISPLAY: block; WIDTH: 332px; HEIGHT: 17px
}
.history {
	DISPLAY: block; WIDTH: 332px; HEIGHT: 17px
	}
.people {
	DISPLAY: block; WIDTH: 332px; HEIGHT: 17px
	}
.testimonials {
	DISPLAY: block; WIDTH: 332px; HEIGHT: 17px
	}
.portfolio {
	DISPLAY: block; WIDTH: 332px; HEIGHT: 17px
}
.video {
	DISPLAY: block; WIDTH: 332px; HEIGHT: 17px
}

.board {
	DISPLAY: block; WIDTH: 332px; HEIGHT: 17px
}
.screenshot {
	BORDER-RIGHT: #8ba2b2 1px solid; BORDER-TOP: #8ba2b2 1px solid; MARGIN: 0px 0px 15px; BORDER-LEFT: #8ba2b2 1px solid; BORDER-BOTTOM: #8ba2b2 1px solid
}
.screenshot2 {
	MARGIN: 0px 0px 15px
}
.shrink {
	MARGIN-BOTTOM: -40px
}
#header {
	HEIGHT: 300px
}
#portfolio {
	MARGIN: 300px 12px
}
#about {
	MARGIN: 300px 12px
}
#book {
	MARGIN: 300px 12px
}
#history {
	MARGIN: 300px 12px
}
#people {
	MARGIN: 300px 12px
}
#board {
	MARGIN: 300px 12px
}
#board ul{ list-style-type: none; margin-left: 20px; padding-left: 20px;
	
}
#testimonials {
	MARGIN: 100px 12px
}
#links {
	MARGIN: 300px 12px 0px
}
#nl {
	MARGIN: 10px 12px 100px
}


.style2 {font-size: 1em}

a {

	color: #5687B7;

}

a:link {

	color: #5687B7;

}

a:hover, a:focus  {

	color: black;
text-decoration: underline;
}


.style3 {font-family: Arial, Helvetica, sans-serif}

.style4 {

	font-size: 12pt;

	color: #CC0000;

	padding-top:50px;	

}

.style6 {

	font-size: 9pt;

	font-style: italic;

	color: #6699FF;

}

.style8 {font-size: 8pt; font-style: italic; color: #6699FF; }

.container-narrow {
    max-width: 600px !important;
}
.bkgrnd {
  display: block; /* Remove extra space below image */
  width: 600px; /* Make image as wide as container */
  height: auto; /* Maintain aspect ratio */
  position: absolute; /* Position image absolutely within container */
  top: 0; /* Align image to the top */
  left: 50%; /* Center image horizontally */
  transform: translateX(-50%); /* Adjust for centering */
  z-index: 0; /* Place the image behind other content */
}

/* Ensure other content within container-narrow has a z-index of 0 or higher */
.container-narrow > *:not(img) {
  position: relative; /* Or any other positioning value like absolute, fixed, sticky */
  z-index: 0; /* Add or ensure this property is set to 0 or higher */
  padding-top: /* height of your image */ ; /* Keep this to prevent content from being hidden */
}

.flexend {
	align-items: flex-end;
}