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

/* Containers
------------------------------------------------------------------------------*/
#page { position: relative; margin-left: auto; margin-right: auto; width: 992px; overflow: hidden; }

/* Grid >> Global
------------------------------------------------------------------------------*/
.rj-grid-1, .rj-grid-2, .rj-grid-3, .rj-grid-4, .rj-grid-5, .rj-grid-6, .rj-grid-7, .rj-grid-8, .rj-grid-9, .rj-grid-10, .rj-grid-11, .rj-grid-12, .rj-grid-13, .rj-grid-14, .rj-grid-15, .rj-grid-16, .rj-grid-17, .rj-grid-18, .rj-grid-19, .rj-grid-20, .rj-grid-21, .rj-grid-22, .rj-grid-23, .rj-grid-24, .rj-grid-25, .rj-grid-26, .rj-grid-27, .rj-grid-28, .rj-grid-29, .rj-grid-30, .rj-grid-31, .rj-grid-32 { display:inline; float: left; position: relative; margin-left: 5px; margin-right: 5px; overflow: hidden; /* clears floats and restricts content to the elements defined area */ }

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

/* Grid >> 32 Columns
------------------------------------------------------------------------------*/
.rj-grid-1 { width:21px; }
.rj-grid-2 { width:52px; }
.rj-grid-3 { width:83px; }
.rj-grid-4 { width:114px; }
.rj-grid-5 { width:145px; }
.rj-grid-6 { width:176px; }
.rj-grid-7 { width:207px; }
.rj-grid-8 { width:238px; }
.rj-grid-9 { width:269px; }
.rj-grid-10 { width:300px; }
.rj-grid-11 { width:331px; }
.rj-grid-12 { width:362px; }
.rj-grid-13 { width:393px; }
.rj-grid-14 { width:424px; }
.rj-grid-15 { width:455px; }
.rj-grid-16 { width:486px; }
.rj-grid-17 { width:517px; }
.rj-grid-18 { width:548px; }
.rj-grid-19 { width:579px; }
.rj-grid-20 { width:610px; }
.rj-grid-21 { width:641px; }
.rj-grid-22 { width:672px; }
.rj-grid-23 { width:703px; }
.rj-grid-24 { width:734px; }
.rj-grid-25 { width:765px; }
.rj-grid-26 { width:796px; }
.rj-grid-27 { width:827px; }
.rj-grid-28 { width:858px; }
.rj-grid-29 { width:889px; }
.rj-grid-30 { width:920px; }
.rj-grid-31 { width:951px; }
.rj-grid-32 { width:982px; }

/* Prefix Extra Space >> 32 Columns
------------------------------------------------------------------------------*/
.rj-prefix-1 { padding-left:31px; }
.rj-prefix-2 { padding-left:62px; }
.rj-prefix-3 { padding-left:93px; }
.rj-prefix-4 { padding-left:124px; }
.rj-prefix-5 { padding-left:155px; }
.rj-prefix-6 { padding-left:186px; }
.rj-prefix-7 { padding-left:217px; }
.rj-prefix-8 { padding-left:248px; }
.rj-prefix-9 { padding-left:279px; }
.rj-prefix-10 { padding-left:310px; }
.rj-prefix-11 { padding-left:341px; }
.rj-prefix-12 { padding-left:372px; }
.rj-prefix-13 { padding-left:403px; }
.rj-prefix-14 { padding-left:434px; }
.rj-prefix-15 { padding-left:465px; }
.rj-prefix-16 { padding-left:496px; }
.rj-prefix-17 { padding-left:527px; }
.rj-prefix-18 { padding-left:558px; }
.rj-prefix-19 { padding-left:589px; }
.rj-prefix-20 { padding-left:620px; }
.rj-prefix-21 { padding-left:651px; }
.rj-prefix-22 { padding-left:682px; }
.rj-prefix-23 { padding-left:713px; }
.rj-prefix-24 { padding-left:744px; }
.rj-prefix-25 { padding-left:775px; }
.rj-prefix-26 { padding-left:806px; }
.rj-prefix-27 { padding-left:837px; }
.rj-prefix-28 { padding-left:868px; }
.rj-prefix-29 { padding-left:899px; }
.rj-prefix-30 { padding-left:930px; }
.rj-prefix-31 { padding-left:961px; }

