/* CSS Resets */
/*
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,cite,code,del,dfn,em,img,ins,q,small,strong,sub,sup,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;margin:0;padding:0}article,aside,figure,figure img,figcaption,hgroup,footer,header,nav,section,video,object{display:block}a img{border:0}figure{position:relative}figure img{width:100%}
*/

/* ==================================================================================================================== */
/* ! The 1140px Grid V2 by Andy Taylor \ http://cssgrid.net \ http://www.twitter.com/andytlr \ http://www.andytlr.com   */
/* ==================================================================================================================== */

.container {padding: 1px 20px}

.row {width: 100%; max-width: 1000px; min-width: 755px; margin: .8em auto; overflow: hidden}

.onecol, .twocol, .threecol, .fourcol, .fivecol, .sixcol, .sevencol, .eightcol, .ninecol, .tencol, .elevencol {
    margin-right: 1%;
    float: left;
    min-height: 1px;
}

.row .onecol {width: 4.85%}
.row .twocol {width: 25%; float: right}
.row .threecol {width: 22.05%}
.row .fourcol {width: 30.75%}
.row .fivecol {width: 39.45%}
.row .sixcol {width: 48%}
.row .sevencol {width: 56.75%}
.row .eightcol {width: 65.4%}
.row .ninecol {width: 74.05%}
.row .tencol {width: 71.15%; margin-top: 15px;}
.row .elevencol {width: 91.35%}
.row .twelvecol {width: 100%; float: left}

.last {margin-right: 0px}

img, object, embed {max-width: 100%}
img {height: auto}


/* Smaller screens */

@media only screen and (max-width: 1023px) {

    body {
    font-size: 0.8em;
    line-height: 1.5em;
    }
    header.row .twocol{width:28%; margin-right:3%; text-align:right}
    header.row .tencol{width:69%}
}



/* Mobile */

@media handheld, only screen and (max-width: 767px) {

    body {
    font-size: 16px;
    -webkit-text-size-adjust: none;
    }

    .row, body, .container {
    width: 100%;
    min-width: 0;
    margin-left: 0px;
    margin-right: 0px;
    padding-left: 0px;
    padding-right: 0px;
    }

    .row .onecol, .row .twocol, .row .threecol, .row .fourcol, .row .fivecol, .row .sixcol, .row .sevencol, .row .eightcol, .row .ninecol, .row .tencol, .row .elevencol, .row .twelvecol, .row aside, .textwidget {
    width: auto;
    float: none;
    margin-left: 0px;
    margin-right: 0px;
    padding-left: 20px;
    padding-right: 20px;
    }
    
    header.row .twocol{width:100%; text-align:left; border-bottom:1px solid #AAAAAA}
    header .subtitle {padding: 0 0 1% 0}
    
    .row a.tencol{width:50%; padding:0}
    #social, #top-intro{display:block; width:100%; text-align:right}

    #home-banner, #home-banner img{padding:0px; margin:0}
    #home-banner .third{width:auto; padding:0}
    #home-banner .textwidget{text-align:center; padding:0}
    #home-banner .textwidget a{width:49%; display:inline-block}
    #menu-main-navigation li, #menu-secondary-navigation li{width:100%}
    .threecol #menu-secondary-navigation{padding:0}
    #primary {margin-bottom:0px}
    #secondary, #colophon{border-left:none; padding:5px 5px 0 5px; margin:10px 0; border-top:1px solid #AAA}
    #secondary aside{width:100%; display:inline-block; padding:0}
    
    #secondary .menu, #secondary .menu li, #secondary h3{width:100%}
    #text-9 br{display:none}
    #text-9 .textwidget #top-contact.phone{padding-left:0px; padding:2px; vertical-align:top}

    #after aside{height:auto}
    #after .fourcol{width:93%}
    #after .widget{margin:1.5em auto; padding:1% 0 0 0}
    
    #colophon .ninecol, #colophon .threecol{padding:0}
    #colophon .ninecol {margin-bottom:20px}
    #colophon ul, #colophon ul li {padding:0 0 0 1.5%}

    input[type=text], input#s{width:100%}
    .rfqSection{font-size:14px}
    .rfqSection .twelvecol{padding:0}
    .rfqLabel.sixcol{width:45%; display:inline-block; padding:0}
    .rfqInput.sixcol{width:50%; display:inline-block; padding:0}
    .rfqInput.threecol{width:43%; display:inline-block}
    textarea{width: 100%; margin:0}
    .wpcf7-list-item{width:100%}
    
    div#gallery-1.gallery br{display:none}
    div#gallery-1.gallery .gallery-item {width:45%}
    

}

@media handheld, only screen and (max-width: 400px){
    
    #home-banner, #home-banner img{display:none}
    div#gallery-1.gallery br{display:none}
    div#gallery-1.gallery .gallery-item {width:100%}
    
    .rfqLabel.sixcol, .rfqInput.sixcol, .rfqInput.threecol{width:100%; display:inline-block; padding:0}
    .wpcf7-submit{width:80%}
    .asmSection .wpcf7-list-item {padding:0}
    
    
}