/* BEGIN STYLING CONTENT PAGES */

#Contentbod {
background: url("../img/legacyBG1.webp");
background-position: top center;
background-attachment: fixed;
background-size: cover;
max-width: 2000px;
font-family: 'Work Sans', sans-serif;
padding-top: 5px;
margin: 0;
}

/* content header and bio table section */

table#Headtable {
padding: 5px 170px 5px 170px; 
position: -webkit-sticky;
position: sticky;
top: 10px;
z-index: 6;
}
#Biotable {
position: relative;
z-index: 2;
top: 5px;
}

td.Contentbiospacerow1 {
width: 15%;
}
td.Contentbiologorow {
padding: 100px;
text-align: center;
vertical-align: middle;
}
td.Contentbiosoxrow {
vertical-align: top;
padding: 20px;
width: 15%;
}
soxonbio {
height: 35px;
}
td.Contentbiospacerow2s {
}
td.Contentbiotitlerow {
text-align: center;
padding: 20px;
vertical-align: middle;
bottom: 40px;
height: 80px;
position: absolute;
width: 70%;
}

@media (max-width: 550px) {
	
table#Headtable {
width: 100%;
position: -webkit-sticky;
position: sticky;
padding: 20px 0px 0px 8px;
z-index: 6;
background: o;
}
#navbar {
width: 100%;
position: -webkit-sticky;
position: sticky;
z-index: 6;
}
#Biotable {
position: relative;
z-index: 2;
top: 5px;
}
td.Contentbiospacerow1 {
display: none;
width: 15%;
}
td.Contentbiosoxrow {
display: none;
vertical-align: top;
padding: 5px;
width: 5%;
}
td.Contentbiologorow {
padding: 10px;
text-align: center;
vertical-align: middle;
}
td.Contentbiospacerow2s {
display: none;
}
td.Contentbiotitlerow {
display: none;
}

div#ampmenu {
background: #FFFFFF;
position: absolute;
text-align: left;
height: 192px;
width: 90%;
left: 10px;
padding: 10px;
font-size: 13pt;
opacity: 0.9;
line-height: 200%;
transition: transform 0.8s ease;
z-index: 4;
}
	
}

/* end content header/bio table */

/* declare content on Pages */

section#content {
width: 100%;
background: #FFFFFF;
background-size: cover;
max-width: 1800px;
}

/* declare content on Pages */

/* amp inline title */

div.ampinlinetitles {
text-align: center;
height: 130px;
font-weight: 800;
z-index: 5;
}
font.wrapinlinetitles {
padding: 5px 200px 5px 200px;
background: #FFFFFF;
position: absolute;
text-align: center; 
font-size: 25pt;
top: -40px;
left: 40px;
right: 40px;
}

@media (max-width: 550px) {
	
div.ampinlinetitles {
text-align: center;
height: 130px;
font-weight: 600;
z-index: 5;
}
font.wrapinlinetitles {
padding: 5px;
background: #FFFFFF;
position: absolute;
text-align: center; 
font-size: 17pt;
left: 0px;
right: 0px;
}

}

/* end amp inline titles */

/* Services body tables */

table#Contentbodservices {
background: #FFFFFF;
max-width: 2000px;
background-size: cover;
padding: 100px 200px 50px 200px;
display: relative;
z-index: 3;
top: 3px;
}
td.Contentbodservicesdescrows {
vertical-align: top;
width: 30%;
padding: 10px;
line-height: 180%;
}
div.Contentbodservicestitles {
font-size: 15pt;
font-weight: 400; 
}

@media (max-width: 550px) {

table#Contentbodservices {
background: #FFFFFF;
padding: 5px;
display: relative;
z-index: 3;
top: 3px;
}
td.Contentbodservicesdescrows {
display: block;
vertical-align: top;
width: 95%;
padding: 10px;
line-height: 180%;
}

}

/* end Services body tables */

/* Gallery body table */

table#Contentbodgallery {
position: relative;
z-index: 3;
top: 5px;
background: #FFFFFF;
padding: 100px;
}
td.Contentbodgalleryquadrows {
padding: 5px;
width: 25%;
text-align: center;
vertical-align: middle;
}
td.Contentbodgalleryduarows {
width: 50%;
text-align: center;
vertical-align: middle;
}
img.galleryimages {
width: 100%;
}

