/**
 * WARNING: do not edit this file. It was generated automatically, your changes will be overwritten and lost.
 * 2013-03-28 02:59:51 */

/* Fluid grid
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* Grid container */
.container {
    margin-left: auto;
    margin-right: auto;
    width: 96%;
    max-width: 1024px;
}

.nested-container {
/*    width: 102%;
    margin-left: -1%;*/
}

.grid12-4 {
    display: inline;
    float: left;
    margin-left: 1%;
    margin-right: 1%;
    position: inherit !important;
}

/* Grid-12 units */
.grid12-1,
.grid12-2,
.grid12-3,
.grid12-5,
.grid12-6,
.grid12-7,
.grid12-8,
.grid12-9,
.grid12-10,
.grid12-11,
    /* Grid-4 units */
    /* Useful as aliases for grid unit which have the same size in different grid systems
       e.g.:
    */
.grid4-1,
.grid4-2,
.grid4-3,
    /* Grid-2 unit */
.grid2-1,
    /* Alias for full-width units */
.grid-full,
    /* Special grid units */
.grid-col2-sidebar,
.grid-col2-main {
    position: relative;
    display: inline;
    float: left;
    margin-left: 1%;
    margin-right: 1%;
}

/* Grid units widths */
.grid12-1 {
    width: 6.33%;
}

.grid12-2 {
    width: 14.66%;
}

.grid12-3,
.grid4-1 {
    width: 23%;
}

.grid12-4 {
    width: 31.33%;
}

.grid12-5 {
    width: 39.67%;
}

.grid12-6,
.grid4-2,
.grid2-1 {
    width: 48%;
}

.grid12-7 {
    width: 56.33%;
}

.grid12-8 {
    width: 64.67%;
}

.grid12-9,
.grid4-3 {
    width: 70%;
}

.grid12-10 {
    width: 81.33%;
}

.grid12-11 {
    width: 89.67%;
}

.grid-full {
    width: 98%;
}

.cms-home .grid12-9,
.grid4-3 {
    width: 73%;
}

/* Special grid units: basic structure of pages with 1 and 2 sidebars
-------------------------------------------------------------- */
/* 2 columns: fixed-width sidebar unit and fluid main unit.
   Sidebar unit has the same width for all screen sizes equal or greater than 1280px.
   Width of the main unit is fluid.
*/
.grid-col2-sidebar {
    width: 20%;
    margin-top: 12px;
}

.grid-col2-main {
    width: 76%;
}

/* Another 2 columns inside ".grid-col2-main": fixed-width sidebar unit and fluid main unit */
.grid-col3-sidebar {
    width: 31.52%;
}

.grid-col3-main {
    width: 65.90%;
}

/* Utility classes
-------------------------------------------------------------- */
/* Nested units: alpha - first unit in a row, omega - last unit in a row */
.alpha {
    margin-left: 0;
}

.omega {
    margin-right: 0;
}

/* Hide element if screen width is lower than the width specified in the class name */
.hide-below-1680 {
    display: none !important;
}

.hide-below-1440 {
    display: none !important;
}

.hide-below-1360 {
    display: none !important;
}

.hide-below-1280 {
    display: none !important;
}

/* Grid container: stretched, without side padding 
-------------------------------------------------------------- */
/* Remove padding (whic is added in media queries for mobile layouts) from basic grid containers.
   Stretch inner grid unit (full width) */
.container.stretched {
    width: 96%;
    padding-left: 0;
    padding-right: 0;
}

.container.stretched .grid-full {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
}

/* Tablet (Portrait) - design for a width of 768px
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* 768px <= width < 960px */
@media only screen and (min-width: 768px) and (max-width: 959px) {

    /* Hide */
    .hide-below-960 {
        display: none !important;
    }
}

/* All mobile - design for a width of less than 768px
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* width < 768px */
/*@media only screen and (max-width: 767px) {
	
	*//* Grid units below 768px screen size are 100% wide with no margin - compensate margin with padding *//*
	.container { width:94%; padding-left:1%; padding-right:1%; }
	.nested-container { width:102%; margin-left: -1%;}
	
	*//* Stretch all grid units *//*
	.grid12-1,
	.grid12-2,
	.grid12-3,
	.grid12-4,
	.grid12-5,
	.grid12-6,
	.grid12-7,
	.grid12-8,
	.grid12-9,
	.grid12-10,
	.grid12-11,
	
	.grid4-1,
	.grid4-2,
	.grid4-3,
	
	.grid2-1,
	
	.grid-full,
	
	.grid-col2-sidebar,
	.grid-col2-main,
    .grid-col3-sidebar,
	.grid-col3-main
	{
		width:100%; margin-left:0; margin-right:0;
	}
}





*//* Mobile (Landscape) - design for a width of 480px
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*//*

*//* 480px <= width < 768px *//*
@media only screen and (min-width: 480px) and (max-width: 767px) {

		
	*//* Hide *//*
	.hide-below-960 { display:none !important; }
	.hide-below-768 { display:none !important; }
	
	*//* Persistent grid units
	-------------------------------------------------------------- *//*
    	
        *//* Half *//*
        .persistent-grid2-1 { width:48%; margin-left:1%; margin-right:1%; }
        
        *//* One-third + two-thirds *//*
        .persistent-grid3-1 { width:31.33%; margin-left:1%; margin-right:1%; }
        .persistent-grid3-2 { width:64.67%; margin-left:1%; margin-right:1%; }
        
        *//* One-fourth + two-fourths + three-fourths *//*
        .persistent-grid4-1 { width:23%; margin-left:1%; margin-right:1%; }
        .persistent-grid4-2 { width:48%; margin-left:1%; margin-right:1%; }
        .persistent-grid4-3 { width:73%; margin-left:1%; margin-right:1%; }
}





*//* Mobile (Landscape, iPhone 4 Portrait) - design for a width of 640px
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*//*
*//* 640px <= width < 768px *//*
@media only screen and (min-width: 640px) and (max-width: 767px) {

	}





*//* Mobile (Portrait) - design for a width of 320px
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*//*

*//* 320px <= width < 480px *//*
@media only screen and (min-width: 320px) and (max-width: 479px) {

		
	*//* Hide *//*
	.hide-below-960 { display:none !important; }
	.hide-below-768 { display:none !important; }
	.hide-below-480 { display:none !important; }
}





*//* Mobile (Portrait) - design for a width of less than 320px
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*//*

*//* width < 320px *//*
@media only screen and (max-width: 319px) {

		
	*//* Hide *//*
	.hide-below-960 { display:none !important; }
	.hide-below-768 { display:none !important; }
	.hide-below-480 { display:none !important; }
	.hide-below-320 { display:none !important; }
}*/

.grid12-9 {
    z-index: 2;
    margin-left: 0;
    margin-right: 0;
}

.grid12-3 {
    margin-left: 0;
    margin-right: 0;
    padding-left: 18px;
}

/*.the-slideshow .slides img {
    max-width: none; }
*/
.the-slideshow .slides img { max-width: 734px; }