html, * {
    padding: 0;
    margin: 0;
}

body {
    margin: 0 auto;
	padding: 0;
	#background-color:#f3f3f4;
	font-family: Arial, Helvetica, sans-serif;
	#font-size:14px;
	#color:#939598;
 }
 

.no_margin_padding {
    margin:0;
    padding:0;
}


img {
    border:0;
    /*
    display:block;
    height: auto;
    max-width: 100%;
    */
} 

.quote-padding {
    padding-bottom:10px;
    cursor:pointer;
}
.hideme {
    opacity:0;
}

iframe {display: block; width: 100%; border: none; overflow-y: auto; overflow-x: hidden;}


/* center for text boxes */
input.cen { 
  text-align: center;
}

/* to remove some bootstap styling */
table td input, table td textarea {
    box-shadow:none !important;  
    background:none !important;
    margin:5px;
}

.nowrap {
    white-space:nowrap;
}


#container {
}


.whitelink {
    color:#fff;
}
.whitelink:hover {
    color:#fff;
    text-decoration:underline;
}


.italic-header {
    font-weight:bold;
    font-style:italic;
    text-shadow: 4px 4px 4px rgba(0, 0, 0, 1);
    font-size:400%;
    letter-spacing: 1px;
}

@media screen and (max-width: 1200px) {
    .italic-header {
        font-size:350%;
    }
}
@media screen and (max-width: 768px) {
    .italic-header {
        font-size:300%;
    }
}


.navmenu {
    padding:5px;
    padding-right:30px;
}

.navmenu a {
    font-family: 'Raleway', sans-serif;
    font-weight: normal;
    font-size:90%;
    text-transform: uppercase;
    letter-spacing: 2px;
    padding:10px;
    text-shadow: 0 1px 1px rgba(0,0,0,0.4);
    color:#fff;
}
.navmenu a:hover {
    text-decoration:none;
}


#scroll-nav {
    background: rgb(93,105,103);
    background: rgba(93,105,103,.8);
    padding:10px;
    width:100%;
    position:fixed; top:0; left:0;
    -webkit-box-shadow: 0px 12px 6px -6px rgba(50, 50, 50, 0.36);
    -moz-box-shadow: 0px 12px 6px -6px rgba(50, 50, 50, 0.36);
    box-shadow: 0px 12px 6px -6px rgba(50, 50, 50, 0.36);
    height:70px;
    z-index:999;
    display:none;
}


.grey-row {
    background: rgb(93,105,103);
    background: rgba(93,105,103,.8);
    color:white;
    text-shadow: 0 1px 1px rgba(0,0,0,0.4);
    padding:10px;
    padding-left:5%;
    line-height:20px;
    font-size:140%;
    letter-spacing: 1px;
    position: absolute; bottom:0; left:0;
    width:100%;
    text-align:left;
}


.grey-row-sm {
    background: rgb(93,105,103);
    background: rgba(93,105,103,.8);
    color:white;
    text-shadow: 0 1px 1px rgba(0,0,0,0.4);
    padding:5px;
    font-size:90%;
    letter-spacing: 1px;
    position: absolute; bottom:0; left:0;
    width:100%;
    text-align:center;
}


.grey-box {
    background: rgb(93,105,103);
    color:white;
    text-shadow: 0 1px 1px rgba(0,0,0,0.4);
    padding:30px;
    padding-left:5%;
    padding-right:5%;
    width:100%;
    text-align:left;
}

ul.market-list {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
    font-size:90%;
}

ul.service-list {
    padding-left:20px;
    font-size:90%;
}

.service-callout {
    text-align:center;
    padding:10px;
    border:2px #fff solid;
    margin-top:20px;
}
.service-callout h3 {
    margin:0;
    padding:0;
    font-weight:bold;
}


.map-area {
    background-image:url(/images/map.png);
    background-size:100%;
    height:170px;
    max-height:227px;
    position: relative;
    color:white;
}

