/** basics ***********************/

  *
  {
    outine: none;
  }

  img 
  {
    border: none;
  }
  
/** fonts ************************/

  body 
  { 
    font-family: Georgia,Times,serif; 
    font-size: 82%;
    line-height: 1.4em; 
  }
  
  body:last-child 
  { 
    font-size: 13px;
  }
  
  .intro,
  #content h2,
  .page-contact #content .contact-details p strong,
  .page-contact label,
  .pager,
  #navigation
  {
    font-family: Arial,sans-serif;
  }
  
/** font-size **********************/

  
  #content h2
  {
    font-size: 1.39em; /* 18px */
  }

  {
    font-size: 1.24em; /* 16px */
  }

  .intro,
  #content h2,
  .page-contact #content p strong
  {
    font-size: 1.16em; /* 15px */
  }

  {
    font-size: 1.077em; /* 14px */
  }
  
  .page-contact #content .contact-details p strong
  {
    font-size: 0.93em; /* 12px */
  }

  .page-contact label,
  .page-meet #content p,
  .page-meet #content a,
  #content .pager
  {
    font-size: 0.85em; /* 11px */
  }

  #content .billboard-viewing,
  #content .billboard-size,
  #content .billboard-links
  {
    font-size: 0.77em; /* 10px */
  }

  {
    font-size: 0.70em; /* 9px */
  }

/** font-color *********************/

  #navigation a.active
  {
    color: white;
  }
  
  body,
  #content .pager a:link,
  #content .pager a:visited
  {
    color: #b70081;
  }
  
  #navigation a
  {
    color: #988981;
  }
  
  #content a:visited
  {
    color: #847379;
  }
  
  .intro
  {
    color: #76676c;
  }
  
  #content h2
  {
    color: #544549;
  }

  #content a:link
  {
    color: #3b3033;
  }
  
/** bg-color ************************/

  html
  { 
    background-color: #ed6a03; 
  }
  
  .page-contact .error
  {
    background-color: #ffee66;
  }

/** border-color *********************/

   #content h2,
   #content .person
   {
    border-color: #a78991;
   }
  
/** bg-images ************************/
  
  #main
  {
    background-image: url('/_images/pink.png'); 
  }
  
  .front #main
  {
    background-image: none; 
  }
  
  #navigation a
  {
    background-image: url('/_images/navigation.png'); 
  }
  
  .pager a.next
  {
    background-image: url('/_images/next.gif'); 
  }
  
  .pager a.previous
  {
    background-image: url('/_images/previous.gif'); 
  }
  
  /* IE6 */
  * html #main { background-image: url('/_images/pink.gif'); }
  * html #navigation a { background-image: url('/_images/navigation.gif'); }
  * html .front #navigation a { background-image: url('/_images/navigation-home.gif'); }
    
/** page ************************/

  body 
  { 
    width: 960px; 
    min-height: 800px; 
    position: relative; 
    margin: 0 auto;
  }
  
  * html body { height: 800px; } /* IE6 */
      
  #logo 
  { 
    position: absolute; 
    top: 20px; 
    right: -10px; 
    z-index: 99;
  }
  
  #background
  {
    position: absolute;
    top: 100px;
    left: 10px;
  }
  
  #main
  {
    position: relative;
    z-index: 1;
    display: block;
    width: 939px;
    margin: 0 10px 40px 11px;
    padding: 205px 0 0 0;
  }
  
  #main[id]
  {
    overflow: auto; /* not IE6 */
  }
  
  * html #main { background-repeat: no-repeat; } /* IE6 */
  
  /*
  .not-front #main 
  { 
    visibility: hidden;
  }
  */
  
  #content
  {
    float: right;
    width: 665px;
    min-height: 475px;
    margin: 14px 35px 0 0;
    padding: 0 0 0.7em 0;
  }
  
  * html #content { height: 475px; display: inline; } /* IE6 */
  
/** home *****************************/

  .front #main
  {
    margin-bottom: 12px; /* may need tweaking if front content changes */
  }
  
  .front #content
  {
    min-height: 600px;
  }
  
  * html .front #content { height: 600px; }
  
  .front #content #jam-cam-street
  {
    position: absolute;
    top: 122px;
    left: 690px;
  }
  
  .front #content #jam-cam
  {
    position: absolute;
    top: 114px;
    left: 813px;
  }
  
  .front #content #star-pump
  {
    position: absolute;
    top: 466px;
    left: 410px;
  }
  
  .front #content #star-phone
  {
    position: absolute;
    top: 392px;
    left: 700px;
  }
  
  .front #content #star-check
  {
    position: absolute;
    top: 583px;
    left: 759px;
  }
  
/** page-meet ************************/
  
  .page-meet #content .images
  {
    overflow: auto;
  }
  
  * html .page-meet #content .images { height: 122px; } /* IE6 */
  
  .page-meet #content .images img
  {
    display: block;
    float: left;
  }
  
  .page-meet #content .image1
  {
    margin-right: 13px;
  }
  
  .page-meet #content .person
  {
    margin: 0.8em 0 0 0;
    padding: 0.7em 0 0 0;
    border-top-width: 2px;
    border-top-style: solid;
  }
  
  .page-meet #content h2
  {
    float: left;
    margin: 0;
    padding-top: 0.1em;
    text-transform: uppercase;
  }
  
  .page-meet #content a.contact
  {
    float: left;
    clear: left;
    margin-top: 0.5em;
  }
  
  .page-meet #content p
  {
    margin: 0 0 0.7em 227px;
    line-height: 1.33em;
  }
  
