<style type="text/css">
/* Armstrong Homes Style Sheet by na studios - http://www.nastudios.com/ */

html {
      margin: 0px;
      padding: 0px;
      border: 0px;
      background: #ffffff;
      overflow: auto;
    }

body {
      height: 100%;
      max-height: 100%;
      background: #ffffff;
      margin: 0px;
      border: 0px;
      font-size: 11.0pt;
      font-family: verdana, arial, helvetica, georgia;
      font-weight: normal;
      color: #1a1a1a;
      line-height: 1.5;
      padding: 0px;
      }

/* bar 1 for top color */
.bar1{
	width:100%;
	height:10px;
	position:relative;
     background-color: #336699;
    }

/* bar 2 for menu */
.bar2{
	width:100%;
	height:74px;
	position:relative;
     background-color: #232f2f;
    }

/* bar2 sub for menu */
.bar2sub{
	width:100%;
     max-width:1042px;
     height:40px;
	position:relative;
     margin:0 auto 0 auto;
    }

/* bar 3 for above footer */
.bar3{
	width:100%;
	height:14px;
	position:relative;
     background-color: #cc9933;
    }


/* header */
.header{
	width:100%;
     height:130px;
	background:url(images/header_back.png);
     background-color: #e7cea6; 
	position:relative;
     margin:0 auto 0 auto;
    }

/* give images rounded corners */
.roundrect { 
 border-radius: 15px;
 -moz-border-radius: 15px; 
}


/* weather container */
.weather_cont{
width:100%;
max-width: 260px;
height:438px;
position: relative;
top:0px;
right: 0px;
margin:0 auto 0 auto;
z-index:110;
}

/* main container */
.mcontainer{
	width:100%;
	height:;
	position:relative;
     }

/* main container sub for position */
.mcontainersub{
	width:100%;
     max-width:1060px;
     height:;
     background-color: #ffffff;
	position:relative;
     margin:0 auto 0 auto;
    }

/* main content width */
.mcontent2{
	width:100%;
     max-width:1030px;
     height:;
	position:relative;
     margin:0 auto 0 auto;
    }

/* main content width */
.mcontent{
	width:100%;
     max-width:1000px;
     height:;
	position:relative;
     margin:0 auto 0 auto;
    }

/* push down on banner */
.mcontainersub2{
     width:100%;
     max-width:1920px;
     height:auto;
     position:relative;
     overflow: hidden;
     margin:0 auto 0 auto;
    }

/* video container */
.video{
     width:100%;
     max-width:516px;
     height:auto;
     position:relative;
    }

/* banner color wrapper */
.banwrap{
     width:100%;
     height:auto;
     position:relative;
     background-color: #c0c0c0;
    }

/* footer */
.footer{
     width:100%;
     height:;
     background-color: #222e2e; 
     position:relative;
     margin:0 auto 0 auto;
    }

/* pre-footer */
.slogan{
     width:100%;
     height: 100px;
     background-color: #324544; 
     position:relative;
     margin:0 auto 0 auto;
    }

/* spacer for above logo */
.spacer1{
	width:100%;
     height:20px;
	position:relative;
    }

/* spacer for above owl */
.spacer2{
	width:100%;
     height:10px;
	position:relative;
    }

/* spacer for content */
.spacer3{
	width:100%;
     height:30px;
	position:relative;
    }

/* container for logo */
.logo{
     width:520px;
     max-width:100%;
     min-width:50%;
     height:auto;
	position:relative;
     top:10px;
     left:0px;
     margin-bottom:0px;
  z-index:1;
     float: left;
 
    }

/* container for fb */
.fb{
width:36px;
height:36px;
position:relative;
top:0px;
left:0px;
margin-right: 0px;
margin-top: 36px;
float: right;
z-index:100;
    }

#toTop {
	display:none;
	text-decoration:none;
	position:fixed;
	bottom:10px;
	right:10px;
	overflow:hidden;
	width:51px;
	height:51px;
	border:none;
	text-indent:100%;
	background:url(images/ui.totop.png) no-repeat 0 0;
}

#toTop:hover {
	background:url(images/ui.totop.png) no-repeat 0 -51px;
	width:51px;
	height:51px;
}

#toTop:active, #toTop:focus {
	outline:none;
}

