/* Containers
MS Saghafi
*/ 
body {
    min-width: 306px; 
}

/* Containers
----------------------------------------------------------------------------------------------------*/
.container {
    margin-left: auto;
    margin-right: auto;
    width: 264px;
   padding-right:42px;
}
/* Grid >> Global
----------------------------------------------------------------------------------------------------*/
.Sgrid_1,
.Sgrid_2,
.Sgrid_3,
.Sgrid_4,
.Sgrid_5,
.Sgrid_6,
.Sgrid_7,
.Sgrid_8,
.Sgrid_9,
.Sgrid_10,
.Sgrid_11,
.Sgrid_12
{
   display: inline;
   float: right;
   position: relative;
   margin-left: 3px;
   margin-right: 3px;
}
.Sgrid_1R,
.Sgrid_2R,
.Sgrid_3R,
.Sgrid_4R,
.Sgrid_5R,
.Sgrid_6R,
.Sgrid_7R,
.Sgrid_8R,
.Sgrid_9R,
.Sgrid_10R,
.Sgrid_11R,
.Sgrid_12R
{
   display: inline;
   float: right;
   position: relative;
   margin-left: 0px;
   margin-right: 0px;
}
.container .Sgrid_1 {
	width:16px;
}
.container .Sgrid_1R {
	width:22px;
}
.container .Sgrid_2 {
	width:38px;
}
.container .Sgrid_2R {
	width:44px;
}
.container .Sgrid_3 {
	width:60px;
}
.container .Sgrid_3R {
	width:66px;
}
.container .Sgrid_4 {
	width:82px;
}
.container .Sgrid_4R {
	width:88px;
}
.container .Sgrid_5 {
	width:104px;
}
.container .Sgrid_5R {
	width:110px;
}
.container .Sgrid_6 {
	width:126px;
}
.container .Sgrid_6R {
	width:132px;
}
.container .Sgrid_7 {
	width:148px;
}
.container .Sgrid_7R {
	width:154px;
}
.container .Sgrid_8 {
	width:170px;
}
.container .Sgrid_8R {
	width:176px;
}
.container .Sgrid_9 {
	width:192px;
}
.container .Sgrid_9R {
	width:198px;
}
.container .Sgrid_10 {
	width:214px;
}
.container .Sgrid_10R {
	width:220px;
}
.container .Sgrid_11 {
	width:236px;
}
.container .Sgrid_11R {
	width:242px;
}
.container .Sgrid_12 {
	width:258px;
}
.container .Sgrid_12R {
	width:264px;
}
.Spush_1, Spull_1,
.Spush_2, Spull_2,
.Spush_3, Spull_3,
.Spush_4, Spull_4,
.Spush_5, Spull_5,
.Spush_6, Spull_6,
.Spush_7, Spull_7,
.Spush_8, Spull_8,
.Spush_9, Spull_9,
.Spush_10, Spull_10,
.Spush_11, Spull_11,
.Spush_12, Spull_12
{position: relative;}
.container .Spush_1 {
right:22px;
}
.container .Spull_1 {
right: -22px;
}
.container .Spush_2 {
right:44px;
}
.container .Spull_2 {
right: -44px;
}
.container .Spush_3 {
right:66px;
}
.container .Spull_3 {
right: -66px;
}
.container .Spush_4 {
right:88px;
}
.container .Spull_4 {
right: -88px;
}
.container .Spush_5 {
right:110px;
}
.container .Spull_5 {
right: -110px;
}
.container .Spush_6 {
right:132px;
}
.container .Spull_6 {
right: -132px;
}
.container .Spush_7 {
right:154px;
}
.container .Spull_7 {
right: -154px;
}
.container .Spush_8 {
right:176px;
}
.container .Spull_8 {
right: -176px;
}
.container .Spush_9 {
right:198px;
}
.container .Spull_9 {
right: -198px;
}
.container .Spush_10 {
right:220px;
}
.container .Spull_10 {
right: -220px;
}
.container .Spush_11 {
right:242px;
}
.container .Spull_11 {
right: -242px;
}
.container .Spush_12 {
right:264px;
}
.container .Spull_12 {
right: -264px;
}
/* space
---------------------------------------------------------------------------------------------------- */
.PBottom {
   padding-bottom: 6px
}
.PTop {
   padding-top: 6px
}
.MBottom {
   margin-bottom: 6px
}
.MTop {
   margin-top: 6px
}
/*
show or hide
----------------------------------------------------------------------------------------------------*/
.Sshow {
   display: inline;
}
.Shide {
   display: none;
}

