/* home page stylesheet for AWP.co.uk... */

/* 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:1; color:black; background:#f0f0f0;}
  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    {color:#666666; background-color:#f8f8f8; text-align:center;
            font:medium arial, tahoma, sans-serif;}
  /* div#site centers in the body while div#page floats within #site
     to contain the floating page elements... */
  #site   {width:900px; margin:10px auto; text-align:left; font-size:80%;}
  #page   {width:100%; float:left; clear:left; display:inline; padding:0 0 20px 0;
            background:url(imgs/homebkgnd.jpg) left bottom no-repeat;}

  /* banner bits... */
  #logo   {float:left; clear:left; display:inline;}
  #nav    {float:left; display:inline; width:300px;}
    #nav img {float:left; display:inline;}
    #nav #navHome, #nav #products {clear:left;}

  /* page bits... */
  div.fullwid  {float:left;  clear:left;  display:inline; width:880px; margin:20px 20px 0 20px;}
  div.leftcol  {float:left;  clear:left;  display:inline; width:400px; margin:20px 20px 20px 20px;}
  div.rightcol {float:left;               display:inline; width:400px; margin:20px 20px 20px 20px; text-align:center;}
  h1 {font-size:1.3em; font-weight:bold; margin:10px 0 0 0; text-align:left;}
  h2 {font-size:1.2em; font-weight:bold; margin:10px 0 0 0; text-align:left;}
  h3 {font-size:1.1em; font-weight:bold; margin:9px 0 0 0; text-align:left;}
  p  {margin:5px 0 0 0; text-align:left;}
  a       {color:#000080;}
  a:hover {background-color:#fff0f0; color:#000000; text-decoration:none;}
  p#bottom {text-align:left; font-size:0.85em; color:#666666; margin:5px 3px 10px 3px;}
  #bottom a {text-decoration:underline; color:#666666;}
  #bottom a:hover {color:#ffffff; background-color:#666767; text-decoration:none;}
  

/* home page stuff... */
  #pageHome {font-size:125%;}
  #pageHome div.leftcol  {width:435px; margin:30px 0 0 10px;}
  #pageHome div.rightcol {width:435px; margin:30px 0 0 0;}
  #pageHome ul {float:left; clear:left; display:inline; font-size:1.2em; line-height:32px; margin:10px 10px 10px 0;}
    #pageHome li {list-style:none outside none; margin:0 0 20px 0; padding-left:42px;}
      #pageHome #bltRed    {background:url(imgs/diamond_red.gif) left 5px no-repeat;}
      #pageHome #bltOrange {background:url(imgs/diamond_org.gif) left 5px no-repeat;}
      #pageHome #bltYellow {background:url(imgs/diamond_yel.gif) left 5px no-repeat;}
      #pageHome #bltGreen  {background:url(imgs/diamond_grn.gif) left 5px no-repeat;}
      #pageHome #bltBlue   {background:url(imgs/diamond_blu.gif) left 5px no-repeat;}
  #pageHome #phone {font-size:1.6em; text-align:center;}
  
/* about us page... */
  #pageAbout table {margin:3px 0 0 12px;}
    #pageAbout td  {padding:3px; text-align:left; vertical-align:top;}
    #pageAbout td:first-child  {padding-right:12px;}
    #pageAbout td#faxno  {padding-left:3.0em;}
    #pageAbout table#message td {padding:1px 3px;}
    #pageAbout td.cap_req {font-weight:bold;}
  .clrs {color:#666666;}

/* send message (acknowledgement) page... */
  #pageSendMessage #page {height:500px;}
  #pageSendMessage h1 {margin:40px 0 40px 0;}