body,
html {
    height: 100%;
    background: #fff;
    margin: 0
}
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    font-size: 99%;
    padding: 0;
    border: 0;
    margin: 0;
    color: #333;
    vertical-align: baseline
}
ol,
ul {
    list-style: none
}
blockquote,
q {
    quotes: none
}
blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none
}
table {
    border-collapse: collapse;
    border-spacing: 0
}
.site-logo {text-align:center;}
.site-logo img {width:57%;}
body.single .main-content #content {margin-top: 92px;}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block
}
.container {
    position: relative;
    height: 100%;
    width: 100%;
    left: 0;
    -webkit-transition: left 0.4s ease-in-out;
    -moz-transition: left 0.4s ease-in-out;
    -ms-transition: left 0.4s ease-in-out;
    -o-transition: left 0.4s ease-in-out;
    transition: left 0.4s ease-in-out
}
#respond p span,
#respond h3,
#respond p,
#respond label {
    color: #666
}

#sidebar p.mobilemenu {display:none;}
.main-content {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    position: fixed;overflow-y:scroll;padding-bottom:40px;
}
.main-content .content {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding-left: 60px;
    width: 100%
}
.main-content .content h1 {
    font-weight: 100
}
.main-content .content p {
    width: 100%;
    line-height: 160%
}
#sidebar-toggle {
    display: block;
    position: fixed;
    padding: 7px 0px 0px 7px;
    float: left;
    margin: 8px;
    z-index: 40
}
aside #search {display:none;background:none;}
#sidebar-toggle .bar {
    display: block;
    width: 28px;
    margin-bottom: 7px;
    height: 2px;
    background-color: #d1dae9;
    border-radius: 1px
}
.open-sidebar #sidebar-toggle .bar:first-child {
    opacity: 1;
    margin-top: 10px;
    -ms-transform: rotate( 45deg);
    -webkit-transform: rotate( 45deg);
    transform: rotate( 45deg);
    -webkit-transition: 0.5s;
    transition: 0.5s ease-in-out;
	-webkit-transition: 0.5s;
}
.open-sidebar #sidebar-toggle .bar {
    opacity: 0
}
.open-sidebar #sidebar-toggle .bar:last-child {
    -webkit-transition: 0.5s;
    transition: 0.5s ease-in-out;
    opacity: 1;
    -ms-transform: rotate( -45deg);	
    -webkit-transform: rotate( -45deg);	
    transform: rotate( -45deg);
    margin-top: -18px
}
#sidebar-toggle .bar:last-child {
    margin-bottom: 0
}
#widget-area table {
    font-size: 70%;
    width: 60%
}
#widget-area table caption {
    margin: 5px 0px 5px 0px
}
#container {
    height: 100%
}
.aligncenter {
    text-align: center
}
.sh-link,
.button {
    padding: 5px;
    background: #7dc37a;
    display: block;
    width: 20%;
    margin-bottom: 15px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    text-align: center
}
.reply a.button,
#respond input[type="submit"] {
    background: #1a396a;
    color: #fff !important;
    margin-top: 20px;
    width: 15%;
    text-decoration: none
}
.reply a.button:hover,
#respond input[type="submit"]:hover {
    background: #3766aa
}
.sh-link a,
a.button {
    color: #FFF
}
.sh-link a:hover,
a.button:hover {
    color: #c9e9c8
}
p.menu {
    position: absolute;
    text-transform: uppercase;
    font-weight: 700;
    display: inline;
    line-height: 50px;
    color: #7788a5;
    font-size: 80%;
    z-index: 30
}
a.close {
    text-transform: uppercase;
    font-weight: 700;
    display: inline;
    line-height: 45px;
    color: #404040;
    position: absolute;
    left: 444px
}
label.screen-reader-text {
    display: none
}
#search input[type="submit"], #search-2 input[type="submit"] {
    display: none
}
article header {
    position: relative;margin-top: 11px;
    padding-bottom: 10px
}
.entry-meta,
.comment-meta {
    color: #CCC;
    border-bottom: 1px dotted #ccc;
    border-top: 1px dotted #ccc;
	padding: 5px 0px 5px 0px;
    font-size: 85%;
    font-weight: 100;
    opacity: 1
}

.cat-links, .tag-links { color: #1a396a;display:block; line-height:25px;font-size: 85%;}
span.comments-link, .comments-links {display:inline!important;font-size:85%;}

.meta-sep {
    font-size: 85%;
    font-weight: 300
}

.comment-meta {
    border-bottom: 1px dotted #ebeaea;
    padding-bottom: 10px;
    margin-bottom: 10px
}

	div.mobile-logo {
	display:none;	
	}

 #branding #widget-area li {
  margin-top: 10px;
  border-bottom: 1Px solid #f0f0f0;
  padding-bottom: 0px;
  padding-top:0px;
  margin-bottom:20px;
}
 #branding #widget-area li ul li {    border-top: 1px solid #f0f0f0;
    padding-top: 5px;     padding-bottom: 0px;     border-bottom: 0px solid #fff;margin-bottom:3px;margin-top:3px;}
aside #widget-area {
    margin: 0px auto;
	width:62%;
    padding-bottom: 10px
}

#widget-area .menu-social-container ul li a{padding-left:30px;text-indent:0px;     opacity: 0.5;
    filter: alpha(opacity=50);line-height:17px;}
#widget-area .menu-social-container ul li a:hover { opacity: 1; filter: alpha(opacity=100); }	

#widget-area li {
    padding-left: 0px;
    width: 95%
}
.top-bar {
    background: #f5f5f5 url(../images/workfloor/bg-topbar.jpg) repeat-x 0px 15px;
    display: block;
    height: 65px;
    background-color: #fff;
    position: fixed;
    width: 100%;
    padding-bottom: 0px;
    z-index: 10
}
#search {
    background: #fff;
    float: right
}
nav#social-navigation {
    float: right
}
#content {
    margin-top: 108px
}
#widget-area li.widget-container ul li {
    width: 100%;
    display: inline-block
}
aside #widget-area li.widget-container ul li {
    width: 100%;
    display: block;
    text-align: center;
    padding: 2px 0px 2px 0px
}
#sidebar nav#menu ul.menu, #sidebar .menu ul  {
    margin: 0 auto;
    padding: 0;
    width: 65%;
    text-align: center;
    list-style: none;
    position: relative
}
#sidebar nav#menu ul.menu {
    position: relative;
    z-index: 120
}
#sidebar nav#menu ul.menu li, #sidebar .menu ul li {
    padding: 10px 0px 10px 0px;
    display: table;
    width: 100%;
    position: relative;
    border-bottom: 1px dotted #ccc
}
#sidebar nav#menu ul.menu li.menu-item-has-children, #sidebar .menu ul li.menu-item-has-children {
    background-image: url(../images/workfloor/arrow.png), url(../images/workfloor/arrow.png);
	background-position: left 19px,right 19px ;background-repeat:no-repeat;
}
#sidebar nav#menu ul.menu li.menu-item-has-children ul li, #sidebar .menu ul li.menu-item-has-children ul li {
    background-image: none;
}
#sidebar nav#menu ul.menu li ul.sub-menu, #sidebar .menu ul li ul.sub-menu, #sidebar nav#menu ul.menu li ul.children {
    margin-bottom: 2px; width: 100%;
}
#sidebar nav#menu ul.menu li ul.sub-menu li, #sidebar .menu ul li ul.sub-menu li, #sidebar nav#menu ul.menu li ul.children li {
    border-bottom: 0px dotted #dfcbea;
    padding: 3px 0px 3px 0px;
}
#sidebar nav#menu ul.menu li ul.sub-menu li:last-child, #sidebar .menu ul li ul.sub-menu li:last-child, #sidebar nav#menu ul.menu li ul.children li:last-child {    border-bottom: 0px dotted #fef;
 }

#sidebar nav#menu ul.menu li ul.sub-menu li a, #sidebar .menu ul li ul.sub-menu li a, #sidebar nav#menu ul.menu li ul.children li a {
    font-weight: 100;
    text-transform: lowercase;
    background: url(assets/images/workfloor/dots.jpg) no-repeat center bottom;
    line-height: 27px;
    color: #425069;
}

#sidebar nav#menu ul.menu li ul.sub-menu li ul.sub-menu li a{
    font-weight: 100;font-style:italic;
    background: url(assets/images/workfloor/dots.jpg) no-repeat center bottom;
    line-height: 27px;
    color: #8898b5;
}

