Top Notch Mechanical LLC – Stafford, VA
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
font-family: ‘Arial’, sans-serif;
line-height: 1.6;
color: #333;
background-color: #f8f9fa;
}
.container {
max-width: 1200px;
margin: 0 auto;
padding: 0 20px;
}
/* Header */
header {
background: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%);
color: white;
padding: 2rem 0;
text-align: center;
box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}
.logo h1 {
font-size: 2.5rem;
margin-bottom: 0.5rem;
text-shadow: 2px 2px 4px rgba(0,0,0,0.3);
}
.tagline {
font-size: 1.2rem;
opacity: 0.9;
margin-bottom: 1rem;
}
.experience-badge {
background: #ff6b35;
color: white;
padding: 0.5rem 1rem;
border-radius: 25px;
font-weight: bold;
display: inline-block;
font-size: 1.1rem;
margin-top: 1rem;
}
/* Navigation */
nav {
background: #fff;
padding: 1rem 0;
box-shadow: 0 2px 5px rgba(0,0,0,0.1);
position: sticky;
top: 0;
z-index: 100;
}
nav ul {
list-style: none;
display: flex;
justify-content: center;
flex-wrap: wrap;
}
nav li {
margin: 0 1rem;
}
nav a {
text-decoration: none;
color: #333;
font-weight: 500;
padding: 0.5rem 1rem;
border-radius: 5px;
transition: all 0.3s ease;
}
nav a:hover {
background: #2a5298;
color: white;
}
/* Main Content */
main {
padding: 2rem 0;
}
.section {
background: white;
margin: 2rem 0;
padding: 2rem;
border-radius: 10px;
box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}
.section h2 {
color: #2a5298;
font-size: 2rem;
margin-bottom: 1rem;
border-bottom: 3px solid #ff6b35;
padding-bottom: 0.5rem;
}
/* Services Grid */
.services-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
gap: 1.5rem;
margin-top: 1.5rem;
}
.service-card {
background: #f8f9fa;
padding: 1.5rem;
border-radius: 8px;
border-left: 4px solid #ff6b35;
transition: transform 0.3s ease;
}
.service-card:hover {
transform: translateY(-5px);
box-shadow: 0 5px 20px rgba(0,0,0,0.1);
}
.service-card h3 {
color: #2a5298;
margin-bottom: 0.5rem;
}
/* Brands */
.brands {
display: flex;
flex-wrap: wrap;
gap: 1rem;
margin-top: 1rem;
}
.brand-tag {
background: #2a5298;
color: white;
padding: 0.5rem 1rem;
border-radius: 20px;
font-size: 0.9rem;
font-weight: 500;
}
/* Gallery Placeholder */
.gallery-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 1.5rem;
margin-top: 1.5rem;
}
.gallery-placeholder {
background: #e9ecef;
border: 2px dashed #6c757d;
border-radius: 8px;
padding: 3rem;
text-align: center;
color: #6c757d;
font-size: 1.1rem;
}
/* Contact Section */
.contact-info {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
gap: 2rem;
margin-top: 1.5rem;
}
.contact-card {
background: #f8f9fa;
padding: 1.5rem;
border-radius: 8px;
text-align: center;
border: 1px solid #e9ecef;
}
.contact-card h3 {
color: #2a5298;
margin-bottom: 1rem;
}
.contact-card p {
font-size: 1.1rem;
color: #333;
word-break: break-word;
}
.contact-card a {
color: #ff6b35;
text-decoration: none;
font-weight: bold;
word-break: break-all;
}
.contact-card a:hover {
text-decoration: underline;
}
/* Mobile Badge */
.mobile-badge {
background: #28a745;
color: white;
padding: 0.7rem 1.5rem;
border-radius: 25px;
font-size: 1.2rem;
font-weight: bold;
display: inline-block;
margin-top: 1rem;
text-transform: uppercase;
letter-spacing: 1px;
}
/* Footer */
footer {
background: #333;
color: white;
text-align: center;
padding: 2rem 0;
margin-top: 3rem;
}
/* Responsive Design */
@media (max-width: 768px) {
.logo h1 {
font-size: 2rem;
}
nav ul {
flex-direction: column;
text-align: center;
}
.section {
padding: 1.5rem;
}
.gallery-grid {
grid-template-columns: 1fr;
}
}
TOP NOTCH MECHANICAL LLC
Professional Marine Engine Service & Repair
15+ YEARS OF EXPERIENCE
MOBILE SERVICE AVAILABLE
About Us
With over 15 years of experience in marine mechanical services, Top Notch Mechanical LLC provides professional, reliable service for all your boating needs. We are fully licensed and insured, giving you peace of mind when you trust us with your vessel.
Our expertise spans across all major marine engine brands, and we offer convenient mobile service to get you back on the water quickly. From routine maintenance to complex diagnostics, we deliver top-quality workmanship every time.
Our Services
General Maintenance
Complete routine maintenance services to keep your engine running smoothly and efficiently.
Electronics & Diagnostics
Advanced diagnostic services and electronic system repairs using the latest marine technology.
Winterization Services
Protect your investment with proper winterization to prevent damage during storage months.
Shrinkwrapping
Professional shrinkwrap services to protect your boat during off-season storage.
Bottom Paint
Antifouling bottom paint application to protect your hull and improve performance.
Fiberglass Work
Small fiberglass repairs and restoration to maintain your boat’s structural integrity.
Specialized Brands
We specialize in service and repair for all major marine engine manufacturers:
Mercruiser
Volvo
Evinrude/Johnson
Honda
Yamaha
Suzuki
Our Work
See examples of our quality workmanship and completed projects:
Photo Placeholder
Engine Service Work
Photo Placeholder
Winterization Project
Photo Placeholder
Shrinkwrap Installation
Photo Placeholder
Bottom Paint Application
Photo Placeholder
Fiberglass Repair
Photo Placeholder
Diagnostic Work
Site Title 
Leave a comment