/* Suffix Extra Space >> 32 Columns
------------------------------------------------------------------------------*/
.rj-suffix-1 { padding-right:31px; }
.rj-suffix-2 { padding-right:62px; }
.rj-suffix-3 { padding-right:93px; }
.rj-suffix-4 { padding-right:124px; }
.rj-suffix-5 { padding-right:155px; }
.rj-suffix-6 { padding-right:186px; }
.rj-suffix-7 { padding-right:217px; }
.rj-suffix-8 { padding-right:248px; }
.rj-suffix-9 { padding-right:279px; }
.rj-suffix-10 { padding-right:310px; }
.rj-suffix-11 { padding-right:341px; }
.rj-suffix-12 { padding-right:372px; }
.rj-suffix-13 { padding-right:403px; }
.rj-suffix-14 { padding-right:434px; }
.rj-suffix-15 { padding-right:465px; }
.rj-suffix-16 { padding-right:496px; }
.rj-suffix-17 { padding-right:527px; }
.rj-suffix-18 { padding-right:558px; }
.rj-suffix-19 { padding-right:589px; }
.rj-suffix-20 { padding-right:620px; }
.rj-suffix-21 { padding-right:651px; }
.rj-suffix-22 { padding-right:682px; }
.rj-suffix-23 { padding-right:713px; }
.rj-suffix-24 { padding-right:744px; }
.rj-suffix-25 { padding-right:775px; }
.rj-suffix-26 { padding-right:806px; }
.rj-suffix-27 { padding-right:837px; }
.rj-suffix-28 { padding-right:868px; }
.rj-suffix-29 { padding-right:899px; }
.rj-suffix-30 { padding-right:930px; }
.rj-suffix-31 { padding-right:961px; }

/* Push Space >> 32 Columns
------------------------------------------------------------------------------*/
.rj-push-1 { left:31px; }
.rj-push-2 { left:62px; }
.rj-push-3 { left:93px; }
.rj-push-4 { left:124px; }
.rj-push-5 { left:155px; }
.rj-push-6 { left:186px; }
.rj-push-7 { left:217px; }
.rj-push-8 { left:248px; }
.rj-push-9 { left:279px; }
.rj-push-10 { left:310px; }
.rj-push-11 { left:341px; }
.rj-push-12 { left:372px; }
.rj-push-13 { left:403px; }
.rj-push-14 { left:434px; }
.rj-push-15 { left:465px; }
.rj-push-16 { left:496px; }
.rj-push-17 { left:527px; }
.rj-push-18 { left:558px; }
.rj-push-19 { left:589px; }
.rj-push-20 { left:620px; }
.rj-push-21 { left:651px; }
.rj-push-22 { left:682px; }
.rj-push-23 { left:713px; }
.rj-push-24 { left:744px; }
.rj-push-25 { left:775px; }
.rj-push-26 { left:806px; }
.rj-push-27 { left:837px; }
.rj-push-28 { left:868px; }
.rj-push-29 { left:899px; }
.rj-push-30 { left:930px; }
.rj-push-31 { left:961px; }

/* Pull Space >> 32 Columns
------------------------------------------------------------------------------*/
.rj-pull-1 { left:-31px; }
.rj-pull-2 { left:-62px; }
.rj-pull-3 { left:-93px; }
.rj-pull-4 { left:-124px; }
.rj-pull-5 { left:-155px; }
.rj-pull-6 { left:-186px; }
.rj-pull-7 { left:-217px; }
.rj-pull-8 { left:-248px; }
.rj-pull-9 { left:-279px; }
.rj-pull-10 { left:-310px; }
.rj-pull-11 { left:-341px; }
.rj-pull-12 { left:-372px; }
.rj-pull-13 { left:-403px; }
.rj-pull-14 { left:-434px; }
.rj-pull-15 { left:-465px; }
.rj-pull-16 { left:-496px; }
.rj-pull-17 { left:-527px; }
.rj-pull-18 { left:-558px; }
.rj-pull-19 { left:-589px; }
.rj-pull-20 { left:-620px; }
.rj-pull-21 { left:-651px; }
.rj-pull-22 { left:-682px; }
.rj-pull-23 { left:-713px; }
.rj-pull-24 { left:-744px; }
.rj-pull-25 { left:-775px; }
.rj-pull-26 { left:-806px; }
.rj-pull-27 { left:-837px; }
.rj-pull-28 { left:-868px; }
.rj-pull-29 { left:-899px; }
.rj-pull-30 { left:-930px; }
.rj-pull-31 { left:-961px; }

/* Clear Floated Elements
------------------------------------------------------------------------------*/
/* http://sonspring.com/journal/clearing-floats */
.clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }
/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */
.clearfix:after { clear: both; content: ' '; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }

/* Development Classes
------------------------------------------------------------------------------*/
.bkgd-grid-8 { background: #fff url('http://media.lvrj.com/designimages/992px-8col-grid.png') repeat-y; }
.bkgd-grid-16 { background: #fff url('http://media.lvrj.com/designimages/992px-16col-grid.png') repeat-y; }
.bkgd-grid-32 { background: #fff url('http://media.lvrj.com/designimages/992px-32col-grid.png') repeat-y; }
.bkgd-container { background: #999; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=40); background: rgba(0,0,0,0.4); /* CSS3 property */ }
