/* Navigation Heart Internet style sheet */


/*---------------------------------------------------------------------------------
Global
---------------------------------------------------------------------------------*/

a:link		{ color: #123555; text-decoration: underline;}
a:visited	{ color: #123555; text-decoration: underline;}
a:hover		{ color: #999999; text-decoration: underline;}
a:active	{ color: #123555; text-decoration: underline;}

a:link img {border: none; text-decoration: none}
a:visited img {border: none; text-decoration: none}
a:hover img {border: none; text-decoration: none}
a:active img {border: none; text-decoration: none}

.greenBar a:link	{ color: #FFFFFF; text-decoration: underline; }
.greenBar a:visited	{ color: #FFFFFF; text-decoration: underline; }
.greenBar a:hover	{ color: #999999; text-decoration: underline; }
.greenBar a:active	{ color: #FFFFFF; text-decoration: underline; }

#mainNavWrapper .mainNavRight a:link		{ color: #555555; text-decoration: none; }
#mainNavWrapper .mainNavRight a:visited		{ color: #555555; text-decoration: none; }
#mainNavWrapper .mainNavRight a:hover		{ color: #999999; text-decoration: none; }
#mainNavWrapper .mainNavRight a:active		{ color: #555555; text-decoration: none; }

.featuresBox a:link		{ color: #000033; text-decoration: underline; }
.featuresBox a:visited	{ color: #000033; text-decoration: underline; }
.featuresBox a:hover	{ color: #999999; text-decoration: none; }
.featuresBox a:active	{ color: #000033; text-decoration: underline; }


/*---------------------------------------------------------------------------------
Top (main) Navigation
---------------------------------------------------------------------------------*/

#mainNav {
	float: left;
	list-style: none;
	height: 25px;
	margin: 0;
	padding: 0 0 0 10px;
	display: inline;
	overflow: hidden;
}

#mainNav ul {
	margin: 0; 
	padding: 0;
}

#mainNav li {
	margin: 0; 
	padding: 0;
	display: inline;
	list-style-type: none;
}

#mainNav a {
	float: left;
	margin: 0 1px 0 0;
	padding: 25px 0 0 0;
	height: 0px !important; 
	height /**/:25px; /* for IE5/Win */
}

#home a	{
	width: 62px;
	background: url("../images/mainNav/home/home.gif") no-repeat top left;
}

#homeDomains a	{
	width: 62px;
	background: url("../images/mainNav/domains/home.gif") no-repeat top left;
}

#homeHosting a	{
	width: 62px;
	background: url("../images/mainNav/hosting/home.gif") no-repeat top left;
}

#homeResellers a	{
	width: 62px;
	background: url("../images/mainNav/resellers/home.gif") no-repeat top left;
}



#domains a	{
	width: 80px;
	background: url("../images/mainNav/home/domains.gif") no-repeat top left;
}

#domainsDomains a	{
	width: 80px;
	background: url("../images/mainNav/domains/domains.gif") no-repeat top left;
}

#domainsHosting a	{
	width: 80px;
	background: url("../images/mainNav/hosting/domains.gif") no-repeat top left;
}

#domainsResellers a	{
	width: 80px;
	background: url("../images/mainNav/resellers/domains.gif") no-repeat top left;
}



#hosting a	{
	width: 72px;
	background: url("../images/mainNav/home/hosting.gif") no-repeat top left;
}

#hostingDomains a	{
	width: 72px;
	background: url("../images/mainNav/domains/hosting.gif") no-repeat top left;
}

#hostingHosting a	{
	width: 72px;
	background: url("../images/mainNav/hosting/hosting.gif") no-repeat top left;
}

#hostingResellers a	{
	width: 72px;
	background: url("../images/mainNav/resellers/hosting.gif") no-repeat top left;
}



#resellers a	{
	width: 84px;
	background: url("../images/mainNav/home/resellers.gif") no-repeat top left;
}

#resellersDomains a	{
	width: 84px;
	background: url("../images/mainNav/domains/resellers.gif") no-repeat top left;
}

#resellersHosting a	{
	width: 84px;
	background: url("../images/mainNav/hosting/resellers.gif") no-repeat top left;
}

#resellersResellers a {
	width: 84px;
	background: url("../images/mainNav/resellers/resellers.gif") no-repeat top left;
}



#login a	{
	width: 64px;
	background: url("../images/mainNav/home/login.gif") no-repeat top left;
}

#loginDomains a	{
	width: 64px;
	background: url("../images/mainNav/domains/login.gif") no-repeat top left;
}

#loginHosting a	{
	width: 64px;
	background: url("../images/mainNav/hosting/login.gif") no-repeat top left;
}