#searchform #s{
color: #663300;
font-size: 14px;
width: 274px;
height: 32px;
margin: 0px 0px 2px 0px;
padding: 2px 35px 2px 8px;
border: 0;
background: #ffffff;
}

#searchform #searchsubmit{
position: absolute;
top: 0px;
right: 0px;
width: 32px;
height: 32px;
border: 0px;
background: url(images/search-submit.png) no-repeat transparent -1px 3px;
}

/* header div / position */
.left {
        float: left;
        width: 57%;
        /* outline: 1px dotted blue; */ 
    }

.right {
        float: right;
        width: 43%;
        /* outline: 1px dotted blue; */ 
    }
    
.group:after {
        content:"";
        display: table;
        clear: both;
    }

/* news / weather */
.left6 {
        float: left;
        width: 30%;
        /* outline: 1px dotted blue; */   
    }

.right6 {
        float: right;
        width: 70%;
        /* outline: 1px dotted blue; */  
    }
    
.group6:after {
        content:"";
        display: table;
        clear: both;
    }

/* footer div / position */
.left2 {
        float: left;
        width: 80%;
        /* outline: 1px dotted blue; */  
    }

.right2 {
        float: right;
        width: 20%;
        /* outline: 1px dotted blue; */  
    }
    
.group2:after {
        content:"";
        display: table;
        clear: both;
    }

/* 2 column for homes */
.left3 {
        float: left;
        width: 50%;
        z-index:110;
        /* outline: 1px dotted blue; */   
    }

.right3 {
        float: right;
        width: 50%;
         /* outline: 1px dotted blue; */   
    }
.group3:after {
        content:"";
        display: table;
        clear: both;
    }





/* gallery container */
.content{
width:100%;
max-width: 966px;
height:;
position: relative;
top:0px;
right: 0px;
margin:0 auto 0 auto;
z-index:110;
}


    

/* 2 column for contact */
.left4 {
        float: left;
        width: 42%;
        /* outline: 1px dotted blue; */

    }

.right4 {
        float: right;
        width: 58%;
        /* outline: 1px dotted blue; */

    }
    
.group4:after {
        content:"";
        display: table;
        clear: both;
    }

/* 3 column for contact */
.left5 {
        float: left;
        width: 45%;
        /* outline: 1px dotted blue; */

    }

.middle5 {
        float: left;
        width: 45%;
        /* outline: 1px dotted blue; */

    }

.right5 {
        float: right;
        width: 10%;
        /* outline: 1px dotted blue; */

    }
    
.group5:after {
        content:"";
        display: table;
        clear: both;
    }


p {
      font-size: 12.0pt;
      font-family: verdana, arial, helvetica, georgia;
      font-weight: normal;
      color: #232f2f;
      margin-top: 0px;
      margin-bottom: 0px;
      margin-left: 0px;
      margin-right: 20px;
      line-height: 1.5;
      letter-spacing: .5px; 
      padding: 0px;
      text-align: left;
    }

ul {
     font-size: 12.0pt;
      font-family: verdana, arial, helvetica, georgia;
      font-weight: normal;
      color: #232f2f;
      margin-top: 10px;
      margin-bottom: 10px;
      margin-left: 20px;
      margin-right: 10px;
      line-height: 1.5;
      letter-spacing: .5px; 
      padding: 0px;
      text-align: left;
    }

li {
     font-size: 12.0pt;
      font-family: verdana, arial, helvetica, georgia;
      font-weight: normal;
      color: #232f2f;
      margin-top: 0px;
      margin-bottom: 0px;
      margin-left: 0px;
      margin-right: 10px;
      line-height: 1.5;
      letter-spacing: .5px; 
      padding: 0px;
      text-align: left;
    }

h1 {
      font-size: 20.0pt;
      font-family: verdana, arial, helvetica, georgia;
      font-weight: normal;
      color: #232f2f;
      margin-top: 20px;
      margin-bottom: 20px;
      margin-left: 0px;
      margin-right: 10px;     
      line-height: 1.5;
      padding: 0px;
      text-align: center;
    }

h2 {
      font-size: 18.0pt;
      font-family: verdana, arial, helvetica, georgia;
      font-weight: normal;
      color: #232f2f;
      margin-top: 20px;
      margin-bottom: 20px;
      margin-left: 0px;
      margin-right: 10px;
      letter-spacing: 1px;
      line-height: 1.5;
      padding: 0px;
      text-align: left;
    }

