/*
*
* Lemonade v1.1
* Copyright 2013, Joey
* lemonade.im
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
*
*/

*,
*:after,
*:before {
  margin: 0;
  padding: 0;
  /* Removes padding behavior on widths */
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

/* Targets all elements */
[class*='bit-'] {
  float: left;
  padding: 10px;
}

/* Floats last ".bit-" to the right */
[class*='bit-']:last-of-type {
  padding-right: 10px;
  float: right;
}

/* Clearfix */
.frame:after {
  content: "";
  display: table;
  clear: both;
}

/* Main Widths */
.bit-1  {width: 100%;}
.bit-1a  {width: 75%;}
.bit-1b  {width: 60%;}
.bit-1c  {width: 40%;}
.bit-2  {width: 50%;}
.bit-3  {width: 33.33%;}
.bit-4  {width: 25%;}
.bit-4a  {width: 25%;}
.bit-5  {width: 20%;}
.bit-6  {width: 16.6666666667%;}
.bit-7  {width: 14.2857142857%;}
.bit-8  {width: 12.5%;}
.bit-9  {width: 11.1111111111%;}
.bit-10 {width: 10%;}
.bit-11 {width: 9.09090909091%;}
.bit-12 {width: 8.33%;}
.sr{
	text-align:right;
}
.fr{
	float: right;
}

/* Landscape mobile & down
===============================*/
@media (max-width: 480px) {
	*, body, span, div, p, a, span.text, h3, .vbig, .big, .tiny, ._btn3, ._btn3x, ._t, .f5, .f8, .f9, .f10, .f11, .f12, .f14, .f16, .f18, .nav li a{
		font-size: 16px;
		font-size: 1.6rem;
		line-height: 1.5;
	}	
	.w100p.h100p.aoverflow{
		padding: 0;
	}
	.list{
		list-style-position: inside;
	}
	.bit-1,
	.bit-1a,
	.bit-1b,
	.bit-1c,
	.bit-2,
	.bit-3,
	.bit-4,
	.bit-4a,
	.bit-5,
	.bit-6,
	.bit-7,
	.bit-8,
	.bit-9,
	.bit-10,
	.bit-11,
	.bit-12 {
		width: 100%;
	}
	
	.frame .bit-4:nth-child(2) {
		float: right;
	}
	
	.frame .bit-4:nth-child(3) {
		clear: both;
		float: left;
	}
	
	.frame .bit-4:nth-child(4) {
		float: right;
	}
	.show_on_mobile{
	display: block;
	}
	.logo{
	position: relative;
	}
	.after{
		content: "";
		background: url('nav-icon.png') no-repeat;
		width: 25px;
		height: 25px;
		display: inline-block;
		position: absolute;
		right: 15px;
		right: 1.5rem;
		top: 10px;
		cursor:pointer;
	}
  body{
	padding: 0;
	position: relative;
	height: auto; 
  }
  .header {
    position: relative;
    width: 100%;
  }
  ul.breadcrumbs{
  	text-align: center;
  }
  ul.nav {
    display: table;
    width: 100%;
    margin: 0;
    padding: 0;
    border-top: thin solid #eee;
    border-bottom: thin solid #eee;
    text-align: center;
  }
  .nav li.gap, .nav li li {
    display: none;
  }
  ul.bottom_nav {
    width: 100%;
    margin: 0;
    text-align: center;
    position: relative;
    padding: 10px;
    padding: 1rem;
	display: none;
  }
  ul.bottom_nav li{
  	display: inline-block;
	float: none;
  }
  ul.nav a{
  	border: none;
  }
  .bottom_nav br {
    display: none;
  }
  .l, .r{
  	display: block;
	width: 100%;
	float: none;
  }
  address {
    margin: 0;
    padding: 0;
    border: none;
  }
}

/* Mobile to Tablet Portrait
===============================*/
@media (min-width: 480px) and (max-width: 800px) {
	*, body, span, div, p, a, span.text, h3, .vbig, .big, .tiny, ._btn3, ._btn3x, ._t, .f5, .f8, .f9, .f10, .f11, .f12, .f14, .f16, .f18, .nav li a{
		font-size: 14px;
		font-size: 1.4rem;
		line-height: 1;
	}
	.w100p.h100p.aoverflow{
		padding: 0;
	}
	.list{
		list-style-position: inside;
	}
  .bit-4,
  .bit-6,
  .bit-8,
  .bit-10,
  .bit-12 {
    width: 50%;
  }

  .bit-1,
  .bit-1a,
  .bit-1b,
  .bit-1c,
  .bit-4a,
  .bit-2,
  .bit-3,
  .bit-5,
  .bit-7,
  .bit-9,
  .bit-11 {
    width: 100%;
  }
  .show_on_mobile{
  	display: block;
  }
  .logo{
  	position: relative;
  }
  body{
	padding: 0;
	position: relative;
	height: auto; 
  }
  .header {
    position: relative;
    width: 100%;
  }
  ul.nav {
    display: table;
    width: 100%;
    margin: 0;
    padding: 0;
    border-top: thin solid #eee;
    border-bottom: thin solid #eee;
    text-align: center;
  }
  .nav li{
  	display: table-cell;
	width: 20%;
  }
  .nav li.gap, .nav li li {
    display: none;
  }
  ul.bottom_nav {
    width: 100%;
    margin: 0;
    text-align: center;
    position: relative;
    padding: 10px;
    padding: 1rem;
	display: none;
  }
  ul.bottom_nav li{
  	display: inline-block;
	float: none;
  }
  ul.nav a{
  	border: none;
  }
  .bottom_nav br {
    display: none;
  }
  .l, .r{
  	display: block;
	width: 100%;
	float: none;
  }
  address {
    margin: 0;
    padding: 0;
    border: none;
  }
}

/* Landscape Tablet to Desktop
===============================*/
@media (min-width: 800px) and (max-width: 1100px) {
  .bit-7 {
    width: 100%;
  }
  .bit-2a,
  .bit-4,
  .bit-8,
  .bit-10,
  .bit-12 {
    width: 50%;
  }
  .l, .r{
  	display: block;
	width: 100%;
	float: none;
  }
}
.nop{
	padding: 0;
}
.nom{
	margin: 0;
}