html {
    overflow-y:scroll;
}

body {
    background:#000;
    margin:0;
    padding:0
}

body.about {
    background:#fff;
    margin:0;
    padding:0;
}

.item {
    float:left;
    position:relative;
    line-height:1em;
}


#fx{
 background: url(../images/image_strip_about.jpg) no-repeat; 
  position: relative;
  width: 100%;
  left: 0px;
height:160px;
}

#fx_contact{
 background: url(../images/image_strip_contact.jpg) no-repeat; 
  position: relative;
  width: 100%;
  left: 0px;
height:160px;

}

a {
    outline:none
}

.social {
    padding:0 15px 0 0;
}

.back {
    background-image:url(../images/map.jpg);
    background-size:cover | contain;
}

.white {
    color:#fff;
}

.grid-sizer {
    width:25%;
}

.item {
    width:25%;
}

@media screen and (max-width: 1224px) {
/* 10 columns for larger screens */
.grid-sizer {
    width:50%
}

.item {
    width:50%
}

#center {
    position:absolute;
/* center the element */
    right:0;
    left:0;
    top:5%;
    margin-right:auto;
    margin-left:auto;
/* give it dimensions */
    min-height:10em;
    width:75%;
    color:#fff;
    padding:0;
    z-index:10;
    text-align:center;
    font-size:1.1em
}
}

@media screen and (max-width: 720px) {
/* 10 columns for larger screens */
.grid-sizer {
    width:50%
}

.item {
    width:50%
}

p.quote {
    padding:5px 0 2px;
    font-size:1.1em;
    font-weight:300
}
}

@media screen and (max-width: 480px) {
/* 10 columns for larger screens */
.grid-sizer {
    width:100%
}

#video-bg{display:none;}

body.home {
  background: url(../sequence_2.gif) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}


.item {
    width:100%
}

/* Larger than desktop */
p.smaller {
    display:none
}
}



.clearfix:after {
    content:" ";
    display:block;
    height:0;
    clear:both
}

.contactus {
    text-align:left
}

ul {
    list-style-type:none;
    margin:0;
    padding:0;
    font-size:.95em
}

li {
    padding:4px 0 3px
}

.border {
    height:100%;
    border-top:1px solid #fff;
    border-bottom:1px solid #fff
}

p.quote {
    padding:10px 0 5px;
    font-size:1.1em;
    font-weight:300
}

p.contact {
    padding-left:30px;
    font-size:.9em;
    line-height:2em;
    font-weight:300
}

.padleft {
    padding-left:20px
}

#parent {
    width:100%;
    position:absolute;
    left:0;
    right:0;
    z-index:10
}

img.clay {
    padding-right:10px;
    height:auto;
    width:100%;
    text-align:left
}

img.right {
    text-align:right;
    float:right
}

.copy {
    font-size:.7em;
    line-height:1.75em
}

.padtop {
    padding-top:30px
}

.padtb {
    padding:15px 0
}

.blue {
    background-color:#549bbc
}

.child {
    position:relative;
    width:100%;
    margin:auto!important;
    z-index:10;
    text-align:center
}

#right {
    position:fixed;
    bottom:40px;
    right:0;
    background:#000;
    color:#fff;
    padding:5px;
    z-index:10;
    font-size:.8em
}

#center {
    position:absolute;
/* center the element */
    right:0;
    left:0;
    margin-top:30%;
    margin-right:auto;
    margin-left:auto;
/* give it dimensions */
    min-height:10em;
    width:55%;
    color:#fff;
    padding:5px;
    z-index:10;
    text-align:center;
    font-size:1.1em
}

p.smaller {
    font-size:.7em;
    line-height:160%
}

h1.home {
    letter-spacing:10px;
    font-size:1.25em
}

h1.about {
    letter-spacing:10px;
    font-size:1.25em;
    padding-top:30px
}

h1.aboutyel {
    letter-spacing:10px;
    font-size:1.25em;
    padding-top:30px;
    color:#c5c19d
}

p.home {
    line-height:160%;
    -webkit-margin-before:0;
    -webkit-margin-after:.5em;
    -webkit-margin-start:0;
    -webkit-margin-end:0
}

p.about {
    font-size:.95em;
    line-height:160%
}

p.small {
    font-size:.7em
}

.image {
    max-width:100%;
    margin:0;
    display:block
}

.image:after {
    clear:both
}

.overlay {
    width:100%;
    height:100%;
    background-color:rgba(0,0,0,0.5);
    position:absolute;
    top:0;
    left:0;
    text-decoration:none;
    color:#fff;
    display:none
}

label,legend {
    font-size:.9em
}

/* unvisited link */
a.copyright:link {
    color:#FFF
}

/* visited link */
a.copyright:visited {
    color:#FFF
}

/* mouse over link */
a.copyright:hover {
    color:#FFF
}

/* selected link */
a.copyright:active {
    color:#FFF
}

.button.button-primary,button.button-primary,input[type="submit"].button-primary,input[type="reset"].button-primary,input[type="button"].button-primary {
    color:#FFF;
    background-color:#549bbc;
    border-color:#549bbc
}

.four.columns.white {
    text-align:right
}

.overlay .title {
    font-family:"Raleway";
    font-weight:500;
    text-align:center;
    font-size:1.25em;
    line-height:1.2em;
    text-transform:uppercase;
    letter-spacing:1px;
    color:#fff;
    text-align:left;
    margin:20px
}

.overlay .description {
    font-family:"Raleway";
    font-weight:500;
    position:absolute;
    bottom:0;
    left:0;
    font-size:.9em;
    line-height:1.5em;
    background-color:rgba(86,155,190,0.80);
    width:100%;
    margin:0;
    text-align:left;
    color:#000
}

h3.title {
    font-size:1.7em
}

.white {
    color:#fff;
    font-family:"Raleway";
    font-weight:300
}

.nomarg {
    margin-left:0!important
}

.overlay .description p {
    margin:20px
}

.item:hover .overlay {
    display:block
}

img {
    border:0
}

/* Desktops and laptops ----------- */
@media only screen and (max-width : 1224px) {
p.quote {
    padding:0;
    font-size:1.1em;
    font-weight:300
}
}

/* Desktops and laptops ----------- */
@media only screen and (max-width : 960px) {
p.quote {
    padding:0;
    font-size:.9em;
    font-weight:300
}

#center {
    position:absolute;
/* center the element */
    right:0;
    left:0;
    top:230px;
    margin-right:auto;
    margin-left:auto;
/* give it dimensions */
    min-height:10em;
    width:75%;
    color:#fff;
    padding:0;
    z-index:10;
    text-align:center;
    font-size:1.1em
}
}

/* Desktops and laptops ----------- */
@media only screen and (max-width : 768px) {
img.clay {
    padding-right:10px;
    height:auto;
    width:50%
}

p.home {
    line-height:160%;
    font-size:.9em;
    -webkit-margin-before:1em;
    -webkit-margin-after:.5em;
    -webkit-margin-start:0;
    -webkit-margin-end:0
}

.padleft {
    padding-left:0
}
}

@media only screen and (max-width: 480px) {
#center {
    position:absolute;
    right:0;
    left:0;
    top:150px;
    margin-right:auto;
    margin-left:auto;
    min-height:10em;
    width:70%;
    color:#fff;
    padding:5px;
    z-index:10;
    text-align:center;
    font-size:.9em
}

.padleft {
    padding-left:0
}
}