#body .pointer {cursor: pointer;}


/*==========================================================
 * Display
**==========================================================*/
#body .db	{display:block;}
#body .dib	{display:inline-block; *display:inline; zoom:1;}
#body .di	{display:inline;}
#body .dn	{display:none;}
#body .oh	{overflow: hidden;}

#body .pr	{position:relative;}

/*==========================================================
 * Float
**==========================================================*/
#body .fl, #body .pull-left		{float:left;}
#body .fr, #body .pull-right	{float:right;}


/*==========================================================
 * Clear
**==========================================================*/
#body .cb{clear:both;}

#body .clearfix { *zoom: 1;}
#body .clearfix:before {display: table; content: ""; font-size:0; line-height: 0;}
#body .clearfix:after {display: table; content: ""; clear: both; font-size:0; line-height: 0;}


	
/*==========================================================
 * Height spaces - simulates vertical break
**==========================================================*/
#body [class^="hs"], #body [class*=" hs"]		
{display: block; *zoom: 1; font-size: 0; line-height: 0;}

#body [class^="hs"]:before, #body [class*=" hs"]:before
{display: table; content: "";}

#body [class^="hs"]:after, #body [class*=" hs"]:after
{display: table; content: ""; clear: both;}

#body .hs2{ height:2px;}
#body .hs5{ height:5px;}
#body .hs8{ height:8px;}
#body .hs10{ height:10px;}
#body .hs15{ height:15px;}
#body .hs20{ height:20px;}
#body .hs25{ height:25px;}
#body .hs30{ height:30px;}
#body .hs35{ height:35px;}
#body .hs40{ height:40px;}
#body .hs45{ height:45px;}	

	
/*==========================================================
 * Width spaces - simulates horizontal break
**==========================================================*/
#body [class^="ws"], #body [class*=" ws"]
{display: inline-block; *display: inline; *zoom:1;}
#body [class^="ws"]:after, #body [class*=" ws"]:after
{content: " ";}

#body .ws2 { width: 2px; min-width: 2px; }
#body .ws4 { width: 4px; min-width: 4px; }
#body .ws5 { width: 5px; min-width: 5px; }
#body .ws8 { width: 8px; min-width: 8px; }
#body .ws10 { width: 10px; min-width: 10px; }
#body .ws15 { width: 15px; min-width: 15px; }
#body .ws20 { width: 20px; min-width: 20px; }
#body .ws25 { width: 25px; min-width: 25px; }
#body .ws30 { width: 30px; min-width: 30px; }
#body .ws35 { width: 35px; min-width: 35px; }	
	

/*==========================================================
 * Content
**==========================================================*/
var {font-style:inherit;}
span {}
abbr {}
small {font-size: 80%; }

br {}
hr {}

p {}
blockquote {}
address {}

ul {}
ol {}
dl {}

img {}
figure {}
figure figcaption{}

ul,ol,
p,
figure {
	margin: 0;
	margin-after: 0; -o-margin-after: 0; -moz-margin-after: 0; -webkit-margin-after: 0;
	margin-before: 0; -o-margin-before: 0; -moz-margin-before: 0; -webkit-margin-before: 0;
	margin-start: 0; -o-margin-start: 0; -moz-margin-start: 0; -webkit-margin-start: 0;
	margin-end: 0; -o-margin-end: 0; -moz-margin-end: 0; -webkit-margin-end: 0;
}

br {
	
}
hr,
.hr {
  margin: 0;
  height: 0;
  border: 0;
  clear: both;
  *zoom:1;
}

p,ul,ol,.block,[data-list]	{margin-top: 10px;}
p[class*=span],ul[class*=span],ol[class*=span],.block[class*=span],[data-list][class*=span]	{margin-top: 0px;}

/*==========================================================
 * Headings
**==========================================================*/
.heading, h1,h2,h3,h4,h5,h6 {
	display: block;
	font-family: inherit;
	color: inherit;
	font-size: inherit;
	line-height: inherit;
	font-weight: inherit;
	text-rendering: optimizelegibility;
	text-align: left;
	vertical-align: baseline;
	margin: 0;
}
.heading small,h1 small,h2 small,h3 small,h4 small,h5 small,h6 small {
	color: #333;
	font-weight: normal;
	font-size: 75%;
}