/** page-choose ************************/
  
  .page-choose #content .intro p
  {
    margin: 0;
    text-transform: uppercase;
    font-weight: bold;
    line-height: 1.1em;
  }
  
  .page-choose #content .billboards
  {
    margin: 1.2em 0 0 0;
  }
  
  .page-choose #content .billboard
  {
    clear: both;
    display: block;
    min-height: 120px;
  }

  * html .page-choose #content .billboard { height: 120px; } /* IE6 */

  .page-choose #content .billboard img
  {
    display: block;
  }

  .page-choose #content .billboard-image
  {
    float: left;
    margin: 0;
  }

  .page-choose #content .billboard-spec
  {
    margin-left: 230px;
    padding-bottom: 1em;
    line-height: 1.1em;
  }

  .page-choose #content .billboard-spec h2
  {
    margin: 0;
    padding: 0.7em 0 0.2em 0;
    border-top-width: 2px;
    border-top-style: solid;
    text-transform: uppercase;
  }
  
  .page-choose #content .billboard-viewing,
  .page-choose #content .billboard-size
  {
    
  }
  
  .page-choose #content .billboard-viewing,
  .page-choose #content .billboard-links
  {
    margin-top: 0.7em;
  }
  
  .page-choose #content .billboard-links a
  {
    margin-right: 1em;
  }
  
  .page-choose #content .pager a
  {
    float: right;
    display: block;
    margin: -1.5em 0 0 0;
    padding: 10px 0;
    background-repeat: no-repeat;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: bold;
  }
  
  .page-choose #content .pager a.next
  {
    padding-right: 36px;
    background-position: right center;
  }
  
  .page-choose #content .pager a.previous
  {
    padding-left: 36px;
    background-position: left center;
  }
  
  .page-choose #content .pager a.next.both
  {
    
  }
  
  .page-choose #content .pager a.previous.both
  {
    padding-right: 25px;
  }
  
/** page-contact ************************/
  

  .page-contact #content h2
  {
    clear: both;
    width: 603px;
    margin: 0.8em 0 1em 0;
    padding: 1em 0 0 0;
    border-top-width: 2px;
    border-top-style: solid;
    line-height: 1em;
    text-transform: uppercase;
  }
  
  .page-contact #content .contact-details
  {
    display: block;
    overflow: auto;
  }
  
  .page-contact #content .contact-details p
  {
    margin: 0.5em 0 0 0;
    line-height: 1.33em;
  }
  
  .page-contact #content .contact-details h2
  {
    clear: none;
    width: auto;
    margin: 0;
    padding: 0;
    border-top-style: none;
  }
  
  .page-contact #content .left,
  .page-contact #content .middle,
  .page-contact #content .right
  {
    float: left;
    margin-right: 2.8em;
  }

  .page-contact #content .middle
  {
    padding-top: 1.1em; /* if no head */
  }

  * html .page-contact #content .middle { padding-top: 1.6em; /* if no head */ } /* IE6 */
  * + html .page-contact #content .middle { padding-top: 1.6em; /* if no head */ } /* IE7 */

  .page-contact #content .right,
  {
    margin-right: 0;
  }

  .page-contact #content p strong
  {
    text-transform: uppercase;
  }
  
  .page-contact form
  {
    margin: 0;
    padding: 0;
  }
  
  .page-contact #website-label,
  .page-contact #website
  {
    display: none;
  }
  
  .page-contact label,
  .page-contact select,
  .page-contact input,
  .page-contact textarea
  {
    display: block;
  }
  
  .page-contact label
  {
    margin-top: 0.6em;
    line-height: 1.2em;
    font-weight: bold;
    text-transform: uppercase;
  }
  
  .page-contact input
  {
    width: 460px;
    height: 14px;
  }

  .page-contact textarea
  {
    width: 600px;
    height: 70px;
  }

  .page-contact #form-submit
  {
    width: auto;
    height: auto;
    margin: 1em 0;
  }
  
/** navigation ************************/

  #navigation
  {
    padding-top: 12px;
    margin-left: -1px;
    height: 300px;
  }
  
  #navigation ul
  {
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-weight: bold;
    text-transform: uppercase;
  }
  
  #navigation li 
  {
    display: inline; /* prevent extra vertical space in IE6 & IE7 */
  }
  
  #navigation a
  {
    display: block;
    height: 44px;
    text-decoration: none;
    background-repeat: no-repeat;
  }
  
  #navigation a span
  {
    display: none;
  }
  
  #navigation .meet a
  {
    width: 145px;
    background-position: 0 0;
  }
  
  #navigation .meet a:hover,
  #navigation .meet a.active
  {
    background-position: 0 -135px;
  }
  
  #navigation .choose a
  {
    width: 225px;
    background-position: 0 -45px;
  }
  
  #navigation .choose a:hover,
  #navigation .choose a.active
  {
    background-position: 0 -180px;
  }
  
  #navigation .talk a
  {
    width: 185px;
    background-position: 0 -90px;
  }
  
  #navigation .talk a:hover,
  #navigation .talk a.active
  {
    background-position: 0 -225px;
  }