.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}
.grid-container:before, .grid-100:before, .tablet-grid-100:before, .mobile-grid-100:before, .clearfix:before, .grid-container:after, .grid-100:after, .tablet-grid-100:after, .mobile-grid-100:after, .clearfix:after {
	content: ".";
	display: block;
	overflow: hidden;
	visibility: hidden;
	font-size: 0;
	line-height: 0;
	width: 0;
	height: 0;
}
.grid-container:after, .grid-100:after, .tablet-grid-100:after, .mobile-grid-100:after, .clearfix:after {
	clear: both;
}
.grid-container, .grid-100, .tablet-grid-100, .mobile-grid-100, .clearfix {
  /* <IE7> */
  *zoom: 1;
/* </IE7> */
}
.grid-container {
	margin-left: auto;
	margin-right: auto;
	max-width: 1200px;
	padding-left: 10px;
	padding-right: 10px;
}
.grid-5, .mobile-grid-5, .tablet-grid-5, .grid-10, .mobile-grid-10, .tablet-grid-10, .grid-15, .mobile-grid-15, .tablet-grid-15, .grid-20, .mobile-grid-20, .tablet-grid-20, .grid-25, .mobile-grid-25, .tablet-grid-25, .grid-30, .mobile-grid-30, .tablet-grid-30, .grid-35, .mobile-grid-35, .tablet-grid-35, .grid-40, .mobile-grid-40, .tablet-grid-40, .grid-45, .mobile-grid-45, .tablet-grid-45, .grid-50, .mobile-grid-50, .tablet-grid-50, .grid-55, .mobile-grid-55, .tablet-grid-55, .grid-60, .mobile-grid-60, .tablet-grid-60, .grid-65, .mobile-grid-65, .tablet-grid-65, .grid-70, .mobile-grid-70, .tablet-grid-70, .grid-75, .mobile-grid-75, .tablet-grid-75, .grid-80, .mobile-grid-80, .tablet-grid-80, .grid-85, .mobile-grid-85, .tablet-grid-85, .grid-90, .mobile-grid-90, .tablet-grid-90, .grid-95, .mobile-grid-95, .tablet-grid-95, .grid-100, .mobile-grid-100, .tablet-grid-100, .grid-33, .mobile-grid-33, .tablet-grid-33, .grid-66, .mobile-grid-66, .tablet-grid-66 {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-left: 10px;
	padding-right: 10px;
  /* <IE7> */
  *padding-left: 0;
 *padding-right: 0;
/* </IE7> */
}
.grid-5 > *, .mobile-grid-5 > *, .tablet-grid-5 > *, .grid-10 > *, .mobile-grid-10 > *, .tablet-grid-10 > *, .grid-15 > *, .mobile-grid-15 > *, .tablet-grid-15 > *, .grid-20 > *, .mobile-grid-20 > *, .tablet-grid-20 > *, .grid-25 > *, .mobile-grid-25 > *, .tablet-grid-25 > *, .grid-30 > *, .mobile-grid-30 > *, .tablet-grid-30 > *, .grid-35 > *, .mobile-grid-35 > *, .tablet-grid-35 > *, .grid-40 > *, .mobile-grid-40 > *, .tablet-grid-40 > *, .grid-45 > *, .mobile-grid-45 > *, .tablet-grid-45 > *, .grid-50 > *, .mobile-grid-50 > *, .tablet-grid-50 > *, .grid-55 > *, .mobile-grid-55 > *, .tablet-grid-55 > *, .grid-60 > *, .mobile-grid-60 > *, .tablet-grid-60 > *, .grid-65 > *, .mobile-grid-65 > *, .tablet-grid-65 > *, .grid-70 > *, .mobile-grid-70 > *, .tablet-grid-70 > *, .grid-75 > *, .mobile-grid-75 > *, .tablet-grid-75 > *, .grid-80 > *, .mobile-grid-80 > *, .tablet-grid-80 > *, .grid-85 > *, .mobile-grid-85 > *, .tablet-grid-85 > *, .grid-90 > *, .mobile-grid-90 > *, .tablet-grid-90 > *, .grid-95 > *, .mobile-grid-95 > *, .tablet-grid-95 > *, .grid-100 > *, .mobile-grid-100 > *, .tablet-grid-100 > *, .grid-33 > *, .mobile-grid-33 > *, .tablet-grid-33 > *, .grid-66 > *, .mobile-grid-66 > *, .tablet-grid-66 > * {
  /* <IE7> */
  *margin-left: expression((!this.className.match(/grid-[1-9]/) && this.currentStyle.display === "block" && this.currentStyle.width === "auto") && "10px");
 *margin-right: expression((!this.className.match(/grid-[1-9]/) && this.currentStyle.display === "block" && this.currentStyle.width === "auto") && "10px");
/* </IE7> */
}
.grid-parent {
	padding-left: 0;
	padding-right: 0;
}
.mobile-push-5,  .mobile-pull-5, .mobile-push-10,  .mobile-pull-10, .mobile-push-15,  .mobile-pull-15, .mobile-push-20,  .mobile-pull-20, .mobile-push-25,  .mobile-pull-25, .mobile-push-30,  .mobile-pull-30, .mobile-push-35,  .mobile-pull-35, .mobile-push-40,  .mobile-pull-40, .mobile-push-45,  .mobile-pull-45, .mobile-push-50,  .mobile-pull-50, .mobile-push-55,  .mobile-pull-55, .mobile-push-60,  .mobile-pull-60, .mobile-push-65,  .mobile-pull-65, .mobile-push-70,  .mobile-pull-70, .mobile-push-75,  .mobile-pull-75, .mobile-push-80,  .mobile-pull-80, .mobile-push-85,  .mobile-pull-85, .mobile-push-90,  .mobile-pull-90, .mobile-push-95,  .mobile-pull-95, .mobile-push-33,  .mobile-pull-33, .mobile-push-66,  .mobile-pull-66 {
	position: relative;
}
.hide-on-mobile, .hide-on-tablet, .hide-on-desktop {
	display: none !important;
}
.mobile-grid-5 {
	float: left;
	width: 5%;
    /* <IE7> */
    *width: expression(Math.floor(0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* </IE7> */
}
.mobile-prefix-5 {
	margin-left: 5%;
}
.mobile-suffix-5 {
	margin-right: 5%;
}
.mobile-push-5 {
	left: 5%;
    /* <IE7> */
    *left: expression(Math.floor(0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* </IE7> */
}
.mobile-pull-5 {
	left: -5%;
    /* <IE7> */
    *left: expression(Math.floor(-0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* </IE7> */
}
.mobile-grid-10 {
	float: left;
	width: 10%;
    /* <IE7> */
    *width: expression(Math.floor(0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* </IE7> */
}
.mobile-prefix-10 {
	margin-left: 10%;
}
.mobile-suffix-10 {
	margin-right: 10%;
}
.mobile-push-10 {
	left: 10%;
    /* <IE7> */
    *left: expression(Math.floor(0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* </IE7> */
}
.mobile-pull-10 {
	left: -10%;
    /* <IE7> */
    *left: expression(Math.floor(-0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* </IE7> */
}
.mobile-grid-15 {
	float: left;
	width: 15%;
    /* <IE7> */
    *width: expression(Math.floor(0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* </IE7> */
}
.mobile-prefix-15 {
	margin-left: 15%;
}
.mobile-suffix-15 {
	margin-right: 15%;
}
.mobile-push-15 {
	left: 15%;
    /* <IE7> */
    *left: expression(Math.floor(0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* </IE7> */
}
.mobile-pull-15 {
	left: -15%;
    /* <IE7> */
    *left: expression(Math.floor(-0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* </IE7> */
}
.mobile-grid-20 {
	float: left;
	width: 20%;
    /* <IE7> */
    *width: expression(Math.floor(0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* </IE7> */
}
.mobile-prefix-20 {
	margin-left: 20%;
}
.mobile-suffix-20 {
	margin-right: 20%;
}
.mobile-push-20 {
	left: 20%;
    /* <IE7> */
    *left: expression(Math.floor(0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* </IE7> */
}
.mobile-pull-20 {
	left: -20%;
    /* <IE7> */
    *left: expression(Math.floor(-0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* </IE7> */
}
.mobile-grid-25 {
	float: left;
	width: 25%;
    /* <IE7> */
    *width: expression(Math.floor(0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* </IE7> */
}
.mobile-prefix-25 {
	margin-left: 25%;
}
.mobile-suffix-25 {
	margin-right: 25%;
}
.mobile-push-25 {
	left: 25%;
    /* <IE7> */
    *left: expression(Math.floor(0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* </IE7> */
}
.mobile-pull-25 {
	left: -25%;
    /* <IE7> */
    *left: expression(Math.floor(-0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* </IE7> */
}
.mobile-grid-30 {
	float: left;
	width: 30%;
    /* <IE7> */
    *width: expression(Math.floor(0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* </IE7> */
}
.mobile-prefix-30 {
	margin-left: 30%;
}
.mobile-suffix-30 {
	margin-right: 30%;
}
.mobile-push-30 {
	left: 30%;
    /* <IE7> */
    *left: expression(Math.floor(0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* </IE7> */
}
.mobile-pull-30 {
	left: -30%;
    /* <IE7> */
    *left: expression(Math.floor(-0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* </IE7> */
}
.mobile-grid-35 {
	float: left;
	width: 35%;
    /* <IE7> */
    *width: expression(Math.floor(0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* </IE7> */
}
.mobile-prefix-35 {
	margin-left: 35%;
}
.mobile-suffix-35 {
	margin-right: 35%;
}
.mobile-push-35 {
	left: 35%;
    /* <IE7> */
    *left: expression(Math.floor(0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* </IE7> */
}
.mobile-pull-35 {
	left: -35%;
    /* <IE7> */
    *left: expression(Math.floor(-0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* </IE7> */
}
.mobile-grid-40 {
	float: left;
	width: 40%;
    /* <IE7> */
    *width: expression(Math.floor(0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* </IE7> */
}
.mobile-prefix-40 {
	margin-left: 40%;
}
.mobile-suffix-40 {
	margin-right: 40%;
}
.mobile-push-40 {
	left: 40%;
    /* <IE7> */
    *left: expression(Math.floor(0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* </IE7> */
}
.mobile-pull-40 {
	left: -40%;
    /* <IE7> */
    *left: expression(Math.floor(-0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* </IE7> */
}
.mobile-grid-45 {
	float: left;
	width: 45%;
    /* <IE7> */
    *width: expression(Math.floor(0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* </IE7> */
}
.mobile-prefix-45 {
	margin-left: 45%;
}
.mobile-suffix-45 {
	margin-right: 45%;
}
.mobile-push-45 {
	left: 45%;
    /* <IE7> */
    *left: expression(Math.floor(0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* </IE7> */
}
.mobile-pull-45 {
	left: -45%;
    /* <IE7> */
    *left: expression(Math.floor(-0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* </IE7> */
}
.mobile-grid-50 {
	float: left;
	width: 50%;
    /* <IE7> */
    *width: expression(Math.floor(0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* </IE7> */
}
.mobile-prefix-50 {
	margin-left: 50%;
}
.mobile-suffix-50 {
	margin-right: 50%;
}
.mobile-push-50 {
	left: 50%;
    /* <IE7> */
    *left: expression(Math.floor(0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* </IE7> */
}
.mobile-pull-50 {
	left: -50%;
    /* <IE7> */
    *left: expression(Math.floor(-0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* </IE7> */
}
.mobile-grid-55 {
	float: left;
	width: 55%;
    /* <IE7> */
    *width: expression(Math.floor(0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* </IE7> */
}
.mobile-prefix-55 {
	margin-left: 55%;
}
.mobile-suffix-55 {
	margin-right: 55%;
}
.mobile-push-55 {
	left: 55%;
    /* <IE7> */
    *left: expression(Math.floor(0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* </IE7> */
}
.mobile-pull-55 {
	left: -55%;
    /* <IE7> */
    *left: expression(Math.floor(-0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* </IE7> */
}
.mobile-grid-60 {
	float: left;
	width: 60%;
    /* <IE7> */
    *width: expression(Math.floor(0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* </IE7> */
}
.mobile-prefix-60 {
	margin-left: 60%;
}
.mobile-suffix-60 {
	margin-right: 60%;
}
.mobile-push-60 {
	left: 60%;
    /* <IE7> */
    *left: expression(Math.floor(0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* </IE7> */
}
.mobile-pull-60 {
	left: -60%;
    /* <IE7> */
    *left: expression(Math.floor(-0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* </IE7> */
}
.mobile-grid-65 {
	float: left;
	width: 65%;
    /* <IE7> */
    *width: expression(Math.floor(0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* </IE7> */
}
.mobile-prefix-65 {
	margin-left: 65%;
}
.mobile-suffix-65 {
	margin-right: 65%;
}
.mobile-push-65 {
	left: 65%;
    /* <IE7> */
    *left: expression(Math.floor(0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* </IE7> */
}
.mobile-pull-65 {
	left: -65%;
    /* <IE7> */
    *left: expression(Math.floor(-0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* </IE7> */
}
.mobile-grid-70 {
	float: left;
	width: 70%;
    /* <IE7> */
    *width: expression(Math.floor(0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* </IE7> */
}
.mobile-prefix-70 {
	margin-left: 70%;
}
.mobile-suffix-70 {
	margin-right: 70%;
}
.mobile-push-70 {
	left: 70%;
    /* <IE7> */
    *left: expression(Math.floor(0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* </IE7> */
}
.mobile-pull-70 {
	left: -70%;
    /* <IE7> */
    *left: expression(Math.floor(-0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* </IE7> */
}
.mobile-grid-75 {
	float: left;
	width: 75%;
    /* <IE7> */
    *width: expression(Math.floor(0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* </IE7> */
}
.mobile-prefix-75 {
	margin-left: 75%;
}
.mobile-suffix-75 {
	margin-right: 75%;
}
.mobile-push-75 {
	left: 75%;
    /* <IE7> */
    *left: expression(Math.floor(0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* </IE7> */
}
.mobile-pull-75 {
	left: -75%;
    /* <IE7> */
    *left: expression(Math.floor(-0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* </IE7> */
}
.mobile-grid-80 {
	float: left;
	width: 80%;
    /* <IE7> */
    *width: expression(Math.floor(0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* </IE7> */
}
.mobile-prefix-80 {
	margin-left: 80%;
}
.mobile-suffix-80 {
	margin-right: 80%;
}
.mobile-push-80 {
	left: 80%;
    /* <IE7> */
    *left: expression(Math.floor(0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* </IE7> */
}
.mobile-pull-80 {
	left: -80%;
    /* <IE7> */
    *left: expression(Math.floor(-0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* </IE7> */
}
.mobile-grid-85 {
	float: left;
	width: 85%;
    /* <IE7> */
    *width: expression(Math.floor(0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* </IE7> */
}
.mobile-prefix-85 {
	margin-left: 85%;
}
.mobile-suffix-85 {
	margin-right: 85%;
}
.mobile-push-85 {
	left: 85%;
    /* <IE7> */
    *left: expression(Math.floor(0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* </IE7> */
}
.mobile-pull-85 {
	left: -85%;
    /* <IE7> */
    *left: expression(Math.floor(-0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* </IE7> */
}
.mobile-grid-90 {
	float: left;
	width: 90%;
    /* <IE7> */
    *width: expression(Math.floor(0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* </IE7> */
}
.mobile-prefix-90 {
	margin-left: 90%;
}
.mobile-suffix-90 {
	margin-right: 90%;
}
.mobile-push-90 {
	left: 90%;
    /* <IE7> */
    *left: expression(Math.floor(0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* </IE7> */
}
.mobile-pull-90 {
	left: -90%;
    /* <IE7> */
    *left: expression(Math.floor(-0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* </IE7> */
}
.mobile-grid-95 {
	float: left;
	width: 95%;
    /* <IE7> */
    *width: expression(Math.floor(0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* </IE7> */
}
.mobile-prefix-95 {
	margin-left: 95%;
}
.mobile-suffix-95 {
	margin-right: 95%;
}
.mobile-push-95 {
	left: 95%;
    /* <IE7> */
    *left: expression(Math.floor(0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* </IE7> */
}
.mobile-pull-95 {
	left: -95%;
    /* <IE7> */
    *left: expression(Math.floor(-0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* </IE7> */
}
.mobile-grid-33 {
	float: left;
	width: 33.33333%;
    /* <IE7> */
    *width: expression(Math.floor(0.33333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* </IE7> */
}
.mobile-prefix-33 {
	margin-left: 33.33333%;
}
.mobile-suffix-33 {
	margin-right: 33.33333%;
}
.mobile-push-33 {
	left: 33.33333%;
    /* <IE7> */
    *left: expression(Math.floor(0.33333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* </IE7> */
}
.mobile-pull-33 {
	left: -33.33333%;
    /* <IE7> */
    *left: expression(Math.floor(-0.33333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* </IE7> */
}
.mobile-grid-66 {
	float: left;
	width: 66.66667%;
    /* <IE7> */
    *width: expression(Math.floor(0.66667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* </IE7> */
}
.mobile-prefix-66 {
	margin-left: 66.66667%;
}
.mobile-suffix-66 {
	margin-right: 66.66667%;
}
.mobile-push-66 {
	left: 66.66667%;
    /* <IE7> */
    *left: expression(Math.floor(0.66667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* </IE7> */
}
.mobile-pull-66 {
	left: -66.66667%;
    /* <IE7> */
    *left: expression(Math.floor(-0.66667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* </IE7> */
}
body {
	min-width: 320px;
}
.tablet-push-5,  .tablet-pull-5, .tablet-push-10,  .tablet-pull-10, .tablet-push-15,  .tablet-pull-15, .tablet-push-20,  .tablet-pull-20, .tablet-push-25,  .tablet-pull-25, .tablet-push-30,  .tablet-pull-30, .tablet-push-35,  .tablet-pull-35, .tablet-push-40,  .tablet-pull-40, .tablet-push-45,  .tablet-pull-45, .tablet-push-50,  .tablet-pull-50, .tablet-push-55,  .tablet-pull-55, .tablet-push-60,  .tablet-pull-60, .tablet-push-65,  .tablet-pull-65, .tablet-push-70,  .tablet-pull-70, .tablet-push-75,  .tablet-pull-75, .tablet-push-80,  .tablet-pull-80, .tablet-push-85,  .tablet-pull-85, .tablet-push-90,  .tablet-pull-90, .tablet-push-95,  .tablet-pull-95, .tablet-push-33,  .tablet-pull-33, .tablet-push-66,  .tablet-pull-66 {
	position: relative;
}

.tablet-grid-5 {
	float: left;
	width: 5%;
    /* <IE7> */
    *width: expression(Math.floor(0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* </IE7> */
}
.tablet-prefix-5 {
	margin-left: 5%;
}
.tablet-suffix-5 {
	margin-right: 5%;
}
.tablet-push-5 {
	left: 5%;
    /* <IE7> */
    *left: expression(Math.floor(0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* </IE7> */
}
.tablet-pull-5 {
	left: -5%;
    /* <IE7> */
    *left: expression(Math.floor(-0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* </IE7> */
}
.tablet-grid-10 {
	float: left;
	width: 10%;
    /* <IE7> */
    *width: expression(Math.floor(0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* </IE7> */
}
.tablet-prefix-10 {
	margin-left: 10%;
}
.tablet-suffix-10 {
	margin-right: 10%;
}
.tablet-push-10 {
	left: 10%;
    /* <IE7> */
    *left: expression(Math.floor(0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* </IE7> */
}
.tablet-pull-10 {
	left: -10%;
    /* <IE7> */
    *left: expression(Math.floor(-0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* </IE7> */
}
.tablet-grid-15 {
	float: left;
	width: 15%;
    /* <IE7> */
    *width: expression(Math.floor(0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* </IE7> */
}
.tablet-prefix-15 {
	margin-left: 15%;
}
.tablet-suffix-15 {
	margin-right: 15%;
}
.tablet-push-15 {
	left: 15%;
    /* <IE7> */
    *left: expression(Math.floor(0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* </IE7> */
}
.tablet-pull-15 {
	left: -15%;
    /* <IE7> */
    *left: expression(Math.floor(-0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* </IE7> */
}
.tablet-grid-20 {
	float: left;
	width: 20%;
    /* <IE7> */
    *width: expression(Math.floor(0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* </IE7> */
}
.tablet-prefix-20 {
	margin-left: 20%;
}
.tablet-suffix-20 {
	margin-right: 20%;
}
.tablet-push-20 {
	left: 20%;
    /* <IE7> */
    *left: expression(Math.floor(0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* </IE7> */
}
.tablet-pull-20 {
	left: -20%;
    /* <IE7> */
    *left: expression(Math.floor(-0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* </IE7> */
}
.tablet-grid-25 {
	float: left;
	width: 25%;
    /* <IE7> */
    *width: expression(Math.floor(0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* </IE7> */
}
.tablet-prefix-25 {
	margin-left: 25%;
}
.tablet-suffix-25 {
	margin-right: 25%;
}
.tablet-push-25 {
	left: 25%;
    /* <IE7> */
    *left: expression(Math.floor(0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* </IE7> */
}
.tablet-pull-25 {
	left: -25%;
    /* <IE7> */
    *left: expression(Math.floor(-0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* </IE7> */
}
.tablet-grid-30 {
	float: left;
	width: 30%;
    /* <IE7> */
    *width: expression(Math.floor(0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* </IE7> */
}
.tablet-prefix-30 {
	margin-left: 30%;
}
.tablet-suffix-30 {
	margin-right: 30%;
}
.tablet-push-30 {
	left: 30%;
    /* <IE7> */
    *left: expression(Math.floor(0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* </IE7> */
}
.tablet-pull-30 {
	left: -30%;
    /* <IE7> */
    *left: expression(Math.floor(-0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* </IE7> */
}
.tablet-grid-35 {
	float: left;
	width: 35%;
    /* <IE7> */
    *width: expression(Math.floor(0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* </IE7> */
}
.tablet-prefix-35 {
	margin-left: 35%;
}
.tablet-suffix-35 {
	margin-right: 35%;
}
.tablet-push-35 {
	left: 35%;
    /* <IE7> */
    *left: expression(Math.floor(0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* </IE7> */
}
.tablet-pull-35 {
	left: -35%;
    /* <IE7> */
    *left: expression(Math.floor(-0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* </IE7> */
}
.tablet-grid-40 {
	float: left;
	width: 40%;
    /* <IE7> */
    *width: expression(Math.floor(0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* </IE7> */
}
.tablet-prefix-40 {
	margin-left: 40%;
}
.tablet-suffix-40 {
	margin-right: 40%;
}
.tablet-push-40 {
	left: 40%;
    /* <IE7> */
    *left: expression(Math.floor(0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* </IE7> */
}
.tablet-pull-40 {
	left: -40%;
    /* <IE7> */
    *left: expression(Math.floor(-0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* </IE7> */
}
.tablet-grid-45 {
	float: left;
	width: 45%;
    /* <IE7> */
    *width: expression(Math.floor(0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* </IE7> */
}
.tablet-prefix-45 {
	margin-left: 45%;
}
.tablet-suffix-45 {
	margin-right: 45%;
}
.tablet-push-45 {
	left: 45%;
    /* <IE7> */
    *left: expression(Math.floor(0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* </IE7> */
}
.tablet-pull-45 {
	left: -45%;
    /* <IE7> */
    *left: expression(Math.floor(-0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* </IE7> */
}
.tablet-grid-50 {
	float: left;
	width: 50%;
    /* <IE7> */
    *width: expression(Math.floor(0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* </IE7> */
}
.tablet-prefix-50 {
	margin-left: 50%;
}
.tablet-suffix-50 {
	margin-right: 50%;
}
.tablet-push-50 {
	left: 50%;
    /* <IE7> */
    *left: expression(Math.floor(0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* </IE7> */
}
.tablet-pull-50 {
	left: -50%;
    /* <IE7> */
    *left: expression(Math.floor(-0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* </IE7> */
}
.tablet-grid-55 {
	float: left;
	width: 55%;
    /* <IE7> */
    *width: expression(Math.floor(0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* </IE7> */
}
.tablet-prefix-55 {
	margin-left: 55%;
}
.tablet-suffix-55 {
	margin-right: 55%;
}
.tablet-push-55 {
	left: 55%;
    /* <IE7> */
    *left: expression(Math.floor(0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* </IE7> */
}
.tablet-pull-55 {
	left: -55%;
    /* <IE7> */
    *left: expression(Math.floor(-0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* </IE7> */
}
.tablet-grid-60 {
	float: left;
	width: 60%;
    /* <IE7> */
    *width: expression(Math.floor(0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* </IE7> */
}
.tablet-prefix-60 {
	margin-left: 60%;
}
.tablet-suffix-60 {
	margin-right: 60%;
}
.tablet-push-60 {
	left: 60%;
    /* <IE7> */
    *left: expression(Math.floor(0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* </IE7> */
}
.tablet-pull-60 {
	left: -60%;
    /* <IE7> */
    *left: expression(Math.floor(-0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* </IE7> */
}
.tablet-grid-65 {
	float: left;
	width: 65%;
    /* <IE7> */
    *width: expression(Math.floor(0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* </IE7> */
}
.tablet-prefix-65 {
	margin-left: 65%;
}
.tablet-suffix-65 {
	margin-right: 65%;
}
.tablet-push-65 {
	left: 65%;
    /* <IE7> */
    *left: expression(Math.floor(0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* </IE7> */
}
.tablet-pull-65 {
	left: -65%;
    /* <IE7> */
    *left: expression(Math.floor(-0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* </IE7> */
}
.tablet-grid-70 {
	float: left;
	width: 70%;
    /* <IE7> */
    *width: expression(Math.floor(0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* </IE7> */
}
.tablet-prefix-70 {
	margin-left: 70%;
}
.tablet-suffix-70 {
	margin-right: 70%;
}
.tablet-push-70 {
	left: 70%;
    /* <IE7> */
    *left: expression(Math.floor(0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* </IE7> */
}
.tablet-pull-70 {
	left: -70%;
    /* <IE7> */
    *left: expression(Math.floor(-0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* </IE7> */
}
.tablet-grid-75 {
	float: left;
	width: 75%;
    /* <IE7> */
    *width: expression(Math.floor(0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* </IE7> */
}
.tablet-prefix-75 {
	margin-left: 75%;
}
.tablet-suffix-75 {
	margin-right: 75%;
}
.tablet-push-75 {
	left: 75%;
    /* <IE7> */
    *left: expression(Math.floor(0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* </IE7> */
}
.tablet-pull-75 {
	left: -75%;
    /* <IE7> */
    *left: expression(Math.floor(-0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* </IE7> */
}
.tablet-grid-80 {
	float: left;
	width: 80%;
    /* <IE7> */
    *width: expression(Math.floor(0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* </IE7> */
}
.tablet-prefix-80 {
	margin-left: 80%;
}
.tablet-suffix-80 {
	margin-right: 80%;
}
.tablet-push-80 {
	left: 80%;
    /* <IE7> */
    *left: expression(Math.floor(0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* </IE7> */
}
.tablet-pull-80 {
	left: -80%;
    /* <IE7> */
    *left: expression(Math.floor(-0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* </IE7> */
}
.tablet-grid-85 {
	float: left;
	width: 85%;
    /* <IE7> */
    *width: expression(Math.floor(0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* </IE7> */
}
.tablet-prefix-85 {
	margin-left: 85%;
}
.tablet-suffix-85 {
	margin-right: 85%;
}
.tablet-push-85 {
	left: 85%;
    /* <IE7> */
    *left: expression(Math.floor(0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* </IE7> */
}
.tablet-pull-85 {
	left: -85%;
    /* <IE7> */
    *left: expression(Math.floor(-0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* </IE7> */
}
.tablet-grid-90 {
	float: left;
	width: 90%;
    /* <IE7> */
    *width: expression(Math.floor(0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* </IE7> */
}
.tablet-prefix-90 {
	margin-left: 90%;
}
.tablet-suffix-90 {
	margin-right: 90%;
}
.tablet-push-90 {
	left: 90%;
    /* <IE7> */
    *left: expression(Math.floor(0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* </IE7> */
}
.tablet-pull-90 {
	left: -90%;
    /* <IE7> */
    *left: expression(Math.floor(-0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* </IE7> */
}
.tablet-grid-95 {
	float: left;
	width: 95%;
    /* <IE7> */
    *width: expression(Math.floor(0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* </IE7> */
}
.tablet-prefix-95 {
	margin-left: 95%;
}
.tablet-suffix-95 {
	margin-right: 95%;
}
.tablet-push-95 {
	left: 95%;
    /* <IE7> */
    *left: expression(Math.floor(0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* </IE7> */
}
.tablet-pull-95 {
	left: -95%;
    /* <IE7> */
    *left: expression(Math.floor(-0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* </IE7> */
}
.tablet-grid-33 {
	float: left;
	width: 33.33333%;
    /* <IE7> */
    *width: expression(Math.floor(0.33333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* </IE7> */
}
.tablet-prefix-33 {
	margin-left: 33.33333%;
}
.tablet-suffix-33 {
	margin-right: 33.33333%;
}
.tablet-push-33 {
	left: 33.33333%;
    /* <IE7> */
    *left: expression(Math.floor(0.33333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* </IE7> */
}
.tablet-pull-33 {
	left: -33.33333%;
    /* <IE7> */
    *left: expression(Math.floor(-0.33333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* </IE7> */
}
.tablet-grid-66 {
	float: left;
	width: 66.66667%;
    /* <IE7> */
    *width: expression(Math.floor(0.66667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* </IE7> */
}
.tablet-prefix-66 {
	margin-left: 66.66667%;
}
.tablet-suffix-66 {
	margin-right: 66.66667%;
}
.tablet-push-66 {
	left: 66.66667%;
    /* <IE7> */
    *left: expression(Math.floor(0.66667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* </IE7> */
}
.tablet-pull-66 {
	left: -66.66667%;
    /* <IE7> */
    *left: expression(Math.floor(-0.66667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* </IE7> */
}


.push-5, .pull-5, .push-10, .pull-10, .push-15, .pull-15, .push-20, .pull-20, .push-25, .pull-25, .push-30, .pull-30, .push-35, .pull-35, .push-40, .pull-40, .push-45, .pull-45, .push-50, .pull-50, .push-55, .pull-55, .push-60, .pull-60, .push-65, .pull-65, .push-70, .pull-70, .push-75, .pull-75, .push-80, .pull-80, .push-85, .pull-85, .push-90, .pull-90, .push-95, .pull-95, .push-33, .pull-33, .push-66, .pull-66 {
	position: relative;
}

.grid-5 {
	float: left;
	width: 5%;
  /* <IE7> */
  *width: expression(Math.floor(0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* </IE7> */
}
.prefix-5 {
	margin-left: 5%;
}
.suffix-5 {
	margin-right: 5%;
}
.push-5 {
	left: 5%;
  /* <IE7> */
  *left: expression(Math.floor(0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* </IE7> */
}
.pull-5 {
	left: -5%;
  /* <IE7> */
  *left: expression(Math.floor(-0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* </IE7> */
}
.grid-10 {
	float: left;
	width: 10%;
  /* <IE7> */
  *width: expression(Math.floor(0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* </IE7> */
}
.prefix-10 {
	margin-left: 10%;
}
.suffix-10 {
	margin-right: 10%;
}
.push-10 {
	left: 10%;
  /* <IE7> */
  *left: expression(Math.floor(0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* </IE7> */
}
.pull-10 {
	left: -10%;
  /* <IE7> */
  *left: expression(Math.floor(-0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* </IE7> */
}
.grid-15 {
	float: left;
	width: 15%;
  /* <IE7> */
  *width: expression(Math.floor(0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* </IE7> */
}
.prefix-15 {
	margin-left: 15%;
}
.suffix-15 {
	margin-right: 15%;
}
.push-15 {
	left: 15%;
  /* <IE7> */
  *left: expression(Math.floor(0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* </IE7> */
}
.pull-15 {
	left: -15%;
  /* <IE7> */
  *left: expression(Math.floor(-0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* </IE7> */
}
.grid-20 {
	float: left;
	width: 20%;
  /* <IE7> */
  *width: expression(Math.floor(0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* </IE7> */
}
.prefix-20 {
	margin-left: 20%;
}
.suffix-20 {
	margin-right: 20%;
}
.push-20 {
	left: 20%;
  /* <IE7> */
  *left: expression(Math.floor(0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* </IE7> */
}
.pull-20 {
	left: -20%;
  /* <IE7> */
  *left: expression(Math.floor(-0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* </IE7> */
}
.grid-25 {
	float: left;
	width: 25%;
  /* <IE7> */
  *width: expression(Math.floor(0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* </IE7> */
}
.prefix-25 {
	margin-left: 25%;
}
.suffix-25 {
	margin-right: 25%;
}
.push-25 {
	left: 25%;
  /* <IE7> */
  *left: expression(Math.floor(0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* </IE7> */
}
.pull-25 {
	left: -25%;
  /* <IE7> */
  *left: expression(Math.floor(-0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* </IE7> */
}
.grid-30 {
	float: left;
	width: 30%;
  /* <IE7> */
  *width: expression(Math.floor(0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* </IE7> */
}
.prefix-30 {
	margin-left: 30%;
}
.suffix-30 {
	margin-right: 30%;
}
.push-30 {
	left: 30%;
  /* <IE7> */
  *left: expression(Math.floor(0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* </IE7> */
}
.pull-30 {
	left: -30%;
  /* <IE7> */
  *left: expression(Math.floor(-0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* </IE7> */
}
.grid-35 {
	float: left;
	width: 35%;
  /* <IE7> */
  *width: expression(Math.floor(0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* </IE7> */
}
.prefix-35 {
	margin-left: 35%;
}
.suffix-35 {
	margin-right: 35%;
}
.push-35 {
	left: 35%;
  /* <IE7> */
  *left: expression(Math.floor(0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* </IE7> */
}
.pull-35 {
	left: -35%;
  /* <IE7> */
  *left: expression(Math.floor(-0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* </IE7> */
}
.grid-40 {
	float: left;
	width: 40%;
  /* <IE7> */
  *width: expression(Math.floor(0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* </IE7> */
}
.prefix-40 {
	margin-left: 40%;
}
.suffix-40 {
	margin-right: 40%;
}
.push-40 {
	left: 40%;
  /* <IE7> */
  *left: expression(Math.floor(0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* </IE7> */
}
.pull-40 {
	left: -40%;
  /* <IE7> */
  *left: expression(Math.floor(-0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* </IE7> */
}
.grid-45 {
	float: left;
	width: 45%;
  /* <IE7> */
  *width: expression(Math.floor(0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* </IE7> */
}
.prefix-45 {
	margin-left: 45%;
}
.suffix-45 {
	margin-right: 45%;
}
.push-45 {
	left: 45%;
  /* <IE7> */
  *left: expression(Math.floor(0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* </IE7> */
}
.pull-45 {
	left: -45%;
  /* <IE7> */
  *left: expression(Math.floor(-0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* </IE7> */
}
.grid-50 {
	float: left;
	width: 50%;
  /* <IE7> */
  *width: expression(Math.floor(0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* </IE7> */
}
.prefix-50 {
	margin-left: 50%;
}
.suffix-50 {
	margin-right: 50%;
}
.push-50 {
	left: 50%;
  /* <IE7> */
  *left: expression(Math.floor(0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* </IE7> */
}
.pull-50 {
	left: -50%;
  /* <IE7> */
  *left: expression(Math.floor(-0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* </IE7> */
}
.grid-55 {
	float: left;
	width: 55%;
  /* <IE7> */
  *width: expression(Math.floor(0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* </IE7> */
}
.prefix-55 {
	margin-left: 55%;
}
.suffix-55 {
	margin-right: 55%;
}
.push-55 {
	left: 55%;
  /* <IE7> */
  *left: expression(Math.floor(0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* </IE7> */
}
.pull-55 {
	left: -55%;
  /* <IE7> */
  *left: expression(Math.floor(-0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* </IE7> */
}
.grid-60 {
	float: left;
	width: 60%;
  /* <IE7> */
  *width: expression(Math.floor(0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* </IE7> */
}
.prefix-60 {
	margin-left: 60%;
}
.suffix-60 {
	margin-right: 60%;
}
.push-60 {
	left: 60%;
  /* <IE7> */
  *left: expression(Math.floor(0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* </IE7> */
}
.pull-60 {
	left: -60%;
  /* <IE7> */
  *left: expression(Math.floor(-0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* </IE7> */
}
.grid-65 {
	float: left;
	width: 65%;
  /* <IE7> */
  *width: expression(Math.floor(0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* </IE7> */
}
.prefix-65 {
	margin-left: 65%;
}
.suffix-65 {
	margin-right: 65%;
}
.push-65 {
	left: 65%;
  /* <IE7> */
  *left: expression(Math.floor(0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* </IE7> */
}
.pull-65 {
	left: -65%;
  /* <IE7> */
  *left: expression(Math.floor(-0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* </IE7> */
}
.grid-70 {
	float: left;
	width: 70%;
  /* <IE7> */
  *width: expression(Math.floor(0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* </IE7> */
}
.prefix-70 {
	margin-left: 70%;
}
.suffix-70 {
	margin-right: 70%;
}
.push-70 {
	left: 70%;
  /* <IE7> */
  *left: expression(Math.floor(0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* </IE7> */
}
.pull-70 {
	left: -70%;
  /* <IE7> */
  *left: expression(Math.floor(-0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* </IE7> */
}
.grid-75 {
	float: left;
	width: 75%;
  /* <IE7> */
  *width: expression(Math.floor(0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* </IE7> */
}
.prefix-75 {
	margin-left: 75%;
}
.suffix-75 {
	margin-right: 75%;
}
.push-75 {
	left: 75%;
  /* <IE7> */
  *left: expression(Math.floor(0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* </IE7> */
}
.pull-75 {
	left: -75%;
  /* <IE7> */
  *left: expression(Math.floor(-0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* </IE7> */
}
.grid-80 {
	float: left;
	width: 80%;
  /* <IE7> */
  *width: expression(Math.floor(0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* </IE7> */
}
.prefix-80 {
	margin-left: 80%;
}
.suffix-80 {
	margin-right: 80%;
}
.push-80 {
	left: 80%;
  /* <IE7> */
  *left: expression(Math.floor(0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* </IE7> */
}
.pull-80 {
	left: -80%;
  /* <IE7> */
  *left: expression(Math.floor(-0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* </IE7> */
}
.grid-85 {
	float: left;
	width: 85%;
  /* <IE7> */
  *width: expression(Math.floor(0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* </IE7> */
}
.prefix-85 {
	margin-left: 85%;
}
.suffix-85 {
	margin-right: 85%;
}
.push-85 {
	left: 85%;
  /* <IE7> */
  *left: expression(Math.floor(0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* </IE7> */
}
.pull-85 {
	left: -85%;
  /* <IE7> */
  *left: expression(Math.floor(-0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* </IE7> */
}
.grid-90 {
	float: left;
	width: 90%;
  /* <IE7> */
  *width: expression(Math.floor(0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* </IE7> */
}
.prefix-90 {
	margin-left: 90%;
}
.suffix-90 {
	margin-right: 90%;
}
.push-90 {
	left: 90%;
  /* <IE7> */
  *left: expression(Math.floor(0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* </IE7> */
}
.pull-90 {
	left: -90%;
  /* <IE7> */
  *left: expression(Math.floor(-0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* </IE7> */
}
.grid-95 {
	float: left;
	width: 95%;
  /* <IE7> */
  *width: expression(Math.floor(0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* </IE7> */
}
.prefix-95 {
	margin-left: 95%;
}
.suffix-95 {
	margin-right: 95%;
}
.push-95 {
	left: 95%;
  /* <IE7> */
  *left: expression(Math.floor(0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* </IE7> */
}
.pull-95 {
	left: -95%;
  /* <IE7> */
  *left: expression(Math.floor(-0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* </IE7> */
}
.grid-33 {
	float: left;
	width: 33.33333%;
  /* <IE7> */
  *width: expression(Math.floor(0.33333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* </IE7> */
}
.prefix-33 {
	margin-left: 33.33333%;
}
.suffix-33 {
	margin-right: 33.33333%;
}
.push-33 {
	left: 33.33333%;
  /* <IE7> */
  *left: expression(Math.floor(0.33333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* </IE7> */
}
.pull-33 {
	left: -33.33333%;
  /* <IE7> */
  *left: expression(Math.floor(-0.33333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* </IE7> */
}
.grid-66 {
	float: left;
	width: 66.66667%;
  /* <IE7> */
  *width: expression(Math.floor(0.66667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* </IE7> */
}
.prefix-66 {
	margin-left: 66.66667%;
}
.suffix-66 {
	margin-right: 66.66667%;
}
.push-66 {
	left: 66.66667%;
  /* <IE7> */
  *left: expression(Math.floor(0.66667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* </IE7> */
}
.pull-66 {
	left: -66.66667%;
  /* <IE7> */
  *left: expression(Math.floor(-0.66667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
/* </IE7> */
}
.grid-100 {
	clear: both;
	width: 100%;
}

/*============ COMMON STYLES ============*/

body#home #navHome,
body#services #navServices,
body#portfolio-web #navPortfolio,
body#portfolio-logo #navPortfolio,
body#portfolio-print #navPortfolio,
body#contact #navContact
 {
	background-color:#cc2030;
}

body#home #navHome a,
body#services #navServices a,
body#portfolio-web #navPortfolio a,
body#portfolio-logo #navPortfolio a,
body#portfolio-print #navPortfolio a,
body#contact #navContact a
 {
	color:#f3efef; 
}

body#home #navHome a:hover,
body#services #navServices a:hover,
body#portfolio-web #navPortfolio a:hover,
body#portfolio-logo #navPortfolio a:hover,
body#portfolio-print #navPortfolio a:hover,
body#contact #navContact a:hover
 {
	color: #584539; 
}


.gutter-top {
	margin-top: 1.25em;
}
#wrapper {
	min-height: 100%;
}

/*------------ Logo ------------*/

header[role="banner"] h1 {
	text-indent: -9999px;
	margin-bottom: -15px;
}
header[role="banner"] h1 span a {
	background: url(../images/logo-ikandee-web-design.png) 50% 50% no-repeat;
	display: block;
	height: 135px;
	width:270px;
}

/*------------ Main Navigation ------------*/

header[role="banner"] nav {   
	margin: 1.25em 0; /*20px 0*/
	padding: 0;  
    position: relative;
	text-align: center;
} 
 
header[role="banner"] nav ul {  
    padding: 0;  
    margin: 0 auto;
}

header[role="banner"] nav li {
	display:block;	
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight: 400;
	margin-left:0;
} 

header[role="banner"] nav a { 
	color: #584539;  
    display: block;
	padding: .5em; 
    text-align: center;  
    text-decoration: none;  
	text-transform:uppercase;
}  

header[role="banner"] nav li a {  
    
}  

header[role="banner"] nav li:last-child a {  
   
}  

header[role="banner"] nav a:hover, nav a:active {
	
	
	background-color: #d0c8c8;   
}  

nav a#pull {    
        background: url(../images/icon-Menu.png) 50% 50% no-repeat;
		text-indent: -9999px;
    } 



/*------------ Portfolio Navigation ------------*/

div[role="main"] #portfolioNav {
	list-style: none;
	margin-bottom:2.5em;
	text-align:center;
}

div[role="main"] #portfolioNav li {
	border-radius: 3px; 
	-o-border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	display:inline-block;
	
	zoom: 1; 
	*display: inline;
	
	margin:0;
}

div[role="main"] #portfolioNav li h2 {
	margin:0;
}

div[role="main"] #portfolioNav a {
	border-radius: 3px; 
	-o-border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	color:#584539;
	display:block;
	padding: .5em;
	text-decoration:none;
}

div[role="main"] #portfolioNav a:hover {
	background-color: #d0c8c8;
}

body#portfolio-web #navWeb,
body#portfolio-logo #navLogos,
body#portfolio-print #navPrint {
	background-color: #cc2030;
}

body#portfolio-web #navWeb a,
body#portfolio-logo #navLogos a,
body#portfolio-print #navPrint a {
	color:#f3efef;
}

body#portfolio-web #navWeb a:hover,
body#portfolio-logo #navLogos a:hover,
body#portfolio-print #navPrint a:hover {
	color: #584539;
}

/*------------ Main Content ------------*/
body#home div[role="main"] #striped-intro #striped-intro-container {				
	position:relative;			
	}
	
div[role="main"] #striped-intro, div[role="main"] #home-intro {
	padding:1.25em 0;
	text-align:center;
	}

div[role="main"] #striped-intro {
	background:#f3f0f0 url(../images/bg-stripe.gif) 0 0 repeat;
	}

body#home div[role="main"] #striped-intro {
	background:#f3f0f0 url(../images/bg-stripe.gif) 0 0 repeat;

	/* properties for browsers that support multiple backgrounds */
	background: url(../images/home-ledge-bg.gif)0 100% repeat-x,
				url(../images/bg-stripe.gif) 0 0 repeat;		
	}


/*------------ Home - Bunting ------------*/	
body#home div[role="main"] #striped-intro .bunting-L {
		background:url(../images/bunting-L.png) 0 0 no-repeat;
		height:123px;
		left:0;
		position:absolute;
		top:-1.25em;
		background-size:contain;
	}
	
body#home div[role="main"] #striped-intro .bunting-R {
		background:url(../images/bunting-R.png) 0 0 no-repeat;
		height:89px;
		position:absolute;
		right:0;
		top:-1.25em;
		z-index: 5;
		background-size:contain;
	}
.home-hero {
	margin-top:2em;
	position:relative;	
	z-index:1;				
	}

/*------------ Home - Candy ------------*/	
body#home div[role="main"] #striped-intro .candy-L {
		background:url(../images/candy-L.png) 0 0 no-repeat;
		background-size:contain;
		height:361px;
		left:0;
		position:absolute;
	}
	
body#home div[role="main"] #striped-intro .candy-R {
		background:url(../images/candy-R.png) 0 0 no-repeat;
		background-size:contain;
		height:255px;
		position:absolute;
		right:0;
	}


div[role="main"] #home-intro {
	background-image: linear-gradient(bottom, #F3EFEF 50%, #DBD4D4 100%);
	background-image: -o-linear-gradient(bottom, #F3EFEF 50%, #DBD4D4 100%);
	background-image: -moz-linear-gradient(bottom, #F3EFEF 50%, #DBD4D4 100%);
	background-image: -webkit-linear-gradient(bottom, #F3EFEF 50%, #DBD4D4 100%);
	background-image: -ms-linear-gradient(bottom, #F3EFEF 50%, #DBD4D4 100%);

	background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0.5, #F3EFEF),
	color-stop(1, #DBD4D4)
);
	}

div[role="main"] #mainContent {
	padding:4em 0;
	}

/*------------ Home ------------*/
div[role="main"] #web,
div[role="main"] #hosting,
div[role="main"] #logos,
div[role="main"] #print {
	margin-bottom:1.25em;
	text-align:center;
	}

div[role="main"] #web h2,
div[role="main"] #hosting h2,
div[role="main"] #logos h2,
div[role="main"] #print h2 {
	border-bottom:1px solid #cab8a9;
	margin-left: .5em;
	margin-right: .5em;
	padding: 50px 0 1em 0;
	position: relative;
	}

div[role="main"] #web h2 span,
div[role="main"] #hosting h2 span,
div[role="main"] #logos h2 span,
div[role="main"] #print h2 span {
	background:	url(../images/border-decoration.gif) 50% 100% no-repeat;
	position: absolute;
	bottom:-9px;
	height: 18px;
	left:50%;
	margin-left:-19px;
	width: 38px;
	}
	
div[role="main"] #web h2 a,
div[role="main"] #hosting h2 a,
div[role="main"] #logos h2 a,
div[role="main"] #print h2 a {
	color:#584539;
	text-decoration:none;
	}

div[role="main"] #web h2 a:hover,
div[role="main"] #hosting h2 a:hover,
div[role="main"] #logos h2 a:hover,
div[role="main"] #print h2 a:hover {
	color:#29959f;
	}

div[role="main"] #web h2 { background:url(../images/head-web-design.png) 50% 0 no-repeat; }
div[role="main"] #hosting h2 { background: url(../images/head-hosting-domains.png) 50% 0 no-repeat; }
div[role="main"] #logos h2 { background: url(../images/head-logo-branding.png) 50% 0 no-repeat; }
div[role="main"] #print h2 { background: url(../images/head-print.png) 50% 0 no-repeat; }


/*------------ Services ------------*/

#web-design,
#hosting-domains,
#logo-branding,
#print-design {
	margin-bottom:1.25em;
}

#web-design .imgHero,
#hosting-domains .imgHero,
#logo-branding .imgHero,
#print-design .imgHero {
	text-align:center;
}

dl.definition {
	background-color: #f3efef;
	border:1px solid #ebe6e6;
	border-radius: 3px; 
	-o-border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	display: block;
	margin: 2em 0;
	padding: 1.5em;
}

dl.definition dt {
	font-weight: bold;
	margin-bottom: 1.25em;
	text-transform:lowercase;
}

dl.definition dd {
	
}

.blueLink {
	background: #29959f;
	border-radius: 3px; 
	-o-border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	margin-bottom: 1.25em; /*20px*/
}
a.blueLink {
	color: #f3efef;
	padding: .5em;
	text-decoration: none;
}

.blueLink:hover, .blueLink:active {
	background: #cc2030;
}


/*------------ Portfolio ------------*/

div[role="main"] #portfolio-thumbs {
	text-align:center;
}

div[role="main"] #portfolio-thumbs div {
	padding: 1em;
}

div[role="main"] #portfolio-thumbs div img {
	margin-bottom:1em;
}

div[role="main"] #portfolio-thumbs a  {
	color:#584539;
	font-size: 70%;
	text-decoration:none;
}

div[role="main"] #portfolio-thumbs a:hover {
	color: #29959f;
}

/*------------ Portfolio - Client Brief ------------*/

/*------------ Back Link ------------*/

.back {
	margin-bottom:1.25em;
	text-align:center;
}

.backLink {
	background: #29959f;
	border-radius: 3px; 
	-o-border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	margin-bottom: 1.25em; /*20px*/
	position: relative;
}
a.backLink {
	color: #f3efef;
	display: inline-block;
	padding: .5em;
	text-decoration: none;
	text-transform: uppercase;
}
.backLink:after {
	border: 10px solid transparent;
	content: '';
	height: 0;
	position: absolute;
	width: 0;
}
/* Position the Arrow */
 
.backLink-left:after {
	border-right-color: #29959f;
	right: 100%;
	margin-top: -10px;
	top: 50%;
}
.backLink:hover, .backLink:active {
	background: #cc2030;
}
.backLink-left:hover:after, .backLink-left:active:after {
	border-right-color: #cc2030;
}


#screenshot {
	margin-bottom: 2em;
}

body#portfolio-web #screenshot img {
	border:1px solid #d9d4d4;
}



div[role="main"] #brief h4 {
	text-align:left;	
}

div[role="main"] #brief .boldHead {
	font-weight:bold;	
}

/*------------ Contact ------------*/
#contactText {
	margin-bottom: 5em;
}

/*------------ Contact - Testimonials ------------*/
.image_carousel {
	margin-bottom:1.25em;
	position: relative;
}
.image_carousel .carousel-item {
	display: block;
	float: left;
	text-align:center;
}
.image_carousel .carousel-item img {
	margin-bottom:1.25em;
	
}
.image_carousel .carousel-item blockquote {
	background:url(../images/quotes.png) 0 0 no-repeat;
	font: italic 1.2em/1.6em Georgia, "Times New Roman", Times, serif;
	padding: 2em 0 0 2em;
	text-align:left;
}
.image_carousel .carousel-item blockquote footer {
	font: normal 60%/1.5em Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}
.image_carousel .carousel-item blockquote footer a {
	border-bottom:1px dotted #29959f;
	text-decoration: none;
}
.image_carousel .carousel-item blockquote footer a:hover {
	border-bottom: none;
}
a.prev, a.next {
	background: url(../images/testimonials-arrows.png) no-repeat transparent;
	width: 70px;
	height: 70px;
	display: block;
	position: absolute;
	top: 4.5em;
}
a.prev {			left: 0;
					background-position: 0 0; }
a.prev:hover {		background-position: 0 -70px; }
a.next {			right: 0;
					background-position: -70px 0; }
a.next:hover {		background-position: -70px -70px; }

a.prev span, a.next span {
	display: none;
}





/*------------ Footer ------------*/
#client-list, #request-quote, #testimonials {
	background-color:#f3f0f0;
	padding:1.25em 0;
	}

#testimonials h4 {
	background: url(../images/love-candy.png) 50% 0 no-repeat;
	margin-top: 1em;
	padding-top: 50px;
	}

#client-list ul {
	list-style: none;
	margin-bottom: 0;	
	}
	
#client-list li {
	font-size:90%;
	margin-left: 0;
	padding:0.2em 0;
	}
#client-list a {
	color:#584539;
	text-decoration:none;	
	}
#client-list a:hover {
	color:#2b97a2;
	border-bottom:1px dotted #2b97a2;
	}

#request-quote {
	text-align:center;
	}

footer[role="contentinfo"] #connect {
	background-color:#cc2030;
	border-bottom: 1px solid #3a2c24;
	color:#f3efef;
	padding:1.25em 0 2.5em 0;
	text-align:center;
}

footer[role="contentinfo"] #connect ul {
	list-style: none;	
}
footer[role="contentinfo"] #connect ul li {
	display: inline-block;
	
	zoom: 1; 
	*display: inline;
	
	margin:0.5em;	
}

footer[role="contentinfo"] #connect ul li div a {
	background-image:url(../images/social-media.png);
	background-repeat:no-repeat;
	display: block;
	text-indent:-9999px;
	height: 46px;
	width:	46px;
}

.dribbble a { background-position: 0 0; }
.facebook a {	background-position: -46px 0; }
.twitter a { background-position: -92px 0; }
.linkedin a { background-position: -138px 0; }

.dribbble a:hover { background-position: 0 -46px; }
.facebook a:hover {	background-position: -46px -46px; }
.twitter a:hover { background-position: -92px -46px; }
.linkedin a:hover { background-position: -138px -46px; }


footer[role="contentinfo"] #copyright {
	background-color:#675143;
	
	background-image: linear-gradient(bottom, #584539 40%, #6C5546 100%);
	background-image: -o-linear-gradient(bottom, #584539 40%, #6C5546 100%);
	background-image: -moz-linear-gradient(bottom, #584539 40%, #6C5546 100%);
	background-image: -webkit-linear-gradient(bottom, #584539 40%, #6C5546 100%);
	background-image: -ms-linear-gradient(bottom, #584539 40%, #6C5546 100%);

	background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0.4, #584539),
	color-stop(1, #6C5546)
	);

	color:#f3efef;
	padding:1.25em 0;
	position: relative;
	text-align:center;
}

.footerCurl {
	background:url(../images/curl.gif) 0 0 no-repeat;
	height:31px;
	position:absolute;
	top: -30px;
	width: 100px;
	
	/*-- Centering method for absolute positioned div --*/
	left: 50%;
	margin: 0 0 0 -50px; /*-- Half of div width --*/
}

/*============ DESKTOP ============*/



/*------------ Main Navigation ------------*/

header[role="banner"] nav {   
	margin: 2.5em 0 0 0; /*0 0 20px 0*/
}

header[role="banner"] nav li {
	border-radius: 3px; 
	-o-border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;  
    display: inline-block;
	
	zoom: 1; 
	*display: inline;
} 

header[role="banner"] nav a {
	border-radius: 3px; 
	-o-border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	
    display: inline-block;
	padding: .5em 1em;
}  

header[role="banner"] nav li a {  
    
}  
header[role="banner"] nav li:last-child a {  
   
}  

header[role="banner"] nav a:hover, nav a:active {   
}

nav a#pull {  
    display: none;  
}

/*------------ Home - Bunting ------------*/	
body#home div[role="main"] #striped-intro .bunting-L {
		margin-left: 16%;
		width:42%;
	}
	
body#home div[role="main"] #striped-intro .bunting-R {
		margin-right:16%;
		width:27%;
	}


/*------------ Home - Candy ------------*/	
body#home div[role="main"] #striped-intro .candy-L {
		bottom:-15px;
		width:29%;
	}
	
body#home div[role="main"] #striped-intro .candy-R {
		bottom:-20px;
		width:24%;
	}


/*------------ Services ------------*/
.text-right {text-align:right;}


/*------------ Portfolio - Client Brief ------------*/  
div[role="main"] #brief {
	padding-left: 1.5em;	
}

/* #Forms
================================================== */

/* -- Labels -- */
fieldset div label {
	width: 40%;
}
/* -- Input Defaults -- */
fieldset div input, fieldset div textarea, fieldset div select {
	width: 50%;
}
/* -- Submit Buttons -- */

input#contactSubmit {
	margin: 0 0 0 42%;
}
p.required {
	margin: 0 0 0 42%;
}




body {
	min-width: 1180px
}