/* CSS Document */

/* 

 == Index ========================
 
 1. Core Skeletons
 2. Layouts
 3. Sidebars
 4. Layout padding classes
 5. Layout margin classes
 6. Responsive queries

*/

/* ================================================================================== */
/* == Core Skeletons ================================================================ */
/* ================================================================================== */

.cushion { padding:0px 20px!important; }
.cushion-h { padding:40px 0px ; }
.cushion-v { padding:20px; }
.skeleton {
width:1060px;
padding:0;
position:relative; 
z-index:2; 
margin:0 auto;

}




div.super-wrapper {  
margin:0 auto; 
padding:0;
position:relative; 
z-index:3; 

 }
div.boxable { 
padding: 0px;
margin: 0px auto;   }
 div.boxable div.skeleton { margin: 0px auto;  width:1060px; }


/* ================================================================================== */
/* == Responsive Layout ============================================================= */
/* ================================================================================== */

.layout_element { margin:20px 40px 20px 0; float: left; min-height: 1px;  }
.layout_element img { max-width:100%; }



.one_half , .one_half_last { width:490px;  }
.one_third , .one_third_last { width:310px; }
.one_fourth ,  .one_fourth_last { width:225px;  }
.two_third , .two_third_last{ width:670px;  }
.three_fourth , .three_fourth_last { width:755px;  }
.one_fifth ,  .one_fifth_last  { width:172px;  }
.four_fifth , .four_fifth_last { width:805px;  }

/*== Smaller widths === */

div.bg-texture div.two-third-width div.layout_element {  float: left; min-height: 1px; padding-right:4%; margin-right:0; }

div.bg-texture div.two-third-width div.one_half_last , div.bg-texture div.two-third-width div.one_half  { width: 48%;   }

div.bg-texture div.two-third-width div.one_third  { width: 30.35%;   }
div.bg-texture div.two-third-width div.one_third_last  { width: 30.35%;   }

div.bg-texture div.two-third-width div.one_fourth { width: 21.45%;  }
div.bg-texture div.two-third-width div.one_fourth_last { width: 21.45%;   }

div.bg-texture div.two-third-width div.two_third { width: 65.4%;  }
div.bg-texture div.two-third-width div.two_third_last  { width: 65.4%;  }

div.bg-texture div.two-third-width div.three_fourth  { width: 73.05%;  }
div.bg-texture div.two-third-width div.three_fourth_last  { width: 73.05%;  }

div.bg-texture div.two-third-width div.one_fifth { width:16.5%;  }
div.bg-texture div.two-third-width div.one_fifth_last  { width:16.5%;   }

div.bg-texture div.two-third-width div.four_fifth  { width:78.2%;  }
div.bg-texture div.two-third-width div.four_fifth_last  { width:78.2%; }




div.one_half_last , div.one_third_last , div.one_fourth_last , div.two_third_last , div.three_fourth_last , div.one_fifth_last  , div.four_fifth_last , div.one_sixth_last , div.five_sixth_last  { padding-right:0!important; clear:right; margin-right:0!important;}



/* ================================================================================== */
/* == Page Layouts & Sidebar ======================================================== */
/* ================================================================================== */



/* == Right Sidebar ========================== */

 .hasRightSidebar .two-third-width { float:left; width:720px; padding-right:0px;  }
 .hasRightSidebar .sidebar { float:left; width:339px; padding:0 ; margin-right: 0px;   }
/* == Left Sidebar ========================== */

 .hasLeftSidebar .two-third-width { float:right; width:720px; padding-left:0px;  }
.hasLeftSidebar .sidebar { float:left; width:339px; padding:0 0px  0 0;  padding-bottom:0px;  margin:0; }