h3 {
      font-size: 16.0pt;
      font-family: verdana, arial, helvetica, georgia;
      font-weight: normal;
      color: #ff0000;
      margin-top: 20px;
      margin-bottom: 20px;
      margin-left: 0px;
      margin-right: 0px;     
      line-height: 1.5;
      padding: 0px;
      text-align: center;
    }

h5 {
      font-size: 13.0pt;
      font-family: verdana, arial, helvetica, georgia;
      font-weight: normal;
      color: #ebdab9;
      margin-top: 0px;
      margin-bottom: 2px;
      margin-left: 0px;
      margin-right: 0px;
      padding: 0px;
      text-align: center;
    }

.t1 {
      font-size: 12.5pt;
      font-family: verdana, arial, helvetica, georgia;
      font-weight: normal;
      color: #232f2f;
      margin-top: 0px;
      margin-bottom: 0px;
      margin-left: 0px;
      margin-right: 0px;
      letter-spacing: .5px;
      line-height: 1.3;
      padding: 0px;
      text-align: center;
    }

.t2 {
      font-size: 12pt;
      font-family: verdana, arial, helvetica, georgia;
      font-weight: normal;
      color: #c0c0c0;
      padding: 0px 0px 0px 0px;
      margin-top: 0px;
      margin-bottom: 0px;
      margin-left: 0px;
      margin-right: 0px;
      line-height: 2.0;
      text-align: center;
    }

.t3 {
      font-size: 14pt;
      font-family: verdana, arial, helvetica, georgia;
      font-weight: normal;
      color: #c0c0c0;
      padding: 0px 0px 0px 0px;
      margin-top: 18px;
      margin-bottom: 0px;
      margin-left: 0px;
      margin-right: 0px;
      text-align: right;
    }

.t4 {
      font-size: 9pt;
      font-family: verdana, arial, helvetica, georgia;
      font-weight: normal;
      color: #232f2f;
      padding: 0px 0px 0px 0px;
      margin-top: 5px;
      margin-bottom: 5px;
      margin-left: 0px;
      margin-right: 0px;
      text-align: center;
    }

.t5 {
      font-size: 11pt;
      font-family: verdana, arial, helvetica, georgia;
      font-weight: normal;
      color: #6e0000;
      padding: 0px 0px 0px 0px;
      margin-top: 0px;
      margin-bottom: 5px;
      margin-left: 0px;
      margin-right: 0px;
      text-align: center;
    }

.t6 {
      font-size: 13pt;
      font-family: verdana, arial, helvetica, georgia;
      font-weight: normal;
      color: #ffffff;
      padding: 0px 0px 0px 0px;
      margin-top: 0px;
      margin-bottom: 5px;
      margin-left: 0px;
      margin-right: 0px;
      text-align: left;
    }

.t7 {
      font-size: 11pt;
      font-family: verdana, arial, helvetica, georgia;
      font-weight: normal;
      color: #ffffff;
      padding: 0px 0px 0px 0px;
      margin-top: 0px;
      margin-bottom: 0px;
      margin-left: 0px;
      margin-right: 0px;
      text-align: center;
    }

.t8 {
      font-size: 11pt;
      font-family: verdana, arial, helvetica, georgia;
      font-weight: bold;
      color: #1a1a1a;
      padding: 0px 0px 0px 0px;
      margin-top: 0px;
      margin-bottom: 0px;
      margin-left: 0px;
      margin-right: 0px;
      text-align: center;
    }

.t9 {
      font-size: 13pt;
      font-family: verdana, arial, helvetica, georgia;
      font-weight: normal;
      color: #ffffff;
      padding: 0px 0px 0px 0px;
      margin-top: 0px;
      margin-bottom: 0px;
      margin-left: 0px;
      margin-right: 0px;
      text-align: center;
    }

.t10 {
      font-size: 10.3pt;
      font-family: verdana, arial, helvetica, georgia;
      font-weight: normal;
      color: #ffffff;
      padding: 0px 0px 0px 0px;
      margin-top: 0px;
      margin-bottom: 5px;
      margin-left: 0px;
      margin-right: 0px;
      text-align: center;
    }


