/*****************************************************************************
scalable Inman Flash Replacement (sIFR) version 3.

Copyright 2006 ¨C 2008 Mark Wubben, <http://novemberborn.net/>

Older versions:
* IFR by Shaun Inman
* sIFR 1.0 by Mike Davidson, Shaun Inman and Tomas Jogin
* sIFR 2.0 by Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben

See also <http://novemberborn.net/sifr3> and <http://wiki.novemberborn.net/sifr3>.

This software is licensed and provided under the CC-GNU LGPL.
See <http://creativecommons.org/licenses/LGPL/2.1/>
*****************************************************************************/

@media screen {
  .sIFR-flash {
    visibility: visible !important;
    margin: 0;
    _padding: 0;
}
  
  .sIFR-replaced, .sIFR-ignore {
    visibility: visible !important;
  }
  
  .sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
  }
  
  .sIFR-replaced div.sIFR-fixfocus {
    margin: 0pt; 
    padding: 0pt; 
    overflow: auto; 
    letter-spacing: 0px; 
    float: none;
  }
}

@media print {
  .sIFR-flash {
    display    : none !important;
    height     : 0;
    width      : 0;
    position   : absolute;
    overflow   : hidden;
  }
  
  .sIFR-alternate {
    visibility : visible !important;
    display    : block   !important;
    position   : static  !important;
    left       : auto    !important;
    top        : auto    !important;
    width      : auto    !important;
    height     : auto    !important;
  }
}

/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {
  /* Example:
  .sIFR-active h1 {
    font-family: Verdana;
    visibility: hidden;
  }
  */
}

/*  global  */
body { background: #fff; font: normal 11px Arial, Helvetica, sans-serif; color: #707070; }
.row { margin:0 auto; clear: both; }
.rowrap { width: 950px; padding: 0 5px; margin:0 auto; }

a:hover { text-decoration: underline; }

.header{ background: transparent url(../img/bg_head.gif) no-repeat 100% 0; height: 72px; }
/* .bnr { background: transparent url(../img/bg_banner.jpg) center top no-repeat; height: 241px; text-align: center;} */
.bnr { height: 241px; text-align: center;}

.nav { height: 37px; background: url(../img/bg_menu.jpg) center bottom no-repeat; padding: 13px 0 0 30px; margin-bottom: 36px; }
.nav ul li { display: inline; font-weight: bold;  }
.nav ul li a { color: #bbbaba;}
.nav ul li a:hover,
.nav ul li.current a { color: #adb73b; text-decoration: none; }
.nav ul li.current div.partleft { background: url(../img/bg_menui_left.gif) left bottom no-repeat; float: left; height: 37px; padding: 0px 0 0 6px; margin-right: 10px; }
.nav ul li.current div.partright { background: url(../img/bg_menui_right.gif) right bottom no-repeat; float: left; height: 37px; padding: 0 6px 0 0 ; }
.nav ul li div.fontstl { font-size: 13px; float: left; padding: 10px 6px 0; }
.nav ul li.current div.fontstl { font-size: 13px; padding: 12px 0 0 4px;}
.nav ul li.current { }

.boxrow { background: url(../img/bg_row.jpg) center bottom no-repeat; overflow: hidden; padding: 14px 0 23px 0; }
.lastrow { padding-bottom: 0; }
.boxrow .box { background: url(../img/bg_box1.png) 0 0 no-repeat; float: left;height: 208px; width: 235px; margin: 0 0 0 65px; padding: 10px 16px; position: relative; }
.boxrow .first { margin: 0 0 0 5px;}

.boxrow .box .img { width: 233px; height: 103px; position: relative; }
.boxrow .box .img span.corner,
.boxrow .boxlarge .img span.corner { background: url(../img/bg_rcorner.png) right 0 no-repeat; position: absolute; top: 0; right: 0;width: 233px; height: 103px; display: block; z-index: 100; }
.boxrow .box .img a,
.boxrow .boxlarge .img a { position: static; cursor: pointer; }
.boxrow .box .img { margin-bottom: 8px; }
.boxrow .boxlarge .img { margin-bottom: 4px; }

.boxrow .box h2 { color: #909a35; font-size: 15.64px; padding: 0 0 6px 0; }
.boxrow .box h2 a { color: #909a35; text-decoration: none; }
.boxrow .box h2 a:hover { color: #737d22;}
.boxrow .box p { font-size: 12px; line-height: 160%; }
.boxrow .box a.btn_more { position: absolute; bottom: -8px; height: 19px; right: -8px; width: 92px; background: url(../img/btn_more.gif) 0 0 no-repeat; }
.boxrow .box a.btn_more:hover { background-position: 0 bottom; }

.boxrow .boxlarge { background: url(../img/bg_box2.png) 0 0 no-repeat; height: 275px; }
.boxrow .boxlarge h2 { color: #4c5b84;}
.boxrow .boxlarge h2 a { color: #4c5b84; text-decoration: none; }
.boxrow .boxlarge h2 a span { color: #909a35; }
.boxrow .boxlarge h2 a:hover,
.boxrow .boxlarge h2 a:hover span { color: #737d22;}
.boxrow .boxlarge ul li a { background: url(../img/bg_box_li.jpg) 0 0 no-repeat; display: block; line-height: 32px; width: 234px; }
.boxrow .boxlarge ul li a:hover { background-position: 0 -32px; text-decoration: none; }

.boxrow .boxlarge ul li span { display: block; width: 32px; height: 22px; float: left; margin-top: 6px; }
.boxrow .boxlarge ul li span.calculator { background: url(../img/icon_calculator.gif) 0 0 no-repeat; }
.boxrow .boxlarge ul li span.calendar { background: url(../img/icon_calendar.gif) 0 0 no-repeat; }
.boxrow .boxlarge ul li span.car { background: url(../img/icon_car.gif) 0 0 no-repeat; }
.boxrow .boxlarge ul li span.key { background: url(../img/icon_key.gif) 0 0 no-repeat; }
.boxrow .boxlarge ul li span.link { background: url(../img/icon_link.gif) 0 0 no-repeat; }
.boxrow .boxlarge ul li span.phone { background: url(../img/icon_phone.gif) 0 0 no-repeat; }

.footer { height: 130px; background: url(../img/bg_bottom.jpg) center bottom no-repeat; text-align: center; }
.footer .contact { color: #a3a3a3; padding-top: 20px; }
.footer .contact p span { padding: 0 25px; }
.footer .submenu { color: #838c1f; font-size: 12px; margin-top: 70px; }
.footer .submenu a { color: #838c1f; text-decoration: none; padding: 0 19px; }
.footer .submenu a:hover { text-decoration: underline; }

.notes { font-size: 12px; text-align: center; }
