/* 960 Grid System ~ Core CSS. Learn more ~ http://960.gs/
 Licensed under GPL and MIT.
 Modified for Drupal.
*/
/*
	Variable Grid System.
	Learn more ~ http://www.spry-soft.com/grids/
	Based on 960 Grid System - http://960.gs/

	Licensed under GPL and MIT.
*/
/* Forces backgrounds to span full width, even if there is horizontal scrolling. Increase this if your layout is wider.
 Note: IE6 works fine without this fix.
*/
body { min-width: 960px; }

/* Containers
----------------------------------------------------------------------------------------------------*/
.container-16 { margin-left: auto; margin-right: auto; width: 960px; }

/* Grid >> Global
----------------------------------------------------------------------------------------------------*/
.grid-1, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6, .grid-7, .grid-8, .grid-9, .grid-10, .grid-11, .grid-12, .grid-13, .grid-14, .grid-15, .grid-16 { display: inline; float: left; position: relative; margin-left: 8px; margin-right: 7px; }

.push-1, .pull-1, .push-2, .pull-2, .push-3, .pull-3, .push-4, .pull-4, .push-5, .pull-5, .push-6, .pull-6, .push-7, .pull-7, .push-8, .pull-8, .push-9, .pull-9, .push-10, .pull-10, .push-11, .pull-11, .push-12, .pull-12, .push-13, .pull-13, .push-14, .pull-14, .push-15, .pull-15, .push-16, .pull-16 { position: relative; }

/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/
.alpha { margin-left: 0; }

.omega { margin-right: 0; }

/* Grid >> 16 Columns
----------------------------------------------------------------------------------------------------*/
.container-16 .grid-1 { width: 45px; }

.container-16 .grid-2 { width: 105px; }

.container-16 .grid-3 { width: 165px; }

.container-16 .grid-4 { width: 225px; }

.container-16 .grid-5 { width: 285px; }

.container-16 .grid-6 { width: 345px; }

.container-16 .grid-7 { width: 405px; }

.container-16 .grid-8 { width: 465px; }

.container-16 .grid-9 { width: 525px; }

.container-16 .grid-10 { width: 585px; }

.container-16 .grid-11 { width: 645px; }

.container-16 .grid-12 { width: 705px; }

.container-16 .grid-13 { width: 765px; }

.container-16 .grid-14 { width: 825px; }

.container-16 .grid-15 { width: 885px; }

.container-16 .grid-16 { width: 945px; }

/* Prefix Extra Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/
.container-16 .prefix_1 { padding-left: 60px; }

.container-16 .prefix_2 { padding-left: 120px; }

.container-16 .prefix_3 { padding-left: 180px; }

.container-16 .prefix_4 { padding-left: 240px; }

.container-16 .prefix_5 { padding-left: 300px; }

.container-16 .prefix_6 { padding-left: 360px; }

.container-16 .prefix_7 { padding-left: 420px; }

.container-16 .prefix_8 { padding-left: 480px; }

.container-16 .prefix_9 { padding-left: 540px; }

.container-16 .prefix_10 { padding-left: 600px; }

.container-16 .prefix_11 { padding-left: 660px; }

.container-16 .prefix_12 { padding-left: 720px; }

.container-16 .prefix_13 { padding-left: 780px; }

.container-16 .prefix_14 { padding-left: 840px; }

.container-16 .prefix_15 { padding-left: 900px; }

/* Suffix Extra Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/
.container-16 .suffix_1 { padding-right: 60px; }

.container-16 .suffix_2 { padding-right: 120px; }

.container-16 .suffix_3 { padding-right: 180px; }

.container-16 .suffix_4 { padding-right: 240px; }

.container-16 .suffix_5 { padding-right: 300px; }

.container-16 .suffix_6 { padding-right: 360px; }

.container-16 .suffix_7 { padding-right: 420px; }

.container-16 .suffix_8 { padding-right: 480px; }

.container-16 .suffix_9 { padding-right: 540px; }

.container-16 .suffix_10 { padding-right: 600px; }

.container-16 .suffix_11 { padding-right: 660px; }

.container-16 .suffix_12 { padding-right: 720px; }

.container-16 .suffix_13 { padding-right: 780px; }

.container-16 .suffix_14 { padding-right: 840px; }

.container-16 .suffix_15 { padding-right: 900px; }

/* Push Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/
.container-16 .push-1 { left: 60px; }

.container-16 .push-2 { left: 120px; }

.container-16 .push-3 { left: 180px; }

.container-16 .push-4 { left: 240px; }

.container-16 .push-5 { left: 300px; }

.container-16 .push-6 { left: 360px; }

.container-16 .push-7 { left: 420px; }

.container-16 .push-8 { left: 480px; }

.container-16 .push-9 { left: 540px; }

.container-16 .push-10 { left: 600px; }

.container-16 .push-11 { left: 660px; }

.container-16 .push-12 { left: 720px; }

.container-16 .push-13 { left: 780px; }

.container-16 .push-14 { left: 840px; }

.container-16 .push-15 { left: 900px; }

/* Pull Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/
.container-16 .pull-1 { left: -60px; }

.container-16 .pull-2 { left: -120px; }

.container-16 .pull-3 { left: -180px; }

.container-16 .pull-4 { left: -240px; }

.container-16 .pull-5 { left: -300px; }

.container-16 .pull-6 { left: -360px; }

.container-16 .pull-7 { left: -420px; }

.container-16 .pull-8 { left: -480px; }

.container-16 .pull-9 { left: -540px; }

.container-16 .pull-10 { left: -600px; }

.container-16 .pull-11 { left: -660px; }

.container-16 .pull-12 { left: -720px; }

.container-16 .pull-13 { left: -780px; }

.container-16 .pull-14 { left: -840px; }

.container-16 .pull-15 { left: -900px; }

/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/
/* http://sonspring.com/journal/clearing-floats */
.clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }

/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */
.clearfix:before, .clearfix:after { content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }

.clearfix:after { clear: both; }

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

.grid-4_5 { display: inline; float: left; position: relative; margin-left: 8px; margin-right: 7px; }

.container-16 .grid-4_5 { width: 255px; }
.container-16 .grid-4_5.alpha { margin-left: 0; }
.container-16 .grid-4_5.omega { margin-right: 0; }