html { background-image: url(../images/header-extension.jpg);
background-repeat: repeat-x;
background-color: #cdcdcd;
}

body {
margin: 0; padding: 0;
font-family: Arial, Helvetica, sans-serif;
color: #000000;
font-size: 15pt;
line-height: 19pt;
font-style: normal;
font-weight: normal;
}

p { margin : 0 1em; padding : .5em 0; }


a:link { color: #004b80; text-decoration: none; }
a:visited { color: #004b80; text-decoration: none; }
a:hover {  color: #004b80; text-decoration: underline; }
a:active { color: #004b80; text-decoration: none; }


a img { border: 0; }
h1 { font-size: 0px; text-indent: -9999px; line-height: 0px; display: none; overflow: hidden; }
h2 { font-size: 32pt; }
h3 { font-size: 22pt; }
img { border: solid 1px; border-color: #000000; }

hr { width:90%; margin: 35px 0; padding: 0 20px 0 30px; color:#DDD; align-content:center; }
img.star { border: 0; border-color:#000; }


/************************************************* PRIMARY DIVISIONS *********************************************************/



div#website { width: 1024px;
height: 100%;
margin : 0 auto;
padding : 0;
text-align : center;
}

div#header { width: 1024px;
height : 190px;
margin: 0px;
padding: 0px;
background: url(../images/header.jpg);
}

		div#header.h1 {
			font-size: 0px;
			text-indent: -9999px;
			}

		div#phone,
		div#phone a:link, div#phone a:visited, div#phone a:active, div#phone a:hover { width: 250px; height: 40px;
			font-family:Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
			font-size: 32px; color: #E31A24; letter-spacing: .5px; font-weight: bolder;
			position: relative; left: 0; top: 50px; z-index: 0; }
		div#phone a:hover { text-decoration:underline;
			}

div#container { width: 1024px;
height: 100%;
padding: 0;
margin: 0;
text-align: left;
overflow: hidden;
}

div#content { width: 1024px;
height: 100%;
margin: 0;
padding: 0;
overflow: auto;
background-image: url(../images/content_bkgrd.jpg);
background-repeat: repeat-y;
}

/*
#content li { list-style-type: none;
text-indent: 0px;
margin: 0;
padding: 0; }
*/



/************************************************* NAVIGATION MENU *********************************************************/



div#navBar_home { width: 254px;
height: 567px;
margin: 0;
padding: 0;
float: left;
background-image: url(../images/buttons/nav_bottom.jpg);
background-repeat: repeat-y;
}

div#navBar_pages { width: 254px;
min-height: 365px;
max-height: 100%;
margin: 0;
padding: 0;
float: left;
background-image: url(../images/buttons/nav_bottom.jpg);
background-repeat: repeat-y;
}

#nav_menu {
list-style-type: none;
margin: 0;
padding: 0; }

#nav_menu a {
  display: block;
  padding: 0;
  margin: 0;
}

#nav_menu a span {
  display: none;
}

li#nav_home a { background: url(../images/buttons/home.jpg) 0px 0px no-repeat; width: 254px; height: 42px }
li#nav_home a:hover { background: url(../images/buttons/home-over.jpg)}
li#nav_about a { background: url(../images/buttons/about.jpg) 0px 0px no-repeat; width: 254px; height: 42px }
li#nav_about a:hover { background: url(../images/buttons/about-over.jpg)}
li#nav_fr a { background: url(../images/buttons/fiberglass_repair.jpg) 0px 0px no-repeat; width: 254px; height: 42px }
li#nav_fr a:hover { background: url(../images/buttons/fiberglass_repair-over.jpg)}
li#nav_ie a { background: url(../images/buttons/insurance_estimates.jpg) 0px 0px no-repeat; width: 254px; height: 42px }
li#nav_ie a:hover { background: url(../images/buttons/insurance_estimates-over.jpg)}
li#nav_er a { background: url(../images/buttons/engine_repair.jpg) 0px 0px no-repeat; width: 254px; height: 42px }
li#nav_er a:hover { background: url(../images/buttons/engine_repair-over.jpg)}
li#nav_mr a { background: url(../images/buttons/marine_restoration.jpg) 0px 0px no-repeat; width: 254px; height: 63px }
li#nav_mr a:hover { background: url(../images/buttons/marine_restoration-over.jpg)}
li#nav_links a { background: url(../images/buttons/links.jpg) 0px 0px no-repeat; width: 254px; height: 42px }
li#nav_links a:hover { background: url(../images/buttons/links-over.jpg)}
li#nav_te a { background: url(../images/buttons/testimonials.jpg) 0px 0px no-repeat; width: 254px; height: 42px }
li#nav_te a:hover { background: url(../images/buttons/testimonials-over.jpg)}
li#nav_contact a { background: url(../images/buttons/contact.jpg) 0px 0px no-repeat; width: 254px; height: 42px }
li#nav_contact a:hover { background: url(../images/buttons/contact-over.jpg)}
li#nav_bottom { background: url(../images/buttons/nav_bottom.jpg) 0px 0px no-repeat; width: 254px; height: 8px }




