﻿body {
    /* OLD BACKGROUND IMAGE
    background-image: url(../img/background-pattern.gif);
    background-repeat: repeat;
    */
    background-image: none; 
    background-repeat: no-repeat; 
    background-color:#f4f4f4;
}

#page-container-div {
    position: absolute;
    width: 1000px;
    left: 50%;
    margin-left: -500px;
    height: auto;
}

#background-img-div {
    background-image: url(../img/regal-electric-background-image-solid-test.jpg);
    background-repeat: no-repeat;
    width: 927px;
    height: 725px;
    position: absolute;
    top: 70px;
    #top: -15px;
    left: 0px;
    z-index: -10;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1000px;
}

#home-link-div {
    cursor: pointer;
    display: block;
    position: absolute;
    top: 20px;
    left: 30px;
    z-index: 50;
    height: 182px;
    width: 182px;
}

#anniversary-ribbon-img {
    border: none;
    position: absolute;
    left: 38px;
    top: 780px;
}

/* mainbody styles */
#mainbody-container-div {
    width: 650px;
    height: auto;
    position: absolute;
    top: 371px;
    #top: 295px;
    left: 268px;
}

h1 {
    font-family: Arial, Sans-Serif;
    font-size: 1.09em;
    font-weight: bold;
    color: #005f04;
    position: relative;
    left: 14px;
    top: 30px;
    margin: 0px;
    padding: 0px;
}

h2 {
    font-family: Arial, Sans-Serif;
    font-size: 1em;
    font-weight: bold;
    color: #005f04;
    margin-bottom: 5px;
}

h4 {
    font-family: Arial, Sans-Serif;
    font-size: 2em;
    font-weight: bold;
    color: black;
    margin-bottom: 0px;
    #margin-bottom: -4px;
}

hr {
    height: 1px;
    width: 610px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 0px;
    color: #999;
    position: relative;
    top: 33px;
    #top: 28px;
}

#mainbody-top-div {
    background-image: url(../img/mainbody-top.jpg);
    background-repeat: no-repeat;
    width: 640px;
    height: 390px;
    z-index: 5;
}

#mainbody-top-sublink-div {
    position: absolute;
    top: 80px;    
    left: 15px;	
    width: 630px;	
}

#mainbody-top-sublink-div a {
    font-family: Arial, Sans-Serif;
    font-weight: normal;
    font-size: .8em;
    color: #001669;
    margin-right: 5px;
}

#mainbody-top-sublink-div a:link {
    text-decoration: none;
}

#mainbody-top-sublink-div a:visited {
    text-decoration: none;
}

#mainbody-top-sublink-div a:hover {
    text-decoration: underline;
}

#mainbody-top-sublink-div a:active {
    text-decoration: underline;
}

#mainbody-middle-div {
    background-image: url(../img/mainbody-middle-solid-test.jpg);
    background-repeat: repeat-y;
    position: absolute;
    top: 390px;
    left: -5px;
    width: 650px;
    text-align: center;
    margin: 0px;
    padding: 0px;
    z-index: 5;
}

#mainbody-middle-content-div {
    font-family: Arial, Sans-Serif;
    font-weight: normal;
    font-size: .82em;
    line-height: 1.3em;
    color: Black;
    text-align: left;
    width: 610px;
    height: auto;    
    border: none;
    margin-left: auto;
    /*NOTE: If div can't be centered horizontally with auto left & right margins, use: margin-left: 20px;*/
    margin-right: auto;
    margin-top: -315px;
    margin-bottom: -135px;
}

#mainbody-middle-content-div p {
    margin: 0px;
    padding-top: 0px;
    padding-bottom: 1em;
    padding-left: 0px;
    padding-right: 0px;
}

#mainbody-middle-content-div ul {
    padding-bottom: 1em;
    margin-top: -5px;
}

#mainbody-middle-content-div a {
    font-family: Arial, Sans-Serif;
    color: #001669;
    font-weight: normal;
    font-size: 1em;
    padding-right: 30px;    
}

#mainbody-middle-content-div a:link {
    text-decoration: none;
}

#mainbody-middle-content-div a:visited {
    text-decoration: none;
}

#mainbody-middle-content-div a:hover {
    text-decoration: underline;
}

#mainbody-middle-content-div a:active {
    text-decoration: underline;
}

#mainbody-bottom-div {
	background-image: url(../img/mainbody-bottom-repeater.jpg);
    background-repeat: repeat;
	/*border-bottom: 1px #a8a8a8 solid;*/
    position: relative;
    top: 0px;
    left: 0px;
    width: 650px;
    padding-top: 0px;
    margin-top: 12em;
    z-index: -1;
}

#mainbody-bottom-footer-div {
    width: 650px;
    height: 80px;
}

.photo-tag-div {
    position: absolute;
    z-index: 1000;
    background-color: White;
    border: 1px solid #666;
    font-family: Arial, Sans-Serif;
    font-weight: normal;
    color: Black;
    font-size: .9em;
    margin: 0px;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 5px;
    padding-right: 5px;
    height: auto;
}

