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: 90%;
line-height: 18px;
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: 220% }

h3 { font-size: 125% }

img { border: solid 1px;
border-color: #000000;
}

/************************************************* 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);
font-size: 0px;
text-indent: -9999px;
}

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_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   ***************************************************/


/*
.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: 95%;
	font-weight: bold;
	color: #ffffff;
	border-top-style: groove;
	border-left-style: groove;
	background-color: #004b80;
}