a:link {
    text-decoration: underline;
    color: #336699;
    }
a:visited {
    text-decoration: underline;
    color: #336699;
    }
a:hover, a:active {
    text-decoration: underline;
    color: #324544;
    }


a:link.color1 {
    text-decoration: none;
    color: #ffffff;
    }
a:visited.color1 {
    text-decoration: none;
    color: #ffffff;
    }
a:hover.color1 {
    text-decoration: underline;
    color: #cc9933;
    }
a:active.color1 {
    text-decoration: underline;
    color: #cc9933;
    }

a:link.color2 {
    text-decoration: none;
    color: #c0c0c0;
    }
a:visited.color2 {
    text-decoration: none;
    color: #c0c0c0;
    }
a:hover.color2 {
    text-decoration: underline;
    color: #ffffff;
    }
a:active.color2 {
    text-decoration: underline;
    color: #ffffff;
    }

a:link.color3 {
    text-decoration: underline;
    color: #6e0000;
    }
a:visited.color3 {
    text-decoration: underline;
    color: #6e0000;
    }
a:hover.color3 {
    text-decoration: underline;
    color: #cc9933;
    }
a:active.color3 {
    text-decoration: underline;
    color: #cc9933;
    }

a:link.color4 {
    text-decoration: underline;
    color: #6e0000;
    }
a:visited.color4 {
    text-decoration: underline;
    color: #6e0000;
    }
a:hover.color4 {
    text-decoration: underline;
    color: #ffffff;
    }
a:active.color4 {
    text-decoration: underline;
    color: #ffffff;
    }

/* Media Queries */

@media screen and (max-width: 768px){
  .left6 {
   float: none;
   display: block;
   position: relative;
   width: auto;
   }

   .right6 {
   float: none;
   display: block;
   position: relative;
   width: auto;
   }

    .left2 {
     float: none;
     display: block;
     position: relative;
     width: auto;
     }

    .right2 {
    float: none;
    display: none;
    position: relative;
    width: auto;
    }

.weather_cont{
max-width: 100%;
}

}


@media screen and (max-width: 1040px){
 .mcontent{
	width:96%;
    }

.mcontent2{
	width:96%;
    }


}

  
@media screen and (max-width: 991px) {
    .left {
     float: none;
     display: block;
     position: relative;
     width: auto;
     }

    .right {
    float: none;
    display: none;
    position: relative;
    width: auto;
    }

    .logo {
    margin-bottom: 0px;
    left:10px;
    margin-right:0px;
    max-width:96%;
    }

   .cont_full {
    max-width: 96%;
    }

   .left2 {
    float: none;
    display: block;
    position: relative;
    width: auto;
     }

    .right2 {
    float: none;
    display: none;
    position: relative;
    width: auto;
    }

    .left3 {
    float: none;
    display: block;
    position: relative;
    width: auto;
    }

    .right3 {
    float: none;
    display: block;
    position: relative;
    width: auto;
    }

.t1 {
    font-size: 9.5pt;
    margin-top: 0px;
    }

.mcontent{
	width:96%;
    }

.mcontent2{
	width:96%;
    }
 
}


@media screen and (max-width: 500px) {
    .logo {
    margin-bottom: 20px;
    left:10px;
    margin-right:0px;
    max-width:96%;
    }

   .seal {
    float: none;
    display: none;
    }


   .cont_full {
   max-width: 96%;
   }

   .left {
   float: none;
   display: block;
   position: relative;
   width: auto;
   }

   .right {
   float: none;
   display: none;
   position: relative;
   width: auto;
   }

   .left2 {
   float: none;
   display: block;
   position: relative;
   width: auto;
   }

   .right2 {
   float: none;
   display: none;
   position: relative;
   width: auto;
   }

 

   .left6 {
   float: none;
   display: block;
   position: relative;
   width: auto;
   }

   .right6 {
   float: none;
   display: block;
   position: relative;
   width: auto;
   }

.weather_cont{
max-width: 500px;
}

.mcontent{
	width:96%;
    }
.mcontent2{
	width:96%;
    }

.t1 {
      font-size: 9.0pt;
      margin-top: 50px;
      margin-right: 20px;
    }


.spacer1{
     height:10px;
    }

}

</style>

