body,
textarea {
  font-family: futura, arial, helvetica, sans-serif;
  font-size: 10pt;
  background-color: #FFF;
  margin: 0;
  padding: 0;
} 

body.html_body {
  background-color: #000000;
}

/* Most generic statements first */
a {
  color: #FF9900;
}

.readmore{
 font-style: italic;
 color: #FF9900;
}

h1{
 color: #0b5fb2;
 font-size: 1.65em !important;
 padding-bottom:0px;
 padding-top: 0em;
 margin-bottom: 0px;
 margin-top: 1em;
}


h2{
 color: #0b5fb2;
 font-size: 13pt;
 padding-bottom:0px;
 margin-bottom: 0px;
}

h3{
 color: #000000;
 font-size: 10pt;
 padding-bottom:0px;
 margin-bottom: 0em;
 margin-top: .3em;
}

hr {
  border: 0;
  border-top: solid 1px #CCC;
}

p{
margin-top: 0em;
margin-bottom: 0em;
padding-top: .0em;
padding-bottom: 1em;
}


.bluetext{
 color: #0b5fb2;	
}
.introtext{
 margin-top: .5em;
 font-weight: normal;
 font-size: 1.1em;
 margin-bottom: 0em;
}

.head {
 margin-top: .8em;	
 margin-bottom: 0em;	
 color: #0b5fb2;
 font-weight: normal;
 font-size: 1.1em;
}
.comment{
	font:caption;
	padding: 5pt;
  color: #595959;
}

h2.section {
  color: #FF7700;
  font-size: 12pt;
  margin: 0;
  padding: 0;  
}

.number{ text-align:right;}

.label{
	font-weight: 600;
}


/* End most generic statements first */
.toc a {color: darkblue;}


div.background {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  z-index: 0;
}

div.container {
  position: relative;
  width: 934px;
  margin-left: auto;
  margin-right: auto;
  background-color: #0376DB;
  z-index: 1;
}

div.header {
  height: 122px;
}

div.footer {
  padding: 8px;
  color: #585252;
  font-size: 0.58em;
  text-align: center;
}

.header table *,
.subheader * {
  border-spacing: 0;
  border: 0;
  padding: 0;
  margin: 0;
  font-size: 0;
}

.subheader p {
  font-size: 12pt;
}

div.navigation {
  position: absolute;
  top: 123px;
  left: 0;
  width: 240px;
  background-color: #0376DB;
  font-size: 12pt;
  color: #000;
}

div.content {
  position: relative;
  background-color: #FFF;
  margin-left: 240px;
  width: 694px;
  min-height: 900px;
}

div.navigation li,
div.navigation li a {
   color: #B7E4F8;  
   text-decoration: none;
}

div.navigation li img {
  vertical-align: middle;
}

div.navigation li a:hover {
  color: #FFF;
  text-decoration: underline;
}

div.navigation li.active>a {
  font-weight: 400;
   color: #FF9933;
}


div.navigation li.active div.button>a
{
  font-weight: 500;
   color: #FFFFFF;
   font-style: italic;
  
}


.navigation ul {
  margin: 0;
  padding: 0;
  list-style: none;
  background-image: url("/images/new.template/background.navigation.active.jpg");
  background-position: top;
  background-repeat: no-repeat;
 
}

.navigation ul li {
  background-image: url("/images/new.template/navigation.button.top-highlight.png");
  background-color: #0376DB;
 
  background-position: top;
  background-repeat: repeat-x;  
}

.navigation ul li div.button {
  background-image: url("/images/new.template/navigation.button.bottom-shadow.png");
  background-position: bottom;
  background-repeat: repeat-x;  
  padding: 12px 36px;
}

.navigation ul li.active div.button {
  background-image: url("/images/new.template/navigation.top-shadow.png");
  background-position: top;
  background-repeat: repeat-x;
 
}

.navigation ul li.active,
.navigation ul li.active li,
.navigation ul li.active li div.button,
.navigation ul li.active ul {
  background: url("/images/new.template/spacer.gif");
}

.navigation ul li.active li,
.navigation ul li.active li li {
  padding: 2px 0px 2px 8px;
}

.navigation ul li.active li li {
  
  font-size: 8pt;
    
}

.navigation li.active #focus {
 background-image: url("/images/lm_bullet.gif") !important; 
 background-position: 0em .35em;
 background-repeat: no-repeat;
   font-size: 12pt;
}

.navigation .end {
 background-image: url("/images/new.template/navigation.end.top-highligh.png");
 background-position: top;
 background-repeat: repeat-x;
}

.content div.body {
 color: #595959;
 padding-left: 32px;
 padding-right: 16px;
 padding-bottom: 16px;
 
}

.content div.body h1{
 color: #0b5fb2;
 font-size: 16pt;
 padding-bottom:0px;
 margin-bottom: 0px;
}


.content div.body .sub_title{
 color: #777;
 font-weight: normal;
 margin-top: 0px;
 padding-top: 0px;
 font-size: 1.1em;
}


