/*-----------------------------BROWSER WINDOW-----------------------------*/

body              {       color:                  #727272;
                          background-color:       #ffffff;

                          background-image:       url("images/background.jpg");
                          background-position:    15% 0%;
                          background-attachment:  fixed;
                          background-repeat:      repeat-x;       }

/*-----------------------------CONTAINERS-----------------------------*/

#nh_page_container
                  {       height:                 900px;
                          width:                  924px;
                          padding-top:            18px;           }

#frametop         {       height:                 79px;
                          width:                  701px;

                          padding-top:            18px;
                          padding-bottom:         103px;
                          padding-left:           211px;
                          padding-right:          12px;

                          background-image:       url("/images/frame/top.png");
                          background-position:    bottom center;
                          background-attachment:  scroll;
                          background-repeat:      no-repeat;      }

#framemiddle      {       width:                  899px;

                          padding-top:            0px;
                          padding-bottom:         0px;
                          padding-left:           12px;
                          padding-right:          13px;

                          background-image:       url("/images/frame/middle.png");
                          background-position:    top center;
                          background-attachment:  scroll;
                          background-repeat:      repeat-y;       }

#framecontent     {       position:               static;
                          padding-top:            0px;
                          padding-bottom:         0px;
                          padding-left:           25px;
                          padding-right:          25px;           }

#framebottom      {       height:                 60px;
                          width:                  924px;

                          color:                  #bbbbbb;
                          font-size:              0.8em;

                          background-image:       url("/images/frame/bottom.png");
                          background-position:    top center;
                          background-attachment:  scroll;
                          background-repeat:      no-repeat;      }

/*-----------------------------GENERAL-----------------------------*/

img               {       border:                 none;
                          margin:                 0px;
                          padding:                0px;
                          vertical-align:         top;            }

h1, h2, h3, h4, th
                  {       font-weight:            normal;         }
h1                {       color:                  #404040;        }
h2                {       padding-top:            20px;
                          font-size:              1.4em;
                          color:                  #404040;        }
h3                {       font-size:              1.2em;
                          color:                  #101010;        }
h4                {       color:                  #000000;        }

ul, ol            {       padding-bottom:         8px;            }

li                {       padding-top:            4px;            }

.intro            {       font-size:              1.1em;          }

.intro li         {       padding:                5px;
                          font-size:              1.0em;          }

th                {       font-size:              1.1em;          }

div.nh_boxes_tl  {  background-image:       url("/images/boxes/outerfill/nh_boxes_tl.png"); }
div.nh_boxes_tr  {  background-image:       url("/images/boxes/outerfill/nh_boxes_tr.png"); }
div.nh_boxes_bl  {  background-image:       url("/images/boxes/outerfill/nh_boxes_bl.png"); }
div.nh_boxes_br  {  background-image:       url("/images/boxes/outerfill/nh_boxes_br.png"); }

/*-----------------------------SPECIAL-----------------------------*/

#home             {       display:                block;
                          position:               absolute;
                          top:                    10px;
                          left:                   11px;
                          width:                  200px;
                          height:                 111px;          }

#contact          {       display:                block;
                          position:               absolute;
                          bottom:                 102px;
                          right:                  11px;
                          width:                  360px;
                          height:                 45px;          }

#frametop h1      {       color:                  #5a7ce9;
                          font-size:              1.6em;
                          text-align:             center;
                          padding-top:            6px;            }

#framebottom a    {       color:                  #bbbbbb;
                          padding-right:          10px;           }

#framebottom p.left
                  {       position:               absolute;
                          bottom:                 12px;
                          left:                   20px;           }

#framebottom p.right
                  {       position:               absolute;
                          bottom:                 12px;
                          right:                  20px;           }

#headline         {       text-align:             center;
                          font-size:              1.1em;
                          padding-top:            0px;
                          margin-bottom:          10px;           }

