/*  CSS realpage stylesheet supporting RWD for Hendo -- Jul2014 */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
del, dfn, img, ins, kbd, q, s, samp, small, sub, sup, tt, var, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding:0; border:0; outline:0; font-size:1em; font:inherit; vertical-align:baseline; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; } 
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ' '; content: none; }
table { border-collapse: collapse;	border-spacing: 0; }
/*----------------------------------- end of reset ---------------------------------------- */

* {-webkit-transition: all .5s ease;
   -moz-transition: all .5s ease; 
   -o-transition: all .5s ease; 
   transition: all .5s ease;
   }

body { max-width:1000px; 
      background-color:#042558; 
  /*    background: #000f30 url(images/hendo-bg.jpg) repeat-x; z-index:0; */
      font-family:'Open sans', Helvetica, Arial, sans-serif; 
      font-size:1.0em; line-height:105%; font-weight:400; 
      margin:20px auto; 
      text-align:center; 
      position:relative; 
}
#page { width:100%; margin:0 auto; 
      color:#fff; 
      background: #135da8 url(images/bg20.jpg) repeat-x; z-index:0; 
      border-radius:0px; 
      overflow:hidden; 
      position:relative;
}

#main ul, p, td {text-align:left; padding:0px; }
img, embed, object, video { max-width:100%; height:auto; }
.clear { clear:both; } 
.right { float: right; } 
.left { float: left; }
.center {text-align:center; }
.centerblock {display:block; margin-left:auto; margin-right:auto; }
.row { width:100%; }
.smallfont { color:#808080; font-size:0.9em; line-height:1.25; }
.pane, .title { text-align:left; }
.ss-pad { clear:both; padding-top:400px; }
.textbox { border:1px solid #cccccc; background-color:#fafafa; border-radius:0px; 
}

h2,h3,h4,h5,h6 { text-align:left; margin-top:3%; margin-bottom:1%; font-style:normal; font-weight:700; line-height:1.2;
}
h1 { color: #0a58a4; font-size:1.8em; line-height:1.2; margin-bottom:1.5%;
      font-style:normal; font-weight:bold; font-family: 'times new roman' } 
h2 { color: #0a58a4; font-size:1.4em; font-weight:700; 
      font-style:normal; font-weight:bold; font-family: 'times new roman'; } 
h3 { color: #0a58a4; font-size:1.2em; font-weight:700; }
h4 { color: #fff; font-size: 1.05em; }
h5 { color:#fff; font-size: .83em; }
h6 { color:#fff;  font-size: .75em;}

a.blink {text-decoration:none;}
a.blink:link { color:#0000a0; }
a.blink:active { color:#d7a67f; }
a.blink:visited { color:#0000a0; }
a.blink:hover { color:#d7a67f; }
a.blink {font-family:'Open sans', Helvetica, Arial, sans-serif; font-weight:bold; font-size:0.9em; padding-bottom:1px;}

a.wlink {text-decoration:none;}
a.wlink:link { color:#fff; }
a.wlink:active { color:#fff; }
a.wlink:visited { color:#fff; }
a.wlink:hover { color:#d7a67f; }
a.wlink {font-family:'Open sans', Helvetica, Arial, sans-serif; font-weight:normal; font-size:0.9em; padding-bottom:1px;}

header { width:100%; height:180px; position:relative; 
          }
          header .image1 { float:left; position:relative; top:10px; left:45px;" 
          }
          header .image2 { float:right; position:relative; top:25px; right:2%;" 
          }

#main { width:100%; max-width:1000px; position:relative; padding-bottom:10px; overflow:hidden;  
}
   #main #content { position:relative; width:100%; margin-top:15px; 
    }
         #main #content h2, h3, h4 { padding-left:0px;
         }
         #main #content .leftcol { display:inline-block; position:relative; float:left; width:24%;min-width:240px; }
         #main #content .rightcol { position:relative; float:left; width:65.2%; margin-right:-1000px; color:#202020; background:#fff; padding:10px 20px; border-radius:0px; 

         }
	 #main #content .rightcol p,td {font-size:0.8em; font-weight:700; margin:20px 10px; 
	      }
   #main td {text-align:left; vertical-align:middle; padding:0 0 10px 0; font-size:0.9em; 
   }
   #main .wide { position:relative; width:100%; 
    }
         #main .wide h2, h3, h4 { padding-left:0px;
         }
 
footer { width:100%; height:100px; position:relative; color:#fff; font-size:0.9em; margin:0; padding-top:25px;
background:url(images/bg1.jpg) repeat-x; 
}

#pgl-link { 
      text-align:center; font-weight:300; font-size:.7em; 
      font-family:'Open sans', Helvetica, Arial, sans-serif; 
      color: #fff; padding-top:10px; margin-top:-10px; margin-bottom:10px;
      }
      

/*  ***************** media queries *****************  */
@media screen and (max-width:699px) {   
      body { background:#0a58a3; margin-top:0;  }
       #page { min-width:280px; background-color:#0a58a3; margin-top:0;  }
       header .image2 {clear:left; float:left; width:100%; padding-top:10px; }
       #main #content .leftcol { display:inline-block; position:relative; width:100%; float:none;  }
       #main #content .leftcol .social { display: none; }  
       #main #content .rightcol {width:100%; float:none; }
       #main #slideshow, .ss-pad { display:none; }
       #main #content .rightcol p,h1,h2 { padding-right:30px; }
       #main .showroom { display:none;  }
       #page-link: padding-top: 20px;
}