/*****************************************************************************
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; }

.footerwrap {width:940px; margin:0px auto;}
#footer.phat-footer {float:left; width:940px; margin:10px 0px 0px 0px; background:url(../img/bg_phat_footer.png) 0px 0px no-repeat;}
#footer.phat-footer UL {float:left; height:auto; width:135px; padding:13px 0px 5px 0px; margin:0px 20px 10px 0px;}
#footer.phat-footer .first {margin-left:27px;}
#footer.phat-footer .last {margin-right:0px;}
#footer.phat-footer LI {float:left; width:135px; padding:0.2em 0px 0.3em 0px; margin:0px; text-align:left; font-size:11px}
#footer.phat-footer LI A {color:#FFF;}
#footer.phat-footer .lead {color:#42517c; font-size:12px; font-weight:bold;}
#footer.phat-footer .lead A {color:#42517c;}
#footer.phat-footer P {float:left; text-align:left; padding:7px 0px; width:940px; clear:both; color:#818181; background:#FFF; font-size:12px; line-height:17px; }

.notes { font-size: 12px; text-align: center; }