#sidebar nav#menu ul.menu li ul.sub-menu li ul.sub-menu li a:hover{
    font-weight: 100;font-style:italic;
    background: url(assets/images/workfloor/dots.jpg) no-repeat center bottom;
    line-height: 27px;
    color: #425069;
}


#sidebar nav#menu ul.menu li ul.sub-menu li a:hover, #sidebar .menu ul li ul.sub-menu li a:hover, #sidebar nav#menu ul.menu li ul.children li a:hover {
	background-color:#b9c5dd;color:#fff;
}
#sidebar nav#menu ul.menu li a, #sidebar .menu ul li a {
    padding: 0px 20px;
    font-size: 12px;
    font-weight: 600;
    text-align: center;
    display: block;
    color: #1e386b;
    text-decoration: none;
    text-transform: uppercase;
    display: block
}
#sidebar nav#menu ul.menu li:hover a, #sidebar .menu ul li:hover a {color:#7b8eb4;}
#sidebar ul li:hover a, #sidebar .menu ul li:hover a {
    color: #666
}
.social-navigation ul {
    list-style: none;
    height: 28px;
    margin-bottom: 10px;
    margin-top: 37px;
    background: #fff;
    float: right;
    padding: 0px 7px 0px 10px
}
.social-navigation li {
    display: inline-block;
    padding: 0px 5px 0px 5px
}
aside .social-navigation {
    margin-top: 15px;
    height: 30px
}
aside h3.widget-title {
    color: #1a396a;
    text-align: center;
    margin-top: 25px;
    margin-bottom: 10px
}
aside #widget-area li {
    width: 100%
}
aside .social-navigation ul {
    display: block;
    float: none;
	background: none;
    position: relative;
    margin-top: 0px
}
aside .menu-social-container {display:table;margin: 0 auto;}
aside .social-navigation .menu ul {display:none;}
aside .menu-social-media-container {
    left: -50%;
    float: right;
    position: relative
}
aside .menu-social-media-container .title {
    text-align: center
}
div.menu-social-container ul li a {
    display: inline-block;
    height: 20px;
    position: relative;
    width: 20px;
    opacity: 0.2;
    filter: alpha(opacity=20);
}
div.menu-social-container ul li a:hover {
    opacity: 0.5;
    filter: alpha(opacity=50)
}
span.screen-reader-text {
    text-indent: -9999px
}
.menu-social-media-container a[href$="/feed/"] {
    content: "\f413"
}
div.menu-social-container ul li a[href*="codepen.io"] {
    background: url(../images/socmed/codepen.jpg) no-repeat top left;
    text-indent: -9999px;display:block;}
div.menu-social-container ul li a[href*="digg.com"] {
    background: url(../images/socmed/digg.jpg) no-repeat top left;
    text-indent: -9999px;display:block;}
div.menu-social-container ul li a[href*="dribbble.com"] {
    background: url(../images/socmed/dribble.jpg) no-repeat top left;
    text-indent: -9999px;display:block;}
div.menu-social-container ul li a[href*="dropbox.com"] {
    background: url(../images/socmed/dropbox.jpg) no-repeat top left;
    text-indent: -9999p;display:block;x
	}
div.menu-social-container ul li a[href*="facebook.com"] {
    background: url(../images/socmed/facebook.jpg) no-repeat top left;
    text-indent: -9999px; display:block;
}
div.menu-social-container ul li a[href*="flickr.com"] {
    background: url(../images/socmed/flickr.jpg) no-repeat top left;
    text-indent: -9999px;display:block;}
div.menu-social-container ul li a[href*="foursquare.com"] {
    background: url(../images/socmed/foursquare.jpg) no-repeat top left;
    text-indent: -9999px;display:block;}
div.menu-social-container ul li a[href*="plus.google.com"] {
    background: url(../images/socmed/google+.jpg) no-repeat top left;
    text-indent: -9999px;display:block;
}
div.menu-social-container ul li a[href*="github.com"] {
    background: url(../images/socmed/github.jpg) no-repeat top left;
    text-indent: -9999px;display:block;}
div.menu-social-container ul li a[href*="instagram.com"] {
    background: url(../images/socmed/instagram.jpg) no-repeat top left;
    text-indent: -9999px;display:block;}
div.menu-social-container ul li a[href*="linkedin.com"] {
    background: url(../images/socmed/linkedin.jpg) no-repeat top left;
    text-indent: -9999px;display:block;}
div.menu-social-container ul li a[href*="pinterest.com"] {
    background: url(../images/socmed/pinterest.jpg) no-repeat top left;
    text-indent: -9999px;display:block;}
div.menu-social-container ul li a[href*="getpocket.com"] {
    background: url(../images/socmed/getpocket.jpg) no-repeat top left;
    text-indent: -9999px;display:block;}
div.menu-social-container ul li a[href*="polldaddy.com"] {
    background: url(../images/socmed/polldaddy.jpg) no-repeat top left;
    text-indent: -9999px;display:block;}
div.menu-social-container ul li a[href*="reddit.com"] {
    background: url(../images/socmed/reddit.jpg) no-repeat top left;
    text-indent: -9999px;display:block;}
div.menu-social-container ul li a[href*="stumbleupon.com"] {
    background: url(../images/socmed/stumbleupon.jpg) no-repeat top left;
    text-indent: -9999px;display:block;}
div.menu-social-container ul li a[href*="tumblr.com"] {
    background: url(../images/socmed/tumblr.jpg) no-repeat top left;
    text-indent: -9999px;display:block;}
div.menu-social-container ul li a[href*="twitter.com"] {
    background: url(../images/socmed/twitter.jpg) no-repeat top left;
    text-indent: -9999px;display:block;
}
div.menu-social-container ul li a[href*="vimeo.com"] {
    background: url(../images/socmed/vimeo.jpg) no-repeat top left;
    text-indent: -9999px;display:block;}
div.menu-social-container ul li a[href*="wordpress.com"],
div.menu-social-container ul li a[href*="wordpress.org"] {
    background: url(../images/socmed/wordpress.jpg) no-repeat top left;
    text-indent: -9999px;display:block;}
div.menu-social-container ul li a[href*="youtube.com"] {
    background: url(../images/socmed/youtube.jpg) no-repeat top left;
    text-indent: -9999px;display:block;}
div.menu-social-container ul li a[href*="mailto:"] {
    background: url(../images/socmed/mail.jpg) no-repeat top left;
    text-indent: -9999px;display:block;}
div.menu-social-container ul li a[href*="spotify.com"] {
    background: url(../images/socmed/spotify.jpg) no-repeat top left;
    text-indent: -9999px;display:block;}
div.menu-social-container ul li a[href*="twitch.tv"] {
    background: url(../images/socmed/twitch.jpg) no-repeat top left;
    text-indent: -9999px;display:block;}
aside .site-logo {
    text-align: center
}
aside .site-logo img {
    width: 46%;
    margin-top: 70px;
    border-bottom: 0px dotted #ccc;
    padding-bottom: 20px
}

#branding .site-logo a {text-align:center;    margin-left: -24%;}
li.widget_tag_cloud h3 {margin-top:31px;}
.container.open-sidebar aside#sidebar {
    left: 0px;
    z-index: 20;width:26%;
    border-right: 1px solid #f0f0f0;
    #-webkit-transition: left 0.4s ease-in-out;
    #-moz-transition: left 0.4s ease-in-out;
    #-ms-transition: left 0.4s ease-in-out;
    #-o-transition: left 0.4s ease-in-out;
    #transition: left 0.4s ease-in-out;
}

