/* Jack Sanders Paint Co. Style Sheet */

html {}

body { width: 70em;
       margin: 0em auto;
       min-width: 730px; }

body { font-family: arial, sans-serif;}

body { position: relative;}

/* =====] header [===== */

div#header                  { position: relative; height: 9em;}
div#header-logo             { position: relative; margin: .25em .25em; 
                              font-size: 2em; font-weight: bolder; 
                              width: 54%;}
img.header                  { width: 1.5em; height: 4em; margin: 0em .25em .25em .25em;}
p.header-name               { position: relative; margin: 0em .25em;}
p.header-phone              { font-size: 0.75em; position: relative; margin: 0em .25em;}
p.header-quote              { float: right; 
                              font-size: 1.5em; font-style: italic; font-weight: bolder;
                              margin: 0em 0em; width: 15em; text-align: right;}

/* =====] navigation [===== */

div.nav                     { position: relative; margin: 1em 0em 0em 1em; background-colour: #0000cc; /* height: 3em; */}
ul.navlist                  { list-style-type: none; background-color: #0000cc; margin: 0em; padding-left: 0em;}
/* This centers the menu
ul.navlist                  { list-style-type: none; background-color: #0000cc; width: 40em; margin: 0px auto; }
*/
ul.navlist li               { display: inline-block; font: bold 1em verdana; }
ul.navlist li a             { color: white; text-decoration: none; 
                              border-right: medium solid white; background-color: #0000cc;
                              display: table-cell; height: 3em; vertical-align: middle; 
                              width: 7em; text-align: center;}
ul.navlist li:first-child a { border-left: medium solid white;}
ul.navlist li a:hover       { background-color: #0000ff;}

#residential li.residential a,
#services li.services a,
#aboutus li.aboutus a,
#commercial li.commercial a,
#welcome li.welcome a, 
#faq li.faq a,
#contact li.contact a       { background-color: #0000ff;}

/* =====] container [===== */

#container                  { position: relative; margin: 1em 1em 1em 1em;}
#wrapper                    { position: relative; }
#content                    { position: relative; }
div.service                 { float: left; width: 74%;}
div.announce                { float: left; width: 24%; margin-left: .5em;}

/* =====] footer [===== */

#footerMenu                 { font-size: 0.83em; text-align: center;}
#copyright                  { font-size: 0.83em; text-align: center;}


/* End of stylesheet.css */