/* @override 
	http://remedydrive/sites/remedydrive.wbrdev.com/themes/remedydrive/layout.css
	http://remedydrive.wbrdev.com/sites/remedydrive.wbrdev.com/themes/remedydrive/layout.css
*/

/* $Id: layout-fixed.css,v 1.1.2.7 2008/01/28 17:41:35 johnalbin Exp $ */

/*
 * LAYOUT STYLES
 *
 * Define CSS classes to create a table-free, 3-column, 2-column, or single
 * column layout depending on whether blocks are enabled in the left or right
 * columns.
 *
 * This layout is based on the Border Politics Layout Method.
 *   http://drupal.org/node/201428
 *
 * Only CSS that affects the layout (positioning) of major elements should be
 * listed here.  Such as:
 *   display, position, float, clear, width, height, min-width, min-height
 *   margin, border, padding, overflow
 */


/** body **/
  body 	{
    margin: 0;
    padding: 0;
    
}
  #bg-top {
    background: url(sadeimages/bg-page-top.jpg) no-repeat center top;
    margin-bottom: -50px;
}
  #bg-mid-tile {
    background: #bababa url(sadeimages/bg-page-tile.jpg) repeat-y center 1455px;
}
  #bg-mid {
    background: url(sadeimages/bg-page-mid1.jpg) no-repeat center 487px;
}
  #bg-bottom {
    
}

/* Tours page */
.page-tours #bg-mid-tile,
.node-type-show #bg-mid-tile {
  background: #bababa url('sadeimages/bg-page-tile-tours.jpg') repeat-y center 1455px;
}

.page-tours #bg-mid,
.node-type-show #bg-mid {
  background: url('sadeimages/bg-page-mid1-tours.jpg') no-repeat center 487px;
}

.page-tours #footer,
.node-type-show #footer {
  background: url('sadeimages/bg-page-bottom1-tours.jpg') no-repeat center top;
}

  #footer
  {
	background: url(sadeimages/bg-page-bottom1.jpg) no-repeat center top;
	height: 260px;
	overflow: hidden;
  }
  #footer-inner
  {
   padding: 0 15px 0 0;
}  
  #footer-inner-wrapper {
	
	margin-left: auto;
    margin-right: auto;
    width: 956px;	
    padding-top: 70px;
}
  
  
  #page
  {
    /*
     * If you want to make the page a fixed width and centered in the viewport,
     * this is the standards-compliant way to do that. See also the ie.css file
     * for the necessary IE5 hack to center a div.
     */
    margin-left: auto;
    margin-right: auto;
    width: 976px;
  }

  #page-inner
  {
  }

/** header **/
  #header
  {
    height: 494px;
  }

  #header-inner
  {
	position: relative;
  }

  #logo-title
  {
    position: absolute;
    top: 110px;
    left: 20px;

  }

  #logo
  {
  }

  #site-name
  {
    margin: 0;
    line-height: 1.3em;
    width: 340px;
    height: 120px;
    text-indent: -99999em;
    display: block;
  }

  #site-slogan
  {
  }

  #header-blocks
  {
    clear: both; /* Clear the logo */
  }

/** main (container for everything else) **/
  #main
  {
    position: relative;
  }

  #main-inner
  {
  }

/** content **/
  #content,
  .two-sidebars #content
  {
    float: left;
    width: 244px;
    margin-left: 366px; /* The width of #sidebar-left */
    margin-right: -610px; /* Negative value of #content's width + left margin. */
    padding: 0; /* DO NOT CHANGE. Add padding or margin to #content-inner. */
  }

  .sidebar-left #content
  {
    width: 610px;
    margin-left: 366px; /* The width of #sidebar-left. */
    margin-right: -976px; /* Negative value of #content's width + left margin. */
  }

  .sidebar-right #content
  {
    width: 610px;
    margin-left: 0;
    margin-right: -610px; /* Negative value of #content's width + left margin. */
  }

  .no-sidebars #content
  {
    width: 976px;
    margin-left: 0;
    margin-right: -976px; /* Negative value of #content's width + left margin. */
  }

  #content-inner
  {
    margin: 0;
    padding: 12px 20px;
  }

/** navbar **/
  #navbar
  {
	position: absolute;
	top: 42px;
	left: -4px;
	width: 550px;
  }

  .with-navbar #content,
  .with-navbar #sidebar-left,
  .with-navbar #sidebar-right
  {
/*    margin-top: 3.6em; */ /* Set this to the same value as the navbar height above. */
  }


  #search-box
  {
    width: 366px;
    margin-right: -366px; /* Negative value of #search-box's width. */
    float: left;
  }

  #primary
  {
  }

  #secondary
  {
	clear: left;

  }

  #navbar ul /* Primary and secondary links */
  {
    margin: 0;
    padding: 0;
    text-align: left;
  }

  #navbar #primary li /* A simple method to get navbar links to appear in one line. */
  {
    float: left;
    padding: 0 0 0 0;
  }

  /* There are many methods to get navbar links to appear in one line.
   * Here's an alternate method: */
  /*
  #navbar li
  {
    display: inline;
    padding: 0 10px 0 0;
  }
  */

/** sidebar-left **/
  #sidebar-left
  {
    float: left;
    width: 366px;
    margin-left: 0;
    margin-right: -366px; /* Negative value of #sidebar-left's width + left margin. */
    padding: 0; /* DO NOT CHANGE. Add padding or margin to #sidebar-left-inner. */
  }

  #sidebar-left-inner
  {
    margin: 0;
    padding: 12px 26px 12px 16px;
  }

/** sidebar-right **/
  #sidebar-right
  {
    float: left;
    width: 366px;
    margin-left: 610px; /* Width of content + sidebar-left. */
    margin-right: -976px; /* Negative value of #sidebar-right's width + left margin. */
    padding: 0; /* DO NOT CHANGE. Add padding or margin to #sidebar-right-inner. */
  }

  #sidebar-right-inner
  {
    margin: 0 0 0 20px;
    padding: 0;
  }

/** footer **/
  #footer
  {
  }

  #footer-inner
  {
  }

  #closure-blocks
  {
  }

/** Prevent overflowing content **/
  #header,
  #content,
  #navbar,
  #sidebar-left,
  #sidebar-right,
  #footer,
  #closure-blocks
  {
    overflow: visible;
    word-wrap: break-word; /* A very nice CSS3 property */
  }

  #navbar
  {
    overflow: hidden; /* May need to be removed if using a dynamic drop-down menu */
  }
.front .panel-col-first {
  /*width: 260px;*/
}
.front .panel-col-last {
  /*width: 260px;*/
  margin-bottom: -50px;
}

.front div#content-inner {
  padding-top: 0;
}
.clear-both {
	clear: both;
	margin-bottom: 10px;
}