.box { 
  width: 600px;
  padding: 5px 0px 5px 10px; 
}
.boxtop { 
  height: 9px;
  background: url(../_images/paneltop.png) no-repeat top right; 
}

.boxhead {
  font: 20px/24px Verdana, Arial, Helvetica, sans-serif;
  text-indent: -10px;
  color: #004A84;
  background: #FDEC9E; 
  padding: 5px 30px 5px 30px;
}


.boxcontent {
  font: 14px/18px Verdana, Arial, Helvetica, sans-serif;
  background: #FDEC9E; 
  padding: 5px 30px 5px 30px;
}

.boxbottom { 
  height: 9px;
  background: url(../_images/panelbottom.png) no-repeat bottom right; 
}

.pagebox { 
  width: 600px;
  padding: 5px 0px 0px 0px; 
}
.pageboxtop { 
  height: 9px;
  background: url(../_images/paneltop.png) no-repeat top right; 
}

.pageboxhead {
  font: 20px/24px Verdana, Arial, Helvetica, sans-serif;
  color: #004A84;
  background: #FDEC9E; 
  padding: 5px 15px 5px 15px;
}

.pageboxcontent {
  font: 12px/14px Verdana, Arial, Helvetica, sans-serif;
  background: #FDEC9E; 
  padding: 5px 15px 5px 15px;
}

.pageboxbottom { 
  height: 9px;
  background: url(../_images/panelbottom.png) no-repeat bottom right; 
}