/* ***********************************************  WEBSITE CONTENTS HOME ONLY **************************************************/



div#content_main_home { width: 770px;
height: 567px;
background-position: top right;
padding: 0;
margin: 0;
text-indent: -9999px;
background-image: url(../images/content_main_home.jpg);
background-repeat: no-repeat;
float: right;
font-size: 0px;
}

/* ul#splash_links, #splash_links li { padding: 0; margin: 0; list-style: none; }

ul#splash_links { float: right; }

#splash_links li { font-family: "Times New Roman", Times, serif !important; position: relative; width: 370px; height: 50px; }

.splash-fiberglass { top: 300px; left: 300px; font-size: 36px; }
#splash_links li a { text-decoration: none; background: none; }
#splash_links li a span { visibility: hidden; }

Directions on how to make invisible hotspots: http://www.avengex.com/tutorials/205/CSS_Hotspots/



/* ***********************************************  WEBSITE CONTENTS  *********************************************************/



div#content_main_pages_body { width: 770px;
min-height: 500px;
background-image: url(../images/content_main_top.jpg);
background-repeat: no-repeat;
background-position: top right;
padding: 0;
margin: 0;
float: right;
}

#content_main_pages_info h3, h4, h5, h6 {
color: #004b80;
text-align: left;
margin: 0px;
padding: 10px 22px 5px 24px;
}

#content_main_pages_info h2 { /*  PAGE HEADINGS  */
color: #004b80;
text-align: left;
margin: 0px;
padding: 30px 22px 10px 24px;
}

#content_main_pages_info p {
	color: #000000;
	text-align: justify;
	padding: 5px 28px 15px 10px;
	
}

#content_main_pages_info ul, ol {
color: #000000;
text-align: left;
padding: 0px 28px 10px 50px;
}

#content_main_pages_info a:link { text-decoration: underline; }
#content_main_pages_info a:visited {}
#content_main_pages_info a:active { color: #004b80; text-decoration: underline; }
#content_main_pages_info a:hover { color: #004b80; text-decoration: underline; }



/* ***********************************************  FOOTER CONTENTS  **************************************************/



div#bottom_frame { width: 1024px;
height: 22px;
text-align: center;
padding-bottom: 10px;
margin: 0;
background: url(../images/content_bottom.jpg);
background-repeat: no-repeat;
}

div#footer { width: 1024px;
height: 100%;
text-align: center;
padding: 0;
margin: 0;
overflow: auto;
font-size: 90%;
}

#footer ul, #footer li {
display: inline;
margin: 0;
padding: 0;
}

#footer li {
line-height: 20px;
margin: 0px 8px 0px 8px;
color: #000000;
font-size: 100%;
}

div#footer a:link {
color: #000000;
text-decoration: none;
}

div#footer a:visited, div#footer a:active {
color: #004b80;
text-decoration: none;
}

div#footer a:hover {
color: #004b80;
text-decoration: underline;
}

div#footer_copy { margin: 0; font-size: 85%; padding: 10px; text-align: center; }

div#footer_author { margin: 0; font-size: 85%; text-align: center; }
div#footer_author a:link, a:visited, a:active { color: #000000; text-decoration: none; }
div#footer_author a:hover { color: #004b80; text-decoration: underline; text-align: center; }



/* ********************************************   FORM CONTENTS   ***************************************************/



table#contactForm { width: 80%; color:#000; }
table#contactForm td { padding-left: 30px; text-align: left; color:#000; }
table#contactForm td p { color:#000; }


form#contactForm input, form#contactForm textarea, form#contactForm select { color: #000;
	height: 18pt;
	background-color: #fff;
	border: solid 1px;
	border-color: #333;
	margin: 5px;
	font-size: 14pt;
}

form#contactForm .contactSubmitButton {
	font-size: 15pt;
	font-weight: bold;
	color: #fff;
	height: 24pt;
	background-color: #004b80;
	border-style: none;
	outline-color: #ffffff;
	outline-style: solid;
	outline-width: 1px;
	margin-bottom: 20px;
}

.red { color:#cc0000; }

/*
.contactButtonsDescription {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	font-style: normal;
	font-weight: bold;
	line-height: 26px;
}
*/

.contactSubmitButton {
	font-size: 18px;
	font-weight: bold;
	color: #ffffff;
	border-top-style: groove;
	border-left-style: groove;
	background-color: #004b80;
}