@charset "utf-8";
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{
margin:0;padding:0;border:0;outline:none;background:transparent;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;font-size:100%;}
html{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;-moz-tap-highlight-color:transparent;tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-ms-touch-action:manipulation;touch-action:manipulation;}
header, section, footer, aside, nav, main, article, figure { display: block; }
body{margin:0;padding:50px 0 0 0;background:#fff;font-family:Helvetica,Arial,Verdana,sans-serif;font-size:13px;line-height:18px;text-align:left;color:#484848;}
.clear {clear:both;}
/*fonts*/
h1{
color:#fff; font-size:13px; line-height:50px; text-transform:uppercase; font-weight:bold
}
h2{
color:#803d08; font-size:16px; line-height:20px; text-transform:uppercase; font-weight:bold; margin:0 0 20px 0; text-align:center
}
h3{
color:#803d08; font-size:14px; line-height:18px; text-transform:uppercase; font-weight:bold; margin:0 0 20px 0
}
h4{
color:#803d08; font-size:13px;line-height:18px; font-weight:bold
}
p{
margin:20px 0; clear:both
}
ul, ol{list-style:none; margin:0 0 20px 0}
ul li{
list-style-position:outside; list-style:disc; margin:0 0 0 15px; padding:0 0 5px 0
}
ol li{
list-style-position:outside; list-style:decimal; margin:0 0 0 15px; padding:0 0 5px 0
}
.highlight{color:#803d08}
a{color:#803d08; text-decoration:underline}
/**/
.table{
display:table;
}
.tbl-row{
display:block; margin:0 0 5px 0; line-height:15px
}
.tbl-colm{
display:table-cell; vertical-align:middle
}.tbl-colm:nth-child(1){
padding:0 10px 0 0; width:50px
}
.tbl-colm:nth-child(2){
padding:0 10px; width:10px
}
.tbl-colm:nth-child(3){
padding:0 0 0 10px;
}
/**/
.fixheader{
position:fixed; top:0; left:0; width:100%; z-index:1
}
header{
background:#b68155; height:50px; padding:0 0 0 20px; 
}
nav{
background:#b68155; display:none
}
nav ul{list-style:none; margin:0; padding:0 0 20px 0}
nav ul li{
list-style:none; text-align:center; padding:0; margin:0
}
nav ul li a{
color:#fff; text-decoration:none; font-size:13px; line-height:38px; display:block
}
.button-menu{
background:transparent url(../images/button_menu.png) no-repeat 50% 50%;
-webkit-background-size:auto 50%; -moz-background-size:auto 50%; -o-background-size:auto 50%; background-size:auto 50%;
height:50px; width:50px; position:absolute; top:0; right:0
}
.button-close{
background:transparent url(../images/button_close.png) no-repeat 50% 50%;
-webkit-background-size:auto 50%; -moz-background-size:auto 50%; -o-background-size:auto 50%; background-size:auto 50%;
height:50px; width:50px; position:absolute; top:0; right:0	
}
#close{display:none}
.wrapper, .contactus, .copyright{
padding:20px
}
.banner{
background:#fff url(../images/newspaper_insertion.png) no-repeat 50% 0;
-webkit-background-size:contain; -moz-background-size:contain; -o-background-size:contain; background-size:contain;
height:110px;
}
.contactus{
background:#6b4d43; color:#fff; text-align:center
}
.contactus a{color:#fff}
.copyright{
background:#2b2b2b; color:#666; text-align:center
}
.taglines{
background:#2b2b2b; text-align:center; padding:20px 20px 0 20px
}
.taglines h4 {color:#fff}
.sbs-pic{
background:#2b2b2b url(../images/sbs.png) no-repeat 50% 10px;
-webkit-background-size:contain; -moz-background-size:contain; -o-background-size:contain; background-size:contain;
height:200px;
}
.about-pic{
background:transparent url(../images/flyer_insertion.png) no-repeat 50% 0;
-webkit-background-size:contain; -moz-background-size:contain; -o-background-size:contain; background-size:contain;
height:210px;
}
.service-pic{
background:transparent url(../images/newspaper_insert.png) no-repeat 50% 50%;
-webkit-background-size:contain; -moz-background-size:contain; -o-background-size:contain; background-size:contain;
height:200px;
}
.map-pic{
background:transparent url(../images/distribution_map.png) no-repeat 0 50%;
-webkit-background-size:auto 100%; -moz-background-size:auto 100%; -o-background-size:auto 100%; background-size:auto 100%;
height:160px; width:128px; float:left
}
.map-left, .map-right{
float:left; margin:0 40px 0 0;
}
.client-pic{
background:transparent url(../images/value_client.gif) no-repeat 50% 0;
-webkit-background-size:contain; -moz-background-size:contain; -o-background-size:contain; background-size:contain;
height:460px;
}
.sbsflyer-pic{
background:transparent url(../images/sbs_flyer.png) no-repeat 50% 0;
-webkit-background-size:contain; -moz-background-size:contain; -o-background-size:contain; background-size:contain;
height:200px;	
}
.printing-service{
background:transparent url(../images/printing_service.png) no-repeat 0 50%;
-webkit-background-size:auto 100%; -moz-background-size:auto 100%; -o-background-size:auto 100%; background-size:auto 100%;
height:80px; width:160px; float:left
}
.bunting-printing{
background:transparent url(../images/bunting_printing.png) no-repeat 0 50%;
-webkit-background-size:auto 100%; -moz-background-size:auto 100%; -o-background-size:auto 100%; background-size:auto 100%;
height:80px; width:160px; float:left
}
.extra{
margin:0 auto 10px auto; width:320px
}
/**/
.formstyled {
margin:10px 0 0
}
.row {
margin:0 0 10px 0;
}
.formstyled label {
display:block; margin:0 0 5px 0; text-align:left;
}
.formstyled input {
display:block; background:#fff; outline:0; padding:10px 5%; font-size:13px;line-height:18px; width:90%; border:1px solid #dedede; 
}
.formstyled textarea{
display:block; background:#fff; outline:0; padding:10px 5%; font-size:13px;line-height:18px; width:90%; border:1px solid #dedede; 
}
button {
background:#803d08; font-size:13px; height:36px; line-height:18px; padding:0 40px; text-align:center; color:#fff; font-weight:bold; text-transform:uppercase; border:0; outline:0; display:inline-block; cursor:pointer
}
.formstyled button { margin:20px 0 0 0; }
select  {
-webkit-appearance:none; -moz-appearance:none; appearance:none; outline:none; border:1px solid #dedede; background:#fff; height:40px; padding:0 25px 0 5%; width:100%; background:transparent url(../images/arrow_down.png) no-repeat 98% 0
}
select::-ms-expand { /* for IE 11 */
display: none;
}

@media only screen
and (min-width: 700px) {
.banner{height:220px}
.sbsflyer-pic{height:380px}
.printing-service, .bunting-printing{width:250px; height:120px}
.extra{width:500px}
.sbs-pic{
background:#2b2b2b url(../images/sbs_large.png) no-repeat 50% 10px;
-webkit-background-size:contain; -moz-background-size:contain; -o-background-size:contain; background-size:contain;
height:160px
}
.requestform{width:480px; margin:0 auto}
.container{width:700px; margin:0 auto}
}

@media only screen 
and (max-width : 319px) {
body { display:none }
}