.content div.body ul{
 margin-left: 15px;
 padding-left: 0px;
 padding-top: 0em;
 padding-bottom: 0em;
 margin-top: 0em;
 margin-bottom: .5em;
}

.content div.body li{
 padding-bottom: .2em;
}


.side_content {
  color: #FFF;
  padding: 16px;
  background-color: #0376DB;
}

.pagesettings {
  font-size: 8pt;
  background-color: #EEE;
  padding: 4px;
  margin-top: 200%;
}

.pagesettings h1 {
  margin: 0;
  padding: 0;
  font-size: 10pt;
}

.landing,
.landing * {
  border-spacing: 0;
  border: 0;
  padding: 0;
  margin: 0;
  font-size: 0;
}

.landing .spread {
  position: relative;
}

.landing .spread .slide {
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}

.landing .spread .slide.first {
  display: block;
}

.landing .sections {
  background-color: #000;
}

.landing div.info * {
  font-size: 9pt;
}

.landing div.info a {
  color: #FFCC66;
  text-decoration: none;
  font-style: italic;
  
}

#intro4 div.info {
  position: absolute;
  top: 105px;
  left: 537px;
  width: 363px;
  color: #FFF;
}

#about div.info {
  position: absolute;
  top: 300px;
  left: 600px;
  width: 300px;
  color: #FFCC66;
}

#about div.info a {
  color: #FFF;
}

#commercial div.info {
  position: absolute;
  top: 108px;
  left: 589px;
  width: 308px;
  color: #FFF;
}

#homebuilders div.info {
  position: absolute;
  top: 105px;
  left: 537px;
  width: 363px;
  color: #FFF;
}

#homeowners div.info {
  position: absolute;
  top: 117px;
  left: 521px;
  width: 379px;
  color: #FFF;
}

#smarterroof div.info {
  position: absolute;
  top: 20px;
  left: 390px;
  width: 470px;
  color: #FFF;
}

.__qe_photoalbum__ .display {
  height: 400px !important;
}

.thumbnails {
  height: 224px !important;
  text-align: left;
  margin-bottom: 24px;
}

.thumbnail img {
  vertical-align: middle;
  border: solid 1px #CECFCE;
  padding: 3px;
  margin: 2px 1px;
  background-color: #EFEFEF !important;
}

.thumbnail img:hover {
  border: solid 3px #F78F19 ;
  padding: 1px;
  background-color: #FFF !important;
}

.dropshadow {
  display: inline-table;
  margin: auto;
  max-width: 538px;
  font-size: 0;
}

.dropshadow .t {
  background-image: url("/images/new.template/tc.png");
  background-repeat: repeat-x;
  background-position: top;
}

.dropshadow .b {
  background-image: url("/images/new.template/bc.png");
  background-repeat: repeat-x;
  background-position: bottom;
}

.dropshadow .r {
  background-image: url("/images/new.template/mr.png");
  background-repeat: repeat-y;
  background-position: right;
}

.dropshadow .l {
  background-image: url("/images/new.template/ml.png");
  background-repeat: repeat-y;
  background-position: left;
}

.dropshadow .tr {
  background-image: url("/images/new.template/tr.png");
  background-repeat: no-repeat;
  background-position: top right;
}

.dropshadow .br {
  background-image: url("/images/new.template/br.png");
  background-repeat: no-repeat;
  background-position: bottom right;
}

.dropshadow .tl {
  background-image: url("/images/new.template/tl.png");
  background-repeat: no-repeat;
  background-position: top left;
}

.dropshadow .bl {
  background-image: url("/images/new.template/bl.png");
  background-repeat: no-repeat;
  background-position: bottom left;
}

.dropshadow img {
  padding: 8px 13px;
}


.locations h1,
.locations h2,
.locations h3,
.locations h4,
.locations li {
  margin: 0 !important;
  padding: 0 !important;
  font-size: 10pt;
  font-weight: normal;
  background: transparent;
  color: #595959;
  text-align: left;
  text-decoration: none;
  border: 0;
  text-transform: none;
}

.locations h1{
  margin-top: .4em !important;
  font-size: 1.4em !important;
}

.locations h2 {
	margin-top: 1em;
  cursor: pointer;
  text-decoration: underline;
}

.active h2 {
  background-color: #F90;
  color: black;
}

.locations h3{
  margin-top: .4em !important;
  font-size: 1.4em !important;
}

.locations h4{
  margin-top: .4em !important;
  margin-bottom: 0em !important;
  font-size: 1.2em !important;

}

.locations li {
  list-style: none;
}

.locations li li li{
  display: none;
}

.locations ul{
  margin-bottom: 0em !important;
}

.locations {
  width: 100%;
}

.locations ul.cities {
  width: 30%;
}

.locations .end {
  clear: both;
}

.locations .display {
  float: right;
  width: 60%;
}

.smarterroof {
  position: absolute;
  top: 0;
  left: 240px;
  z-index: 9999;
}

.smarterroof img {
  border: 0;
}