.swipe-area {
    position: absolute;
    width: 50px;
    left: 0;
    top: 0;
    z-index: 0
}
#sidebar {
    background-color:#faf9f9;
    overflow-y: auto;
    position: fixed;
    height: 100%;
	left: -35%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    z-index: 100
}
a#menu-icon {
    display: inline-block;
    background: #494b42 url(../images/workfloor/menu-icon.png) center no-repeat;
    width: 50px;
    height: 5Opx
}
a#menu-icon span {
    margin-top: 10px
}
a:hover#menu-icon {
    background-color: #444;
    border-radius: 4px 4px 0 0
}
nav#menu {
    overflow: hidden
}
header nav#secmenu ul li {
    background: url(../images/workfloor/shed_right_sec_menu.png) no-repeat top right;
    display: inline;
    padding: 16px
}
header nav#secmenu ul li a {
    height: 38px;
    line-height: 40px;
    font-size: 90%
}
header nav#secmenu ul li a:hover {
    color: #ccc;
    cursor: hand
}
header nav#secmenu ul {
    text-align: right;
    border-top: 0px solid #fff;
    border-bottom: 0px solid #fff;
    padding: 0px
}
select {
    display: block;
    color: #FFF;
    text-transform: uppercase;
    line-height: 27px;
    font-size: 100%;
    text-decoration: none;
    background: #575656;
    padding: 5px 5px 5px 25px;
    text-align: center;
    width: 140px;
    height: 35px;
    margin-top: -1px;
    border: 0px solid #575656;
    -webkit-appearance: none;
    -webkit-border-radius: 0px
}
.image-wrap {
    position: relative;
    overflow: hidden;
    margin-bottom: 25px;
    cursor: pointer
}
.image-wrap img {
    width: 100%
}
.image-wrap .hover-wrap {
    position: absolute;
    display: block;
    width: 100%;
    height: 40px;
    bottom: 0px;
    opacity: 0.6;
    filter: alpha(opacity=60);
    -webkit-transition: all 450ms ease-out 0s;
    -moz-transition: all 450ms ease-out 0s;
    -o-transition: all 450ms ease-out 0s;
    transition: all 450ms ease-out 0s
}
.image-wrap:hover .hover-wrap,
.image-wrap.active .hover-wrap {
    opacity: 1;
    filter: alpha(opacity=100);
    color: #fff
}
.image-wrap .hover-wrap .overlay-img {
    position: absolute;
    width: 100%;
    left: 0px;
    height: 100%;
    background: #53554b;
    opacity: 0.80;
    filter: alpha(opacity=80)
}
.image-wrap .hover-wrap .overlay-text-thumb {
    position: absolute;
    width: 100%;
    height: 32px;
    top: 50%;
    left: 0px;
    margin: -16px 0 0 0;
    color: #fff;
    font-size: 14px;
    line-height: 32px;
    text-align: center;
    opacity: 1;
    filter: alpha(opacity=100)
}
#feedback-page {
    text-align: center
}
#form-main {
    width: 100%;
    float: left;
    padding-top: 0px
}
#form-div {
    padding-right: 35px;
    padding-bottom: 50px;
    width: 450px;
    float: left;
    position: relative;
    margin-top: 30px
}
input[type="text"],
input[type="email"],
textarea {
    color: #e8ebf0;
    text-align: left;
    font-size: 12px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    line-height: 22px;
    background-color: #fff;
    padding: 18px 13px 7px 14px;
    margin-bottom: 10px;
    margin-top: 15px;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid rgba(232, 235, 240, 9)
}
#search input {
    padding-top: 7px;
    margin-top: 28px
}
.entry-content {
    margin-top: 5px
}
::-webkit-input-placeholder {
    color: #e8ebf0
}
::-moz-placeholder {
    color: #e8ebf0
}
:-ms-input-placeholder {
    color: #e8ebf0
}
input:-moz-placeholder {
    color: #e8ebf0
}
input[type="text"]:focus,
input[type="email"]:focus,
textarea:focus {
    box-shadow: 0;
    border: 1px solid #d0d3d8;
    color: #d0d3d8;
    outline: none;
}
.focused {
    color: #d0d3d8;
    border: #d0d3d8 solid 1px
}
span.your-name input,
input#author {
    background-image: url(../images/form/name.svg);
    background-size: 30px 30px;
    background-position: 11px 8px;
    background-repeat: no-repeat
}
span.your-name input:focus,
input#author:focus {
    background-image: url(../images/form/name.svg);
    background-size: 30px 30px;
    background-position: 8px 5px;
    background-position: 11px 8px;
    background-repeat: no-repeat
}
span.your-email input,
input#email {
    background-image: url(../images/form/email.svg);
    background-size: 30px 30px;
    background-position: 11px 8px;
    background-repeat: no-repeat
}
span.your-email input:focus,
input#email:focus {
    background-image: url(../images/form/email.svg);
    background-size: 30px 30px;
    background-position: 11px 8px;
    background-repeat: no-repeat
}
input#url {
    background-image: url(../images/form/url.svg);
    background-size: 30px 30px;
    background-position: 11px 5px;
    background-repeat: no-repeat
}
input#url:focus {
    background-image: url(../images/form/url.svg);
    background-size: 30px 30px;
    background-position: 11px 5px;
    background-repeat: no-repeat
}
textarea {
    background-image: url(../images/form/comment.svg);
    background-size: 30px 30px;
    background-position: 11px 8px;
    background-repeat: no-repeat;
    border: 0px solid #fff
}
textarea {
    width: 100%;
    height: 150px;
	padding-left:50px;
    line-height: 150%;
    resize: vertical;
    border: 1px solid rgba(232, 235, 240, 9)
}
input[type="submit"] {
    float: left;
    width: 130px;
    height: 40px;
    border: #fbfbfb solid 0px;
    cursor: pointer;
    background-color: #53554b;
    color: white;
    font-size: 14px;
    padding-top: 14px;
    padding-bottom: 22px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    font-weight: 100
}
input[type="submit"]:hover {
    background-color: rgba(0, 0, 0, 0);
    color: #53554b;
    text-decoration: underline
}
.submit:hover {
    color: #53554b
}
.ease {
    width: 0px;
    height: 40px;
    background-color: #fbfbfb;
    -webkit-transition: .3s ease;
    -moz-transition: .3s ease;
    -o-transition: .3s ease;
    -ms-transition: .3s ease;
    transition: .3s ease
}
.submit:hover .ease {
    width: 130px;
    background-color: white
}
div.wpcf7-validation-errors {
    background-color: #f00;
    border: 0px solid #f00;
    color: #fff
}

.container.open-sidebar {
    left: 0px
}
.swipe-area {
    position: absolute;
    width: 50px;
    left: 0;
    top: 0;
    height: 50px;
    z-index: 0
}
#menu-icon {
    display: inline-block
}
header nav#mainnav {
    background: none;
    position: relative;
    height: 39px
}
header nav#mainnav ul li ul {
    width: 100%;
    margin-top: 33px
}
header nav#mainnav ul li ul li {
    width: 100%;
    position: relative
}
header nav#mainnav ul li ul li a {
    text-align: center
}
header nav#mainnav ul li ul {
    display: block
}
header nav#mainnav ul li.tap ul {
    display: block
}
header nav#mainnav ul li:first-child a {
    text-indent: -9999px;
    background: url(../images/workfloor/home.png) no-repeat center 10px;
    border-bottom: 0px solid #fff
}
#branding {
    margin-top: 100px;position:fixed;overflow-y:auto;}
body.logged-in #branding {margin-top:70px;}	
#scroll {min-height:100%;}	
.fixed {
    position: fixed
}
header nav#mainnav li {
    text-align: center;
    width: 100%;
    padding: 10px 0px 0px 0px;
    margin: 0
}
nav:hover ul {
    display: block
}
nav#mainnav ul {
    height: auto
}
nav#mainnav ul > li {
    float: none;
    width: 100%
}
nav#mainnav ul ul {
    position: relative
}
footer {
    height: 10px
}
footer.entry-footer {
	height:auto;
    border-top: 1px dotted #ccc;
    border-bottom: 1px dotted #ccc;
	padding: 5px 0px 5px 0px;
    margin-bottom: 45px
}
li.comment {
    border-bottom: 3px solid #CFCFCF;
    margin-bottom: 20px;
    padding-bottom: 20px
}
.hide-on-mobile {
    display: none
}
hr {
    margin: 10px
}
figcaption {
    display: none
}

