﻿@import url(/assets/css/reset.css);

body {

  /* for winter:*/
  background:#545D87  url(images/body-bg.jpg) top center no-repeat fixed;


  /*for summer:
  background:#2d2d1f  url(images/body-bg-summer.jpg) top center no-repeat fixed;*/

}

/* layout */

#container
{
  margin:0 auto; padding:0 0 0 0;
  width:1000px;
  background:url(images/container-bg.png) no-repeat 0 115px;
}

#header
{
  padding:21px 20px 0px 20px;
  width:960px;
  height:115px;
}

  #header h1 {
    margin:16px 0 0 1r0px;
    position:absolute;
  }

  #header h1 a
  {
    display:block;
    width:263px; height:72px;
    background:url(images/logo.png) no-repeat;
  }
  #header h1 span { display:none; }

  #usfs {
    background:url(images/usfs.png) no-repeat scroll 0 0 transparent;
    color:#000;
    display:block;
    font-size:0.75em;
    height:52px;
    line-height:1.5em;
    margin:10px 0 0 285px;
    padding:20px 0 0 70px;
    position:absolute;
    width:200px;
  }
  #usfs:hover { text-decoration:none; }

  .search {
    margin:-60px 140px 0 0;
    float:right;
    /*
    margin:0 0 0 660px;
    position:absolute;
    top:14px;
    */
    width:165px;
    height:26px;
    background:url(images/search-bg.png) no-repeat 0 0;
  }

  .search input.field
  {
    padding:7px 10px 0px 10px;
    width:113px;
    float:left;
    height:20px;
    border:0;
    background:none;
  }
  .search input.button
  {
    margin:7px 0 0 0;
    width:16px;
    height:14px;
    float:left;
    border:0;
  }

  /* sm icons */
  #interact-nav {
    position:absolute;
    top:15px;
    margin-left:830px;
  }
  #interact-nav li { float:left; }
  #interact-nav li a
  {
    display:block;
    width:26px; height:26px;
    margin:0 3px;
    background:url(images/sm-icons.gif) no-repeat;
  }
  #interact-nav li a span { display:none; }
  #interact-nav li a#facebook { background-position:-1px -1px; }
  #interact-nav li a#myspace { background-position:-31px -1px; }
  #interact-nav li a#twitter { background-position:-61px -1px; }
  #interact-nav li a#text { background-position:-91px -1px; }

#content
{
  width:960px;
  min-height:510px;
  padding:0 20px 0px 20px;
  background:url(images/content-bg.gif) repeat-y 0 0;
}
  #promo
  {
    width:930px;
    height:250px;
    background:#fff;
    padding:0 15px 20px;
    position:relative;
    overflow:hidden;
  }
    #photo-gallery {
      top:-245px;
      left:580px;
      position:relative;
    }

    #home-slideshow {
      position:absolute;
      z-index:500;
    }

  #primary
  {
    background:#FFF;
    /* padding:0 15px 10px 240px;*/
    padding:0 5px 10px 15px;
    width:720px;
    float:left;
    min-height:500px;
  }

  #sidebar
  {
    background:#FFF;
    width:200px;
    padding:10px;
    float:left;
    text-align:center;
  }
    #sidebar .ad img { margin:0 0 20px 0; }

#footer{
  margin:0 20px 40px 20px;
  padding:40px 20px;
  width:920px;
  background:#fff;
  color:#CCC;
  font-size:10px;
}
  #footer-logos { float:left; }

  #footer address
  {
    color:#999;
    white-space:pre;
    line-height:130%;
    text-align:right;
  }
  #footer address strong { font-weight:bold; }

  #footer .footer-links
  {
    clear:both;
    float:left;
    width:45%;
    margin-top:20px;
  }
  #footer .footer-links a
  {
    color:#CCC;
    text-decoration:none;
    text-transform:lowercase;
  }
  #footer .footer-links a:hover { color:#0066CB; }

  #footer .description
  {
    width:50%;
    float:right;
    margin-top:20px;
  }

/* generic styles */

.floatleft {
    float:left;
  }

.floatright {
    float:right;
  }

.clearboth {
    clear:both;
  }

.hide {
    display:none;
  }

.show {
    display:block;
  }

.message {
    text-align:left;
    border:1px solid #ccc;
    padding:5px 5px 5px 30px;
    font-size:12px;
    margin:5px 0;
  }

.good {
    border-color:#9c9;
    color:#060;
    font-weight:bold;
    background:url(/assets/images/cms/alertgood_icon.gif) #E2F9E3 left no-repeat;
  }

.alert {
    border-color:#D4B743;
    color:#C3A83E;
    font-weight:bold;
    background:url(/assets/images/cms/alert_icon.gif) #FBF7E6 left no-repeat;
  }

.bad {
    border-color:#c99;
    color:#fff !important;
    font-weight:bold;
    background:url(/assets/images/cms/alertbad_icon.gif) #c00 left no-repeat;
  }

.bad p {
    color:#fff;
  }

a.help {
    padding:2px;
    color:#fff;
    text-decoration:none;
    background:#a50b1e;
  }

  /* ---------- =Clear Fix ---------- */
.clearfix:after {
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
  }

.clearfix {
    display:inline-table;
  }

  /* Hides from IE-mac \*/
  * html .clearfix {
    height:1%;
  }
  .clearfix {
    display:block;
  }
  /* End hide from IE-mac */



.layoutmenu
{
    position:absolute;
    height:23px;
    line-height:23px;
    top:0;
    left:0;
    cursor:pointer;
}


/* homeslideshow */


#promo-slideshow{
  height:350px;
}

/*  Two Colum Content */
div.content-right-col {
  margin-top:-30px;
  margin-bottom:30px;
  float:right;
}
div.content-right-col a.btn-purchase-online {
  background:transparent url(/assets/content/images/btn-order-online.gif) no-repeat;
  display:block;
  width:169px;
  height:41px;
  margin:10px auto;
  text-indent:-9999px;
}

div.content-right-col a.btn-purchase-online:hover {
  background:transparent url(/assets/content/images/btn-order-online-over.gif) no-repeat;
}


/* summer
-------------------------------------------------------------------------------*/


.photoframe-blue{
  float:right;
  clear:both;
  margin-right:15px;
  width:250px;
  height:250px;
  background:url(images/bg-blueimageframe.gif) no-repeat;
}

.photoframe-blue img{
  position:relative;
  top:45px;
  left:56px;
}