.illustration-area {
    padding-top:150px;
    color:white;
    background-image:url(/images/background-illustration.jpg);
    background-size: cover;
    background-position: top center;
    height:350px;
    max-height:945px !important;
    text-align:center;
    position: relative;
}

.blueblur-area {
    padding-top:50px;
    color:white;
    background-image:url(/images/blueblur.png);
    background-size:100%;
    height:130px;
    position: relative;
    text-align:center;
}

.arrows-area {
    padding-top:50px;
    color:white;
    background-image:url(/images/background-arrows.png);
    background-size:100%;
    height:220px;
    position: relative;
    text-align:center;
}

.gear-area {
    padding-top:50px;
    color:white;
    background-image:url(/images/background-gears.png);
    background-size:100%;
    height:220px;
    position: relative;
    text-align:center;
}

.proof-area {
    padding-top:50px;
    color:white;
    background-image:url(/images/background-proof.jpg);
    background-size:100%;
    height:220px;
    position: relative;
    text-align:center;
}

.work-area {
    padding-top:50px;
    color:white;
    background-image:url(/images/background-work.jpg);
    background-size:100%;
    height:220px;
    position: relative;
    text-align:center;
}

.parallax-scroll {
    min-height: 100%;
    background-size: cover;
    background-attachment: fixed;
    #background-size:1440px 800px;
    #background-attachment:scroll;
    background-repeat: no-repeat;
    background-position: center center;
}


.work-block {
    background-size:100%;
    background:cover;
    position: relative;
    color:white;
}
.work1 { background-image:url(/images/work1.png); }
.work2 { background-image:url(/images/work2.png); }
.work3 { background-image:url(/images/work3.png); }
.work4 { background-image:url(/images/work4.png); }
.work5 { background-image:url(/images/work5.png); }
.work6 { background-image:url(/images/work6.png); }
.work7 { background-image:url(/images/work7.png); }
.work8 { background-image:url(/images/work8.png); }
.work9 { background-image:url(/images/work9.png); }
.work10 { background-image:url(/images/work10.png); }
.work11 { background-image:url(/images/work11.png); }
.work12 { background-image:url(/images/work12.png); }
.work13 { background-image:url(/images/work13.png); }
.work14 { background-image:url(/images/work14.png); }
.work15 { background-image:url(/images/work15.png); }
.work16 { background-image:url(/images/work16.png); }
.work17 { background-image:url(/images/work17.png); }
.work18 { background-image:url(/images/work18.png); }
.work19 { background-image:url(/images/work19.png); }
.work20 { background-image:url(/images/work20.png); }
.work21 { background-image:url(/images/work21.png); }
.work22 { background-image:url(/images/work22.png); }
.work23 { background-image:url(/images/work23.png); }
.work24 { background-image:url(/images/work24.png); }





/* http://stackoverflow.com/questions/20456694/grid-of-responsive-squares */
.square {
    float:left;
    position: relative;
    width: 15%;
    padding-bottom: 15%; /* = width for a 1:1 aspect ratio */
    margin:5px;
    overflow:hidden;
}

.sq_content {
    position:absolute;
    height:100%;
    width:100%;
}
.sq_table{
    display:table;
    height:100%;
    width:100%;
}
.sq_table-cell{
    display:table-cell;
    vertical-align:middle;
    height:100%;
    width:100%;
}

@media screen and (max-width: 768px) {
    .square {
        width: 30%;
        padding-bottom: 30%;
    }
}






/* jQuery UI override */
.ui-widget-overlay {
    background: #333333 !important;
}





.white {
    color:#fff;
}
.bold {
    font-weight:bold;
}


div.floatLeft { 
    float: left; 
}
div.floatRight { 
    float: right; 
}

.clearit {
    clear: both;
    height: 0;
    line-height: 0;
    font-size: 0;
    visibility: hidden;
}