#footer-link-container-div {
    border-top-style: solid;
    border-top-color: #999;
    border-top-width: 1px;
	margin: 5px 0 5px 0;
	width: 400px;
    text-align: left;
    position: relative;
    left: 20px;
}

.copyright {
    font-family: Arial, Sans-Serif;
    color: #001669;
    font-weight: normal;
    font-size: 10px;
    padding-right: 20px;
	padding-top: 20px;
}

.footer-link-a {
    font-family: Arial, Sans-Serif;
    color: #001669;
    font-weight: normal;
    font-size: 14px;
    padding-right: 20px;    
}

.footer-link-a:link {
    text-decoration: none;
}

.footer-link-a:visited {
    text-decoration: none;
}

.footer-link-a:hover {
    text-decoration: underline;
}

.footer-link-a:active {
    text-decoration: underline;
}

#footer-contact-div {
    right: 10px;
    bottom: 5px;
	padding: 20px;
    #bottom: 10px;
    font-family: Arial, Sans-Serif;
    font-weight: normal;
    font-size: 10px;
    color: Black;
    text-align: left;
}

#footer-contact-div p {
    float: left;
    margin-right: 30px;
}

/* header styles */
#header-div {
    position: absolute;
    top: 14px;
    #top: 8px;
    left: 268px;
    z-index: 5;
}

#header-top-div {
    background-image: url(../img/top-bar.gif);
    background-repeat: no-repeat;
    display: block;
    height: 30px;
    width: 641px;
}

#quote-holder-div {
    font-family: Arial, Sans-Serif;
    font-style: italic;
    color: #001669;
    font-size: 1.25em;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
    margin-bottom: 0px;
    text-align: center;
    position: relative;
    top: 3px;
    /* OLD POSITIONING
    position: absolute;
    left: 12px;
    top: 8px;
    */
}

#search-container-div {
    font-family: Arial, Sans-Serif;
    font-style: normal;
    font-weight: normal;
    font-size: .8em;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    z-index: 50;
    position: absolute;
    top: 3px;
    right: 70px;
}

#search-container-div form {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}

#search-container-div div {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}

#header-photo-div {
}

#photo-label-span {
    position: absolute;
    top: 95px;
    right: 0px;
    margin-right: 0px;
    font-family: Arial, Sans-Serif;
    font-weight: bold;
    font-size: 15px;
    color: White;
    text-align: left;
    width: 365px;
    height: auto;
}

#navigation-div {
    height: 61px;
    width: 700px;
    position: relative;
    left: -8px;
    top: -3px;
}
    
.nav-link-holder-span {
    position: relative;
    top: 15px;
}

.nav-link-a {
    font-family: Arial, Sans-Serif;
    font-weight: normal;
    font-size: 1.08em;
    color: White;
}

.nav-link-a:link {
    text-decoration: none;
    color: White;
}

.nav-link-a:visited {
    text-decoration: none;
    color: White;
}

.nav-link-a:hover {
    text-decoration: underline;
    color: White;
}

.nav-link-a:active {
    text-decoration: underline;
    color: White;
}

.regal-experience-link-a {
    text-align: center; 
    font-family: Georgia, Serif; 
    font-weight: bold;
    font-size: 11px;
    color: White; 
    text-align: center;
}

.regal-experience-link-a:link {
    text-decoration: none;  
}

.regal-experience-link-a:visited {
    text-decoration: none;
}

.regal-experience-link-a:hover {
    text-decoration: underline;
}

.regal-experience-link-a:active {
    text-decoration: underline;
}

/* begin projects page styles */

h3.name-label {
	width: 350px;
	float: left;
	margin: 10px 15px 10px 1px;
    font-family: Arial, Sans-Serif;
    font-size: 1em;
    font-weight: normal;
    color: #005f04;
	border-bottom: #005f04 1px solid; 	
	padding-left: 0px;	
}

h3.loc-label {
	width: 150px;
	float: left;
	margin: 10px 15px 10px 15px;	
    font-family: Arial, Sans-Serif;
    font-size: 1em;
    font-weight: normal;
    color: #005f04;
	border-bottom: #005f04 1px solid; 		
	padding-left: 0px;	
}

h3.name {
	width: 350px;
	float: left;
	margin: 10px 20px 0px 0px;
    /*trbl*/
    font-family: Arial, Sans-Serif;
    font-size: 1em;
    font-weight: normal;
    color:#333333;	
	padding-left: 0px;	
}

h3.loc {
	width: 150px;
	float: left;
	margin: 10px 20px 0px 0px;	
    font-family: Arial, Sans-Serif;
    font-size: 1em;
    font-weight: normal;
    color:#333333;		
	padding-left: 10px;		
}

.clear-left {
	clear:left;	
}

h2.label {
    font-size: 1.8em;
    margin-top: 35px;
    #padding-top: 3px;
    #padding-bottom: 5px;
}
/* end projects page styles */

/* begin index page styles */

#homepage-button-regal {
    position: absolute;
    border: none;
    top: 100px;
    left: 400px;
    display: none;
}

#homepage-button-service {
    position: absolute;
    border: none;
    top: 30px;
    left: 20px;
    z-index: 50;
}

.home-img-link-a {
    text-decoration: none;
    border: none;
}

/* end index page styles */