@media (max-width: 550px) {

table#Contentbodgallery {
	width: 95%;
position: relative;
z-index: 3;
top: 5px;
background: #FFFFFF;
padding: 1px;
}
td.Contentbodgalleryquadrows {
display: block;
padding: 5px;
width: 99%;
text-align: center;
vertical-align: middle;
}
td.Contentbodgalleryduarows {
display: block;
width: 99%;
text-align: center;
vertical-align: middle;
}
img.galleryimages {
width: 100%;
}

}

/* end Gallery body table */

/* Reviews body table */

table#Contentreviewstable {
position: relative;
z-index: 3;
top: 5px;
padding: 100px;
}
td#Contentreviewsdescrow {
padding: 100px;
text-align: center;
}
div.reviewsopfeedback {
color: #F1F1F1;
}
div.reviewsopnames {
padding-top: 25px;
color: #5D5D5D;
font-weight: 300;
}

@media (max-width: 550px) {

table#Contentreviewstable {
padding: 1px;
}
td#Contentreviewsdescrow {
padding: 1px;
text-align: center;
}

}

/* end Reviews body table */

/* Contact bod table */

table#Contentbodcontact {
	width: 100%;
	background-size: cover;
	max-width: 1800px;
position: relative;
z-index: 3;
top: 5px;
padding: 100px;
}
td.Contentbodcontactdescrow1s {
display: block;
	width: 50%;
	padding: 15px;
}
td.Contentbodcontactdescrow2s {
	display: block;
	width: 40%;
	padding: 20px;
}
div.Contactsectitles {
font-weight: 300;
color: #37B24A;
}
.exaContactanx {
text-decoration: none;
color: #5D5D5D;
}
div#callbackreq {
text-align: center;
width: 410px;
}

/* Contact forms */

/* handle filled in forms */

section#Buscontent {
padding: 100px;
background: #FFFFFF;
font-size: 30pt;
}

@media (max-width: 550px) {

section#Buscontent {
padding: 20px;
line-height: 200%;
background: #FFFFFF;
font-size: 15pt;
height: 400px;
}

}

/* handle filled in forms */

#contactform1 {
width: 520px;
height: 300px;
}

.form1secbits {
width: 100%;
border: 1px solid #ccc;
padding: 10px;
font-family: 'Work Sans', sans-serif;
font-size: 11pt;
border-radius: 3px;
}
.form1secbits:hover {
width: 100%;
border: 1px solid #37B24A;
padding: 10px;
font-family: 'Work Sans', sans-serif;
font-size: 11pt;
border-radius: 3px;
transition: transform 0.8s ease;
}
div#inform1caption {
color: #5D5D5D;
padding: 5px 5px 20px 5px;
font-size: 11pt;
vertical-align: middle;
}
div#inform1controlsubmit {
text-align: center;
vertical-align: middle;
}
input.form1secbit2 {
vertical-align: middle;
padding: 15px;
background: #37B24A;
color: #ffffff;
border: 0;
}

#contactform2 {
width: 520px;
height: 100%;
}

.form2secbits {
width: 100%;
border: 1px solid #ccc;
padding: 10px;
font-family: 'Work Sans', sans-serif;
font-size: 11pt;
border-radius: 3px;
}
div#inform2caption {
color: #5D5D5D;
padding: 5px 5px 20px 5px;
font-size: 11pt;
vertical-align: middle;
}
div#inform2controlsubmit {
text-align: center;
}
input.form2secbit2 {
padding: 5px;
background: #37B24A;
height: 30px;
color: #ffffff;
border: 0;
box-shadow:  1px 1px 1px #5D5D5D;
}

@media (max-width: 550px) {

table#Contentbodcontact {
height: 800px;
position: relative;
z-index: 3;
padding: 2px; 
}
td.Contentbodcontactdescrow1s {
display: block;
	width: 95%;
	padding: 5px;
}
td.Contentbodcontactdescrow2s {
	display: block;
	width: 95%;
	width: 95%;
	padding: 5px;
}
td.Contentbodcontactdescrows {
	display: inline-block;
	width: 100%;
	padding: 10px;
	vertical-align: middle;
}
div#callbackreq {
text-align: center;
padding: 10px;
width: 80%;
}
#contactform1 {
width: 80%;
height: 300px;
}
input.form1secbit2 {
padding: 5px;
background: #37B24A;
color: #ffffff;
height: 30px;
border: 0;
}
#contactform2 {
width: 80%;
height: 100%;
}

}

/* end Contact bod table */

