.clearfix:before,.clearfix:after{content:" ";display:table}
.clearfix:after{clear:both}
.clearfix{*zoom:1}
#nav{height:40px;width:100%;font-size:11pt;font-family:Lato,sans-serif;font-weight:700;position:relative;border-bottom:2px solid #283744}
#nav ul{padding:0;margin:0 auto;width:700px;height:40px}
#nav li{display:inline;float:left;padding-top:6px}
#nav a{color:#fff;font-weight:700;display:inline-block;width:100px;text-align:center;text-decoration:none;line-height:40px}
#nav a:hover{color:#2c2c2c}
#nav li a{border-right:1px solid #576979;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}
#nav li:last-child a{border-right:0}
#nav a:hover,#nav a:active{background-color:#faa451}
#nav a#pull{display:none}
@media only screen and (max-width : 700px) {
html{-webkit-text-size-adjust:none}
body,p{font-size:15px;color:#444;line-height:1.25}
.container,#page,#content,#sidebar,#menu{width:90%!important;padding:0}
#column1,#three-column #tbox1,#column2,#three-column #tbox2,#column3,#three-column #tbox3{width:99%;padding:0 0 0 15px}
.box-style .image img{width:260px;height:163px;text-align:center;margin:0 auto;display:block}
.box-style .content{width:90%}
.post .title,#sidebar h2{letter-spacing:0}
#content ul{padding:0}
#banner3,#banner3 img,.nomobile,#logo p{display:none!important}
#logo h1,h1{font-size:1.4em;font-family:verdana;letter-spacing:0;margin:10px 0}
h2{font-size:1.3em}
h3{font-size:1.25em}
h1,h2,h2.title,h3{margin-bottom:0}
ol.great li p{font-size:15px}
.cool{font-size:15px;line-height:130%}
#footer,#footer-bg{padding-top:10px}
}
@media screen and (max-width: 600px) {
#nav{height:auto;background:#eb8627}
#nav ul{width:100%;display:block;height:auto}
#nav li{width:50%;float:left;position:relative}
#nav li a{border-bottom:1px solid #576979;border-right:1px solid #576979}
#nav a{text-align:left;width:100%;text-indent:25px}
}
@media only screen and (max-width : 480px) {
#nav{border-bottom:0}
#nav ul{display:none;height:auto}
#nav a#pull{display:block;background-color:#2c2c2c;width:100%;position:relative}
#nav a#pull:after{content:"";background:url(#nav-icon.png) no-repeat;width:30px;height:30px;display:inline-block;position:absolute;right:15px;top:10px}
}
@media only screen and (max-width : 320px) {
#nav li{display:block;float:none;width:100%}
#nav li a{border-bottom:1px solid #576979}
}
@media only screen and (min-width : 1100px) {
#wrapper{background:url(images/packing_home.jpg) no-repeat center center fixed;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}
body{font-size:15pt;}
#column3,#three-column #tbox3{float:left;margin-left:22px;}         
}
@media only screen and (min-width : 1100px) and (max-width : 1199px) {
.container{width:1060px}
#page{width:1020px}
#content{width:700px}
}
@media only screen and (min-width : 1200px) and (max-width : 1299px) {
.container{width:1160px}
#page{width:1120px}
#content{width:800px}
}
@media only screen and (min-width : 1300px) and (max-width : 1499px) {
.container{width:1260px}
#page{width:1220px}
#content{width:900px}
}
@media only screen and (min-width : 1500px) {
.container{width:1460px}
#page{width:1420px}
#content{width:1100px}
}