/*------------------------------------------------------------------*/
/*  Style Sheet for www.tonyfresko.com                              */ 
/*  16th August 2009                                                */
/*  Updated: 4th March 2011                                         */
/*------------------------------------------------------------------*/ 


  * {
     margin: 0px;
     padding: 0px;
  }


  img {
     border: 0px;
  }


  html, body {
     font-family: verdana, arial, helvetica, sans-serif;
     height:100%;
  }


  body {
     background: white url('images/backg.gif') repeat-x top; 
  }


  p, .ccol1 span {
     font-size: 0.9em;
     text-align: left;
     color: #2e2e2e;
     line-height:1.5em;
     font-weight: normal;
  }


  h1 {
     font-size: 1em;
     color: #244061;
     font-style: italic;
     font-weight: bold;
     position: relative; 
     top: -213px; 
     left: 5px;
  }


  .text_small {
     font-size: 0.70em;
     line-height:1.35em;
  }


  .text_comments {
     font-family: courier new, courier;
     margin-top: 15px;
     font-size: 0.9em;
     line-height:1.5em;
     text-align: left;
     color: #244061;
  }


  .text_alt, h2 {
     font-size: 0.8em;
     line-height:1.5em;
     text-align: left;
     color: #244061;
  }


  .list1, .list2 {
     margin: 20px 0px;
  }


  .list1 li, .list2 li {
     line-height: 1.7em;
     padding-left: 5px;
     margin-left: 15px;
     font-size: 0.85em;
     color: #ff0080;
  }


  .list1 li {
     font-weight: bold;
  }


/*--------------------------------------------------------- MENU ITEMS */


   .the_menu {
     background: url('images/backg_menu2.gif') no-repeat top; 
     width: 242px; 
     height: 222px;
     padding-top: 0px;
   }


   div.the_menu p {
      padding-top: 14px;  
      font-weight: bold;
      font-size: 0.8em;  
   }

   .menui1 { padding-left: 118px; }
   .menui2 { padding-left: 130px; }
   .menui3 { padding-left: 138px; }
   .menui4 { padding-left: 140px; }
   .menui5 { padding-left: 143px; }
   .menui6 { padding-left: 113px; }


/*------------------------------------------------------------- LAYOUT */


  .page_container {
    /* Master container, centred for all page content inc footer,hdr if required */
    width: 878px; 
    margin: 0 auto;
  }


  .header {
    /* Add left margin and modify width if header outside of content */
    margin-top: 20px;
    width: 878px;
    height: 240px;
  }


   .header_inside_left {
     margin-left: 15px; 
     margin-top:20px; 
     float: left;
   }


   .header_inside_right {
     margin-right: 16px; 
     margin-top:25px; 
     float: right;
   }


  .content_wrapper {
    /* Just a dummy for Mozilla to keep background clear */
    width: 878px; 
    margin: 0 auto;
  }


  .content {
    width: 878px;
    /* Edit min-height to allow short pages to clear any side bars  */
    min-height: 440px;
    background: white url('images/backg_content4.jpg') no-repeat top; 
    border: #808080 1px solid;
    border-top: 0px;
    border-bottom: 0px;
    float: left;
    padding-top: 45px;
    padding-bottom: 0px;
  }


  .col1of3 {
    width: 242px;
    float: left;
    padding-top: 0px;
    padding-left: 35px;
  } 


  .col2of3 {
    width: 331px;
    float: left;
    padding-top: 0px;
    padding-left: 41px;
  }


  .col2of2 {
    width: 519px;
    float: left;
    padding-top: 0px;
    padding-left: 41px;
  }


  .col3of3 {
    width: 160px;
    float: right;
    padding-top: 0px;
    padding-right: 35px;
  }


  .ingredients {
    border-bottom: #244061 1px dotted;
    padding-bottom:5px;
  }


  .footer {
    float: left; 
    width:100%;   
    margin-top: 80px; 
    background-color: #ff80c0;
    padding-bottom: 15px;
  }


  .footer_wrapper {
    margin-top: -25px;
  }


  * html .footer {
    /* IE6 fixes */
    clear: both;
  }


  * html .footer_wrapper {
    /* IE6 fixes */
    margin-top: 0px;
    padding-top: 15px;
  }


  .credits {
    width: 878px; 
    padding-top: 15px;
    padding-bottom: 70px;
    clear: both;
    margin: 0 auto;
  }


  .clienttest {
    background: #eff7f7 url('images/backg_clienttest.gif') no-repeat top; 
    padding: 11px;  
    border-left: #244061 1px dotted;
    border-right: #244061 1px dotted;
    border-bottom: #244061 1px dotted;
    padding-bottom: 26px;
  }


  .recipebox {
    background-color: #eff7f7; 
    padding: 5px;  
    padding-bottom: 26px;
  }


  #modernvans {
     position: relative; 
     float: left; 
     width: 100%; 
     height: 125px; 
     background: url('images/ice-cream-vans.png') no-repeat top left;
  }


  #modernvans p {
     position: absolute; 
     bottom: 0px;
  }