body
{
  font: 12px/16px Verdana, Arial, Helvetica, sans-serif; 
  margin: 0; 
  padding: 0;
  background-image: url('../_images/no5.jpg'); 
}
h1 
{ 
  font: bold 14px/18px Verdana, Arial, Helvetica, sans-serif; 
}
h2 
{ 
  font: bold 12px/18px Verdana, Arial, Helvetica, sans-serif; 
}
blockquote 
{ 
  font: bold 14px/18px Verdana, Arial, Helvetica, sans-serif; 
  padding: 10px 0; 
}
.clearfix 
{ 
  clear: both;
}
a img { border: 0; }
a { color:#FF6600; text-decoration: none; }
a:hover { color:#000; text-decoration: underline; }

#wrapper
{
  width: 620px;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  background-color: #FFD700;
}

.submit
{
  margin: 10px 0px 0px 200px;
  background-image: url('../_images/continue.png'); 
  width: 192px; height: 39px;  
}
.submit:hover
{ 
  background-position: 0 39px; 
}

#header
{
  width: 600px;
  height: 155px;
  padding: 0;
  margin: 0;
}
#header #nav 
{ 
  position: relative;
  margin: -30px -15px 0px 220px;
  padding: 5px 5px 5px 5px; 
  height: 35px; 
}
#nav a 
{ 
  display: block; 
  float: right; 
  background-position: 0 0; 
  margin: 0 0 0 4px; 
  padding: 7px 0 0 0; 
  text-align: center;
  font: bold 11px/11px Verdana, Arial, Helvetica, sans-serif; 
  text-transform: uppercase;
  color:#FFFFFF; text-decoration: none;
}
a#home 
{ 
  background-image: url('../_images/home_btn.png'); 
  width: 55px; height: 18px; 
}
a#about 
{ 
  background-image: url('../_images/about_btn.png'); 
  width: 82px; 
  height: 18px; 
}
a#repel 
{ 
  background-image: url('../_images/repel_btn.png'); 
  width: 136px; 
  height: 18px; 
}
a#contact 
{ 
  background-image: url('../_images/contact_btn.png'); 
  width: 80px; 
  height: 18px; 
}

a#home:hover, a#about:hover, a#repel:hover, a#contact:hover 
{ 
  background-position: 0 25px; 
}
#header #logo 
{  
  position: relative;
  background-image: url('../_images/logo2.png'); 
  background-repeat: no-repeat; 
  background-position: 0; 
  width: 145px; 
  height: 145px; 
  margin: 0px 0px 0px 40px;
  padding: 10px 0px 0px 0px;
 
}
#content
{
  width: 580px;
  margin: -10px 0px 0px -10px;
  padding: 10px 10px 10px 10px;
  background-color: #FFFFBB;
}

#content-wrap
{
  width: 580px;
  margin: 5px 0px 0px 10px;
  padding: 10px 10px 10px 10px;
}

#content-wrap-front
{
  width: 620px;
  margin: 0px 0;
}
#content-wrap-front #promo
{
  position: relative;
  margin: 0px 0px 0px 10px;
  padding: 5px 0px 10px 0px;
}
#content-wrap-front #promo .promotext1
{
  position: absolute;
  width: 260px;
  color: #FFFF00;
  font: bold 26px/28px Verdana, Arial, Helvetica, sans-serif;
  margin: -270px 0px 0px 320px;
}

#content-wrap-front #promo .promotext1 b
{
  color: #ffffff;
}
#content-wrap-front #promo .promotext2
{
  position: absolute;
  width: 260px;
  color: #FFFF00;
  font: italic 14px/15px Verdana, Arial, Helvetica, sans-serif;
  margin: -90px 0px 0px 320px;
  padding: 0px 0px 10px 0px;
}

#content-wrap #pg-title
{
  margin: -10px 0px 0px -10px;
  padding: 0px 0px 10px 0px;
}

img#photob 
{ 
  position: absolute;  
  height: 287px; 
  width: 600px; 
  margin: 0px 0px 0px -600px;
  padding 0px 0px 0px 0px; 
}
img#main-mask 
{ 
  position: absolute;  
  height: 287px; 
  width: 300px; 
  margin: 0px 0px 0px -300px;
  padding 0px 0px 0px 0px; 
}
a#protect-btn 
{ 
  position: absolute; 
  background-image: url('../_images/clicktoorder.png'); 
  background-position: 0 0; 
  height: 39px; 
  width: 300px; 
  margin: 248px 0px 0px -300px;
  padding 0px 0px 0px 0px; 
}
a#protect-btn:hover 
{ 
  background-position: 0 39px; 
}
#content-wrap-front #intro
{
  position: relative;
  margin: 0px 0px 0px 10px;
  padding: 5px 0px 5px 0px;
}
#content-wrap-front #learn
{
  position: relative;
  height: 174px;
  margin: 0px 0px 10px 0px;
  padding: 0px 0px 0px 0px;
  clear: both;
}
#content-wrap-front #learn .learn-wrap
{
  width: 192px; 
  height: 135px;
  float: left;
  margin: 0px 0px 0px 11px; 
  padding: 0px 0px 0px 0px;
  background-color: #FFFFBB;
}
#content-wrap-front #learn .learn-wrap p
{
  font: normal 11px/16px Verdana, Arial, Helvetica, sans-serif;
  height: 70px;
  padding: 0px 10px 10px 10px;
}
#content-wrap-front #learn .learn-wrap h2
{
  font: normal 16px/18px Verdana, Arial, Helvetica, sans-serif;
  color:#115599;
  padding: 0px 10px 0px 10px;
}
#content-wrap-front #learn .learn-wrap a.learn-more-btn 
{ 
  display: block; 
  background-image: url('../_images/sm_learn_more_btn.png'); 
  background-position: 0px 0px 0px 0px; 
  margin: 0px 0px 0px 0px; 
  padding: 5px 0px 0px 0px; 
  width: 192px; height: 34px; 
}
a.learn-more-btn:hover { background-position: 0 39px; }

#footer
{
  location: absolute;
  height: 20px;
  background-color: black;
  color: white;
}
#footer p 
{ 
  font: 10px/13px Verdana, Arial, Helvetica, sans-serif; 
  padding: 4px 5px 5px 5px;
}