/* CSS Document */

body {
  margin: 0;
  padding: 0;
  /*width: 1024px;*/
  background-color: #FFFCDA;
  text-align: center;
  
 }
 
#wrapper {
  text-align: left;
  background-color: #d5eaf9;
  border: 1px solid #02329a;
  margin: 0 auto 0 auto;
  width: 1000px;

 }
 
 h1 {
  margin-top: -50px;
  text-align: center;
 }
 
h2 {
  font-family: Verdana, "ms sans serif", futura, arial, sans-serif; 
  font-weight: bold;
  font-size: 10pt;        
  line-height: 14pt;
  color: #02329a;
}

h3 { 
 font-family: Verdana, "ms sans serif", futura, arial, sans-serif; 
 font-weight: bold;
 font-size: 12pt;        
 line-height: 16pt;
 color: black;
 text-align: center;
 }

h4 { 
 font-family: Verdana, "ms sans serif", futura, arial, sans-serif; 
 font-weight: bold;
 font-size: 10pt;         
 line-height: 14pt;
 color: black;
 }


p,ul,ol { 
 font-family: Verdana, "ms sans serif", futura, arial, sans-serif; 
 font-size: 10pt; 
 line-height: 14pt;
 color: #000;
 }
 
#header {
  background: transparent url('graphics/home-bg2.jpg') center top no-repeat;
  background-color: #bbc1d1;
  border: 1px solid #02329a;
  margin: 0 auto 0 auto;
  padding: 0;
  width: 699px;
  height: 500px;
}

#header2 {
  height: 125px;
  width: 900px;
  background: transparent url('graphics/insidetop.gif') top left no-repeat;
  z-index: 1;
}

#content .tip {
  color: #02329a; 
  font-size: 110%;
  font-weight: bold;
  
}

.header_text {
  width: 500px;
  font-family: verdana, sans-serif, futura, arial;
  font-size: 7pt;
  line-height: 9pt;
  color: #fff;
  text-align: center;
  
  padding: 80 0 0 0;
  margin-left: 55px;

}

.header_text2 {
  width: 500px;
  font-family: verdana, sans-serif, futura, arial;
  font-size: 8pt;
  line-height: 10pt;
  font-weight: bold;
  color: #fff;
  text-align: center;
  margin-left: 55px;
  z-index: 1;
}

#navbar {
  float: left;
  display: inline;
  height: 300px;
  width: 230px;
  margin-top: -20px;
  margin-left: -40px;
  clear: left;
}

#navbarinside {
  float: left;
  display: inline;
  height: 340px;
  width: 230px;
  margin-top: 0px;
  margin-left: -40px;
  margin-right: 60px;
  margin-bottom: 20px;
  clear: left;
}


.menu li {
  background-repeat: no-repeat;
  padding: 0;
  margin: 0;
  list-style: none;
}

.menu li a {
  display: block;
  width: 230px;
  height: 43px;

}

.menu li span {display: none;}
.menu li a { background-image: url('graphics/nav/nav-sprite.png'); }

.menu li.home a { background-position: 0 5px;}
.menu li.home a:hover, .menu li.home a.active { background-position: -240px 5px; }

.menu li.aboutus a { background-position: -2px -53px; }
.menu li.aboutus a:hover, .menu li.aboutus a.active { background-position: -245px -53px; }

.menu li.findaprop a { background-position: -2px -98px; }
.menu li.findaprop a:hover, .menu li.findaprop a.active { background-position: -245px -98px; }

.menu li.dynamicbalancing a { background-position: 0 -144px; }
.menu li.dynamicbalancing a:hover, .menu li.dynamicbalancing a.active { background-position: -243px -144px; }

.menu li.proptips a { background-position: 0 -190px; }
.menu li.proptips a:hover, .menu li.proptips a.active { background-position: -243px -190px; }

.menu li.technicalresources a { background-position: 0 -236px; }
.menu li.technicalresources a:hover, .menu li.technicalresources a.active { background-position: -243px -236px; }

.menu li.contactus a { background-position: 0 -280px; }
.menu li.contactus a:hover, .menu li.contactus a.active { background-position: -243px -280px; }

#navbarinside .menu2 li {
  background-repeat: no-repeat;
  padding: 0;
  margin: 0;
  list-style: none;
}

#navbarinside .menu2 li a {
  display: block;
  width: 230px;
  height: 42px;
}

#navbarinside .menu2 li span {display: none;}
#navbarinside .menu2 li a { background-image: url('graphics/nav/nav-sprite.png'); }

#navbarinside .menu2 li.home a { background-position: 0 -7px;}
#navbarinside .menu2 li.home a:hover, .menu2 li.home a.active { background-position: -243px -7px; }
#navbarinside .menu2 li.aboutus a { background-position: -2px -54px; }
#navbarinside .menu2 li.aboutus a:hover, .menu2 li.aboutus a.active { background-position: -245 -54px; }
#navbarinside .menu2 li.findaprop a { background-position: -2px -100px; }
#navbarinside .menu2 li.findaprop a:hover, .menu2 li.findaprop a.active { background-position: -245px -100px; }
#navbarinside .menu2 li.dynamicbalancing a { background-position: 0 -145px; }
#navbarinside .menu2 li.dynamicbalancing a:hover, .menu2 li.dynamicbalancing a.active { background-position: -243px -145px; }
#navbarinside .menu2 li.proptips a { background-position: 0 -190px; }
#navbarinside .menu2 li.proptips a:hover, .menu2 li.proptips a.active { background-position: -243px -190px; }
#navbarinside .menu2 li.technicalresources a { background-position: 0 -236px; }
#navbarinside .menu2 li.technicalresources a:hover, .menu2 li.technicalresources a.active { background-position: -243px -236px; }
#navbarinside .menu2 li.contactus a { background-position: 0 -280px; }
#navbarinside .menu2 li.contactus a:hover, .menu2 li.contactus a.active { background-position: -243px -280px; }

#content {
  font-family: verdana, sans-serif, futura, arial;
  font-size: 10pt;         
  line-height: 14pt;
  color: #000;
  margin: 0 20px 0 260px;
}

#content .lead {
  font-family: georgia, serif;
  font-weight: bold;
  font-size: 110%;
  color: #0c48a0;
}

#content p ul ol {
  
  width: 640px;
  margin-left: 225px;
}

#content a {
  color: #fb1a1e;
}

#content a:hover {
  color: #fff;
}

#content li {
  margin-left: 50px;
}



#content-contact a {
  color: #fb1a1e;
}

#content-contact a:hover {
  color: #fff;
}

.underline {
  font-family: georgia, serif;
  font-weight: bold;
  font-size: medium;
  text-decoration: none;
  color: #000;
}

.boxtext {
  background-color: #eee;
  color: #000;
  border: 1px solid #000;
  font-family: georgia, serif;
  font-weight: bold;
  font-size: medium;
  font-style: italics;
  padding: 10px;
  margin-right: 20px;
}

.photo {
  float: left;
  display: inline;
  clear: left;
}
.photo .caption {
  font-size: 85%;
  line-height: 120%;
  margin: 2px 2px 12px 2px;
  width: 200px;
}
.photo img {
  margin: 12px 18px 0 0;
}

#contactus #content,
#technicalresources #content {
    height: 400px;
    color: #fb1a1e;
    color: #fff;
}