/*
* 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
*
* Modified by Emerald
*/


/* Table of Contents
==================================================
    #Base 1152 Grid
    #Tablet (Landscape)
	#Tablet (Portrait)
    #Mobile (Portrait)
    #Mobile (Landscape)
    #Clearing */


/* #Base 1152 Grid
================================================== */

    .container                               { position: relative; width: 1152px; margin: 0 auto; padding: 0; }
    .container .column,
    .container .columns                      { float: left; display: inline; margin-left: 10px; margin-right: 10px; }
    .row                                     { margin-bottom: 0; }
	
    /* 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: 52px; }
	.container .two.columns                  { width: 124px; }
    .container .three.columns                { width: 196px; }
    .container .four.columns                 { width: 268px; }
    .container .five.columns                 { width: 340px; }
    .container .six.columns                  { width: 412px; }
    .container .seven.columns                { width: 484px; }
    .container .eight.columns                { width: 556px; }
    .container .nine.columns                 { width: 628px; }
    .container .ten.columns                  { width: 700px; }
    .container .eleven.columns               { width: 772px; }
    .container .twelve.columns               { width: 844px; }
    .container .thirteen.columns             { width: 916px; }
    .container .fourteen.columns             { width: 988px; }
    .container .fifteen.columns              { width: 1060px; }
    .container .sixteen.columns              { width: 1132px; }
	
    .container .one-third.column             { width: 364px; }
    .container .two-thirds.column            { width: 748px; }
	
    /* Offsets */
	.container .offset-left-8px              { margin-left: 8px; }
	.container .offset-right-8px             { margin-right: 8px; }
	.container .offset-left-10px             { margin-left: 10px; }
	.container .offset-right-10px            { margin-right: 10px; }
	.container .offset-left-15px             { margin-left: 15px; }
	.container .offset-right-15px            { margin-right: 15px; }
	.container .offset-left-16px             { margin-left: 16px; }
	.container .offset-right-16px            { margin-right: 16px; }
	.container .offset-left-20px             { margin-left: 20px; }
	.container .offset-right-20px            { margin-right: 20px; }
	.container .offset-left-30px             { margin-left: 30px; }
	.container .offset-right-30px            { margin-right: 30px; }
	
	/* Page Content inner grid: sidebar layout - 720 pixels wide */
	.sidebar-layout .one-sixth.columns       { width: 100px; }
	.sidebar-layout .one-fifth.columns       { width: 124px; }
	.sidebar-layout .one-fourth.columns      { width: 160px; }
	.sidebar-layout .three-tenths.columns    { width: 196px; }
	.sidebar-layout .one-third.columns       { width: 220px; }
    .sidebar-layout .two-fifths.columns      { width: 268px; }
	.sidebar-layout .one-half.columns        { width: 340px; }
    .sidebar-layout .three-fifths.columns    { width: 412px; }
	.sidebar-layout .two-thirds.columns      { width: 460px; }
    .sidebar-layout .seven-tenths.columns    { width: 484px; }
	.sidebar-layout .three-fourths.columns   { width: 520px; }
    .sidebar-layout .four-fifths.columns     { width: 556px; }
	.sidebar-layout .full-width.columns      { width: 700px; }
	
	/* Page Content inner grid: full-width layout - 1080 pixels wide */
	.fullwidth-layout .one-sixth.columns     { width: 160px; }
	.fullwidth-layout .one-fifth.columns     { width: 196px; }
	.fullwidth-layout .one-fourth.columns    { width: 250px; }
	.fullwidth-layout .three-tenths.columns  { width: 304px; }
	.fullwidth-layout .one-third.columns     { width: 340px; }
    .fullwidth-layout .two-fifths.columns    { width: 412px; }
	.fullwidth-layout .one-half.columns      { width: 520px; }
    .fullwidth-layout .three-fifths.columns  { width: 628px; }
	.fullwidth-layout .two-thirds.columns    { width: 700px; }
    .fullwidth-layout .seven-tenths.columns  { width: 736px; }
	.fullwidth-layout .three-fourths.columns { width: 790px; }
    .fullwidth-layout .four-fifths.columns   { width: 844px; }
	.fullwidth-layout .full-width.columns    { width: 1060px; }
	
	