/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/
.SalphaF {
   margin-right: 3px;
}.SomegaF {
margin-left: 3px;
}
.SalphaT {
margin-right: 0;
}
.SomegaT {
margin-left: 0;
}
.container .Sprefix_0 {
	padding-right:0px;
}
.container .Sprefix_1 {
	padding-right:22px;
}
.container .Sprefix_2 {
	padding-right:44px;
}
.container .Sprefix_3 {
	padding-right:66px;
}
.container .Sprefix_4 {
	padding-right:88px;
}
.container .Sprefix_5 {
	padding-right:110px;
}
.container .Sprefix_6 {
	padding-right:132px;
}
.container .Sprefix_7 {
	padding-right:154px;
}
.container .Sprefix_8 {
	padding-right:176px;
}
.container .Sprefix_9 {
	padding-right:198px;
}
.container .Sprefix_10 {
	padding-right:220px;
}
.container .Sprefix_11 {
	padding-right:242px;
}
.container .Sprefix_12 {
	padding-right:264px;
}
.container .Ssuffix_0 {
  padding-left:0px;
}
.container .Ssuffix_1 {
  padding-left:22px;
}
.container .Ssuffix_2 {
  padding-left:44px;
}
.container .Ssuffix_3 {
  padding-left:66px;
}
.container .Ssuffix_4 {
  padding-left:88px;
}
.container .Ssuffix_5 {
  padding-left:110px;
}
.container .Ssuffix_6 {
  padding-left:132px;
}
.container .Ssuffix_7 {
  padding-left:154px;
}
.container .Ssuffix_8 {
  padding-left:176px;
}
.container .Ssuffix_9 {
  padding-left:198px;
}
.container .Ssuffix_10 {
  padding-left:220px;
}
.container .Ssuffix_11 {
  padding-left:242px;
}
.container .Ssuffix_12 {
  padding-left:264px;
}
.container .Spush_0 {
  right:0px;
}
.container .Spush_1 {
  right:22px;
}
.container .Spush_2 {
  right:44px;
}
.container .Spush_3 {
  right:66px;
}
.container .Spush_4 {
  right:88px;
}
.container .Spush_5 {
  right:110px;
}
.container .Spush_6 {
  right:132px;
}
.container .Spush_7 {
  right:154px;
}
.container .Spush_8 {
  right:176px;
}
.container .Spush_9 {
  right:198px;
}
.container .Spush_10 {
  right:220px;
}
.container .Spush_11 {
  right:242px;
}
.container .Spush_12 {
  right:264px;
}
.container .Spull_0 {
  right: -0px;
}
.container .Spull_1 {
  right: -22px;
}
.container .Spull_2 {
  right: -44px;
}
.container .Spull_3 {
  right: -66px;
}
.container .Spull_4 {
  right: -88px;
}
.container .Spull_5 {
  right: -110px;
}
.container .Spull_6 {
  right: -132px;
}
.container .Spull_7 {
  right: -154px;
}
.container .Spull_8 {
  right: -176px;
}
.container .Spull_9 {
  right: -198px;
}
.container .Spull_10 {
  right: -220px;
}
.container .Spull_11 {
  right: -242px;
}
.container .Spull_12 {
  right: -264px;
}
/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/
.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}
.clearfix:before,
.clearfix:after {
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}
.clearfix:after {
  clear: both;
}
/*
  The following zoom:1 rule is specifically for IE6 + IE7.
  Move to separate stylesheet if invalid CSS is a problem.
*/
.clearfix {
  zoom: 1;
}/* Fix Menu */
.FixMenu {
   width: 100%;
   right: 0px;
   position: fixed;
   z-index: 9998; 
}
.FixMenu .container {
   position: relative;
}
.FixMenu-Side {
   right: 0px;
   position: absolute;
   width: 42px;
}