body {background-color:#FFFFFF;color:#666666;font-family:Arial,Helvetica, sans-serif;}

header {background-color:#009B77;
		color:#FFFFFF;
		letter-spacing: 0.25em;
		text-align:center;
		}
		
header a		{text-decoration:none;}
header a:link	{color:#FFFFFF;}
header a:visited{color:#FFFFFF;}
header a:hover	{color:#009B77;}
h1{
	margin-bottom:0;
	margin-top:0;
	font-family:Georgia, "Times New Roman", serif;
	padding-top:0.5em;
	padding-bottom:0.5em;}
	
nav{align-content: center;
	font-weight: bold;
	padding:10px;
	font-size:120%;
	}
	
nav ul {list-style-type: none;
		margin: 0;
		padding-left:0;
		font-size:1.2em;}
nav li  {display: flex;
		justify-content: space-around}

nav a:link		{color:#000000;}
nav a:visited	{color:#6243A4;}
nav a:hover		{color:#0A00FF;}

main 	{background-color:#FFFFFF;
		padding:1px 20px 20px 30px;
		display:block;
		overflow:auto;}	
	
h2	{color:#1976D2;
	text-shadow: 1px 1px #CCCCCC;
	font-family:Georgia,"Times New Roman", serif;}

h3{color:#000033;
	font-family:Georgia,"Times New Roman", serif;}

main ul	{list-style-image: url(marker.gif);}

dt{color:#002171;}

footer	{background-color:#FFFFFF;
		font-size:75%;
		font-style: italic;
		text-align: center;
		padding:2em;
		font-family: Georgia, "Times New Roman", serif;
		}

#contact 	{font-size: 90%;}

#logopic	{display: flex;
			height:300px;
			width:300px;
			background-image: url("LogoPicture.png");
			background-repeat: no-repeat;
			background-size:300px;
			}

table	{border:2px solid #39C;
		border-collapse:collapse;}
td, th 	{padding:0.5em; border:2px solid #39C;}
td	{text-align:center;}
.text	{text-align:left;}
tr:nth-of-type(odd)	{background-color:#F5FAFC;}

.hero-container {
display: flex;
justify-content: space-around;
align-items: center;
padding: 40px;
gap: 40px;
}

.hero-logo img {
max-width:1000px;
height: auto;
}

.hero-text {
font-size: 1.2rem;
}

.jobs-table {
width: 100%;
border-collapse: collapse;
margin-bottom: 40px;
}


.jobs-table th,
.jobs-table td {
border: 2px solid #333;
padding: 10px;
text-align: center;
}


.jobs-table img {
max-width: 250px;
height: auto;
border-radius: 8px;
}


.table-title {
font-size: 1.6rem;
margin: 20px 0 10px;
text-align: left;
font-weight: bold;
}

.contact-container {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 30px;
padding: 40px;
}


/* LEFT COLUMN */
.contact-left {
display: flex;
flex-direction: column;
height: 100%;
}


.contact-left img {
width: 100%;
height: 33%;
object-fit: cover;
border-radius: 10px;
margin-bottom: 20px;
}


.about-section {
flex: 1;
padding: 20px;
background: #f1f1f1;
border-radius: 10px;
font-size: 1rem;
}


/* RIGHT COLUMN */
.contact-right {
display: flex;
flex-direction: column;
gap: 20px;
}


.form-section {
flex: 1;
padding: 20px;
background: #e8f4ff;
border-radius: 10px;
}


.form-section form {
display: flex;
flex-direction: column;
gap: 12px;
}


.form-section input,
.form-section textarea {
padding: 10px;
font-size: 1rem;
border: 1px solid #999;
border-radius: 6px;
}


.form-section button {
padding: 12px;
border: none;
font-size: 1.1rem;
background: #007944;
color: #fff;
border-radius: 6px;
cursor: pointer;
}


.owner-info {
padding: 20px;
background: #f9f9f9;
border-radius: 10px;
font-size: 1rem;
}