a:active, a:focus, input:active, input:focus {outline: 0;}

html {height: 100%;}
body {height: auto !important; height: 100%; min-height: 100%; background: #e8e8e8 url(../images/layout/body_bg.png) repeat-y center center; font: 14px "Lucida Sans Unicode","Lucida Grande",Garuda,sans-serif;; color: #444444;}
a {text-decoration: none; color: #008FB8; }
a:VISITED {text-decoration: none; color: #176a82; }
strong, .strong {font-weight: bold;}
em, .em {font-style: italic}
p {text-align: justify;}
p.center {text-align: center;}


#nonFooter {position: relative; min-height: 100%;}
* html #nonFooter {height: 100%;}
#footer {position: relative; /*margin-top: -7.5em;*/}
#container {/*padding-bottom: 9em;*/ position: relative;}

.body {margin: 0 auto; width: 951px;}
.floatRight {float: right;}
.floatLeft {float: left;}
.quote1 {float: left; width: 60px; height: 45px; background: transparent url(../images/layout/sprite.png) no-repeat scroll 0 -1065px;}
.quote2 {float: right; width: 60px; height: 45px; background: transparent url(../images/layout/sprite.png) no-repeat scroll 0 -1166px;}
.mir {letter-spacing : -1000em; }
 /* Just for Opera, but hide from MacIE */
 /*\*/html>body .mir { letter-spacing : normal; text-indent : -999em; overflow : hidden;}
 /* End of hack */
  
#header {overflow: hidden; height: 132px;}
  #header p.logo {float: left; margin: 13px 0 0 20px; height: 86px; width: 281px;}
  #header .floatRight {padding: 30px 23px 0 0; font-family: Tahoma,Geneva,Kalimati,sans-serif;}
    #header .tagline { padding-bottom: 7px; text-align: center; text-transform: uppercase; letter-spacing: 5px; font: 38px Garamond, Times New Roman, Times, serif; color: #007014;}
    #header p.h2 {font-size: 17px;}
      #header p.h2 a {padding-left:3px; color: #007014;}
    #header p.p {font-size:12px;}
      #header p.p a {color: #444;}
    #header .faq {height: 28px; padding: 10px 12px 0 50px; border-right: 1px solid #bfbfbf; background: transparent url(../images/layout/faq.jpg) no-repeat scroll -4px 0;}
    #header .blog {margin-left: 10px; padding: 0 12px 0 46px; border-right: 1px solid #bfbfbf; background: transparent url(../images/layout/green_blog.jpg) no-repeat scroll -9px 0;}
      #header .blog p.p {padding-left: 18px; background: transparent url(../images/layout/sprite.png) no-repeat scroll 0 -1004px;}
    #header .hosting {margin-left: 5px; padding-left: 53px; background: transparent url(../images/layout/green.jpg) no-repeat scroll 0 2px;}
      #header .hosting p.p {padding-left: 17px; background: transparent url(../images/layout/sprite.png) no-repeat scroll 0 -1004px;}
  
#nav {overflow: hidden; height: 42px; background: transparent url(../images/layout/menu_bg.png) repeat-x scroll 0 0;}
  #nav li {float: left; height: 42px; background: transparent url(../images/layout/menu_div.png) no-repeat scroll 0 0;}
    #nav li a {display: block; padding: 11px 13px 10px; font-size: 16px; color: #f5f5f5;}
    #nav li a:hover {color: #d7f8ac;}
  #nav li:FIRST-CHILD {background: none;}

#main > h1, #main > h2 {margin: 20px 0 10px; font: 24px "Lucida Sans Unicode","Lucida Grande",Garuda,sans-serif; color: #1f7e18;}
#main > p {margin: 10px 0; text-align: justify; font: 14px Tahoma,Geneva,Kalimati,sans-serif; line-height:20px;}
#main > ul {margin: 10px 0 10px 20px;}
  #main > ul > li {line-height: 1.7em;}
    #main > ul > li > strong {font-weight: bold; color: #1f7e18;}
  
#content {overflow: hidden;}
  #rightSide {float: left; width: 234px; margin: 0 1px; font-family: Tahoma,Geneva,Kalimati,sans-serif;}
    .skype {margin: 8px 0 -10px; text-align: center;}
    .rightsideBox {margin: 10px auto; width: 232px; border: 1px solid #a5a5a5; height: 200px; height: auto !important; min-height: 200px;}
      .rightsideBox h2 {text-align: center; padding: 12px 0; font-size: 18px; color: #fff;}
        .rightsideBox h2 a {color: #fff;}
      .rightsideBox p {margin: 1em;}
    .greyBox {}
      .greyBox h2 {background-color: #535353;}
      .greyBox ul {}
        .greyBox li {margin: 20px 10px; padding: 5px 5px 5px 45px; height: auto !important; height: 30px; min-height: 30px;}
          .greyBox li a {color: #535353;}
            .greyBox li a span {font-size: 18px;}
        .greyBox .greenservice {background: transparent url(../images/layout/sprite.png) no-repeat scroll 0 -638px; }
        .greyBox .moneyback {background: transparent url(../images/layout/sprite.png) no-repeat scroll -3px -916px; } 
        .greyBox .response {background: transparent url(../images/layout/sprite.png) no-repeat scroll 6px -1240px; }  
        .greyBox .service {background: transparent url(../images/layout/sprite.png) no-repeat scroll 0 -1331px; } 
        .greyBox .availablity {background: transparent url(../images/layout/sprite.png) no-repeat scroll 5px -95px; }
      .greyBox p.learnMore {border-top: 1px solid #535353; padding-top:10px; text-align: center; font-size: 20px;}
        .greyBox p.learnMore span {font-size: 14px;}
        .greyBox p a {color: #535353;}
    .greenBox {}
      .greenBox h2 {background-color: #79b22a;}
      .greenBox p {margin: 1em 1.5em; font-size: 13px ;}
        .greenBox p strong {font-size: 14px;}
      .greenBox .more {padding-right: 14px; text-align: right; background: transparent url(../images/layout/blue_arrow.jpg) no-repeat scroll right center}
      .greenBox a {color: #008fb8;}
    .blueBox {min-height: 206px;}
      .blueBox h2 {background-color: #008fb8;}
      .blueBox ul {margin: 10px;  color:#008FB8; }
        .blueBox li {list-style: disc inside ;}
          .blueBox a { font-family: "Lucida Sans Unicode","Lucida Grande",Garuda,sans-serif; font-weight: bold; line-height: 22px; color:#008FB8;}
    .blue2Box {}
      .blue2Box h2 {background-color: #018cae;}
      .blue2Box ul {padding: 20px 0 0 0;}
        .blue2Box li {padding:12px 0 12px 60px; height: auto !important; height: 30px; min-height: 30px;}
          .blue2Box li a {color: #535353;}
            .blue2Box li a span {font-size: 18px;}
        .blue2Box .hosting {background: transparent url(../images/greenhosting/miertzold_right.png) no-repeat scroll 2px -2px; }
        .blue2Box .server {background: transparent url(../images/greenhosting/miertzold_right.png) no-repeat scroll 2px -55px; } 
        .blue2Box .domain {background: transparent url(../images/greenhosting/miertzold_right.png) no-repeat scroll 2px -121px; }  
        .blue2Box .dst {background: transparent url(../images/greenhosting/miertzold_right.png) no-repeat scroll 5px -175px; } 
        .blue2Box .migration {background: transparent url(../images/greenhosting/miertzold_right.png) no-repeat scroll 2px -245px; }
      .blue2Box p.learnMore {border-top: 1px solid #535353; padding-top:10px; text-align: center; font-size: 20px;}
        .blue2Box p.learnMore span {font-size: 14px;}
        .blue2Box p a {color: #535353;}
  
  #main {float: left; width: 689px; padding: 0 9px;}
    #main .greenBox a {color: #008fb8;}
  
#footer {}
  .copyright {text-align: center;}
  
#lzlh {position:relative;top:-4px;font-size:10px;color:#bfbfbf;text-decoration:none;font-family:verdana,arial,tahoma;}