/*-------------------------------------------------------- POSITIONING */


  .mt0  { margin-top: 0px; }
  .mt5  { margin-top: 5px; }
  .mt10 { margin-top: 10px; }
  .mt15 { margin-top: 15px; }
  .mt20 { margin-top: 20px; }
  .mt25 { margin-top: 25px; }
  .mt30 { margin-top: 30px; }
  .mt40 { margin-top: 40px; }
  .mt45 { margin-top: 45px; }
  .mt50 { margin-top: 50px; }
  .mt63 { margin-top: 63px; }
  .mt250 { margin-top: 250px; }

  .lm10 { margin-left: 10px; }
  .lm20 { margin-left: 20px; }
  .lm44 { margin-left: 44px; }

  .center {text-align: center; }

  .floatl { float: left; }
  .floatr { float: right; }

  .rule-top {
     margin-top: 25px;
     border-top: 1px solid #ffffff;
  }

  .w100pc {
     width: 100%;
  }


/*------------------------------------------------------------ COLOURS */


   a:link, a:visited, a:hover, a:active {
      color: #0089b7;
      text-decoration: none;
      border-bottom: 1px dotted;
   }


   a:hover {
      color: #244061;
   }


   .white { color: #ffffff; }
   .black {color: #000000; }
   .navy { color: #244061; }
   .grey1 { color: #2e2e2e; }
   .orange {color: #ec5f00; }
   .blue3 {color: #a2bfd5; }
   .pink1 { color: #ff0080; }
   .red1 { color: #ff0000; }
   .rev_grey1 { background-color: #959da6; }


   .reversed {
      /* for headings, sets a border for the box, white text. Use in SPAN */ 
      color: #ffffff;
      padding: 3px;
      padding-left: 9px;
      padding-right: 9px;
   }


/*------------------------------------------------------- CONTACT FORM */


     #form_contact {
        margin: 15px 0px;
        padding: 0x;
        padding-bottom: 25px;
        border-top: 1px dotted #808080;
        border-bottom: 1px dotted #808080;
        float: left;
        width: 100%;
        background-color: #ffe8f4;
     }


     #form_contact input[type="text"], #form_contact textarea, #form_contact select {
        padding: 1px;
        font-family: courier, "courier new", "lucida mono", fixed;
        font-size: 0.90em;
        margin-bottom: 0px;
        color: #000000;
     }


     #form_contact select {
        line-height: 2.5em;
     }


     #form_contact input[type="text"], #form_contact textarea {
        width: 100%;
     }


     .ccol1 {
        float: left;
        width: 370px;
        padding-left: 25px;
     }


     .ccol1b {
        width: 170px;
     }


     .ccol1 p {
        margin-top: 20px;
        margin-bottom: 2px;
        color: #ff0080;
     }


     .ccol2 {
        float: right;
        width: 95px;
     }


     .ccol2 p {
        float: left;
        margin-top: 43px;
        color :red;
     }


/*---------------------------------------------------------------- END */