.headline         {       text-align:             center;
                          font-size:              1.1em;
                          padding-top:            0px;
                          margin-bottom:          10px;           }

/*-----------------------------MENU-----------------------------*/

#menu             {       position:               absolute;
                          bottom:                 0px;
                          left:                   22px;
                          width:                  879px;
                          height:                 97px;
                          margin:                 0px;
                          padding:                0px;

                          text-align:             center;
                          vertical-align:         middle;         }

#menu td          {       margin:                 0px;
                          padding:                0px;
                          padding-left:           10px;
                          padding-right:          10px;
                          text-align:             center;
                          vertical-align:         middle;         }

#menu td.selected {       padding:                0px;
                          padding-bottom:         17px;
                          vertical-align:         bottom;         }

#menu a           {       font-size:              1.1em;          }

#menu a.selected  {       font-weight:            bold;
                          text-decoration:        none;           }
#menu a.selected:hover
                  {       text-decoration:        underline;      }

#menu div.nh_boxes     {  float:                  none;           }
#menu div.nh_boxes_tl  {  background-image:       url("/images/boxes/innerfilldrop/nh_boxes_tl.png"); }
#menu div.nh_boxes_tr  {  background-image:       url("/images/boxes/innerfilldrop/nh_boxes_tr.png"); }
#menu div.nh_boxes_l   {  background-image:       url("/images/boxes/innerfilldrop/nh_boxes_l.png"); }
#menu div.nh_boxes_r   {  background-image:       url("/images/boxes/innerfilldrop/nh_boxes_r.png"); }
#menu div.nh_boxes_t   {  background-image:       url("/images/boxes/innerfilldrop/nh_boxes_t.png"); }
#menu div.nh_boxes_bl  {  background-image:       none;             }
#menu div.nh_boxes_br  {  background-image:       none;             }
#menu div.nh_boxes_b   {  background-image:       none;             }
#menu div.nh_boxes_t   {  margin-left:            27px !important;
                          margin-right:           27px !important;  }
#menu div.nh_boxes_b   {  padding-top:            27px !important;
                          padding-bottom:         0px !important;   }
#menu div.nh_boxes_l   {  margin-left:            -27px !important;
                          margin-right:           -27px !important; }
#menu div.nh_boxes_container
                       {  background-color:       #ffffff;
                          margin-left:            27px !important;
                          margin-right:           27px !important;
                          padding-bottom:         15px;             }

/*-----------------------------CONTACT US-----------------------------*/

#contact_boxes    {       float:                  left;
                          width:                  530px;
                          padding-left:           25px;             }

#looking_forward  {       float:                  left;
                          margin-left:            10px;
                          margin-top:             70px;
                          padding:                40px;
                          padding-bottom:         55px;
                          width:                  200px;

                          background-image:       url("/images/looking_forward.jpg");
                          background-position:    bottom center;
                          background-attachment:  scroll;
                          background-repeat:      no-repeat;        }

#looking_forward p
                  {       text-align:             center;
                          font-size:              1.3em;
                          font-style:             italic;           }

#vat              {       font-size:              0.8em;
                          width:                  520px;
                          text-align:             center;           }

#contact_details_outer
                  {       padding-bottom:         4px !important;
                          padding-top:            20px !important;  }

#contact_details_inner
                  {       text-align:             center;           }

#contact_form_outer
                  {       padding-bottom:         4px !important;
                          padding-top:            12px !important;  }

#contact_form_inner table
                  {       margin-left:            auto;
                          margin-right:           auto;             }

/*-----------------------------DOMAINS-----------------------------*/

#domains div.nh_boxes
                  {       padding:                8px !important;
                          padding-top:            10px !important;
                          padding-bottom:         6px !important;  }

#domains h2       {       font-size:              1.3em;
                          padding-top:            1px  !important;
                          padding-bottom:         3px  !important; }

#domains table    {       margin-top:             8px;
                          margin-bottom:          2px;
                          font-size:              1.1em;            }