/* #Tablet (Landscape) + Desktop & Laptop (1024 pixels wide)
================================================== */
	
    /* Note: Design for a width of 1024px */
	
	@media only screen and (min-width: 960px) and (max-width: 1199px) {
		.container                               { width: 960px; }
		.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: 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; }
		
		/* Page Content inner grid: sidebar layout - 540 pixels wide */
		.sidebar-layout .one-sixth.columns       { width: 70px; }
		.sidebar-layout .one-fifth.columns       { width: 88px; }
		.sidebar-layout .one-fourth.columns      { width: 115px; }
		.sidebar-layout .three-tenths.columns    { width: 142px; }
		.sidebar-layout .one-third.columns       { width: 160px; }
		.sidebar-layout .two-fifths.columns      { width: 196px; }
		.sidebar-layout .one-half.columns        { width: 250px; }
		.sidebar-layout .three-fifths.columns    { width: 304px; }
		.sidebar-layout .two-thirds.columns      { width: 340px; }
		.sidebar-layout .seven-tenths.columns    { width: 358px; }
		.sidebar-layout .three-fourths.columns   { width: 385px; }
		.sidebar-layout .four-fifths.columns     { width: 412px; }
		.sidebar-layout .full-width.columns      { width: 520px; }
		
		/* Page Content inner grid: full-width layout - 900 pixels wide */
		.fullwidth-layout .one-sixth.columns     { width: 130px; }
		.fullwidth-layout .one-fifth.columns     { width: 160px; }
		.fullwidth-layout .one-fourth.columns    { width: 205px; }
		.fullwidth-layout .three-tenths.columns  { width: 250px; }
		.fullwidth-layout .one-third.columns     { width: 280px; }
		.fullwidth-layout .two-fifths.columns    { width: 340px; }
		.fullwidth-layout .one-half.columns      { width: 430px; }
		.fullwidth-layout .three-fifths.columns  { width: 520px; }
		.fullwidth-layout .two-thirds.columns    { width: 580px; }
		.fullwidth-layout .seven-tenths.columns  { width: 610px; }
		.fullwidth-layout .three-fourths.columns { width: 655px; }
		.fullwidth-layout .four-fifths.columns   { width: 700px; }
		.fullwidth-layout .full-width.columns    { width: 880px; }
	}
	
	
/* #Smaller than 960 pixels wide
================================================== */
	
	/* Note: Design for the fixed (non-responsive) page layout */
	
	@media only screen and (max-width: 959px) {
		.fixed-layout .container                               { width: 960px; }
		.fixed-layout .container .column,
        .fixed-layout .container .columns                      { margin-left: 10px; margin-right: 10px; }
        .fixed-layout .column.alpha,
		.fixed-layout .columns.alpha                           { margin-left: 0; margin-right: 10px; }
        .fixed-layout .column.omega,
		.fixed-layout .columns.omega                           { margin-right: 0; margin-left: 10px; }
        .fixed-layout .alpha.omega                             { margin-left: 0; margin-right: 0; }
		
		.fixed-layout .container .one.column,
		.fixed-layout .container .one.columns                  { width: 40px;  }
		.fixed-layout .container .two.columns                  { width: 100px; }
		.fixed-layout .container .three.columns                { width: 160px; }
		.fixed-layout .container .four.columns                 { width: 220px; }
		.fixed-layout .container .five.columns                 { width: 280px; }
		.fixed-layout .container .six.columns                  { width: 340px; }
		.fixed-layout .container .seven.columns                { width: 400px; }
		.fixed-layout .container .eight.columns                { width: 460px; }
		.fixed-layout .container .nine.columns                 { width: 520px; }
		.fixed-layout .container .ten.columns                  { width: 580px; }
		.fixed-layout .container .eleven.columns               { width: 640px; }
		.fixed-layout .container .twelve.columns               { width: 700px; }
		.fixed-layout .container .thirteen.columns             { width: 760px; }
		.fixed-layout .container .fourteen.columns             { width: 820px; }
		.fixed-layout .container .fifteen.columns              { width: 880px; }
		.fixed-layout .container .sixteen.columns              { width: 940px; }
		
		.fixed-layout .container .one-third.column             { width: 300px; }
		.fixed-layout .container .two-thirds.column            { width: 620px; }
		
		/* Page Content inner grid: sidebar layout - 540 pixels wide */
		.fixed-layout .sidebar-layout .one-sixth.columns       { width: 70px; }
		.fixed-layout .sidebar-layout .one-fifth.columns       { width: 88px; }
		.fixed-layout .sidebar-layout .one-fourth.columns      { width: 115px; }
		.fixed-layout .sidebar-layout .three-tenths.columns    { width: 142px; }
		.fixed-layout .sidebar-layout .one-third.columns       { width: 160px; }
		.fixed-layout .sidebar-layout .two-fifths.columns      { width: 196px; }
		.fixed-layout .sidebar-layout .one-half.columns        { width: 250px; }
		.fixed-layout .sidebar-layout .three-fifths.columns    { width: 304px; }
		.fixed-layout .sidebar-layout .two-thirds.columns      { width: 340px; }
		.fixed-layout .sidebar-layout .seven-tenths.columns    { width: 358px; }
		.fixed-layout .sidebar-layout .three-fourths.columns   { width: 385px; }
		.fixed-layout .sidebar-layout .four-fifths.columns     { width: 412px; }
		.fixed-layout .sidebar-layout .full-width.columns      { width: 520px; }
		
		/* Page Content inner grid: full-width layout - 900 pixels wide */
		.fixed-layout .fullwidth-layout .one-sixth.columns     { width: 130px; }
		.fixed-layout .fullwidth-layout .one-fifth.columns     { width: 160px; }
		.fixed-layout .fullwidth-layout .one-fourth.columns    { width: 205px; }
		.fixed-layout .fullwidth-layout .three-tenths.columns  { width: 250px; }
		.fixed-layout .fullwidth-layout .one-third.columns     { width: 280px; }
		.fixed-layout .fullwidth-layout .two-fifths.columns    { width: 340px; }
		.fixed-layout .fullwidth-layout .one-half.columns      { width: 430px; }
		.fixed-layout .fullwidth-layout .three-fifths.columns  { width: 520px; }
		.fixed-layout .fullwidth-layout .two-thirds.columns    { width: 580px; }
		.fixed-layout .fullwidth-layout .seven-tenths.columns  { width: 610px; }
		.fixed-layout .fullwidth-layout .three-fourths.columns { width: 655px; }
		.fixed-layout .fullwidth-layout .four-fifths.columns   { width: 700px; }
		.fixed-layout .fullwidth-layout .full-width.columns    { width: 880px; }
	}
	
	