#loginResellers a	{
	width: 64px;
	background: url("../images/mainNav/resellers/login.gif") no-repeat top left;
}


#forum a	{
	width: 90px;
	background: url("../images/mainNav/home/forum.gif") no-repeat top left;
}

#forumDomains a	{
	width: 90px;
	background: url("../images/mainNav/domains/forum.gif") no-repeat top left;
}

#forumHosting a	{
	width: 90px;
	background: url("../images/mainNav/hosting/forum.gif") no-repeat top left;
}

#forumResellers a {
	width: 90px;
	background: url("../images/mainNav/resellers/forum.gif") no-repeat top left;
}

#seo a	{
	width: 46px;
	background: url("../images/mainNav/home/SEO.gif") no-repeat top left;
}

#seoDomains a	{
	width: 46px;
	background: url("../images/mainNav/domains/SEO.gif") no-repeat top left;
}

#seoHosting a	{
	width: 46px;
	background: url("../images/mainNav/hosting/SEO.gif") no-repeat top left;
}

#seoResellers a {
	width: 46px;
	background: url("../images/mainNav/resellers/SEO.gif") no-repeat top left;
}


#mainNav a:hover {
	background-position: 0 -25px;
}

#mainNav a:active, #mainNav a.selected {
	background-position: 0 -50px;
}


/*---------------------------------------------------------------------------------
Side Navigation
---------------------------------------------------------------------------------*/
	
#navColumn ul {
	margin: 0 0 20px 0; 
	padding: 0;
}

#navColumn a {
	font-family: Lucida Grande, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0px;
	padding: 0px;
}

#navColumn li {
	margin: 0; 
	padding: 3px 10px 3px 0;
	list-style-type: none;
	background: none;
}

#navColumn .domains li {
	border-bottom: 1px dashed #000033;
}

#navColumn .hosting li {
	border-bottom: 1px dashed #000033;
}

#navColumn .resellers li {
	border-bottom: 1px dashed #000033;
}

#navColumn .plain li {
	border-bottom: 1px dashed #000033;
}

#navColumn .domains a:link		{ color: #ffffff; text-decoration: none; }
#navColumn .domains a:visited	{ color: #ffffff; text-decoration: none; }
#navColumn .domains a:hover		{ color: #216098; text-decoration: none; }
#navColumn .domains a:active	{ color: #FFFFFF; text-decoration: none; }

#navColumn .hosting a:link		{ color: #ffffff; text-decoration: none; }
#navColumn .hosting a:visited	{ color: #ffffff; text-decoration: none; }
#navColumn .hosting a:hover		{ color: #216098; text-decoration: none; }
#navColumn .hosting a:active	{ color: #FFFFFF; text-decoration: none; }

#navColumn .resellers a:link		{ color: #ffffff; text-decoration: none; }
#navColumn .resellers a:visited		{ color: #ffffff; text-decoration: none; }
#navColumn .resellers a:hover		{ color: #216098; text-decoration: none; }
#navColumn .resellers a:active		{ color: #FFFFFF; text-decoration: none; }

#navColumn .plain a:link        { color: #ffffff; text-decoration: none; }
#navColumn .plain a:visited     { color: #ffffff; text-decoration: none; }
#navColumn .plain a:hover       { color: #216098; text-decoration: none; }
#navColumn .plain a:active      { color: #FFFFFF; text-decoration: none; }

/*---------------------------------------------------------------------------------
Bottom Navigation
---------------------------------------------------------------------------------*/

#bottomNav {	
	list-style: none;
	margin: 0;
	padding: 0;
	display: inline;
}

#bottomNav li {
	margin: 0; 
	padding: 0;
	display: inline;
	list-style-type: none;
	background: none;
}

#bottomNav a {
	font-family: Lucida Grande, Arial, Helvetica, sans-serif;
	font-size: 11px;	
	padding: 0 15px 0 0;
}

#bottomNav a:link		{ color: #FFFFFF; text-decoration: none; }
#bottomNav a:visited	{ color: #FFFFFF; text-decoration: none; }
#bottomNav a:hover		{ color: #216098; text-decoration: none; }
#bottomNav a:active		{ color: #FFFFFF; text-decoration: none; }


#copyNav {
	font-family: Lucida Grande, Arial, Helvetica, sans-serif;
	font-size: 10px;	padding: 0 0 10px 0; color: #666666; }
#copyNav a:link		{color: #666666;text-decoration: none;}
#copyNav a:visited	{ color: #666666; text-decoration: none; }
#copyNav a:hover		{ color: #216098; text-decoration: none; }
#copyNav a:active		{ color: #666666; text-decoration: none; }

