/*
 * Body Styles
 * ----------------------------------------------------------------------------
 */
 
  body
  {
  	margin: 0;
    padding: 0;
  }

  #wrapper
  {
    min-width: 1020px;
  }

	#background 
	{
		width: 100%;
		height: 100%;
		overflow: hidden;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 1;
	}


/*
 * Header
 * ----------------------------------------------------------------------------
 */
  #header
  {
  	width: 100%;
  	min-width: 900px;
  	height: 207px;
  	position: relative;
  	top: 0;
  	left: 0;
  	z-index: 10;
  }

  #header-inner
  {
  }

  #logo
  {
  	margin: 2px 0 0 20px;
  	border: none;
  }

  #google-map
  {
  	margin: 22px 10px 0 0;
  }
  #other-site
  {
  	margin: 0px 10px 0 0;
  }




/*
 * Main & Page (containers for everything else)
 * ----------------------------------------------------------------------------
 */
 
  #main
  {
    width: 100%;
		height: auto;
		position: relative;
		top: 0;
		left: 0;
		margin: 50px 0 25px;
		z-index: 2;
  }
  #main-inner
  {
  	width: 900px;
  	margin: 0 auto;
  }

	#page
	{
	}
	#page-inner
	{
	}
	

/*
 * Navigation and Menus
 * ----------------------------------------------------------------------------
 */
 

  #primary-menu
  {
  	position: absolute;
  	top: 132px;
  	left: 95px;
  }

  #primary-menu ul
  {
    margin: 0;
    padding: 0;
    text-align: left;
  }

  #primary-menu li /* A simple method to get navbar links to appear in one line. */
  {
    float: left;
    list-style-type: none;
  }

  /* There are many methods to get navbar links to appear in one line.
   * Here's an alternate method: */
  /*
  #primary-menu li
  {
    display: inline;
  }
  */
  
  #social-media
  {
  	width: 325px;
		height: 32px;
		position: absolute;
		top: 206px;
		left: 95px;
		z-index: 10;
  }
  #social-media-inner
  {
  }



/*
 * Content
 * ----------------------------------------------------------------------------
 */
 
  #content,
  .no-sidebars #content
  {
    float: left;
    width: 746px;
    margin: 20px -796px 40px 50px;
    padding: 0; /* DO NOT CHANGE. Add padding or margin to #content-inner. */
  }

  .sidebar-left #content
  {
    width: 570px;
    margin-left: 258px; /* The width of #sidebar-left. */
    margin-right: -848px; /* Negative value of #content's width + left margin. */
  }

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

  .two-sidebars #content
  {
    width: 332px;
    margin-left: 258px; /* The width of #sidebar-left */
    margin-right: -590px; /* Negative value of #content's width + left margin. */
  }

  #content-inner
  {
    margin: 0;
    padding: 0;
  }



/*
 * Sidebar
 * ----------------------------------------------------------------------------
 */
 	
 	
  #sidebar-left
  {
    float: left;
    width: 220px;
    margin: 20px 0;
    margin-left: 20px;
    margin-right: -240px; /* 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: 0;
  }
  
  .sidebar-right #sidebar-left, .no-sidebars #sidebar-left
 	{
 		display: none;
 	}
 	


  #sidebar-right
  {
    float: left;
    width: 290px;
    margin: 20px 0;
    margin-left: 548px; /* Width of content + sidebar-left. */
    margin-right: -848px; /* 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;
    padding: 0;
  }

	.sidebar-left #sidebar-right, .no-sidebars #sidebar-right
 	{
 		display: none;
 	}

/*
 * Footer
 * ----------------------------------------------------------------------------
 */
  #footer
  {
  	width: 100%;
  	height: 90px;
  	position: relative;
		bottom: 0;
		left: 0;
		z-index: 10;
  }

  #footer-inner
  {
  }


/*
 * Prevent overflowing content
 * ----------------------------------------------------------------------------
 */
  #header,
  #content,
  #menu,
  #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 */
  }

  /* If a div.clear-block doesn't have any content after it and its bottom edge
     touches the bottom of the viewport, Firefox and Safari will mistakenly
     place several pixels worth of space between the bottom of the div and the
     bottom of the viewport. Uncomment this CSS property to fix this.
     Note: with some over-large content, this property might cause scrollbars
     to appear on the #page div.
  */
  /*
  #page
  {
    overflow-y: hidden;
  }
  */


/*
 * Helpers
 * ----------------------------------------------------------------------------
 */
 
	.clear-block
	{
		clear: both;
	}
	
	.left
	{
		float: left;
	}
	.right
	{
		float: right;
	}
	
	.col-1, .col-2, .col-3, .col-spacer, .col-span
  {
  	float: left;
  	position: relative;
  }
  
  .align-right
  {
  	text-align: right;
  }

   .location-popup {
      width: 100%;
      height: 100%;
     background: url('../images/popup_bg.jpg') center center no-repeat;
     position: relative;
  }
  
   a.enter {
      position: absolute;
      top: 228px;
      left: 166px;
      width: 176px;
      height: 39px;
      display: block;
      text-indent: -9000em;
      background-image: url('../images/enter_site_bg.png');
      background-position: top left;
      background-repeat: no-repeat;
  }
  
   .location-popup a.enter:hover {
      background-position: bottom left;
  }
  
   #shadowbox_info,  #shadowbox_nav_close,  #shadowbox_nav_print {
      display: none;
  }