/* #Tablet (Portrait)
================================================== */
	
    /* Note: Design for a width of 768px */
	
    @media only screen and (min-width: 768px) and (max-width: 959px) {
        .responsive .container                               { width: 768px; }
        .responsive .container .column,
        .responsive .container .columns                      { margin-left: 10px; margin-right: 10px;  }
        .responsive .column.alpha,
		.responsive .columns.alpha                           { margin-left: 0; margin-right: 10px; }
        .responsive .column.omega,
		.responsive .columns.omega                           { margin-right: 0; margin-left: 10px; }
        .responsive .alpha.omega                             { margin-left: 0; margin-right: 0; }
		
        .responsive .container .one.column,
        .responsive .container .one.columns                  { width: 28px; }
        .responsive .container .two.columns                  { width: 76px; }
        .responsive .container .three.columns                { width: 124px; }
        .responsive .container .four.columns                 { width: 172px; }
        .responsive .container .five.columns                 { width: 220px; }
        .responsive .container .six.columns                  { width: 268px; }
        .responsive .container .seven.columns                { width: 316px; }
        .responsive .container .eight.columns                { width: 364px; }
        .responsive .container .nine.columns                 { width: 412px; }
        .responsive .container .ten.columns                  { width: 460px; }
        .responsive .container .eleven.columns               { width: 508px; }
        .responsive .container .twelve.columns               { width: 556px; }
        .responsive .container .thirteen.columns             { width: 604px; }
        .responsive .container .fourteen.columns             { width: 652px; }
        .responsive .container .fifteen.columns              { width: 700px; }
        .responsive .container .sixteen.columns              { width: 748px; }
		
        .responsive .container .one-third.column             { width: 236px; }
        .responsive .container .two-thirds.column            { width: 492px; }
		
		/* Page Content inner grid: sidebar layout - 432 pixels wide */
		.responsive .sidebar-layout .one-sixth.columns       { width: 412px; } /* 52px */
		.responsive .sidebar-layout .one-fifth.columns       { width: 412px; } /* 66.4px */
		.responsive .sidebar-layout .one-fourth.columns      { width: 412px; } /* 88px */
		.responsive .sidebar-layout .three-tenths.columns    { width: 412px; } /* 109.6px */
		.responsive .sidebar-layout .one-third.columns       { width: 412px; } /* 124px */
		.responsive .sidebar-layout .two-fifths.columns      { width: 412px; } /* 152.8px */
		.responsive .sidebar-layout .one-half.columns        { width: 412px; } /* 196px */
		.responsive .sidebar-layout .three-fifths.columns    { width: 412px; } /* 239.2px */
		.responsive .sidebar-layout .two-thirds.columns      { width: 412px; } /* 268px */
		.responsive .sidebar-layout .seven-tenths.columns    { width: 412px; } /* 282.4px */
		.responsive .sidebar-layout .three-fourths.columns   { width: 412px; } /* 304px */
		.responsive .sidebar-layout .four-fifths.columns     { width: 412px; } /* 325.6px */
		.responsive .sidebar-layout .full-width.columns      { width: 412px; }
		
		/* Page Content inner grid: full-width layout - 696 pixels wide */
		.responsive .fullwidth-layout .one-sixth.columns     { width: 96px; }
		.responsive .fullwidth-layout .one-fifth.columns     { width: 119px; } /* 119.2px */
		.responsive .fullwidth-layout .one-fourth.columns    { width: 154px; }
		.responsive .fullwidth-layout .three-tenths.columns  { width: 188px; } /* 188.8px */
		.responsive .fullwidth-layout .one-third.columns     { width: 212px; }
		.responsive .fullwidth-layout .two-fifths.columns    { width: 258px; } /* 258.4px */
		.responsive .fullwidth-layout .one-half.columns      { width: 328px; }
		.responsive .fullwidth-layout .three-fifths.columns  { width: 398px; } /* 397.6px */
		.responsive .fullwidth-layout .two-thirds.columns    { width: 444px; }
		.responsive .fullwidth-layout .seven-tenths.columns  { width: 467px; } /* 467.2px */
		.responsive .fullwidth-layout .three-fourths.columns { width: 502px; }
		.responsive .fullwidth-layout .four-fifths.columns   { width: 536px; } /* 536.8px */
		.responsive .fullwidth-layout .full-width.columns    { width: 676px; }
		
		.responsive .sidebar-layout .adapted .offset-left-8px,
		.responsive .sidebar-layout .adapted .offset-left-10px,
		.responsive .sidebar-layout .adapted .offset-left-15px,
		.responsive .sidebar-layout .adapted .offset-left-16px,
		.responsive .sidebar-layout .adapted .offset-left-20px,
		.responsive .sidebar-layout .adapted .offset-left-30px { margin-left: 0; }
		.responsive .sidebar-layout .adapted .offset-right-8px,
		.responsive .sidebar-layout .adapted .offset-right-10px,
		.responsive .sidebar-layout .adapted .offset-right-15px,
		.responsive .sidebar-layout .adapted .offset-right-16px,
		.responsive .sidebar-layout .adapted .offset-right-20px,
		.responsive .sidebar-layout .adapted .offset-right-30px { margin-right: 0; }
    }
	
	