#domains p        {       margin-top:             6px;
                          text-align:             left;            }

/*-----------------------------HOSTING-----------------------------*/

#hosting div.nh_boxes
                  {       padding:                8px !important;
                          padding-top:            10px !important;
                          padding-bottom:         6px !important;  }

#hosting ul       {       padding-right:          0px;
                          padding-left:           20px;            }
#hosting li       {       padding-right:          0px;             }

#hosting h2       {       font-size:              1.3em;
                          padding-top:            1px  !important;
                          padding-bottom:         3px  !important; }

#hosting_cpanel_outer p
                  {       padding:                0px;
                          text-align:             center;
                          font-size:              1.1em;           }

#hosting_cpanel_outer a
                  {       padding-left:           6px;             }


#hosting_packages_outer
                  {       padding:                8px !important;
                          padding-top:            10px !important;
                          padding-bottom:         35px !important; }

#hosting_packages_outer table
                  {       width:                  796px;
                          text-align:             center;          }

#hosting_packages_outer th
                  {       vertical-align:         middle;
                          border-style:           solid;
                          border-color:           #c0c0c0;
                          border-width:           0px;             }

#hosting_packages_outer th.right
                  {       padding-right:          8px;             }

#hosting_packages_outer th.left
                  {       padding-left:           8px;             }

#hosting_packages_outer td
                  {       border-style:           solid;
                          vertical-align:         middle;
                          border-color:           #c0c0c0;
                          border-width:           0px;             }

a.popup span      {       visibility:             hidden;
                          border-style:           solid;
                          border-color:           #909090;
                          border-width:           1px;

                          background-color:       #ffffff;
                          padding:                10px;

                          line-height:            1.4em;

                          text-decoration:        none;

                          position:               absolute;
                          bottom:                 12px;
                          left:                   160px;           }

a.popup:hover span{       visibility:             visible;         }

a.popup:hover     {       background-color:       #ffffff;         }

a.popup span.opaque {     position:               absolute;
                          bottom:                 0px;
                          left:                   0px;
                          width:                  790px;
                          height:                 50%;
                          border:                 0px;
                          opacity:                .7;
                          filter:                 alpha(opacity=70);
                          background-color:       #ffffff;         }

/*-----------------------------CATEGORIES-----------------------------*/

#categories       {       clear:                  both;
                          margin-left:            auto;
                          margin-right:           auto;
                          width:                  780px;           }

#categories div.nh_boxes
                  {       padding:                15px !important;

                          background-position:    center center;
                          background-attachment:  scroll;
                          background-repeat:      no-repeat;      }

#categories h2    {       font-size:              1.3em;
                          padding-top:            1px  !important;
                          padding-bottom:         3px  !important; }

#categories_small {       clear:                  both;
                          margin-top:             5px;
                          margin-left:            5px;
                          margin-right:           auto;            }

#categories_small div.nh_boxes
                  {       margin-top:             10px !important;
                          margin-bottom:          6px !important;
                          margin-left:            0px !important;
                          margin-right:           15px !important;

                          background-position:    center center;
                          background-attachment:  scroll;
                          background-repeat:      no-repeat;      }

#categories_small h2
                  {       padding-top:            34px;           }

#small_business_outer, #cost_effective_outer, #secure_payment_outer, #uk_hosting_outer, #getting_online_outer, #clever_technology_outer, #domain_names_outer, #online_customers_outer, #contact_us_outer
                  {       float:                  right;
                          margin:                 5px !important;
                          margin-left:            25px !important;
                          margin-bottom:          15px !important; }

#about_us_img_outer, #about_us_outer
                  {       background-image:    url("/images/categories/about_us.jpg"); }
#small_business_img_outer, #small_business_outer
                  {       background-image:    url("/images/categories/small_business.jpg"); }
#cost_effective_img_outer, #cost_effective_outer
                  {       background-image:    url("/images/categories/cost_effective.jpg"); }
