/* -------------- 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;
}