a.heading, .heading a
{text-decoration: none;}
a.heading:hover, .heading a:hover
{text-decoration: underline;}



/*==========================================================
 * Text
**==========================================================*/
#body .font-bold 		{font-weight: bold;}
#body .font-italic 		{font-style: italic;}
#body .font-normal 		{font-weight: normal;}
#body .text-capitalize 	{text-transform: capitalize;}
#body .text-underline 	{text-decoration: underline;}
#body .text-overline 	{text-decoration: overline;}
#body .text-strikeout 	{text-decoration: line-through;}
#body .text-uppercase 	{text-transform: uppercase;}
#body .text-lowercase 	{text-transform: lowercase;}
#body .text-normalcase 	{text-transform: none;}
#body .text-hide {
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
}

/*==========================================================
 * Line styles
**==========================================================*/
#body .text-right 		{text-align:right;}
#body .text-left 		{text-align:left;}
#body .text-center 		{text-align:center;}
#body .text-justify 	{text-align:justify;}

#body .vat 	{vertical-align: top;}
#body .vat 	{vertical-align: top;}
#body .vam 	{vertical-align: middle;}
#body .vab 	{vertical-align: bottom;}
#body .vabl {vertical-align: baseline;}


/*=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#
 #==========================================================
 #
 # Layout defaults
 #
 #==========================================================
*#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#*/

[data-layout] {margin: 0 auto; padding: 0; list-style: none; *zoom:1;}
[data-layout]:before 	{display: table; content: ""; font-size:0; line-height: 0;}
[data-layout]:after 	{display: table; content: ""; clear: both; font-size:0; line-height: 0;}

[data-layout]> * 					{display: block;}

[data-layout]> [class*=span] 		{min-height:1px;float: left; box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; *behavior: url(assets/css/boxsizing.htc);}
[data-layout~=right]> [class*=span] {float: right; margin-left: auto;}

#body [data-layout~=row]> [class*="span"]:first-child,
#body [data-layout~=line]> [class*="span"]:first-child,
#body [data-layout~=fixed]> [class*="span"]:first-child,
#body [data-layout~=fluid]> [class*="span"]:first-child
{margin-left:0;}

#body [data-layout~=row][data-layout~=right]> [class*="span"]:first-child,
#body [data-layout~=line][data-layout~=right]> [class*="span"]:first-child ,
#body [data-layout~=fixed][data-layout~=right]> [class*="span"]:first-child,
#body [data-layout~=fluid][data-layout~=right]> [class*="span"]:first-child
{margin-right: 0;}

#body [data-layout~=row]:first-child {margin-top: 0; }
[data-layout~=row] {margin-top: 10px; }
[data-layout~=row][data-layout~=small] {margin-top: 5px; }
[data-layout~=row][data-layout~=big] {margin-top: 20px; }

#body .span-reset {margin-bottom:20px; }
#body .span-reset:after {display: table; content: ""; clear: both; font-size:0; line-height: 0;}
#body .span-reset + [class*="span"] {margin-left: 0;}
#body .span-reset + [class*="span"]:before {display: table; content: ""; clear: both; font-size:0; line-height: 0;}


/*==========================================================
 * Display inline
**==========================================================*/


[data-layout~=line] {
	position: relative;
	font-size: 0;
}
/* hide whitespace in Opera,FF,IE (mandatory for Opera!)*/ 
html.safari [data-layout~=line] {font-size: 1px; letter-spacing:-1em;}


[data-layout~=line][data-layout~=normal]> * {
	font-size: 12px;
	line-height: 1.25em;
}
[data-layout~=line][data-layout~=normal-space]> * {
	margin: 0 10px;
}
[data-layout~=line][data-layout~=mini-space]> * {
	margin: 0 5px;
}

[data-layout~=line]> *,
[data-layout~=line]> [class*=span] {
	white-space: normal;
	letter-spacing: normal;
	word-spacing: normal;
	
	float: none;
	display: inline-block;
	*zoom:1;
	*display: inline;
	
	box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; *behavior: url(assets/css/boxsizing.htc);
}

