/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/
/* Table of Contents
==================================================
#Base 960 Grid
#Tablet (Portrait)
#Mobile (Portrait)
#Mobile (Landscape)
#Clearing */
/* #Base 960 Grid
================================================== */
.container {position:relative;width:960px;margin:0 auto;padding:0;}
.container .column, .container .columns {float:left;display:inline;margin-left:10px;margin-right:10px;}
.row {margin-bottom:21px;}
/* Nested Column Classes */
.column.alpha, .columns.alpha {margin-left:0;}
.column.omega, .columns.omega {margin-right:0;}
/* Base Grid */
.container .one.column, .container .one.columns {width:40px;}
.container .two.columns {width:100px;}
.container .three.columns {width:160px;}
.container .four.columns {width:220px;}
.container .five.columns {width:280px;}
.container .six.columns {width:340px;}
.container .seven.columns {width:400px;}
.container .eight.columns {width:460px;}
.container .nine.columns {width:520px;}
.container .ten.columns {width:580px;}
.container .eleven.columns {width:640px;}
.container .twelve.columns {width:700px;}
.container .thirteen.columns {width:760px;}
.container .fourteen.columns {width:820px;}
.container .fifteen.columns {width:880px;}
.container .sixteen.columns {width:940px;}
.container .one-third.column {width:300px;}
.container .two-thirds.column {width:620px;}
.container .one-half.column {width:450px;} 
/* Offsets */
.container .offset-by-one {padding-left:60px;}
.container .offset-by-two {padding-left:120px;}
.container .offset-by-three {padding-left:180px;}
.container .offset-by-four {padding-left:240px;}
.container .offset-by-five {padding-left:300px;}
.container .offset-by-six {padding-left:360px;}
.container .offset-by-seven {padding-left:420px;}
.container .offset-by-eight {padding-left:480px;}
.container .offset-by-nine {padding-left:540px;}
.container .offset-by-ten {padding-left:600px;}
.container .offset-by-eleven {padding-left:660px;}
.container .offset-by-twelve {padding-left:720px;}
.container .offset-by-thirteen {padding-left:780px;}
.container .offset-by-fourteen {padding-left:840px;}
.container .offset-by-fifteen {padding-left:900px;}
/* #Additional - Large Screens beyond 1280px */
/* Note:Design for a width of 1280px */
@media only screen and (min-width:2381px) {
.container                                  {width:1280px;}
.container .column,
.container .columns                         {margin-left:10px;margin-right:10px;}
.column.alpha, .columns.alpha               {margin-left:0;margin-right:10px;}
.column.omega, .columns.omega               {margin-right:0;margin-left:10px;}
.alpha.omega                                {margin-left:0;margin-right:0;}
.container .one.column,
.container .one.columns                     {width:60px;}
.container .two.columns                     {width:140px;}
.container .three.columns                   {width:220px;}
.container .four.columns                    {width:300px;}
.container .five.columns                    {width:380px;}
.container .six.columns                     {width:460px;}
.container .seven.columns                   {width:540px;}
.container .eight.columns                   {width:620px;}
.container .nine.columns                    {width:700px;}
.container .ten.columns                     {width:780px;}
.container .eleven.columns                  {width:860px;}
.container .twelve.columns                  {width:940px;}
.container .thirteen.columns                {width:1020px;}
.container .fourteen.columns                {width:1100px;}
.container .fifteen.columns                 {width:1180px;}
.container .sixteen.columns                 {width:1260px;}
.container .one-third.column                {width:406px;}
.container .two-thirds.column               {width:822px;}
/* Offsets */
.container .offset-by-one                   {padding-left:80px;}
.container .offset-by-two                   {padding-left:160px;}
.container .offset-by-three                 {padding-left:240px;}
.container .offset-by-four                  {padding-left:320px;}
.container .offset-by-five                  {padding-left:400px;}
.container .offset-by-six                   {padding-left:480px;}
.container .offset-by-seven                 {padding-left:560px;}
.container .offset-by-eight                 {padding-left:640px;}
.container .offset-by-nine                  {padding-left:720px;}
.container .offset-by-ten                   {padding-left:800px;}
.container .offset-by-eleven                {padding-left:880px;}
.container .offset-by-twelve                {padding-left:960px;}
.container .offset-by-thirteen              {padding-left:1040px;}
.container .offset-by-fourteen              {padding-left:1120px;}
.container .offset-by-fifteen               {padding-left:1200px;}
}
/* #Tablet (Portrait) */
/* Note:Design for a width of 768px */
@media only screen and (min-width:768px) and (max-width:959px) {
.wrap {max-width:828px;}
.container                                  {width:768px;}
.container .column,
.container .columns                         {margin-left:10px;margin-right:10px;margin-bottom:21px;}
.column.alpha, .columns.alpha               {margin-left:0;margin-right:10px;}
.column.omega, .columns.omega               {margin-right:0;margin-left:10px;}
.alpha.omega                                {margin-left:0;margin-right:0;}
.container .one.column,
.container .one.columns                     {width:28px;}
.container .two.columns                     {width:76px;}
.container .three.columns                   {width:124px;}
.container .four.columns                    {width:172px;}
.container .five.columns                    {width:220px;}
.container .six.columns                     {width:268px;}
.container .seven.columns                   {width:316px;}
.container .eight.columns                   {width:364px;}
.container .nine.columns                    {width:412px;}
.container .ten.columns                     {width:460px;}
.container .eleven.columns                  {width:508px;}
.container .twelve.columns                  {width:556px;}
.container .thirteen.columns                {width:604px;}
.container .fourteen.columns                {width:652px;}
.container .fifteen.columns                 {width:700px;}
.container .sixteen.columns                 {width:748px;}
.container .one-third.column                {width:236px;}
.container .two-thirds.column               {width:492px;}
.container .one-half.column                 {width:354px;} 
/* Offsets */
.container .offset-by-one                   {padding-left:48px;}
.container .offset-by-two                   {padding-left:96px;}
.container .offset-by-three                 {padding-left:144px;}
.container .offset-by-four                  {padding-left:192px;}
.container .offset-by-five                  {padding-left:240px;}
.container .offset-by-six                   {padding-left:288px;}
.container .offset-by-seven                 {padding-left:336px;}
.container .offset-by-eight                 {padding-left:384px;}
.container .offset-by-nine                  {padding-left:432px;}
.container .offset-by-ten                   {padding-left:480px;}
.container .offset-by-eleven                {padding-left:528px;}
.container .offset-by-twelve                {padding-left:576px;}
.container .offset-by-thirteen              {padding-left:624px;}
.container .offset-by-fourteen              {padding-left:672px;}
.container .offset-by-fifteen               {padding-left:720px;}
}
/*  #Mobile (Portrait) */
/* Note:Design for a width of 320px */
@media only screen and (max-width:767px) {
.container {width:300px;}
.container .columns,
.container .column {margin:0;margin-bottom:14px;}
.container .one.column,
.container .one.columns,
.container .two.columns,
.container .three.columns,
.container .four.columns,
.container .five.columns,
.container .six.columns,
.container .seven.columns,
.container .eight.columns,
.container .nine.columns,
.container .ten.columns,
.container .eleven.columns,
.container .twelve.columns,
.container .thirteen.columns,
.container .fourteen.columns,
.container .fifteen.columns,
.container .sixteen.columns,
.container .one-third.column,
.container .one-half.column,
.container .two-thirds.column  {width:300px;} 

/* Offsets */
.container .offset-by-one,
.container .offset-by-two,
.container .offset-by-three,
.container .offset-by-four,
.container .offset-by-five,
.container .offset-by-six,
.container .offset-by-seven,
.container .offset-by-eight,
.container .offset-by-nine,
.container .offset-by-ten,
.container .offset-by-eleven,
.container .offset-by-twelve,
.container .offset-by-thirteen,
.container .offset-by-fourteen,
.container .one-half.column,
.container .offset-by-fifteen {padding-left:0;}

}
/* #Mobile (Landscape) */
/* Note:Design for a width of 480px */
@media only screen and (min-width:480px) and (max-width:767px) {
.container {width:420px;}
.container .columns,
.container .column {margin:0;margin-bottom:21px;}
.container .one.column,
.container .one.columns,
.container .two.columns,
.container .three.columns,
.container .four.columns,
.container .five.columns,
.container .six.columns,
.container .seven.columns,
.container .eight.columns,
.container .nine.columns,
.container .ten.columns,
.container .eleven.columns,
.container .twelve.columns,
.container .thirteen.columns,
.container .fourteen.columns,
.container .fifteen.columns,
.container .sixteen.columns,
.container .one-third.column,
.container .two-thirds.column {width:420px;} 
}
/* #Clearing */
/* Self Clearing Goodness */
.container:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;}
/* Use clearfix class on parent to clear nested columns,
or wrap each row of columns in a <div class="row"> */
.clearfix:before, .clearfix:after, .row:before, .row:after {content:'\0020';display:block;overflow:hidden;visibility:hidden;width:0;height:0;}
.row:after, .clearfix:after {clear:both;}
.row, .clearfix {zoom:1;}
/* You can also use a <br class="clear" /> to clear columns */
.clear, .clr {clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0;}
.clr {visibility:visible;overflow:visible;}
.columns, .columns img, .column img {max-width:100%;}
.promobox .columns {max-width:100%;}