/*
$ http://www.targyfotozas.com $
$ style/style.css | 2008/07/23 09:50 | 2008/09/09 11:18 $
*/

body { margin: 0; padding: 0; font-family: Verdana, Arial; font-size: 12px; color: #333333; }

a:link { color: #333333; text-decoration: none; }
a:visited { color: #333333; text-decoration: none; }
a:hover { color: #333333; text-decoration: underline; }

img { border: none; }

div#header { width: 100%; height: 300px; background: url(header_bg.jpg) repeat-x; }
  div#headerInner { width: 980px; margin: 0 auto; padding: 0; position: relative; }
    div#top { width: 980px; margin: 0; padding: 0; }
      span#topTitle { display: block; float: left; width: 730px; height: 30px; margin: 0; padding: 0 0 0 10px; color: #9D9D9D; line-height: 30px; overflow: hidden; }
      ul#topLinks { float: left; width: 240px; margin: 0; padding: 10px 0 0 0; list-style-type: none; }
        ul#topLinks li { float: left; margin: 0; padding: 0 7px; color: #868686; border-right: #868686 1px solid; font-size: 9px; line-height: 8px; }
          ul#topLinks li a { color: #868686; text-decoration: none; }
          ul#topLinks li a:hover { color: #FFFFFF; }
        ul#topLinks li.last { border-right: none; }

    a#logo { width: 267px; height: 95px; position: absolute; top: 30px; left: 0px; background: url(logo.jpg) no-repeat top left; text-indent: -5000px; }
    a#logo:hover { background: url(logo.jpg) no-repeat bottom left; }
    div#slogan { width: 425px; height: 121px; position: absolute; top: 150px; left: 0px; }

    ul#menu { margin: 0; padding: 0; position: absolute; top: 39px; left: 465px; list-style-type: none; z-index: 20; }
      ul#menu li { float: left; margin: 0; padding: 0 13px 0 10px; background: url(menu_sep.jpg) no-repeat top right; }
      ul#menu li.last { float: left; margin: 0; padding: 0 13px 0 10px; background: none; }
      ul#menu li a { color: #FFFFFF; font-size: 13px; display: block; border-bottom: 3px solid; text-decoration: none; }
      ul#menu li a:hover { color: #FFFFFF; font-size: 13px; border-bottom: 5px solid; }
      ul#menu li a.menu1 { border-color: #FC3C15; }
      ul#menu li a.menu2 { border-color: #FC9D05; }
      ul#menu li a.menu3 { border-color: #F2C506; }
      ul#menu li a.menu4 { border-color: #77C905; }

    div.illustration1 { width: 492px; height: 365px; position: absolute; top: 62px; left: 480px; background: url(i_menu1.jpg) no-repeat 0px 0px; z-index: 10; }
    div.illustration2 { width: 492px; height: 337px; position: absolute; top: 62px; left: 480px; background: url(i_menu2.jpg) no-repeat 0px 0px; z-index: 10; }
    div.illustration3 { width: 492px; height: 355px; position: absolute; top: 62px; left: 480px; background: url(i_menu3.jpg) no-repeat 0px 0px; z-index: 10; }
    div.illustration4 { width: 492px; height: 441px; position: absolute; top: 62px; left: 480px; background: url(i_menu4.jpg) no-repeat 0px 0px; z-index: 10; }
    div.illustration5 { width: 492px; height: 295px; position: absolute; top: 62px; left: 480px; background: url(i_menu5.jpg) no-repeat 0px 0px; z-index: 10; }

div#content { width: 100%; background: url(content_bg.jpg) repeat-x; }
  div#contentInner { width: 980px;  min-height: 200px; height: auto !important; height: 200px; margin: 0 auto; padding: 0; position: relative; z-index: 100; }
  div#contentInner h1 { color: #4F4F4F; font-size: 24px; font-weight: normal; }

  div#contentInnerLeft { float: left; width: 220px; min-height: 280px; height: auto !important; height: 280px; margin: 0; padding: 20px 15px 15px 15px; background: url(cl_bg.jpg) no-repeat top left; }
    div#contentInnerLeft h2 { margin: 0; padding: 0 0 4px 4px; color: #757D80; font-size: 14px; font-weight: bold; }
    div#contentInnerLeft p { margin: 0; padding: 2px 6px; }
    div#contentInnerLeft a.clbutton { display: block; width: 217px; height: 31px; margin: 0; padding: 0; background: url(cl_btn_bg.jpg) no-repeat top left; color: #FFFFFF; line-height: 31px; text-align: center; text-transform: uppercase; text-decoration: none; }

      div#contactBox { display: block; width: 210px; margin: 10px 5px 5px 5px; padding: 0; background: url(cl_contactbox_bg.jpg) repeat-y top left; }
        div#contactBoxInner { display: block; width: 200px; margin: 0; padding: 0 5px; background: url(cl_contactbox_top.jpg) no-repeat top left; }
          div#contactBoxInner h2 { margin: 0; padding: 12px 0 4px 4px; color: #747D82; font-size: 14px; font-weight: bold; }
          div#contactBoxInner p { clear: left; margin: 0; padding: 4px 4px; font-size: 10px; }
          div#contactBoxInner label { float: left; width: 59px; margin-right: 2px; color: #848484; font-size: 9px; text-align: right; }
          div#contactBoxInner input.inputbox { float: left; width: 127px; height: 15px; margin: 0; padding: 0 2px; background: url(cl_inputbox_bg.jpg) no-repeat top left; border: none; font-size: 10px; }
          div#contactBoxInner textarea.inputarea { float: left; width: 127px; height: 95px; margin: 0; padding: 0 2px; background: url(cl_inputarea_bg.jpg) no-repeat top left; border: none; font-size: 10px; }
        div#contactBoxBottom { display: block; width: 210px; height: 19px; background: url(cl_contactbox_bottom.jpg) no-repeat top left; line-height: 1px; overflow: hidden; }

  div#contentInnerRight { float: left; width: 730px; padding: 0 0 15px 0; font-size: 11px; position: relative; z-index: 100; }
    div#contentInnerRight h1, div#contentInnerRight h1 a { margin: 0; padding: 8px 0; color: #4F4F4F; font-size: 20px; font-weight: normal; }
    div#contentInnerRight h1 a, div#contentInnerRight h1 a:hover { margin: 0; padding: 0; color: #4F4F4F; font-size: 22px; text-decoration: none; }
    div#contentInnerRight h2 { margin: 0; padding: 8px 0 0 0; color: #4F4F4F; font-size: 18px; font-weight: normal; }
    div#contentInnerRight h3, div#contentInnerRight h3 a { margin: 0; padding: 0 0 8px 8px; color: #717C7E; font-size: 20px; font-weight: normal; }
    div#contentInnerRight h3 a, div#contentInnerRight h3 a:hover { color: #717C7E; margin: 0; padding: 0; text-decoration: none; }
    div#contentInnerRight p { margin: 0; padding: 4px 0; }
    div#contentInnerRight p.backlink { clear: both; }
    div#contentInnerRight p.note { margin: 0; padding: 4px 8px; }
      div#contentInnerRight p.note span { color: #717C7E; }
    div#contentInnerRight a { color: #D17F02; text-decoration: none; }
    div#contentInnerRight a:hover { color: #D17F02; text-decoration: underline; }
    div#contentInnerRight img { float: left; margin: 0 6px 6px 0; }
    div#contentInnerRight div.hr { clear: both; height: 1px; margin: 0 0 10px 0; padding: 4px 0; line-height: 1px; border-bottom: #D5D5D5 1px solid; }
    div#contentInnerRight ul { margin: 0; padding: 0 0 10px 10px; list-style-type: none; }
      div#contentInnerRight ul li { clear: left; padding: 1px 0; }
        div#contentInnerRight ul li a { color: #969696; font-size: 13px; font-weight: bold; background: url(li.jpg) no-repeat 0px 7px; padding: 0 0 0 10px; }
        div#contentInnerRight ul li a:hover { color: #C48100; font-size: 13px; font-weight: bold; text-decoration: underline; }
        div#contentInnerRight ul li ul { clear: left; margin: 0; padding: 0 0 0 20px; }
    div#contentInnerRight form { margin: 0; padding: 0; }
    div#contentInnerRight form p { clear: left; margin: 0; padding: 4px 4px; font-size: 10px; }
    div#contentInnerRight label { float: left; width: 100px; margin-right: 2px; color: #848484; font-size: 9px; text-align: right; }
    div#contentInnerRight input.inputbox { float: left; width: 167px; height: 15px; margin: 0; padding: 0 2px; background: url(cr_inputbox_bg.jpg) no-repeat top left; border: none; font-size: 10px; }
    div#contentInnerRight textarea.inputarea { float: left; width: 167px; height: 95px; margin: 0; padding: 0 2px; background: url(cr_inputarea_bg.jpg) no-repeat top left; border: none; font-size: 10px; }
    div#contentInnerRight a.sbutton { display: block; float: left; width: 177px; height: 31px; margin: 0; padding: 0; position: relative; left: -3px; background: url(cr_btn_bg.jpg) no-repeat top left; color: #FFFFFF; line-height: 31px; text-align: center; text-transform: uppercase; text-decoration: none; }

    table.list2c { width: 720px; margin: 0; padding: 0; border-collapse: collapse; }
      table.list2c td { width: 350px; padding: 0 20px 0 0; vertical-align: top; font-size: 11px; }
        table.list2c td h2 { margin: 0; padding: 8px 0; color: #4F4F4F; font-size: 14px; font-weight: bold; }
        table.list2c td p { margin: 0; padding: 4px 0; color: #1A1C1B; font-size: 10px; }

    div.faq { width: 700px; margin: 8px 0 0 0; }
      div.faq h1 { margin: 0; padding: 4px 0; text-indent: 57px; color: #534D4D; background: url(quote_start.gif) no-repeat top left; font-size: 22px !important; font-weight: normal; }
        div.faq h1 img { float: none !important; position: relative; top: 15px; left: 5px; }
      div.faq p { margin: 0; padding: 0 0 5px 0; color: #191B1A; font-size: 11px; }

    div.c2c { width: 700px; margin: 0; padding: 0; }
      div.c2cL { float: left; width: 400px; }
        div.c2cL h1 { margin: 0; padding: 0; }
      div.c2cR { float: left; width: 300px; }

    div.serviceBox { width: 700px; }
      div.serviceBox div.serviceBoxLeft { float: left; width: 500px; }
        div.serviceBox div.serviceBoxLeft h2,
        div.serviceBox div.serviceBoxLeft h2 a,
        div.serviceBox div.serviceBoxLeft h2 a:hover { color: #504C4B !important; font-size: 15px; font-weight: bold; text-decoration: none !important; }
      div.serviceBox div.serviceBoxRight { float: left; width: 200px; text-align: center; }

    div.contactBox { width: 700px; }
      div.contactBox div.contactBoxLeft { float: left; width: 300px; }
        div.contactBox div.contactBoxLeft h4 { margin: 0; padding: 0 0 5px 0; color: #5B5756; font-size: 14px; }
        div.contactBox div.contactBoxLeft table { width: 100%; }
          div.contactBox div.contactBoxLeft table td { text-align: left; vertical-align: top; }
          div.contactBox div.contactBoxLeft table td.left { color: #9A9A9A; text-align: right; }
          div.contactBox div.contactBoxLeft table td.right { color: #646464; font-weight: bold; }
            div.contactBox div.contactBoxLeft table td.right a { color: #646464 !important; font-weight: bold; }

      div.contactBox div.contactBoxRight { float: left; width: 400px; }
        div.contactBox div.contactBoxRight h4 { margin: 0; padding: 0; color: #5B5756; font-size: 14px; }
        div.contactBox div.contactBoxRight p { margin: 0; padding: 0; color: #5B5756; font-size: 10px; }
        div.contactBox div.contactBoxRight form { margin: 0; padding: 0; }
        div.contactBox div.contactBoxRight form p { clear: left; margin: 0; padding: 4px 4px; font-size: 10px; }
        div.contactBox div.contactBoxRight label { float: left; width: 59px; margin-right: 2px; color: #848484; font-size: 9px; text-align: right; }
        div.contactBox div.contactBoxRight input.binputbox { float: left; width: 284px; height: 15px; margin: 0; padding: 0 2px; background: url(cr_inputbox_big_bg.jpg) no-repeat top left; border: none; font-size: 10px; }
        div.contactBox div.contactBoxRight textarea.binputarea { float: left; width: 284px; height: 95px; margin: 0; padding: 0 2px; background: url(cr_inputarea_big_bg.jpg) no-repeat top left; border: none; font-size: 10px; }
        div.contactBox div.contactBoxRight a.bbutton, div.contactBox div.contactBoxRight a.bbutton:hover { display: block; float: left; width: 217px; height: 31px; margin: 0; padding: 0; position: relative; left: -3px; background: url(cl_btn_bg.jpg) no-repeat top left; color: #FFFFFF !important; line-height: 31px; text-align: center; text-transform: uppercase; text-decoration: none !important; }
        div.contactBox div.contactBoxRight div.p { clear: left; padding: 5px 0 0 100px; }

div#footer { clear: both; width: 100%; height: 210px; background: url(footer_bg.jpg) repeat-x; overflow: hidden; }
  div#footerInner { width: 980px; margin: 0 auto; padding: 0; position: relative; }
    div#footerInnerLeft { float: left; width: 240px; min-height: 190px; height: auto !important; height: 190px; margin: 0; padding: 0; position: relative; top: 10px; border-right: #494748 1px solid; }
      div#footerInnerLeft ul { width: 230px; margin: 0; padding: 5px 2px 0px 2px; list-style-type: none; font-size: 10px; }
        div#footerInnerLeft ul li { color: #959597; padding: 2px 0; border-bottom: #2F2F2F 1px solid; }
          div#footerInnerLeft ul li a { color: #959597; text-decoration: none; }
          div#footerInnerLeft ul li a:hover { color: #FFFFFF; text-decoration: none; }

    div#footerInnerRight { float: left; width: 720px; margin: 0; padding: 0; position: relative; top: 10px; }
      div#footerInnerRight ul { float: left; width: 700px; margin: 0; padding: 0 0 20px 0; list-style-type: none; }
        div#footerInnerRight ul li { float: left; margin: 0; padding: 0 9px; color: #868686; border-right: #868686 1px solid; font-size: 11px; line-height: 10px; }
          div#footerInnerRight ul li a { color: #868686; text-decoration: none; }
          div#footerInnerRight ul li a:hover { color: #FFFFFF; }
        div#footerInnerRight ul li.last { border-right: none; }

      div#footerInnerRight p { clear: left; margin: 0; padding: 0; }
      div#footerInnerRight a.fbutton { display: block; float: left; width: 179px; height: 17px; margin: 0 0 0 8px; padding: 2px 0 0 0; color: #B3B3B1; background: url(footer_btn_bg.jpg) no-repeat top left; font-size: 11px; text-align: center; text-transform: uppercase; text-decoration: none; overflow: hidden; }
      div#footerInnerRight a.fbutton:hover { color: #B3B3B1; background: url(footer_btn_bg.jpg) no-repeat bottom left; }
        div.footNote { clear: left; position: relative; width: 700px; height: 50px; margin: 0; padding: 10px; color: #797979; font-size: 10px; overflow: auto; }
        div.footNote a { color: #797979; font-size: 10px; text-decoration: none; }
        div.footNote a:hover { color: #FFFFFF; }
        div#footNote1, div#footNote2 { position: absolute; top: 0px; left: 0px; padding: 5px 10px; }
        div#footLogos { clear: left; margin: 0; padding: 0 0 0 10px; }