/* CSS Document */

/*   
Description: Design Created by Longevity Graphics
Author: Development by Lindsay Viscount of Longevity Graphics
Author URI: http://www.longevitygraphics.com

Color used:
blue: ;
red:;
grey:;
*/


body {
  margin: 0;
  background: #fff url(/images/bg.jpg) top repeat-x;
  text-align:center; 
  min-width:857px;

  margin-left:auto; 
  margin-right:auto;
 font: 14px Helvetica Neue, Free Sans, Lucida Grande, Arial, Helvetica, Verdana, sans-serif;
 
}


strong {
  color:#000;
  font-weight:bold;
}

h1 {
   font: 26px Helvetica Neue, Free Sans, Lucida Grande, Arial, Helvetica, Verdana, sans-serif;
   color:#212c62;
   font-weight: bold;
   margin-top: 0; 
   margin-bottom: 0;
}

h2 {
   font: 19px Helvetica Neue, Free Sans, Lucida Grande, Arial, Helvetica, Verdana, sans-serif;
   color:#666;
   font-weight: bold;
   margin-top: 0; 
   margin-bottom: 0;
   
}

h3 {
   font: 17px Helvetica Neue, Free Sans, Lucida Grande, Arial, Helvetica, Verdana, sans-serif;
   color:#666;
   font-weight: bold;
   margin-top: .5em; 
   margin-bottom: 0;
   border-bottom: #891f29 1px solid;
}

p {
  font: 16px Helvetica Neue, Free Sans, Lucida Grande, Arial, Helvetica, Verdana, sans-serif;
  color:#323234;
}

li {
  font: 16px Helvetica Neue, Free Sans, Lucida Grande, Arial, Helvetica, Verdana, sans-serif;
  color:#323234;
}

a {
  text-decoration:none;
  color:#212c62;
}

#main {
  background: #fff;
  width:857px;
  min-width:857px;
  margin-left:auto; 
  margin-right:auto; 
  text-align:center;


  
}

#header {
  background:url(/images/insulation-header-bg.jpg) top; 
  background-repeat: no-repeat;
  text-align:left;
  height:136px;
  width:857px;
  min-width:857px;
  margin-left:auto; 
  margin-right:auto;


}

#flash {
 background:url(/images/spray-insulation-bg.jpg); 
 background-repeat: no-repeat;
 width: 614px;
 height: 217px;
 display:inline;
 float:left;
 margin-top:1em;
 margin-left:.1em;
 text-align:right;
 padding-top:1em;
 
}

#content2 {
  background: #fff;
  width:575px;
  height:auto;
  text-align:left;
  padding:1em;

}

#freeInstallation {
 background:url(/images/free-insulation-consultation-bg.jpg); 
 background-repeat: no-repeat;
 width: 239px;
 height: 217px;
 display:inline;
 float:right;
 margin-top:.7em;
 margin-right:.1em;
 
}

#rightNav {
 background:url(/images/free-insulation-consultation-bg.jpg); 
 background-repeat: no-repeat;
 width: 239px;
 height: 217px;
 display:inline;
 float:right;
 margin-top:.7em;
 margin-right:.1em;
 
}

#rightNav2 {
 background:url(/images/right-nav-bg.jpg); 
 width: 239px;
 height: 355px;
 display:inline;
 float:right;
 margin-top:.7em;
 margin-right:.1em;
 
}



#testimonials {
  background:url(/images/right-nav-bg.jpg); 
  background-repeat: no-repeat;
  height:355px;
  width:239px;
  margin-top:11em;
  padding:.6em;
}

.newProducts {
 background:url(/images/new-product.jpg); 
 background-repeat: no-repeat;
 width: 385px;
 height: 238px;
 display:inline;
 
}

#content {
  padding:25px;
  margin-left:1.2em;
  top:1.1em;
  width:645px;
  height:35px;
  position:relative; 
  float:left;
  text-align:left;
  background: #fff;
}

.indent {
  margin-left:1em;
}

.lineBreak {
  margin-bottom:1em;
}

