/* stylesheet for greenwood electrics site... */

/* reset stuff... */
  html, body, div, span, applet, object, iframe,
  h1, h2, h3, h4, h5, h6, p, blockquote, pre,
  a, abbr, acronym, address, big, cite, code,
  del, dfn, em, font, img, ins, kbd, q, s, samp,
  small, strike, strong, sub, sup, tt, var,
  dl, dt, dd, li,
  fieldset, form, label, legend,
  table, caption, tbody, tfoot, thead, tr, th, td
  {margin:0; padding:0; border:0; outline:0; vertical-align: baseline;
        font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit;}
  /* remember to define focus styles! */
  :focus {outline:0;}
  body {line-height:1px; color:black; background:white;}
  ol, ul {list-style:none; margin:0; padding:0;}
  /* tables still need 'cellspacing="0"' in the markup */
  table {border-collapse:separate; border-spacing:0;}
  caption, th, td {text-align:left; font-weight:normal;}
  blockquote:before, blockquote:after, q:before, q:after {content:"";}
  blockquote, q {quotes:"" "";}

/* basic page structure... */
  body {text-align:center; font:small arial, tahoma, sans-serif; color:#f8f8f8; background:#666666 url(imgs/bkgnd_site.jpg) left top repeat-x;}
  * html body {font-size:x-small; f\ont-size:small;}  /* fix IE5 font size bug! */
  /* div#site centers in the body while div#page floats within #site
     to contain the floating page elements... */
  div#site   {width:900px; margin:10px auto; text-align:left; font-size:90%;}
  div#banner {float:left; clear:left; display:inline; height:80px; width:900px;
                background:#212a00 url(imgs/bkgnd_banner.jpg) left top repeat-x;}
  div#nav     {float:left; clear:left; display:inline; width:400px;
                color:#f8f8f8; background:#60693f url(imgs/bkgnd_nav.jpg) left 50% repeat-x;}
  div#page   {float:left; clear:left; display:inline; width:900px; min-height:400px; padding:10px 0 20px 0; margin:0;
                background:#333333 url(imgs/bkgnd_page.jpg) left top no-repeat;}
  div#footer {float:left; clear:left; display:inline; width:900px; padding:0; margin:0;}

  /* banner & nav bits... */
  #banner #title, #banner #strap {float:right; display:inline;}
  #banner #logo {float:left; clear:left; display:inline;}
  #banner ul {float:left; clear:left; display:inline; width:400px; margin:0; padding:0;}
  #banner li {float:left; display:inline; margin:0 0 0 10px; padding:3px 0 5px 0; font-size:1.3em;}
  #pageHome #banner li#navHome, #pageFolio #banner li#navFolio, #pagePartP #banner li#navPartP,
  #pageContact #banner li#navContact {padding:3px 10px 5px 10px; color:#a1d60a;}
  #banner a  {text-decoration:none; color:#f8f8f8; padding:0 10px;}
  #banner a:hover {color:#a1d60a; background:transparent url(imgs/bkgnd_navhi.jpg) left 50% repeat-x;}

  /* page bits... */
  div.full {float:left; clear:left; display:inline; width:860px; margin:0 20px 0 20px;}
  div.col1 {float:left; clear:left; display:inline; width:400px; margin:0 20px 0 20px; padding:0;}
  div.col2 {float:left; display:inline; width:400px; margin:0 20px 0 20px; padding:0;}
  h1 {margin:20px 0 10px 0; font:bold 2.0em arial, tahoma, sans-serif;}
  h2 {margin:12px 0 0 0; font:bold 1.2em arial, tahoma, sans-serif;}
  h3 {margin:9px 0 0 0; font:bold 1.1em arial, tahoma, sans-serif;}
    h1 a, h2 a, h3 a {text-decoration:none;}
  p  {margin:6px 0 0 0;}
  p.standout {color:#a1d60a;}
  p.quote {font-style:italic; color:#a1d60a;}
  a  {text-decoration:underline; color:#f8f8f8;}
  a:hover {background-color:#cccccc; color:#000000; text-decoration:none;}
  em {font-weight:bold; color:#d1d60a; font-weight:bold;}
  ul {width:100%; margin:10px;}
  li {list-style:inside disc;}

  /* footer bits... */
  #footer p {float:left; clear:left; display:inline; margin:3px 0 0 3px; color:#333333; font:10px arial, tahoma, sans-serif;}
  #footer p#byeline {float:right; clear:right; display:inline; margin:3px 3px 0 0;}
  #footer a {text-decoration:none; color:#333333;}
  #footer a:hover {background-color:transparent; color:#a1d60a;}

  /* specific pages... */
  #pageHome #page {background:#333333 url(imgs/bkgnd_greenwood.jpg) right top no-repeat;}
  #pageHome #page p {font-size:1.1em; margin-top:10px;}
  #pageHome #page ul {margin:10px 0 10px 10px;}
  #pageHome #page li {font:bold 1.3em arial, tahoma, sans-serif; color:#a1d60a;}
  #pageHome #page #cta {margin:20px 0 0 0; font-size:1.4em; font-weight:bold;}

  #pageFolio #page div.folio {float:left; clear:left; display:inline; margin:6px 0 0 0; width:100%;}
  #pageFolio #page div.folio img {float:right; display:inline; margin:3px 0 3px 6px; border:solid 1px #a1d60a;}
  #pageFolio #page div.folio h2 {width:210px; margin-top:3px;}
  #pageFolio #page div.folio p {width:210px;}

  #pagePartP #page {background:#333333 url(imgs/bkgnd_wires.jpg) right bottom no-repeat;}

  #pageContact #page {background:#333333 url(imgs/bkgnd_wiring_plug.jpg) center bottom no-repeat;}
  #pageContact div.col1 {margin-right:60px; width:360px;}
  #pageContact div.col2 {margin-top:20px;}
  #pageContact table {margin:5px 0 0 50px;}
  #pageContact table td {padding:2px 5px; vertical-align:top;}
  #pageContact td.cap_req {font-weight:bold; color:#f8f8f8;}
  #pageContact td.cap_opt {color:#cccccc;}
  #pageContact p.quote em {font-size:1.2em; font-weight:bold; color:#d1d60a; font-weight:bold; background-color:#993300;}