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

/* Containers
----------------------------------------------------------------------------------------------------*/
.container {
    margin-left: auto;
    margin-right: auto;
    width: 420px;
   padding-right:42px;
}
/* Grid >> Global
----------------------------------------------------------------------------------------------------*/
.Mgrid_1,
.Mgrid_2,
.Mgrid_3,
.Mgrid_4,
.Mgrid_5,
.Mgrid_6,
.Mgrid_7,
.Mgrid_8,
.Mgrid_9,
.Mgrid_10,
.Mgrid_11,
.Mgrid_12
{
   display: inline;
   float: right;
   position: relative;
   margin-left: 5px;
   margin-right: 5px;
}
.Mgrid_1R,
.Mgrid_2R,
.Mgrid_3R,
.Mgrid_4R,
.Mgrid_5R,
.Mgrid_6R,
.Mgrid_7R,
.Mgrid_8R,
.Mgrid_9R,
.Mgrid_10R,
.Mgrid_11R,
.Mgrid_12R
{
   display: inline;
   float: right;
   position: relative;
   margin-left: 0px;
   margin-right: 0px;
}
.container .Mgrid_1 {
	width:25px;
}
.container .Mgrid_1R {
	width:35px;
}
.container .Mgrid_2 {
	width:60px;
}
.container .Mgrid_2R {
	width:70px;
}
.container .Mgrid_3 {
	width:95px;
}
.container .Mgrid_3R {
	width:105px;
}
.container .Mgrid_4 {
	width:130px;
}
.container .Mgrid_4R {
	width:140px;
}
.container .Mgrid_5 {
	width:165px;
}
.container .Mgrid_5R {
	width:175px;
}
.container .Mgrid_6 {
	width:200px;
}
.container .Mgrid_6R {
	width:210px;
}
.container .Mgrid_7 {
	width:235px;
}
.container .Mgrid_7R {
	width:245px;
}
.container .Mgrid_8 {
	width:270px;
}
.container .Mgrid_8R {
	width:280px;
}
.container .Mgrid_9 {
	width:305px;
}
.container .Mgrid_9R {
	width:315px;
}
.container .Mgrid_10 {
	width:340px;
}
.container .Mgrid_10R {
	width:350px;
}
.container .Mgrid_11 {
	width:375px;
}
.container .Mgrid_11R {
	width:385px;
}
.container .Mgrid_12 {
	width:410px;
}
.container .Mgrid_12R {
	width:420px;
}
.Mpush_1, Mpull_1,
.Mpush_2, Mpull_2,
.Mpush_3, Mpull_3,
.Mpush_4, Mpull_4,
.Mpush_5, Mpull_5,
.Mpush_6, Mpull_6,
.Mpush_7, Mpull_7,
.Mpush_8, Mpull_8,
.Mpush_9, Mpull_9,
.Mpush_10, Mpull_10,
.Mpush_11, Mpull_11,
.Mpush_12, Mpull_12
{position: relative;}
.container .Mpush_1 {
right:35px;
}
.container .Mpull_1 {
right: -35px;
}
.container .Mpush_2 {
right:70px;
}
.container .Mpull_2 {
right: -70px;
}
.container .Mpush_3 {
right:105px;
}
.container .Mpull_3 {
right: -105px;
}
.container .Mpush_4 {
right:140px;
}
.container .Mpull_4 {
right: -140px;
}
.container .Mpush_5 {
right:175px;
}
.container .Mpull_5 {
right: -175px;
}
.container .Mpush_6 {
right:210px;
}
.container .Mpull_6 {
right: -210px;
}
.container .Mpush_7 {
right:245px;
}
.container .Mpull_7 {
right: -245px;
}
.container .Mpush_8 {
right:280px;
}
.container .Mpull_8 {
right: -280px;
}
.container .Mpush_9 {
right:315px;
}
.container .Mpull_9 {
right: -315px;
}
.container .Mpush_10 {
right:350px;
}
.container .Mpull_10 {
right: -350px;
}
.container .Mpush_11 {
right:385px;
}
.container .Mpull_11 {
right: -385px;
}
.container .Mpush_12 {
right:420px;
}
.container .Mpull_12 {
right: -420px;
}
/* space
---------------------------------------------------------------------------------------------------- */
.PBottom {
   padding-bottom: 10px
}
.PTop {
   padding-top: 10px
}
.MBottom {
   margin-bottom: 10px
}
.MTop {
   margin-top: 10px
}
/*
show or hide
----------------------------------------------------------------------------------------------------*/
.Mshow {
   display: inline;
}
.Mhide {
   display: none;
}

