/* -------------- Bluepearl Design CSS -------------------- */
/* ------------ www.bluepearl-design.com ------------------ */

/* ------------------------------------------------- */
/* ----------------- Navigation -------------------- */
/* ------------------------------------------------- */
         
.menu {
   height: 32px;
   width: 800px;
   position: relative; 
   left: 56px; Top: 0px
   }

* html a:hover {
   visibility:visible
   }
   
.cssnavspace {
   position:relative;
   float: left;
   margin: 0; 
   padding: 0;
   font-family: arial, helvetica, sans-serif;
   width: 128px;
   height: 32px;
   overflow:hidden;/* for ie to hide extra height*/   
   }
   
/* ------------------------------------------------- */
/* --------------------- Home ---------------------- */
/* ------------------------------------------------- */

.cssnav1 {
   position:relative;
   float: left;
   margin: 0; 
   padding: 0;
   font-family: arial, helvetica, sans-serif;
   background: url('../images/button-home2.jpg') no-repeat;
   width: 76px;
   height: 32px;
   overflow:hidden;/* for ie to hide extra height*/   
   }

.cssnav1 a {
   display: block;
   color: #000000;
   font-size: 11px;
   width: 76px;
   height: 32px;
   display: block;
   float: left;
   color: black; 
   text-decoration: none;
   overflow:hidden;/* for ie to hide extra height*/
   }
         
.cssnav1 a:hover {
   color: #ffffff;
   }
         
.cssnav1 img {
   width: 76px; 
   height: 32px; 
   border: 0; 
   }
   
.cssnav1 a:hover img{
   visibility:hidden
   }

.cssnav1 span {
   position: absolute;
   left: 30px;top: 15px;
   text-align: center;
   width: 150px;
   cursor: pointer;   
   }
   
/* ------------------------------------------------- */
/* ------------------ Community -------------------- */
/* ------------------------------------------------- */

.cssnav2 {
   position:relative;
   float: left;
   margin: 0; 
   padding: 0;
   font-family: arial, helvetica, sans-serif;
   background: url('../images/button-community2.jpg') no-repeat;
   width: 105px;
   height: 32px;
   overflow:hidden;/* for ie to hide extra height*/   
   }

.cssnav2 a {
   display: block;
   color: #000000;
   font-size: 11px;
   width: 105px;
   height: 32px;
   display: block;
   float: left;
   color: black; 
   text-decoration: none;
   overflow:hidden;/* for ie to hide extra height*/
   }
         
.cssnav2 a:hover {
   color: #ffffff;
   }
         
.cssnav2 img {
   width: 105px; 
   height: 32px; 
   border: 0; 
   }
   
.cssnav2 a:hover img{
   visibility:hidden
   }

.cssnav2 span {
   position: absolute;
   left: 30px;top: 15px;
   text-align: center;
   width: 150px;
   cursor: pointer;   
   }
   
/* ------------------------------------------------- */
/* ------------------- Gallery  -------------------- */
/* ------------------------------------------------- */

.cssnav3 {
   position:relative;
   float: left;
   margin: 0; 
   padding: 0;
   font-family: arial, helvetica, sans-serif;
   background: url('../images/button-services2.jpg') no-repeat;
   width: 92px;
   height: 32px;
   overflow:hidden;/* for ie to hide extra height*/   
   }

.cssnav3 a {
   display: block;
   color: #000000;
   font-size: 11px;
   width: 92px;
   height: 32px;
   display: block;
   float: left;
   color: black; 
   text-decoration: none;
   overflow:hidden;/* for ie to hide extra height*/
   }
         
.cssnav3 a:hover {
   color: #ffffff;
   }
         
.cssnav3 img {
   width: 92px; 
   height: 32px; 
   border: 0; 
   }
   
.cssnav3 a:hover img{
   visibility:hidden
   }

.cssnav3 span {
   position: absolute;
   left: 30px;top: 15px;
   text-align: center;
   width: 150px;
   cursor: pointer;   
   }
   
/* ------------------------------------------------- */
/* ------------------- Services  -------------------- */
/* ------------------------------------------------- */

.cssnav4 {
   position:relative;
   float: left;
   margin: 0; 
   padding: 0;
   font-family: arial, helvetica, sans-serif;
   background: url('../images/button-serv2.jpg') no-repeat;
   width: 92px;
   height: 32px;
   overflow:hidden;/* for ie to hide extra height*/   
   }

