@charset "utf-8";
/* $Id: framework.css,v 1.10 2009/11/02 17:42:27 epiphany Exp $ */


html, body {
	margin: 0;
}

/* Universal Classes to show/hide responsive content
----------------------------------------------------------------------------------------------------*/
.mobile_content {
  display: block;
}

.nonmobile_content {
  display: none;
}

.fullscreen_content {
  display: none;
}

.halfscreen_content {
  display: none;
}

.mobile_content.halfscreen_content {
  display: block;
}

/* Half Screen ----------- */
@media screen and (min-width: 480px) and (max-width: 960px) {
  .mobile_content {
    display: none;
  }

  .nonmobile_content {
    display: block;
  }

  .fullscreen_content {
    display: none;
  }

  .halfscreen_content {
    display: block;
  }
}

/* Desktops and laptops ----------- */
@media screen and (min-width: 960px) {
  /* Styles */
  #page-container {
    width: 960px;
  }

  #promo-container {
    display: block;
  }

  .mobile_content {
    display: none;
  }

  .nonmobile_content {
    display: block;
  }

  .fullscreen_content {
    display: block;
  }

  .halfscreen_content {
    display: none;
  }

  .mobile_content.halfscreen_content {
    display: none;
  }

}


/* List Items
----------------------------------------------------------------------------------------------------*/

ol {
  list-style: decimal;
}

ul {
  list-style: square;
}



/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */
.clear {
	clear: both;
	display: block;
	overflow: hidden;
	height: 0;
}

/* http://perishablepress.com/press/2009/12/06/new-clearfix-hack */
.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	height: 0;
}



/*
	The following zoom:1 rule is specifically for IE6 + IE7.
	Move to separate stylesheet if invalid CSS is a problem.
*/

* html .clearfix,
*:first-child+html .clearfix {
	zoom: 1;
}