#secure_payment_img_outer, #secure_payment_outer
                  {       background-image:    url("/images/categories/secure_payment.jpg"); }
#uk_hosting_img_outer, #uk_hosting_outer
                  {       background-image:    url("/images/categories/uk_hosting.jpg"); }
#getting_online_img_outer, #getting_online_outer
                  {       background-image:    url("/images/categories/getting_online.jpg"); }
#clever_technology_img_outer, #clever_technology_outer
                  {       background-image:    url("/images/categories/clever_technology.jpg"); }
#domain_names_img_outer, #domain_names_outer
                  {       background-image:    url("/images/categories/domain_names.jpg"); }
#online_customers_img_outer, #online_customers_outer
                  {       background-image:    url("/images/categories/online_customers.jpg"); }
#contact_us_img_outer, #contact_us_outer
                  {       background-image:    url("/images/categories/contact_us.jpg"); }

/*-----------------------------CUSTOMERS-----------------------------*/

#customers        {       clear:                  both;
                          margin-left:            auto;
                          margin-right:           auto;
                          padding-top:            20px;
                          width:                  696px;           }

#customers div.nh_boxes
                  {       padding:                0px !important;
                          padding-top:            8px !important;
                          padding-bottom:         8px !important;

                          background-position:    center center;
                          background-attachment:  scroll;
                          background-repeat:      no-repeat;      }

#customers h2     {       font-size:              1.3em;
                          padding-top:            1px  !important;
                          padding-bottom:         3px  !important;}

img.preview       {       padding-top:            10px;
                          padding-bottom:         20px;
                          padding-left:           3px;            }

/*-----------------------------SITEMAP-----------------------------*/

.sitemap          {       float:                  left;
                          width:                  400px;
                          margin-top:             5px;
                          margin-left:            5px;            }

.sitemap div.nh_boxes
                  {       margin-top:             10px !important;
                          margin-bottom:          6px !important;
                          margin-left:            0px !important;
                          margin-right:           15px !important;

                          background-position:    center center;
                          background-attachment:  scroll;
                          background-repeat:      no-repeat;      }

.sitemap h2
                  {       padding-top:            34px;           }

/*-----------------------------WHISP-----------------------------*/

a.whisp           {       display:                block;
                          position:               absolute;
                          top:                    0px;
                          left:                   0px;

                          cursor:                 pointer;        }

#customers a.whisp
                  {       margin:                 -18px;
                          width:                  146px;
                          height:                 111px;          }

#categories a.whisp
                  {       margin:                 -18px;
                          width:                  146px;
                          height:                 146px;          }

#categories_small a.whisp
                  {       margin:                 -18px;
                          width:                  76px;
                          height:                 76px;           }

.sitemap a.whisp
                  {       margin:                 -18px;
                          width:                  76px;
                          height:                 76px;           }

a.whisp span      {       display:                block;
                          overflow:               visible;
                          width:                  100%;
                          height:                 100%;
                          visibility:             hidden;         }
a.whisp:hover span{       visibility:             visible;        }

span.tl, span.tr, span.bl, span.br
                  {       background-attachment:  scroll;
                          background-repeat:      no-repeat;      }

span.tl           {       background-image:       url("/images/boxes/highlight_tl.png");
                          background-position:    top left;       }

span.tr           {       background-image:       url("/images/boxes/highlight_tr.png");
                          background-position:    top right;      }

span.bl           {       background-image:       url("/images/boxes/highlight_bl.png");
                          background-position:    bottom left;    }

span.br           {       background-image:       url("/images/boxes/highlight_br.png");
                          background-position:    bottom right;   }

/*-----------------------------LINKS-----------------------------*/

a, a:link, a:visited, a:active
                  {       color:                  #5a7ce9;
                          text-decoration:        none;         }
a:hover           {       color:                  #5a7ce9;
                          text-decoration:        underline;    }
a.selected        {       text-decoration:        underline;    }

/*----------------------------------------------------------*/