.cssnav4 a {
   display: block;
   color: #000000;
   font-size: 11px;
   width: 92px;
   height: 32px;
   display: block;
   float: left;
   color: black; 
   text-decoration: none;
   overflow:hidden;/* for ie to hide extra height*/
   }
         
.cssnav4 a:hover {
   color: #ffffff;
   }
         
.cssnav4 img {
   width: 92px; 
   height: 32px; 
   border: 0; 
   }
   
.cssnav4 a:hover img{
   visibility:hidden
   }

.cssnav4 span {
   position: absolute;
   left: 30px;top: 15px;
   text-align: center;
   width: 150px;
   cursor: pointer;   
   }
   
/* ------------------------------------------------- */
/* ------------------ Portfolio -------------------- */
/* ------------------------------------------------- */

.cssnav5 {
   position:relative;
   float: left;
   margin: 0; 
   padding: 0;
   font-family: arial, helvetica, sans-serif;
   background: url('../images/button-templates2.jpg') no-repeat;
   width: 100px;
   height: 32px;
   overflow:hidden;/* for ie to hide extra height*/   
   }

.cssnav5 a {
   display: block;
   color: #000000;
   font-size: 11px;
   width: 100px;
   height: 32px;
   display: block;
   float: left;
   color: black; 
   text-decoration: none;
   overflow:hidden;/* for ie to hide extra height*/
   }
         
.cssnav5 a:hover {
   color: #ffffff;
   }
         
.cssnav5 img {
   width: 100px; 
   height: 32px; 
   border: 0; 
   }
   
.cssnav5 a:hover img{
   visibility:hidden
   }

.cssnav5 span {
   position: absolute;
   left: 30px;top: 15px;
   text-align: center;
   width: 150px;
   cursor: pointer;   
   }
   
/* ------------------------------------------------- */
/* ------------------- Affiliates  -------------------- */
/* ------------------------------------------------- */

.cssnav6 {
   position:relative;
   float: left;
   margin: 0; 
   padding: 0;
   font-family: arial, helvetica, sans-serif;
   background: url('../images/button-affiliate.jpg') no-repeat;
   width: 92px;
   height: 32px;
   overflow:hidden;/* for ie to hide extra height*/   
   }

.cssnav6 a {
   display: block;
   color: #000000;
   font-size: 11px;
   width: 92px;
   height: 32px;
   display: block;
   float: left;
   color: black; 
   text-decoration: none;
   overflow:hidden;/* for ie to hide extra height*/
   }
         
.cssnav6 a:hover {
   color: #ffffff;
   }
         
.cssnav6 img {
   width: 92px; 
   height: 32px; 
   border: 0; 
   }
   
.cssnav6 a:hover img{
   visibility:hidden
   }

.cssnav6 span {
   position: absolute;
   left: 30px;top: 15px;
   text-align: center;
   width: 150px;
   cursor: pointer;   
   }

/* ------------------------------------------------- */
/* ----------------- Contact ----------------------- */
/* ------------------------------------------------- */

.cssnav7 {
   position:relative;
   float: left;
   margin: 0; 
   padding: 0;
   font-family: arial, helvetica, sans-serif;
   background: url('../images/button-affiliates2.jpg') no-repeat;
   width: 115px;
   height: 32px;
   overflow:hidden;/* for ie to hide extra height*/   
   }

.cssnav7 a {
   display: block;
   color: #000000;
   font-size: 11px;
   width: 115px;
   height: 32px;
   display: block;
   float: left;
   color: black; 
   text-decoration: none;
   overflow:hidden;/* for ie to hide extra height*/
   }
         
.cssnav7 a:hover {
   color: #ffffff;
   }
         
.cssnav7 img {
   width: 115px; 
   height: 32px; 
   border: 0; 
   }
   
.cssnav7 a:hover img{
   visibility:hidden
   }

.cssnav7 span {
   position: absolute;
   left: 30px;top: 15px;
   text-align: center;
   width: 150px;
   cursor: pointer;   
   }
   
/* ------------------------------------------------- */
/* ----------------- Sub Menu ---------------------- */
/* ------------------------------------------------- */  

#nav-home ul {
   display: block;
   margin: 0px;
   padding: 0px;
   list-style-type: none;
   }

#nav-home ul li {
   margin: 0px;
   padding: 0px;
   float: left;
   }

#nav-home ul li a {
   font: 11px Tahoma;
   background-position: top left;
   text-decoration: none;
   display: block;
   height: 24px;
   float: left;
   }
   
#nav-home ul li a span {
   display: none;
   }

#nav-home ul li ul {
   display: none;
}