/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/
.MalphaF {
   margin-right: 5px;
}.MomegaF {
margin-left: 5px;
}
.MalphaT {
margin-right: 0;
}
.MomegaT {
margin-left: 0;
}
.container .Mprefix_0 {
	padding-right:0px;
}
.container .Mprefix_1 {
	padding-right:35px;
}
.container .Mprefix_2 {
	padding-right:70px;
}
.container .Mprefix_3 {
	padding-right:105px;
}
.container .Mprefix_4 {
	padding-right:140px;
}
.container .Mprefix_5 {
	padding-right:175px;
}
.container .Mprefix_6 {
	padding-right:210px;
}
.container .Mprefix_7 {
	padding-right:245px;
}
.container .Mprefix_8 {
	padding-right:280px;
}
.container .Mprefix_9 {
	padding-right:315px;
}
.container .Mprefix_10 {
	padding-right:350px;
}
.container .Mprefix_11 {
	padding-right:385px;
}
.container .Mprefix_12 {
	padding-right:420px;
}
.container .Msuffix_0 {
  padding-left:0px;
}
.container .Msuffix_1 {
  padding-left:35px;
}
.container .Msuffix_2 {
  padding-left:70px;
}
.container .Msuffix_3 {
  padding-left:105px;
}
.container .Msuffix_4 {
  padding-left:140px;
}
.container .Msuffix_5 {
  padding-left:175px;
}
.container .Msuffix_6 {
  padding-left:210px;
}
.container .Msuffix_7 {
  padding-left:245px;
}
.container .Msuffix_8 {
  padding-left:280px;
}
.container .Msuffix_9 {
  padding-left:315px;
}
.container .Msuffix_10 {
  padding-left:350px;
}
.container .Msuffix_11 {
  padding-left:385px;
}
.container .Msuffix_12 {
  padding-left:420px;
}
.container .Mpush_0 {
  right:0px;
}
.container .Mpush_1 {
  right:35px;
}
.container .Mpush_2 {
  right:70px;
}
.container .Mpush_3 {
  right:105px;
}
.container .Mpush_4 {
  right:140px;
}
.container .Mpush_5 {
  right:175px;
}
.container .Mpush_6 {
  right:210px;
}
.container .Mpush_7 {
  right:245px;
}
.container .Mpush_8 {
  right:280px;
}
.container .Mpush_9 {
  right:315px;
}
.container .Mpush_10 {
  right:350px;
}
.container .Mpush_11 {
  right:385px;
}
.container .Mpush_12 {
  right:420px;
}
.container .Mpull_0 {
  right: -0px;
}
.container .Mpull_1 {
  right: -35px;
}
.container .Mpull_2 {
  right: -70px;
}
.container .Mpull_3 {
  right: -105px;
}
.container .Mpull_4 {
  right: -140px;
}
.container .Mpull_5 {
  right: -175px;
}
.container .Mpull_6 {
  right: -210px;
}
.container .Mpull_7 {
  right: -245px;
}
.container .Mpull_8 {
  right: -280px;
}
.container .Mpull_9 {
  right: -315px;
}
.container .Mpull_10 {
  right: -350px;
}
.container .Mpull_11 {
  right: -385px;
}
.container .Mpull_12 {
  right: -420px;
}
/* `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;
}