body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p { margin: 0px; padding: 0px;}
ol,ul { list-style:none; }
html {font-size: 72.5%; font-weight: 300; font-family: verdana, arial, sans-serif; }
.clear {clear: both;}
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; padding: 10px 5px; }

h1 { font-size: 2.4em; }
h2 { font-size: 1.8em; }
h3 { font-size: 1.6em; }
h4 { font-size: 1.2em; font-weight:bold; }

strong { font-weight:bold; }
img { border: 0px none;}

.aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignleft { float: left; } .alignright { float: right; }

a { text-decoration: none; color: #000000;}
a:hover { text-decoration: underline;}

body { background: url(images/top_bg.jpg) repeat-x;}
#wrapper {
  width: 800px;
  margin: auto;
  font-size: 9px;
}


#logo {
  background: url(images/logo.png) no-repeat 0px 10px;
  display: block;
  width: 168px;
  height: 90px;
  text-indent: -9999px;
}

#loginbox {
  margin-top: -41px;
  font-size: 14px;
  padding: 10px 15px 10px 45px;
  float: right;
  background: #FFFFFF url(images/login.jpg) no-repeat;
}

#loginbox a { color: #F78400 }

#nav {
  display: block;
  margin: -2px 0 0;
}
#nav a { color: #424242; padding: 12px 25px 10px; display: block; float: left; background: url(images/sperator.jpg) no-repeat; }
#nav a.first { background: none; }

#subnav { text-align: right; font-size: 10px; padding: 5px 5px 10px; }
#subnav a{ padding: 5px; }

#highlight {
  background: url(images/top_header_image.jpg) no-repeat;
  width: 776px;
  height: 215px;
}

#highlight h3 {
  color: #FDCC6D;
  font-size: 20px; font-weight: normal; font-family: Arial;
  padding: 20px 25px 5px;
}

#highlight h4 {
  color: #FFFFFF;
  font-size: 16px; font-weight: bold; font-family: Arial;
  padding: 0px 50px;
  background: url(images/orange_arrow.jpg) no-repeat 30px 5px;
}

#highlight a {
  position: relative;
  float: right;
  display: block;
  text-indent: -9999px;
  color: #FF0000;
  width: 90px;
  height: 20px;
  right: 47px;
  top: 45px;
}

#features { padding: 20px 0px 30px; }


.f1,.f2,.f3 {
  width: 174px;
  overflow: hidden;
  float: left;
  height: 86px;
  padding-left: 70px;
}

#features h2 { color: #F78400; font-size: 16px; padding-bottom: 2px; }
.f1, .f2 { margin-right: 20px; }
.f2 { color: #FFFFFF; padding-top: 10px; }

.f1 { background: url(images/whyus.jpg) no-repeat; }
.f2 { background: url(images/add2.jpg) no-repeat; }
.f3 { background: url(images/controlpanel.jpg) no-repeat; }

.f1 li {
  background: url(images/bullet.jpg) no-repeat;
  padding-left: 20px;
}


#lcol, #rcol {
  float: left;
  width: 50%;
  font-size: 10px;
}

.plan {
  background: url(images/cellbg.jpg) no-repeat;
  width: 376px;
  height: 154px;
  margin: 0px auto 20px;
}

.plan img.left { float: left; padding: 10px; }
.plan h2 { font-size: 16px; padding-top: 20px; }
.plan h2 span { color: #F78400; }

#rcol .plan {
  padding: 10px;
  width: 356px;
  height: 134px;
}

#rcol .plan h2 { padding-top: 10px; }


#footer {
  background: url(images/footer_bg.jpg) repeat-x;
  text-align: center;
  font-size: 9px;
  color: #7A7979;
  padding: 5px 0px 25px;
  margin-top: 50px;
}


/*** subpage ***/

#content {
  font-size: 11px;
}


#content h2 {
  background: url(images/subpage-h2.jpg) no-repeat;
  color: #FFFFFF;
  padding: 15px 10px;
  font-size: 20px;
  font-family: Arial;
}

#content p {
  padding: 10px;
  line-height: 1.5;
}

.seperate {
  background: #5C5C5D;
  border: 0;
  height: 25px;
}

.details { margin-top: -37px;  padding-left: 10px; line-height: 1.8; width: 200px; }

.details h3 {
  color: #FFFFFF;
  font-weight: none;
  font-size: 16px;
  padding: 0; margin: 5px;
}

.details2 {
  margin-left: 150px;
  margin-right:10px;
  text-align: center;
  width: 100px;
}

.details3 {
  margin-left: 10px;
  margin-right:10px;
  text-align: center;
  width: 100px;
}