body {width:100%;}
* {margin: 0;}

html, body {height:100%; font-family:"Helvetica Light", Helvetica, Arial; font-weight:200;}
.page-wrap {min-height:86%;/* equal to footer height */margin-bottom: -95px;}
.page-wrap:after {content: "";display: block;}
.site-footer, .page-wrap:after {height: 95px;}
.site-footer {background: #878787}

h1{color:#007c87; font-size:40px; font-weight:200; border-bottom-style:solid; border-bottom-color:#007c87; border-bottom-width:thin; min-width:900px;}
h2{color:#007c87; font-size:30px; font-weight:lighter;}

img.resize{width:270px; height:115px; padding-top:15px; padding-bottom:5px; padding-right:45px;}

#nav{
    background: white; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#FFF, #e8e8e8); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#FFF, #e8e8e8); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#FFF, #e8e8e8); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#FFF, #e8e8e8); /* Standard syntax */
	width:100%;}
	
#nav_wrapper{width: 100%; background-color:#89bf13; text-align:center; font-size:14px; line-height:1px;}
#nav_wrapper1{width: 100%; text-align:center; }
#nav ul{list-style: none; padding: 0; position: relative; z-index:999;}
#nav ul li{display: inline-block; margin-right: 10px; margin-left:10px;}
#nav ul li:hover{color:#404040;}
#nav ul li a,visited{color:#FFF; display: block; padding: 15px; text-decoration:none; text-align:center}
#nav ul li a:hover{color:#404040; text-decoration:none}
#nav ul li:hover  ul{display: block;}
#nav ul ul{display: none; position: absolute; background-color:#89bf13;}
#nav ul ul li{display: block; text-align:center;}
#nav ul ul li a,vistied{color:#FFF; text-align: center;}

.container1 {max-width: 100%; margin: 0 auto;}

section.module:last-child {margin-bottom: 0;}
section.module h2 {margin-left:60px; color:#757575; font-size:40px; font-weight:lighter;}
section.module h3 {color:#FFF; margin-left:20px; font-size:40px; padding-left:5px; font-weight:lighter;}
section.module p {margin-left:60px; color:#757575; margin-right:40px; font-weight:lighter;}
section.module p:last-child {margin-bottom: 0;}
section.module.content {padding:0;}

section.module.parallax-2 {
  height: 400px;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
}

section.module.parallax-3 {
  height: 40%;
  background-position: 95% 82%;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: auto;
}

section.module.parallax-4 {
  height: 50%;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
}

section.module.parallax h1 {
  color: rgba(255, 255, 255, 0.8);
  font-size: 48px;
  line-height: 600px;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.2);}
section.module.parallax-2 {background-image:url(../images/homepagedata2.png);}
section.module.parallax-3 {background-image:url(../images/logo-pen-opaque3.png);}
section.module.parallax-4 {background-image:url(../images/parallax-stats2.jpg);}
@media all and (min-width: 600px) {
  section.module h2 {
    font-size: 42px;
  }
  section.module p {
    font-size: 20px;
  }
  section.module.parallax h1 {
    font-size: 96px;
  }
}
@media all and (min-width: 960px) {
  section.module.parallax h1 {
    font-size: 160px;
  }
}


#text{background-color:#F8F8F8; border-bottom-style:double; border-bottom-color:#ebebeb; border-bottom-width:thick;}
p.thin{margin-left:60px; color:#675f56; font-size:40px; font-weight:lighter;}
p.title{color:#00594F; font-size:40px; font-weight:normal;}
p.heading{color:#00594F; font-size:30px; font-weight:lighter;}
#data{ background-image:url(../images/apartmentbkgd.png); height:400px;}

#wrapper {display:block; height:77%; width:100%; margin: 0 auto; border-bottom-width:25px; border-bottom-color:#89bf13; border-bottom-style:solid;}
#container {background-color:#FFF; display: block; height: 100%; width: 100%; overflow: auto;}
#slider{display: block; height: 100%; width: 100%; overflow: hidden; margin-bottom:-350px; z-index:1;}
#slidertext{display: block; height: 100%; width: 100%; overflow: hidden; margin-bottom:-350px; z-index:1;}
#slider3{z-index:2; width:800px; margin-left:auto; margin-right:auto; position: relative; margin-bottom:-80px;}
#slider4{z-index:3; width:150px; margin-left:auto; margin-right:auto; position: relative;}

#realestate{-webkit-box-shadow: inset 0px 0px 90px -14px rgba(0,0,0,1);-moz-box-shadow: inset 0px 0px 90px -14px rgba(0,0,0,1);box-shadow: inset 0px 0px 90px -14px rgba(0,0,0,1);}
#personalhp{background:url(../images/manufacturing1.png)}

#about{margin-left: 150px; margin-right: 150px;}

#links{margin-left: 150px; margin-right: 150px;}

#nationwide{margin-left: 150px; margin-right: 150px}


#realproperty2 h2{color:#00594F; margin-left: 100px; line-height:30px; font-size: 36px; min-width:950px;}
#personalproperty2 h2{color:#00594F; margin-left: 100px; line-height:30px; font-size: 36px; min-width:950px;}
#personalcompliance2 h2{color:#00594F; margin-left: 100px; line-height:30px; font-size: 36px; min-width:950px;}

    .black_overlay{
        display: none;
        position: fixed;
        top: 0%;
        left: 0%;
        width: 100%;
        height: 100%;
        background-color: black;
        z-index:1001;
        -moz-opacity: 0.8;
        opacity:.80;
        filter: alpha(opacity=80);}
		
    .white_content {
        display: none;
        position: fixed;
        top: 25%;
        left: 25%;
        width: 50%;
        height: 30%;
        padding: 25px;
        border: 16px solid #89bf13;
        background-color: white;
        z-index:1002;
        overflow:hidden;
		text-align:left;}
		
	.white_content2 {
        display: none;
        position: fixed;
        top: 25%;
        left: 25%;
        width: 50%;
        height: 50%;
        padding: 25px;
        border: 16px solid #89bf13;
        background-color: white;
        z-index:1002;
        overflow:hidden;
		text-align:left;}

#articles{margin-left: 150px; margin-right: 150px}

#contact{margin-left: 150px; margin-right: 150px}
#map_FW{width:350px; height:200px}
#map_GW{width:350px; height:200px}

#wrapper2 {display:block; height:350px; width:467px; margin: 0 auto;}
#container2 {background-color:#FFF; display: block; float:left; height: 350px; width: 467px; overflow: auto;}
#slider2{display: block; float: left; height: 350px; width: 467px; overflow: hidden; position: absolute;}

.flex-direction-nav li {
  position: absolute;
  height: 100%;
  width: 40px;
  top: 0;
}
 
.flex-direction-nav li:first-child {
  left: 0;
}
 
.flex-direction-nav li:last-child {
  right: 0;
}
 
.flex-direction-nav li a {
  display: block;
  height: 100%;
  width: 100%;
 
  /* image replacement */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
 
  transition: background-color 0.2s;
}
 
.flex-direction-nav li a::before, .flex-direction-nav li a::after {
  /* left and right arrows in css only */
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  width: 2px;
  height: 13px;
  background-color: white;
}
 
.flex-direction-nav li a::before {
  transform: translateY(-35px) rotate(45deg);
}
 
.flex-direction-nav li a::after {
  transform: translateY(-27px) rotate(-45deg);
}
 
.flex-direction-nav li:last-child a::before {
  transform: translateY(-35px) rotate(-45deg);
}
 
.flex-direction-nav li:last-child a::after {
  transform: translateY(-27px) rotate(45deg);
}

.slider1 {
    display: block;
    height: 220px;
    min-width: 260px;
    max-width: 900px;
    margin: auto;
    margin-top: 20px;
    position: relative;
}
 
.sliderinner {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
	border-style:double;
	border-color:#70A600;
	border-width:medium;
}
 
.sliderinner>ul {
    list-style: none;
    height: 100%;
    width: 500%;
    overflow: hidden;
    position: relative;
    -webkit-transition: left .8s cubic-bezier(0.77, 0, 0.175, 1);
    -moz-transition: left .8s cubic-bezier(0.77, 0, 0.175, 1);
    -o-transition: left .8s cubic-bezier(0.77, 0, 0.175, 1);
    transition: left .8s cubic-bezier(0.77, 0, 0.175, 1);
}
 
.sliderinner>ul>li {
    width: 20%;
    height: 320px;
    float: left;
    position: relative;
}
 
.slider1 input[type=radio] {
    position: absolute;
    left: 50%;
    bottom: 15px;
    z-index: 100;
    visibility: hidden;
}
 
.slider1 label {
    position: absolute;
    left: 50%;
    bottom: -45px;
    z-index: 100;
    width: 12px;
    height: 12px;
    background-color:#ccc;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    cursor: pointer;
    -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,.8);
    -moz-box-shadow: 0px 0px 3px rgba(0,0,0,.8);
    box-shadow: 0px 0px 3px rgba(0,0,0,.8);
    -webkit-transition: background-color .2s;
    -moz-transition: background-color .2s;
    -o-transition: background-color .2s;
    transition: background-color .2s;
}
 
.slider1 input[type=radio]#control1:checked~label[for=control1] { background-color: #333; }
.slider1 input[type=radio]#control2:checked~label[for=control2] { background-color: #333; }
.slider1 input[type=radio]#control3:checked~label[for=control3] { background-color: #333; }
.slider1 input[type=radio]#control4:checked~label[for=control4] { background-color: #333; }
.slider1 input[type=radio]#control5:checked~label[for=control5] { background-color: #333; }
.slider1 label[for=control1] { margin-left: -36px }
.slider1 label[for=control2] { margin-left: -18px }
.slider1 label[for=control4] { margin-left: 18px }
.slider1 label[for=control5] { margin-left: 36px }
.slider1 input[type=radio]#control1:checked~.sliderinner>ul { left: 0 }
.slider1 input[type=radio]#control2:checked~.sliderinner>ul { left: -100% }
.slider1 input[type=radio]#control3:checked~.sliderinner>ul { left: -200% }
.slider1 input[type=radio]#control4:checked~.sliderinner>ul { left: -300% }
.slider1 input[type=radio]#control5:checked~.sliderinner>ul { left: -400% }
 
.description {
    position: absolute;
	margin-top:60px;
    width: 100%;
    font-family:"Helvetica Light", Helvetica, Arial;
    z-index: 1000;
}