/*  #Mobile (Portrait)
================================================== */
	
    /* Note: Design for a width of 320px */
	
    @media only screen and (max-width: 767px) {
        .responsive .container { width: 300px; }
        .responsive .container .columns,
        .responsive .container .column { margin: 0; }
		
        .responsive .container .one.column,
        .responsive .container .one.columns,
        .responsive .container .two.columns,
        .responsive .container .three.columns,
        .responsive .container .four.columns,
        .responsive .container .five.columns,
        .responsive .container .six.columns,
        .responsive .container .seven.columns,
        .responsive .container .eight.columns,
        .responsive .container .nine.columns,
        .responsive .container .ten.columns,
        .responsive .container .eleven.columns,
        .responsive .container .twelve.columns,
        .responsive .container .thirteen.columns,
        .responsive .container .fourteen.columns,
        .responsive .container .fifteen.columns,
        .responsive .container .sixteen.columns,
        .responsive .container .one-third.column,
        .responsive .container .two-thirds.column { width: 300px; }
		
        /* Offsets */
        .responsive .container .offset-left-8px,
		.responsive .container .offset-left-10px,
		.responsive .container .offset-left-15px,
		.responsive .container .offset-left-16px,
		.responsive .container .offset-left-20px,
		.responsive .container .offset-left-30px { margin-left: 0; }
		.responsive .container .offset-right-8px,
		.responsive .container .offset-right-10px,
		.responsive .container .offset-right-15px,
		.responsive .container .offset-right-16px,
		.responsive .container .offset-right-20px,
		.responsive .container .offset-right-30px { margin-right: 0; }
		
		/* Page Content inner grid: sidebar layout - 300 pixels wide */
		.responsive .sidebar-layout .one-sixth.columns,
		.responsive .sidebar-layout .one-fifth.columns,
		.responsive .sidebar-layout .one-fourth.columns,
		.responsive .sidebar-layout .three-tenths.columns,
		.responsive .sidebar-layout .one-third.columns,
		.responsive .sidebar-layout .two-fifths.columns,
		.responsive .sidebar-layout .one-half.columns,
		.responsive .sidebar-layout .three-fifths.columns,
		.responsive .sidebar-layout .two-thirds.columns,
		.responsive .sidebar-layout .seven-tenths.columns,
		.responsive .sidebar-layout .three-fourths.columns,
		.responsive .sidebar-layout .four-fifths.columns,
		.responsive .sidebar-layout .full-width.columns { width: 300px; }
		
		/* Page Content inner grid: full-width layout - 300 pixels wide */
		.responsive .fullwidth-layout .one-sixth.columns,
		.responsive .fullwidth-layout .one-fifth.columns,
		.responsive .fullwidth-layout .one-fourth.columns,
		.responsive .fullwidth-layout .three-tenths.columns,
		.responsive .fullwidth-layout .one-third.columns,
		.responsive .fullwidth-layout .two-fifths.columns,
		.responsive .fullwidth-layout .one-half.columns,
		.responsive .fullwidth-layout .three-fifths.columns,
		.responsive .fullwidth-layout .two-thirds.columns,
		.responsive .fullwidth-layout .seven-tenths.columns,
		.responsive .fullwidth-layout .three-fourths.columns,
		.responsive .fullwidth-layout .four-fifths.columns,
		.responsive .fullwidth-layout .full-width.columns { width: 300px; }
    }
	
	