[data-layout~=line][data-layout~=right] 	{text-align: right;}

[data-layout~=line][data-layout~=nowrap] 	{white-space: nowrap;}
[data-layout~=line][data-layout~=middle]> * {vertical-align: middle;}
[data-layout~=line][data-layout~=top]> * 	{vertical-align: top;}
[data-layout~=line][data-layout~=bottom]> * {vertical-align: bottom;}




/*=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#
 #==========================================================
 #
 # Fluid grid system
 #
 #==========================================================
*#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#=#*/


	[data-layout~=fluid]> [class*=span]
	{margin-left: 2.1276595744681%;}
	[data-layout~=fluid][data-layout~=right]> [class*=span]
	{margin-left: auto; margin-right: 2.1276595744681%;}


/*==========================================================
 * Spans loop
**==================*/


	.fluid-span24 					{ width: 100%; }
	[data-layout~=fluid]> .span24 	{ width: 100%; }

	#body [data-layout~=fluid]> .offset24:first-child
	{ margin-left: 104.25531914894%; }

	[data-layout~=fluid]> .offset24
	{ margin-left: 104.25531914894%; }
	[data-layout~=fluid][data-layout~=right]> .offset24
	{ margin-left: auto; margin-right: 104.25531914894%; }



	.fluid-span23 					{ width: 95.744680851064%; }
	[data-layout~=fluid]> .span23 	{ width: 95.744680851064%; }

	#body [data-layout~=fluid]> .offset23:first-child
	{ margin-left: 100%; }

	[data-layout~=fluid]> .offset23
	{ margin-left: 100%; }
	[data-layout~=fluid][data-layout~=right]> .offset23
	{ margin-left: auto; margin-right: 100%; }



	.fluid-span22 					{ width: 91.489361702128%; }
	[data-layout~=fluid]> .span22 	{ width: 91.489361702128%; }

	#body [data-layout~=fluid]> .offset22:first-child
	{ margin-left: 95.744680851064%; }

	[data-layout~=fluid]> .offset22
	{ margin-left: 95.744680851064%; }
	[data-layout~=fluid][data-layout~=right]> .offset22
	{ margin-left: auto; margin-right: 95.744680851064%; }



	.fluid-span21 					{ width: 87.234042553191%; }
	[data-layout~=fluid]> .span21 	{ width: 87.234042553191%; }

	#body [data-layout~=fluid]> .offset21:first-child
	{ margin-left: 91.489361702128%; }

	[data-layout~=fluid]> .offset21
	{ margin-left: 91.489361702128%; }
	[data-layout~=fluid][data-layout~=right]> .offset21
	{ margin-left: auto; margin-right: 91.489361702128%; }



	.fluid-span20 					{ width: 82.978723404255%; }
	[data-layout~=fluid]> .span20 	{ width: 82.978723404255%; }

	#body [data-layout~=fluid]> .offset20:first-child
	{ margin-left: 87.234042553191%; }

	[data-layout~=fluid]> .offset20
	{ margin-left: 87.234042553191%; }
	[data-layout~=fluid][data-layout~=right]> .offset20
	{ margin-left: auto; margin-right: 87.234042553191%; }



	.fluid-span19 					{ width: 78.723404255319%; }
	[data-layout~=fluid]> .span19 	{ width: 78.723404255319%; }

	#body [data-layout~=fluid]> .offset19:first-child
	{ margin-left: 82.978723404255%; }

	[data-layout~=fluid]> .offset19
	{ margin-left: 82.978723404255%; }
	[data-layout~=fluid][data-layout~=right]> .offset19
	{ margin-left: auto; margin-right: 82.978723404255%; }



	.fluid-span18 					{ width: 74.468085106383%; }
	[data-layout~=fluid]> .span18 	{ width: 74.468085106383%; }

	#body [data-layout~=fluid]> .offset18:first-child
	{ margin-left: 78.723404255319%; }

	[data-layout~=fluid]> .offset18
	{ margin-left: 78.723404255319%; }
	[data-layout~=fluid][data-layout~=right]> .offset18
	{ margin-left: auto; margin-right: 78.723404255319%; }



	.fluid-span17 					{ width: 70.212765957447%; }
	[data-layout~=fluid]> .span17 	{ width: 70.212765957447%; }

	#body [data-layout~=fluid]> .offset17:first-child
	{ margin-left: 74.468085106383%; }

	[data-layout~=fluid]> .offset17
	{ margin-left: 74.468085106383%; }
	[data-layout~=fluid][data-layout~=right]> .offset17
	{ margin-left: auto; margin-right: 74.468085106383%; }



	.fluid-span16 					{ width: 65.957446808511%; }
	[data-layout~=fluid]> .span16 	{ width: 65.957446808511%; }

	#body [data-layout~=fluid]> .offset16:first-child
	{ margin-left: 70.212765957447%; }

	[data-layout~=fluid]> .offset16
	{ margin-left: 70.212765957447%; }
	[data-layout~=fluid][data-layout~=right]> .offset16
	{ margin-left: auto; margin-right: 70.212765957447%; }



	.fluid-span15 					{ width: 61.702127659574%; }
	[data-layout~=fluid]> .span15 	{ width: 61.702127659574%; }

	#body [data-layout~=fluid]> .offset15:first-child
	{ margin-left: 65.957446808511%; }

	[data-layout~=fluid]> .offset15
	{ margin-left: 65.957446808511%; }
	[data-layout~=fluid][data-layout~=right]> .offset15
	{ margin-left: auto; margin-right: 65.957446808511%; }



	.fluid-span14 					{ width: 57.446808510638%; }
	[data-layout~=fluid]> .span14 	{ width: 57.446808510638%; }

	#body [data-layout~=fluid]> .offset14:first-child
	{ margin-left: 61.702127659574%; }

	[data-layout~=fluid]> .offset14
	{ margin-left: 61.702127659574%; }
	[data-layout~=fluid][data-layout~=right]> .offset14
	{ margin-left: auto; margin-right: 61.702127659574%; }



	.fluid-span13 					{ width: 53.191489361702%; }
	[data-layout~=fluid]> .span13 	{ width: 53.191489361702%; }

	#body [data-layout~=fluid]> .offset13:first-child
	{ margin-left: 57.446808510638%; }

	[data-layout~=fluid]> .offset13
	{ margin-left: 57.446808510638%; }
	[data-layout~=fluid][data-layout~=right]> .offset13
	{ margin-left: auto; margin-right: 57.446808510638%; }



	.fluid-span12 					{ width: 48.936170212766%; }
	[data-layout~=fluid]> .span12 	{ width: 48.936170212766%; }

	#body [data-layout~=fluid]> .offset12:first-child
	{ margin-left: 53.191489361702%; }

	[data-layout~=fluid]> .offset12
	{ margin-left: 53.191489361702%; }
	[data-layout~=fluid][data-layout~=right]> .offset12
	{ margin-left: auto; margin-right: 53.191489361702%; }



	.fluid-span11 					{ width: 44.68085106383%; }
	[data-layout~=fluid]> .span11 	{ width: 44.68085106383%; }

	#body [data-layout~=fluid]> .offset11:first-child
	{ margin-left: 48.936170212766%; }

	[data-layout~=fluid]> .offset11
	{ margin-left: 48.936170212766%; }
	[data-layout~=fluid][data-layout~=right]> .offset11
	{ margin-left: auto; margin-right: 48.936170212766%; }



	.fluid-span10 					{ width: 40.425531914894%; }
	[data-layout~=fluid]> .span10 	{ width: 40.425531914894%; }

	#body [data-layout~=fluid]> .offset10:first-child
	{ margin-left: 44.68085106383%; }

	[data-layout~=fluid]> .offset10
	{ margin-left: 44.68085106383%; }
	[data-layout~=fluid][data-layout~=right]> .offset10
	{ margin-left: auto; margin-right: 44.68085106383%; }



	.fluid-span9 					{ width: 36.170212765957%; }
	[data-layout~=fluid]> .span9 	{ width: 36.170212765957%; }

	#body [data-layout~=fluid]> .offset9:first-child
	{ margin-left: 40.425531914894%; }

	[data-layout~=fluid]> .offset9
	{ margin-left: 40.425531914894%; }
	[data-layout~=fluid][data-layout~=right]> .offset9
	{ margin-left: auto; margin-right: 40.425531914894%; }



	.fluid-span8 					{ width: 31.914893617021%; }
	[data-layout~=fluid]> .span8 	{ width: 31.914893617021%; }

	#body [data-layout~=fluid]> .offset8:first-child
	{ margin-left: 36.170212765957%; }

	[data-layout~=fluid]> .offset8
	{ margin-left: 36.170212765957%; }
	[data-layout~=fluid][data-layout~=right]> .offset8
	{ margin-left: auto; margin-right: 36.170212765957%; }



	.fluid-span7 					{ width: 27.659574468085%; }
	[data-layout~=fluid]> .span7 	{ width: 27.659574468085%; }

	#body [data-layout~=fluid]> .offset7:first-child
	{ margin-left: 31.914893617021%; }

	[data-layout~=fluid]> .offset7
	{ margin-left: 31.914893617021%; }
	[data-layout~=fluid][data-layout~=right]> .offset7
	{ margin-left: auto; margin-right: 31.914893617021%; }



	.fluid-span6 					{ width: 23.404255319149%; }
	[data-layout~=fluid]> .span6 	{ width: 23.404255319149%; }

	#body [data-layout~=fluid]> .offset6:first-child
	{ margin-left: 27.659574468085%; }

	[data-layout~=fluid]> .offset6
	{ margin-left: 27.659574468085%; }
	[data-layout~=fluid][data-layout~=right]> .offset6
	{ margin-left: auto; margin-right: 27.659574468085%; }



	.fluid-span5 					{ width: 19.148936170213%; }
	[data-layout~=fluid]> .span5 	{ width: 19.148936170213%; }

	#body [data-layout~=fluid]> .offset5:first-child
	{ margin-left: 23.404255319149%; }

	[data-layout~=fluid]> .offset5
	{ margin-left: 23.404255319149%; }
	[data-layout~=fluid][data-layout~=right]> .offset5
	{ margin-left: auto; margin-right: 23.404255319149%; }



	.fluid-span4 					{ width: 14.893617021277%; }
	[data-layout~=fluid]> .span4 	{ width: 14.893617021277%; }

	#body [data-layout~=fluid]> .offset4:first-child
	{ margin-left: 19.148936170213%; }

	[data-layout~=fluid]> .offset4
	{ margin-left: 19.148936170213%; }
	[data-layout~=fluid][data-layout~=right]> .offset4
	{ margin-left: auto; margin-right: 19.148936170213%; }



	.fluid-span3 					{ width: 10.63829787234%; }
	[data-layout~=fluid]> .span3 	{ width: 10.63829787234%; }

	#body [data-layout~=fluid]> .offset3:first-child
	{ margin-left: 14.893617021277%; }

	[data-layout~=fluid]> .offset3
	{ margin-left: 14.893617021277%; }
	[data-layout~=fluid][data-layout~=right]> .offset3
	{ margin-left: auto; margin-right: 14.893617021277%; }



	.fluid-span2 					{ width: 6.3829787234043%; }
	[data-layout~=fluid]> .span2 	{ width: 6.3829787234043%; }

	#body [data-layout~=fluid]> .offset2:first-child
	{ margin-left: 10.63829787234%; }

	[data-layout~=fluid]> .offset2
	{ margin-left: 10.63829787234%; }
	[data-layout~=fluid][data-layout~=right]> .offset2
	{ margin-left: auto; margin-right: 10.63829787234%; }



	.fluid-span1 					{ width: 2.1276595744681%; }
	[data-layout~=fluid]> .span1 	{ width: 2.1276595744681%; }

	#body [data-layout~=fluid]> .offset1:first-child
	{ margin-left: 6.3829787234043%; }

	[data-layout~=fluid]> .offset1
	{ margin-left: 6.3829787234043%; }
	[data-layout~=fluid][data-layout~=right]> .offset1
	{ margin-left: auto; margin-right: 6.3829787234043%; }