.marginTop {
  position:relative;
  margin-top:-1em;
}




/* CSS for navigation menu */

#menu {
  width:856px; 
  position:relative; 
  text-align:center; 
  height:2.2em; 
  margin-left:auto; 
  margin-right:auto;
  background:url(/images/menu-bg.jpg); 
  border:solid 1px #CCC;

}
#nav{
  list-style: none; 
  z-index: 100;
  width:858px;
  margin:0;
  
  }

#nav ul {
  padding: 0;
  margin:0;
  list-style: none;
  z-index:99;
  position:absolute;
  overflow:visible;	 
}

#nav li {
  margin:0;
  position: relative;
  float:left;
  background:url(/images/menu-bg.jpg);
  background-color:#CCC;
  border-top:none;
  border-bottom:none;
  border-left:solid 1px #CCC;
  display:block;
  height:auto;
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 2px;
  padding-bottom: 2px;
  font-weight:bold;
  
}

#nav li:hover {
  background:url(/images/nav-bg-over.gif);
}



#nav ul li{ 
  border-left:solid 1px #CCC;
  border-right:solid 1px #CCC;
  border-top:none;
  border-bottom:none;
  border-width:1px 1px 1px 1px;
  top:.1em;
  left:-.5em;
  width:12em;
  text-align:left;
  font-weight:normal;
  background-color:#CCC;
  background:url(/images/nav-bg.gif);
  height:auto;
  
}



#nav ul li:hover{ 
  background:url(/images/nav-bg-over.gif);  
}

#nav ul li:last-child{ 
  border-bottom:solid 1px #CCC;  
}


#nav ul ul li{ 
  border-width:px 1px 0 1px;
}

#nav ul ul li:last-child{
  border-bottom:1px solid #CCC;
}

#nav a {
  text-decoration:none;
  display:block;
  padding: 0.1em;
  margin:0.2em 0 0.2em 0.1em;
  height:1em;
  font-family: "Helvetica Neue", "Free Sans", "Lucida Grande", Arial, Helvetica, Verdana, sans-serif;
  color:#000;
}

#nav a:hover, #nav li:hover{
  background-color:#fff; 
}

#nav ul li:hover, #nav ul li a:hover{
  background-color:#fff; 
}

#nav ul{
  display:none;
}

/*all see this */
#nav ul ul{
  display:none;
  position:absolute;
  margin-top:-1.8em;
  margin-left:12em;
}

/* non-IE browsers see this */
#nav ul li>ul, #nav ul ul li>ul{
  margin-top:-1.4em;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul, #nav li:hover ul ul ul ul ul{
  display:none;
}

#nav li:hover ul, #nav ul li:hover ul, #nav ul ul li:hover ul, #nav ul ul ul li:hover ul, #nav ul ul ul ul li:hover ul{
  display:block;
}

li>ul {
  top: auto;
  left: auto;
} 



/* CSS for footer */

#footer {
  text-align: center;
  font: 9px Helvetica Neue, Free Sans, Lucida Grande, Arial, Helvetica, Verdana, sans-serif;
  color:#636466;
  position:relative;
  top:0em;
  left:0em;
  background: #fff;
  width:858px;
  margin-left:auto; 
  margin-right:auto;
}

#footer a{
  font: 9px Helvetica Neue, Free Sans, Lucida Grande, Arial, Helvetica, Verdana, sans-serif;
  color:#636466;
  text-decoration: none;

}

#footerMenu {
  font: 11px Helvetica Neue, Free Sans, Lucida Grande, Arial, Helvetica, Verdana, sans-serif;
  color:#636466;
}

#footerMenu a{
  font: 11px Helvetica Neue, Free Sans, Lucida Grande, Arial, Helvetica, Verdana, sans-serif;
  color:#636466;
  text-decoration: none;
}

#footerMenu a:hover{
  font: 11px Helvetica Neue, Free Sans, Lucida Grande, Arial, Helvetica, Verdana, sans-serif;
  color:#636466;
  text-decoration: underline;
}