.gallery-item {
    float: left;
    width: 96%;
    background-color: #FFFFFF
}
.gallery-item img {
    width: 90%;
    height: auto;
    margin: 5%
}
.clear {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0
}
.grid-container:before,
.grid-5:before,
.mobile-grid-5:before,
.tablet-grid-5:before,
.grid-10:before,
.mobile-grid-10:before,
.tablet-grid-10:before,
.grid-15:before,
.mobile-grid-15:before,
.tablet-grid-15:before,
.grid-20:before,
.mobile-grid-20:before,
.tablet-grid-20:before,
.grid-25:before,
.mobile-grid-25:before,
.tablet-grid-25:before,
.grid-30:before,
.mobile-grid-30:before,
.tablet-grid-30:before,
.grid-35:before,
.mobile-grid-35:before,
.tablet-grid-35:before,
.grid-40:before,
.mobile-grid-40:before,
.tablet-grid-40:before,
.grid-45:before,
.mobile-grid-45:before,
.tablet-grid-45:before,
.grid-50:before,
.mobile-grid-50:before,
.tablet-grid-50:before,
.grid-55:before,
.mobile-grid-55:before,
.tablet-grid-55:before,
.grid-60:before,
.mobile-grid-60:before,
.tablet-grid-60:before,
.grid-65:before,
.mobile-grid-65:before,
.tablet-grid-65:before,
.grid-70:before,
.mobile-grid-70:before,
.tablet-grid-70:before,
.grid-75:before,
.mobile-grid-75:before,
.tablet-grid-75:before,
.grid-80:before,
.mobile-grid-80:before,
.tablet-grid-80:before,
.grid-85:before,
.mobile-grid-85:before,
.tablet-grid-85:before,
.grid-90:before,
.mobile-grid-90:before,
.tablet-grid-90:before,
.grid-95:before,
.mobile-grid-95:before,
.tablet-grid-95:before,
.grid-100:before,
.mobile-grid-100:before,
.tablet-grid-100:before,
.grid-33:before,
.mobile-grid-33:before,
.tablet-grid-33:before,
.grid-66:before,
.mobile-grid-66:before,
.tablet-grid-66:before,
.clearfix:before,
.grid-container:after,
.grid-5:after,
.mobile-grid-5:after,
.tablet-grid-5:after,
.grid-10:after,
.mobile-grid-10:after,
.tablet-grid-10:after,
.grid-15:after,
.mobile-grid-15:after,
.tablet-grid-15:after,
.grid-20:after,
.mobile-grid-20:after,
.tablet-grid-20:after,
.grid-25:after,
.mobile-grid-25:after,
.tablet-grid-25:after,
.grid-30:after,
.mobile-grid-30:after,
.tablet-grid-30:after,
.grid-35:after,
.mobile-grid-35:after,
.tablet-grid-35:after,
.grid-40:after,
.mobile-grid-40:after,
.tablet-grid-40:after,
.grid-45:after,
.mobile-grid-45:after,
.tablet-grid-45:after,
.grid-50:after,
.mobile-grid-50:after,
.tablet-grid-50:after,
.grid-55:after,
.mobile-grid-55:after,
.tablet-grid-55:after,
.grid-60:after,
.mobile-grid-60:after,
.tablet-grid-60:after,
.grid-65:after,
.mobile-grid-65:after,
.tablet-grid-65:after,
.grid-70:after,
.mobile-grid-70:after,
.tablet-grid-70:after,
.grid-75:after,
.mobile-grid-75:after,
.tablet-grid-75:after,
.grid-80:after,
.mobile-grid-80:after,
.tablet-grid-80:after,
.grid-85:after,
.mobile-grid-85:after,
.tablet-grid-85:after,
.grid-90:after,
.mobile-grid-90:after,
.tablet-grid-90:after,
.grid-95:after,
.mobile-grid-95:after,
.tablet-grid-95:after,
.grid-100:after,
.mobile-grid-100:after,
.tablet-grid-100:after,
.grid-33:after,
.mobile-grid-33:after,
.tablet-grid-33:after,
.grid-66:after,
.mobile-grid-66:after,
.tablet-grid-66:after,
.clearfix:after {
    content: ".";
    display: block;
    overflow: hidden;
    visibility: hidden;
    font-size: 0;
    line-height: 0;
    width: 0;
    height: 0
}
.grid-container:after,
.grid-5:after,
.mobile-grid-5:after,
.tablet-grid-5:after,
.grid-10:after,
.mobile-grid-10:after,
.tablet-grid-10:after,
.grid-15:after,
.mobile-grid-15:after,
.tablet-grid-15:after,
.grid-20:after,
.mobile-grid-20:after,
.tablet-grid-20:after,
.grid-25:after,
.mobile-grid-25:after,
.tablet-grid-25:after,
.grid-30:after,
.mobile-grid-30:after,
.tablet-grid-30:after,
.grid-35:after,
.mobile-grid-35:after,
.tablet-grid-35:after,
.grid-40:after,
.mobile-grid-40:after,
.tablet-grid-40:after,
.grid-45:after,
.mobile-grid-45:after,
.tablet-grid-45:after,
.grid-50:after,
.mobile-grid-50:after,
.tablet-grid-50:after,
.grid-55:after,
.mobile-grid-55:after,
.tablet-grid-55:after,
.grid-60:after,
.mobile-grid-60:after,
.tablet-grid-60:after,
.grid-65:after,
.mobile-grid-65:after,
.tablet-grid-65:after,
.grid-70:after,
.mobile-grid-70:after,
.tablet-grid-70:after,
.grid-75:after,
.mobile-grid-75:after,
.tablet-grid-75:after,
.grid-80:after,
.mobile-grid-80:after,
.tablet-grid-80:after,
.grid-85:after,
.mobile-grid-85:after,
.tablet-grid-85:after,
.grid-90:after,
.mobile-grid-90:after,
.tablet-grid-90:after,
.grid-95:after,
.mobile-grid-95:after,
.tablet-grid-95:after,
.grid-100:after,
.mobile-grid-100:after,
.tablet-grid-100:after,
.grid-33:after,
.mobile-grid-33:after,
.tablet-grid-33:after,
.grid-66:after,
.mobile-grid-66:after,
.tablet-grid-66:after,
.clearfix:after {
    clear: both
}
.grid-container,
.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,
.clearfix {
    *zoom: 1
}
.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 {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 10px;
    padding-right: 10px;
    *padding-left: 0;
    *padding-right: 0
}
.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 > * {
    *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")'
}
.grid-parent {
    padding-left: 0;
    padding-right: 0
}

#breadcrumbs a,
#breadcrumbs span.breadcrumb_last,
#breadcrumbs span {
    font-size: 95%;
    font-weight: 100
}

#breadcrumbs {
  margin-bottom: 20px;padding-bottom:5px;
  border-bottom : 1px solid #eee;
}

body.home #breadcrumbs {display:none;}
#breadcrumbs span a {
  float: left;
  display:block;}

#breadcrumbs span:first-child a:before{padding-left:0px;}

#breadcrumbs a {
  font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
  position: relative;
  line-height: 23px;
  font-weight: bold;
  text-align: center;
  color: #aaa;
  cursor: pointer;
}
#breadcrumbs a:after {
	content: ">";color:#ccc;padding: 0px 15px 0px 15px;line-height:20px;}

#breadcrumbs a:hover {
  color:#000;
}

#breadcrumbs a.active {
  color: #777;
  background-color: #fafafa;
}

.entry-content ol, .entry-content ol li {list-style-type:decimal!important;margin-left:10px; }

@media (max-width: 767px) {
    .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
    }
	
	   @-ms-viewport {
        width: 320px
    }
			.container.open-sidebar aside#sidebar {width:100%;}

	article {width:95%; margin: 0 auto;}
		div.mobile-logo {
	display: block;
  position: absolute;
  top: 6px;
  left: 50px;
	}
	#branding, .author, .entry-date, .entry-meta, .comment-meta, footer.entry-footer  {display:none;}
	article header { margin-top:0px; position: relative; padding-bottom: 10px;}
	h2.entry-title a { margin-top:0px; }