/* #Mobile (Landscape)
================================================== */
	
    /* Note: Design for a width of 480px */
	
    @media only screen and (min-width: 480px) and (max-width: 767px) {
        .responsive .container { width: 420px; }
        .responsive .container .columns,
        .responsive .container .column { margin: 0; }
		
        .responsive .container .one.column,
        .responsive .container .one.columns,
        .responsive .container .two.columns,
        .responsive .container .three.columns,
        .responsive .container .four.columns,
        .responsive .container .five.columns,
        .responsive .container .six.columns,
        .responsive .container .seven.columns,
        .responsive .container .eight.columns,
        .responsive .container .nine.columns,
        .responsive .container .ten.columns,
        .responsive .container .eleven.columns,
        .responsive .container .twelve.columns,
        .responsive .container .thirteen.columns,
        .responsive .container .fourteen.columns,
        .responsive .container .fifteen.columns,
        .responsive .container .sixteen.columns,
        .responsive .container .one-third.column,
        .responsive .container .two-thirds.column { width: 420px; }
		
		/* Page Content inner grid: sidebar layout - 420 pixels wide */
		.responsive .sidebar-layout .one-sixth.columns,
		.responsive .sidebar-layout .one-fifth.columns,
		.responsive .sidebar-layout .one-fourth.columns,
		.responsive .sidebar-layout .three-tenths.columns,
		.responsive .sidebar-layout .one-third.columns,
		.responsive .sidebar-layout .two-fifths.columns,
		.responsive .sidebar-layout .one-half.columns,
		.responsive .sidebar-layout .three-fifths.columns,
		.responsive .sidebar-layout .two-thirds.columns,
		.responsive .sidebar-layout .seven-tenths.columns,
		.responsive .sidebar-layout .three-fourths.columns,
		.responsive .sidebar-layout .four-fifths.columns,
		.responsive .sidebar-layout .full-width.columns { width: 420px; }
		
		/* Page Content inner grid: full-width layout - 420 pixels wide */
		.responsive .fullwidth-layout .one-sixth.columns,
		.responsive .fullwidth-layout .one-fifth.columns,
		.responsive .fullwidth-layout .one-fourth.columns,
		.responsive .fullwidth-layout .three-tenths.columns,
		.responsive .fullwidth-layout .one-third.columns,
		.responsive .fullwidth-layout .two-fifths.columns,
		.responsive .fullwidth-layout .one-half.columns,
		.responsive .fullwidth-layout .three-fifths.columns,
		.responsive .fullwidth-layout .two-thirds.columns,
		.responsive .fullwidth-layout .seven-tenths.columns,
		.responsive .fullwidth-layout .three-fourths.columns,
		.responsive .fullwidth-layout .four-fifths.columns,
		.responsive .fullwidth-layout .full-width.columns { 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,
	.panel-grid:before,
	.panel-grid:after {
		content: '\0020';
		display: block;
		overflow: hidden;
		visibility: hidden;
		width: 0;
		height: 0;
	}
	.row:after,
	.clearfix:after,
	.panel-grid:after {
		clear: both;
	}
	
	/* You can also use a <br class="clear"> to clear columns */
	.clear {
		clear: both;
		display: block;
		overflow: hidden;
		visibility: hidden;
		width: 0;
		height: 0;
	}