body.archive article header,body.search article header {margin-top:10px;}
body.archive h1.entry-title {
  border-bottom: 0px solid #f0f0f0;}
body.tag #content, body.archive #content,body.search #content {margin-top:60px;}
#widget-area li:first-child {margin-top:0px;}
	#search, #social-navigation {display:none;}
	aside #search, #search-2 {display:block;margin:0 auto;float:none;text-align:center;padding-bottom:60px;}
	aside #search input, aside #search-2 input {width:32%;padding-top: 0px;margin-top: 0px;text-align:center;line-height:30px;padding-bottom:0px;}
	#sidebar p.mobilemenu {display:block;width:100%;background:#ebebeb;text-align:center;height:50px;line-height:50px;margin-bottom:10px;}
	div.site-logo{display:none;}
	h1.site-title,
h2.site-description {
    margin-left: 20px;line-height:50px;float:left;margin-top:0px;
}
    .mobile-grid-30,
    .mobile-grid-60 {
        float: left;
        width: 100% !important
    }
    .mobile-grid-65 {
        float: left;
        width: 100% !important
    }
    .mobile-prefix-35 {
        margin-left: 0% !important
    }
    .social-navigation li {
        float: left !important
    }
    .site-logo {
        position: relative
    }
    h1.entry-title, h2.entry-title a {
        font-size: 20px;
        line-height: 28px;
    }
    #sidebar ul li ul.sub-menu {
        margin-top: 10px;
        margin-bottom: 0px !important
    }
    aside .site-logo img {
        width: 40% !important
    }

    .mobile-prefix-50 {
        margin-left: 30% !important
    }
	
			div.mobile-logo {
	display: block;   position: relative; top: 0px;opacity:0.8;
  left: 46px; width:100%;
	}
	div.mobile-logo h1 {display:block;margin-bottom:0px;float:none; }
	.top-bar {background:none; border-bottom: 1px solid #f5f5f5; padding-bottom:10px; position:relative; height:initial; overflow: auto;}
	div.mobile-logo h2 {line-height:10px;margin-bottom:10px;}
	div.mobile-logo h1 img {width:123px;}
	#branding div.site-logo{display:none;}
    #sidebar ul li ul.sub-menu {
        margin-bottom: 0px !important
    }
    #sidebar {
        width: 100%;
        left: -100%;
    }
    aside .site-logo img {
        width: 62%
    }
    #sidebar ul#menu-main-navigation {
        width: 62%
    }

    #content {
        margin-top: 20px;
    }
	body.single #content {margin-top:70px;}
	body.single article header {margin-top:0px;}
    #widget-area {
        padding-top: 10px;width:100%;
    }
    #widget-area li.widget-container {
        background: url(../images/workfloor/dots.jpg) repeat-x left bottom;
        padding-bottom: 20px
    }
    #widget-area li {
        background: none
    }
    input[type="submit"] {
        width: 20%;
        margin-left: 40%
    }
    #branding .site-logo {
        top: 0px;
        text-align: center;
        left: 0px;
        position: relative
    }

    #widget-area li.widget-container ul li {
        width: 100%;
        display: inline-block;
        text-align: center
    }

    .gallery-item {
        float: left;
        width: 46%;
        margin: 30px 2%;
        background-color: #FFFFFF
    }
    .gallery-item img {
        width: 90%;
        height: auto;
        margin: 5%
    }
    .hide-on-mobile {
        display: none !important
    }
    figcaption {
        display: none
    }
    .mobile-grid-5 {
        float: left;
        width: 5%;
        *width: expression(Math.floor(0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px")
    }
    .mobile-prefix-5 {
        margin-left: 5%
    }
    .mobile-suffix-5 {
        margin-right: 5%
    }
    .mobile-push-5 {
        left: 5%;
        *left: expression(Math.floor(0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px")
    }
    .mobile-pull-5 {
        left: -5%;
        *left: expression(Math.floor(-0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px")
    }
    .mobile-grid-10 {
        float: left;
        width: 10%;
        *width: expression(Math.floor(0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px")
    }
    .mobile-prefix-10 {
        margin-left: 10%
    }
    .mobile-suffix-10 {
        margin-right: 10%
    }
    .mobile-push-10 {
        left: 10%;
        *left: expression(Math.floor(0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px")
    }
    .mobile-pull-10 {
        left: -10%;
        *left: expression(Math.floor(-0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px")
    }
    .mobile-grid-15 {
        float: left;
        width: 15%;
        *width: expression(Math.floor(0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px")
    }
    .mobile-prefix-15 {
        margin-left: 15%
    }
    .mobile-suffix-15 {
        margin-right: 15%
    }
    .mobile-push-15 {
        left: 15%;
        *left: expression(Math.floor(0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px")
    }
    .mobile-pull-15 {
        left: -15%;
        *left: expression(Math.floor(-0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px")
    }
    .mobile-grid-20 {
        float: left;
        width: 20%;
        *width: expression(Math.floor(0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px")
    }
    .mobile-prefix-20 {
        margin-left: 20%
    }
    .mobile-suffix-20 {
        margin-right: 20%
    }
    .mobile-push-20 {
        left: 20%;
        *left: expression(Math.floor(0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px")
    }
    .mobile-pull-20 {
        left: -20%;
        *left: expression(Math.floor(-0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px")
    }
    .mobile-grid-25 {
        float: left;
        width: 25%;
        *width: expression(Math.floor(0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px")
    }
    .mobile-prefix-25 {
        margin-left: 25%
    }
    .mobile-suffix-25 {
        margin-right: 25%
    }
    .mobile-push-25 {
        left: 25%;
        *left: expression(Math.floor(0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px")
    }
    .mobile-pull-25 {
        left: -25%;
        *left: expression(Math.floor(-0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px")
    }
    .mobile-grid-30 {
        float: left;
        width: 30%;
        *width: expression(Math.floor(0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px")
    }
    .mobile-prefix-30 {
        margin-left: 30%
    }
    .mobile-suffix-30 {
        margin-right: 30%
    }
    .mobile-push-30 {
        left: 30%;
        *left: expression(Math.floor(0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px")
    }
    .mobile-pull-30 {
        left: -30%;
        *left: expression(Math.floor(-0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px")
    }
    .mobile-grid-35 {
        float: left;
        width: 35%;
        *width: expression(Math.floor(0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px")
    }
    .mobile-prefix-35 {
        margin-left: 35%
    }
    .mobile-suffix-35 {
        margin-right: 35%
    }
    .mobile-push-35 {
        left: 35%;
        *left: expression(Math.floor(0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px")
    }
    .mobile-pull-35 {
        left: -35%;
        *left: expression(Math.floor(-0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px")
    }
    .mobile-grid-40 {
        float: left;
        width: 40%;
        *width: expression(Math.floor(0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px")
    }
    .mobile-prefix-40 {
        margin-left: 40%
    }
    .mobile-suffix-40 {
        margin-right: 40%
    }
    .mobile-push-40 {
        left: 40%;
        *left: expression(Math.floor(0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px")
    }
    .mobile-pull-40 {
        left: -40%;
        *left: expression(Math.floor(-0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px")
    }
    .mobile-grid-45 {
        float: left;
        width: 45%;
        *width: expression(Math.floor(0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px")
    }
    .mobile-prefix-45 {
        margin-left: 45%
    }
    .mobile-suffix-45 {
        margin-right: 45%
    }
    .mobile-push-45 {
        left: 45%;
        *left: expression(Math.floor(0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px")
    }
    .mobile-pull-45 {
        left: -45%;
        *left: expression(Math.floor(-0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px")
    }
    .mobile-grid-50 {
        float: left;
        width: 50%;
        *width: expression(Math.floor(0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px")
    }
    .mobile-prefix-50 {
        margin-left: 50%
    }
    .mobile-suffix-50 {
        margin-right: 50%
    }
    .mobile-push-50 {
        left: 50%;
        *left: expression(Math.floor(0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px")
    }
    .mobile-pull-50 {
        left: -50%;
        *left: expression(Math.floor(-0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px")
    }
    .mobile-grid-55 {
        float: left;
        width: 55%;
        *width: expression(Math.floor(0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px")
    }
    .mobile-prefix-55 {
        margin-left: 55%
    }
    .mobile-suffix-55 {
        margin-right: 55%
    }
    .mobile-push-55 {
        left: 55%;
        *left: expression(Math.floor(0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px")
    }
    .mobile-pull-55 {
        left: -55%;
        *left: expression(Math.floor(-0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px")
    }
    .mobile-grid-60 {
        float: left;
        width: 60%;
        *width: expression(Math.floor(0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px")
    }
    .mobile-prefix-60 {
        margin-left: 60%
    }
    .mobile-suffix-60 {
        margin-right: 60%
    }
    .mobile-push-60 {
        left: 60%;
        *left: expression(Math.floor(0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px")
    }
    .mobile-pull-60 {
        left: -60%;
        *left: expression(Math.floor(-0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px")
    }
    .mobile-grid-65 {
        float: left;
        width: 65%;
        *width: expression(Math.floor(0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px")
    }
    .mobile-prefix-65 {
        margin-left: 65%
    }
    .mobile-suffix-65 {
        margin-right: 65%
    }
    .mobile-push-65 {
        left: 65%;
        *left: expression(Math.floor(0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px")
    }
    .mobile-pull-65 {
        left: -65%;
        *left: expression(Math.floor(-0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px")
    }
    .mobile-grid-70 {
        float: left;
        width: 70%;
        *width: expression(Math.floor(0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px")
    }
    .mobile-prefix-70 {
        margin-left: 70%
    }
    .mobile-suffix-70 {
        margin-right: 70%
    }
    .mobile-push-70 {
        left: 70%;
        *left: expression(Math.floor(0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px")
    }
    .mobile-pull-70 {
        left: -70%;
        *left: expression(Math.floor(-0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px")
    }
    .mobile-grid-75 {
        float: left;
        width: 75%;
        *width: expression(Math.floor(0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px")
    }
    .mobile-prefix-75 {
        margin-left: 75%
    }
    .mobile-suffix-75 {
        margin-right: 75%
    }
    .mobile-push-75 {
        left: 75%;
        *left: expression(Math.floor(0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px")
    }
    .mobile-pull-75 {
        left: -75%;
        *left: expression(Math.floor(-0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px")
    }
    .mobile-grid-80 {
        float: left;
        width: 80%;
        *width: expression(Math.floor(0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px")
    }
    .mobile-prefix-80 {
        margin-left: 80%
    }
    .mobile-suffix-80 {
        margin-right: 80%
    }
    .mobile-push-80 {
        left: 80%;
        *left: expression(Math.floor(0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px")
    }
    .mobile-pull-80 {
        left: -80%;
        *left: expression(Math.floor(-0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px")
    }
    .mobile-grid-85 {
        float: left;
        width: 85%;
        *width: expression(Math.floor(0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px")
    }
    .mobile-prefix-85 {
        margin-left: 85%
    }
    .mobile-suffix-85 {
        margin-right: 85%
    }
    .mobile-push-85 {
        left: 85%;
        *left: expression(Math.floor(0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px")
    }
    .mobile-pull-85 {
        left: -85%;
        *left: expression(Math.floor(-0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px")
    }
    .mobile-grid-90 {
        float: left;
        width: 90%;
        *width: expression(Math.floor(0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px")
    }
    .mobile-prefix-90 {
        margin-left: 90%
    }
    .mobile-suffix-90 {
        margin-right: 90%
    }
    .mobile-push-90 {
        left: 90%;
        *left: expression(Math.floor(0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px")
    }
    .mobile-pull-90 {
        left: -90%;
        *left: expression(Math.floor(-0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px")
    }
    .mobile-grid-95 {
        float: left;
        width: 95%;
        *width: expression(Math.floor(0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px")
    }
    .mobile-prefix-95 {
        margin-left: 95%
    }
    .mobile-suffix-95 {
        margin-right: 95%
    }
    .mobile-push-95 {
        left: 95%;
        *left: expression(Math.floor(0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px")
    }
    .mobile-pull-95 {
        left: -95%;
        *left: expression(Math.floor(-0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px")
    }
    .mobile-grid-33 {
        float: left;
        width: 33.33333%;
        *width: expression(Math.floor(0.33333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px")
    }
    .mobile-prefix-33 {
        margin-left: 33.33333%
    }
    .mobile-suffix-33 {
        margin-right: 33.33333%
    }
    .mobile-push-33 {
        left: 33.33333%;
        *left: expression(Math.floor(0.33333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px")
    }
    .mobile-pull-33 {
        left: -33.33333%;
        *left: expression(Math.floor(-0.33333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px")
    }
    .mobile-grid-66 {
        float: left;
        width: 66.66667%;
        *width: expression(Math.floor(0.66667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px")
    }
    .mobile-prefix-66 {
        margin-left: 66.66667%
    }
    .mobile-suffix-66 {
        margin-right: 66.66667%
    }
    .mobile-push-66 {
        left: 66.66667%;
        *left: expression(Math.floor(0.66667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px")
    }
    .mobile-pull-66 {
        left: -66.66667%;
        *left: expression(Math.floor(-0.66667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px")
    }

    #menu-icon {
        display: inline-block;
        height: 50px;
        width: 50px
    }
    header nav#mainnav {
        background: none;
        position: relative
    }
    nav ul,
    nav:active ul {
        position: relative
    }
    header nav#mainnav ul li ul {
        width: 100%;
        margin-top: 60px
    }
    header nav#mainnav ul li ul li {
        width: 100%;
        position: relative
    }
    header nav#mainnav ul li ul li a {
        text-align: center
    }
    header nav#mainnav ul li ul {
        display: block
    }
    header nav#mainnav ul li.tap ul {
        display: block
    }
    header nav#mainnav li {
        text-align: center;
        width: 100%;
        padding: 10px 0;
        margin: 0
    }
    nav:hover ul {
        display: block
    }
    nav#mainnav ul {
        height: auto
    }
    nav#mainnav ul > li {
        float: none;
        width: 100%;
        padding-bottom: 0px
    }
    header nav#mainnav ul.sub-menu {
        top: 0px;
        margin-top: 0px
    }
    nav#mainnav ul ul {
        position: relative
    }
    header nav#mainnav ul {
        margin-top: -16px;
        text-align: center
    }
    header nav#mainnav ul li ul.sub-menu {
        margin-top: 33px
    }
    hr {
        margin: 30px
    }
    h2 {
        text-align: center
    }
    footer {
        height: 660px
    }
	  #breadcrumbs span a {float:left;width:10%;margin:0px 10px 0px 0px;padding:0px 10px 0px 0px;}
  #breadcrumbs a {line-height:30px;}
  #breadcrumbs span.breadcrumb_last {line-height:30px;width:100%;display:block;text-align:left;margin:5px 0px 0px 0px;}
  #breadcrumbs a:hover {border-bottom:0px solid #fff;color:#CCC;}
  body.single .main-content #content {margin-top: 62px;}
  #respond input[type="submit"] {width:100%;margin-left:0px;}

}
@media (min-width: 768px) and (max-width: 1024px) {
    .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
    }
    #content {
        margin-top: 93px
    }
	h1.entry-title {line-height:40px;}
		.container.open-sidebar aside#sidebar {width:35%;}
    .hide-on-tablet {
        display: none !important
    }
    body.home article header {
        margin-top: 0px
    }
		
    .tablet-grid-5 {
        float: left;
        width: 5%;
        *width: expression(Math.floor(0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px")
    }
    .tablet-prefix-5 {
        margin-left: 5%
    }
    .tablet-suffix-5 {
        margin-right: 5%
    }
    .tablet-push-5 {
        left: 5%;
        *left: expression(Math.floor(0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px")
    }
    .tablet-pull-5 {
        left: -5%;
        *left: expression(Math.floor(-0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px")
    }
    .tablet-grid-10 {
        float: left;
        width: 10%;
        *width: expression(Math.floor(0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px")
    }
    .tablet-prefix-10 {
        margin-left: 10%
    }
    .tablet-suffix-10 {
        margin-right: 10%
    }
    .tablet-push-10 {
        left: 10%;
        *left: expression(Math.floor(0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px")
    }
    .tablet-pull-10 {
        left: -10%;
        *left: expression(Math.floor(-0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px")
    }
    .tablet-grid-15 {
        float: left;
        width: 15%;
        *width: expression(Math.floor(0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px")
    }
    .tablet-prefix-15 {
        margin-left: 15%
    }
    .tablet-suffix-15 {
        margin-right: 15%
    }
    .tablet-push-15 {
        left: 15%;
        *left: expression(Math.floor(0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px")
    }
    .tablet-pull-15 {
        left: -15%;
        *left: expression(Math.floor(-0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px")
    }
    .tablet-grid-20 {
        float: left;
        width: 20%;
        *width: expression(Math.floor(0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px")
    }
    .tablet-prefix-20 {
        margin-left: 20%
    }
    .tablet-suffix-20 {
        margin-right: 20%
    }
    .tablet-push-20 {
        left: 20%;
        *left: expression(Math.floor(0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px")
    }
    .tablet-pull-20 {
        left: -20%;
        *left: expression(Math.floor(-0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px")
    }
    .tablet-grid-25 {
        float: left;
        width: 25%;
        *width: expression(Math.floor(0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px")
    }
    .tablet-prefix-25 {
        margin-left: 25%
    }
    .tablet-suffix-25 {
        margin-right: 25%
    }
    .tablet-push-25 {
        left: 25%;
        *left: expression(Math.floor(0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px")
    }
    .tablet-pull-25 {
        left: -25%;
        *left: expression(Math.floor(-0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px")
    }
    .tablet-grid-30 {
        float: left;
        width: 30%;
        *width: expression(Math.floor(0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px")
    }
    .tablet-prefix-30 {
        margin-left: 30%
    }
    .tablet-suffix-30 {
        margin-right: 30%
    }
    .tablet-push-30 {
        left: 30%;
        *left: expression(Math.floor(0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px")
    }
    .tablet-pull-30 {
        left: -30%;
        *left: expression(Math.floor(-0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px")
    }
    .tablet-grid-35 {
        float: left;
        width: 35%;
        *width: expression(Math.floor(0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px")
    }
    .tablet-prefix-35 {
        margin-left: 35%
    }
    .tablet-suffix-35 {
        margin-right: 35%
    }
    .tablet-push-35 {
        left: 35%;
        *left: expression(Math.floor(0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px")
    }
    .tablet-pull-35 {
        left: -35%;
        *left: expression(Math.floor(-0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px")
    }
    .tablet-grid-40 {
        float: left;
        width: 40%;
        *width: expression(Math.floor(0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px")
    }
    .tablet-prefix-40 {
        margin-left: 40%
    }
    .tablet-suffix-40 {
        margin-right: 40%
    }
    .tablet-push-40 {
        left: 40%;
        *left: expression(Math.floor(0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px")
    }
    .tablet-pull-40 {
        left: -40%;
        *left: expression(Math.floor(-0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px")
    }
    .tablet-grid-45 {
        float: left;
        width: 45%;
        *width: expression(Math.floor(0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px")
    }
    .tablet-prefix-45 {
        margin-left: 45%
    }
    .tablet-suffix-45 {
        margin-right: 45%
    }
    .tablet-push-45 {
        left: 45%;
        *left: expression(Math.floor(0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px")
    }
    .tablet-pull-45 {
        left: -45%;
        *left: expression(Math.floor(-0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px")
    }
    .tablet-grid-50 {
        float: left;
        width: 50%;
        *width: expression(Math.floor(0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px")
    }
    .tablet-prefix-50 {
        margin-left: 50%
    }
    .tablet-suffix-50 {
        margin-right: 50%
    }
    .tablet-push-50 {
        left: 50%;
        *left: expression(Math.floor(0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px")
    }
    .tablet-pull-50 {
        left: -50%;
        *left: expression(Math.floor(-0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px")
    }
    .tablet-grid-55 {
        float: left;
        width: 55%;
        *width: expression(Math.floor(0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px")
    }
    .tablet-prefix-55 {
        margin-left: 55%
    }
    .tablet-suffix-55 {
        margin-right: 55%
    }
    .tablet-push-55 {
        left: 55%;
        *left: expression(Math.floor(0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px")
    }
    .tablet-pull-55 {
        left: -55%;
        *left: expression(Math.floor(-0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px")
    }
    .tablet-grid-60 {
        float: left;
        width: 60%;
        *width: expression(Math.floor(0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px")
    }
    .tablet-prefix-60 {
        margin-left: 60%
    }
    .tablet-suffix-60 {
        margin-right: 60%
    }
    .tablet-push-60 {
        left: 60%;
        *left: expression(Math.floor(0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px")
    }
    .tablet-pull-60 {
        left: -60%;
        *left: expression(Math.floor(-0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px")
    }
    .tablet-grid-65 {
        float: left;
        width: 65%;
        *width: expression(Math.floor(0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px")
    }
    .tablet-prefix-65 {
        margin-left: 65%
    }
    .tablet-suffix-65 {
        margin-right: 65%
    }
    .tablet-push-65 {
        left: 65%;
        *left: expression(Math.floor(0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px")
    }
    .tablet-pull-65 {
        left: -65%;
        *left: expression(Math.floor(-0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px")
    }
    .tablet-grid-70 {
        float: left;
        width: 70%;
        *width: expression(Math.floor(0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px")
    }
    .tablet-prefix-70 {
        margin-left: 70%
    }
    .tablet-suffix-70 {
        margin-right: 70%
    }
    .tablet-push-70 {
        left: 70%;
        *left: expression(Math.floor(0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px")
    }
    .tablet-pull-70 {
        left: -70%;
        *left: expression(Math.floor(-0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px")
    }
    .tablet-grid-75 {
        float: left;
        width: 75%;
        *width: expression(Math.floor(0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px")
    }
    .tablet-prefix-75 {
        margin-left: 75%
    }
    .tablet-suffix-75 {
        margin-right: 75%
    }
    .tablet-push-75 {
        left: 75%;
        *left: expression(Math.floor(0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px")
    }
    .tablet-pull-75 {
        left: -75%;
        *left: expression(Math.floor(-0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px")
    }
    .tablet-grid-80 {
        float: left;
        width: 80%;
        *width: expression(Math.floor(0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px")
    }
    .tablet-prefix-80 {
        margin-left: 80%
    }
    .tablet-suffix-80 {
        margin-right: 80%
    }
    .tablet-push-80 {
        left: 80%;
        *left: expression(Math.floor(0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px")
    }
    .tablet-pull-80 {
        left: -80%;
        *left: expression(Math.floor(-0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px")
    }
    .tablet-grid-85 {
        float: left;
        width: 85%;
        *width: expression(Math.floor(0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px")
    }
    .tablet-prefix-85 {
        margin-left: 85%
    }
    .tablet-suffix-85 {
        margin-right: 85%
    }
    .tablet-push-85 {
        left: 85%;
        *left: expression(Math.floor(0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px")
    }
    .tablet-pull-85 {
        left: -85%;
        *left: expression(Math.floor(-0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px")
    }
    .tablet-grid-90 {
        float: left;
        width: 90%;
        *width: expression(Math.floor(0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px")
    }
    .tablet-prefix-90 {
        margin-left: 90%
    }
    .tablet-suffix-90 {
        margin-right: 90%
    }
    .tablet-push-90 {
        left: 90%;
        *left: expression(Math.floor(0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px")
    }
    .tablet-pull-90 {
        left: -90%;
        *left: expression(Math.floor(-0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px")
    }
    .tablet-grid-95 {
        float: left;
        width: 95%;
        *width: expression(Math.floor(0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px")
    }
    .tablet-prefix-95 {
        margin-left: 95%
    }
    .tablet-suffix-95 {
        margin-right: 95%
    }
    .tablet-push-95 {
        left: 95%;
        *left: expression(Math.floor(0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px")
    }
    .tablet-pull-95 {
        left: -95%;
        *left: expression(Math.floor(-0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px")
    }
    .tablet-grid-33 {
        float: left;
        width: 33.33333%;
        *width: expression(Math.floor(0.33333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px")
    }
    .tablet-prefix-33 {
        margin-left: 33.33333%
    }
    .tablet-suffix-33 {
        margin-right: 33.33333%
    }
    .tablet-push-33 {
        left: 33.33333%;
        *left: expression(Math.floor(0.33333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px")
    }
    .tablet-pull-33 {
        left: -33.33333%;
        *left: expression(Math.floor(-0.33333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px")
    }
    .tablet-grid-66 {
        float: left;
        width: 66.66667%;
        *width: expression(Math.floor(0.66667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px")
    }
    .tablet-prefix-66 {
        margin-left: 66.66667%
    }
    .tablet-suffix-66 {
        margin-right: 66.66667%
    }
    .tablet-push-66 {
        left: 66.66667%;
        *left: expression(Math.floor(0.66667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px")
    }
    .tablet-pull-66 {
        left: -66.66667%;
        *left: expression(Math.floor(-0.66667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px")
    }
    .tablet-grid-100 {
        clear: both;
        width: 100%
    }
    footer {
        height: 550px
    }
    .grid-30 h2 {
        margin-top: 30px
    }
    img {
        max-width: 95%
    }
}
@media screen and (min-width: 1025px) {
    .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
    }
    .hide-on-desktop {
        display: none !important
    }
		
    .grid-5 {
        float: left;
        width: 5%;
        *width: expression(Math.floor(0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px")
    }
    .prefix-5 {
        margin-left: 5%
    }
    .suffix-5 {
        margin-right: 5%
    }
    .push-5 {
        left: 5%;
        *left: expression(Math.floor(0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px")
    }
    .pull-5 {
        left: -5%;
        *left: expression(Math.floor(-0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px")
    }
    .grid-10 {
        float: left;
        width: 10%;
        *width: expression(Math.floor(0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px")
    }
    .prefix-10 {
        margin-left: 10%
    }
    .suffix-10 {
        margin-right: 10%
    }
    .push-10 {
        left: 10%;
        *left: expression(Math.floor(0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px")
    }
    .pull-10 {
        left: -10%;
        *left: expression(Math.floor(-0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px")
    }
    .grid-15 {
        float: left;
        width: 15%;
        *width: expression(Math.floor(0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px")
    }
    .prefix-15 {
        margin-left: 15%
    }
    .suffix-15 {
        margin-right: 15%
    }
    .push-15 {
        left: 15%;
        *left: expression(Math.floor(0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px")
    }
    .pull-15 {
        left: -15%;
        *left: expression(Math.floor(-0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px")
    }
    .grid-20 {
        float: left;
        width: 20%;
        *width: expression(Math.floor(0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px")
    }
    .prefix-20 {
        margin-left: 20%
    }
    .suffix-20 {
        margin-right: 20%
    }
    .push-20 {
        left: 20%;
        *left: expression(Math.floor(0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px")
    }
    .pull-20 {
        left: -20%;
        *left: expression(Math.floor(-0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px")
    }
    .grid-25 {
        float: left;
        width: 25%;
        *width: expression(Math.floor(0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px")
    }
    .prefix-25 {
        margin-left: 25%
    }
    .suffix-25 {
        margin-right: 25%
    }
    .push-25 {
        left: 25%;
        *left: expression(Math.floor(0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px")
    }
    .pull-25 {
        left: -25%;
        *left: expression(Math.floor(-0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px")
    }
    .grid-30 {
        float: left;
        width: 30%;
        *width: expression(Math.floor(0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px")
    }
    .prefix-30 {
        margin-left: 30%
    }
    .suffix-30 {
        margin-right: 30%
    }
    .push-30 {
        left: 30%;
        *left: expression(Math.floor(0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px")
    }
    .pull-30 {
        left: -30%;
        *left: expression(Math.floor(-0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px")
    }
    .grid-35 {
        float: left;
        width: 35%;
        *width: expression(Math.floor(0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px")
    }
    .prefix-35 {
        margin-left: 35%
    }
    .suffix-35 {
        margin-right: 35%
    }
    .push-35 {
        left: 35%;
        *left: expression(Math.floor(0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px")
    }
    .pull-35 {
        left: -35%;
        *left: expression(Math.floor(-0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px")
    }
    .grid-40 {
        float: left;
        width: 40%;
        *width: expression(Math.floor(0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px")
    }
    .prefix-40 {
        margin-left: 40%
    }
    .suffix-40 {
        margin-right: 40%
    }
    .push-40 {
        left: 40%;
        *left: expression(Math.floor(0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px")
    }
    .pull-40 {
        left: -40%;
        *left: expression(Math.floor(-0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px")
    }
    .grid-45 {
        float: left;
        width: 45%;
        *width: expression(Math.floor(0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px")
    }
    .prefix-45 {
        margin-left: 45%
    }
    .suffix-45 {
        margin-right: 45%
    }
    .push-45 {
        left: 45%;
        *left: expression(Math.floor(0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px")
    }
    .pull-45 {
        left: -45%;
        *left: expression(Math.floor(-0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px")
    }
    .grid-50 {
        float: left;
        width: 50%;
        *width: expression(Math.floor(0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px")
    }
    .prefix-50 {
        margin-left: 50%
    }
    .suffix-50 {
        margin-right: 50%
    }
    .push-50 {
        left: 50%;
        *left: expression(Math.floor(0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px")
    }
    .pull-50 {
        left: -50%;
        *left: expression(Math.floor(-0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px")
    }
    .grid-55 {
        float: left;
        width: 55%;
        *width: expression(Math.floor(0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px")
    }
    .prefix-55 {
        margin-left: 55%
    }
    .suffix-55 {
        margin-right: 55%
    }
    .push-55 {
        left: 55%;
        *left: expression(Math.floor(0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px")
    }
    .pull-55 {
        left: -55%;
        *left: expression(Math.floor(-0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px")
    }
    .grid-60 {
        float: left;
        width: 60%;
        *width: expression(Math.floor(0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px")
    }
    .prefix-60 {
        margin-left: 60%
    }
    .suffix-60 {
        margin-right: 60%
    }
    .push-60 {
        left: 60%;
        *left: expression(Math.floor(0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px")
    }
    .pull-60 {
        left: -60%;
        *left: expression(Math.floor(-0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px")
    }
    .grid-65 {
        float: left;
        width: 65%;
        *width: expression(Math.floor(0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px")
    }
    .prefix-65 {
        margin-left: 65%
    }
    .suffix-65 {
        margin-right: 65%
    }
    .push-65 {
        left: 65%;
        *left: expression(Math.floor(0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px")
    }
    .pull-65 {
        left: -65%;
        *left: expression(Math.floor(-0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px")
    }
    .grid-70 {
        float: left;
        width: 70%;
        *width: expression(Math.floor(0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px")
    }
    .prefix-70 {
        margin-left: 70%
    }
    .suffix-70 {
        margin-right: 70%
    }
    .push-70 {
        left: 70%;
        *left: expression(Math.floor(0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px")
    }
    .pull-70 {
        left: -70%;
        *left: expression(Math.floor(-0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px")
    }
    .grid-75 {
        float: left;
        width: 75%;
        *width: expression(Math.floor(0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px")
    }
    .prefix-75 {
        margin-left: 75%
    }
    .suffix-75 {
        margin-right: 75%
    }
    .push-75 {
        left: 75%;
        *left: expression(Math.floor(0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px")
    }
    .pull-75 {
        left: -75%;
        *left: expression(Math.floor(-0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px")
    }
    .grid-80 {
        float: left;
        width: 80%;
        *width: expression(Math.floor(0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px")
    }
    .prefix-80 {
        margin-left: 80%
    }
    .suffix-80 {
        margin-right: 80%
    }
    .push-80 {
        left: 80%;
        *left: expression(Math.floor(0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px")
    }
    .pull-80 {
        left: -80%;
        *left: expression(Math.floor(-0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px")
    }
    .grid-85 {
        float: left;
        width: 85%;
        *width: expression(Math.floor(0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px")
    }
    .prefix-85 {
        margin-left: 85%
    }
    .suffix-85 {
        margin-right: 85%
    }
    .push-85 {
        left: 85%;
        *left: expression(Math.floor(0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px")
    }
    .pull-85 {
        left: -85%;
        *left: expression(Math.floor(-0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px")
    }
    .grid-90 {
        float: left;
        width: 90%;
        *width: expression(Math.floor(0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px")
    }
    .grid-90col {
        float: left;
        width: 90%;
        *width: expression(Math.floor(0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
        -moz-column-count: 2;
        -moz-column-gap: 40px;
        -webkit-column-count: 2;
        -webkit-column-gap: 40px;
        column-count: 2;
        column-gap: 40px;
        margin-bottom: 40px
    }
    .prefix-90 {
        margin-left: 90%
    }
    .suffix-90 {
        margin-right: 90%
    }
    .push-90 {
        left: 90%;
        *left: expression(Math.floor(0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px")
    }
    .pull-90 {
        left: -90%;
        *left: expression(Math.floor(-0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px")
    }
    .grid-95 {
        float: left;
        width: 95%;
        *width: expression(Math.floor(0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px")
    }
    .prefix-95 {
        margin-left: 95%
    }
    .suffix-95 {
        margin-right: 95%
    }
    .push-95 {
        left: 95%;
        *left: expression(Math.floor(0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px")
    }
    .pull-95 {
        left: -95%;
        *left: expression(Math.floor(-0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px")
    }
    .grid-33 {
        float: left;
        width: 33.33333%;
        *width: expression(Math.floor(0.33333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px")
    }
    .prefix-33 {
        margin-left: 33.33333%
    }
    .suffix-33 {
        margin-right: 33.33333%
    }
    .push-33 {
        left: 33.33333%;
        *left: expression(Math.floor(0.33333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px")
    }
    .pull-33 {
        left: -33.33333%;
        *left: expression(Math.floor(-0.33333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px")
    }
    .grid-66 {
        float: left;
        width: 66.66667%;
        *width: expression(Math.floor(0.66667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px")
    }
    .prefix-66 {
        margin-left: 66.66667%
    }
    .suffix-66 {
        margin-right: 66.66667%
    }
    .push-66 {
        left: 66.66667%;
        *left: expression(Math.floor(0.66667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px")
    }
    .pull-66 {
        left: -66.66667%;
        *left: expression(Math.floor(-0.66667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px")
    }
    .grid-100 {
        clear: both;
        width: 100%
    }
}