@charset "utf-8";
/* Stylesheet for the navigation menus only */

#nav {
	width: 894px;
	height: 28px;
	background: url(../images/bg-nav.png) repeat-x top;
	border: 1px solid #EBEBE9;
}

#nav ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

#nav li {
	float: left;
	width: 111px;
	height: 28px;
	border-right: 1px solid #EBEBE9;
}

#nav li.last {
	width: 110px;
	border-right: none;
}

#nav li a {
	display: block;
	height: 28px;
	font-family: Tahoma, Arial, sans-serif;
	font-size: 0.75em;
	color: #999999;
	text-decoration: none;
	text-align: center;
	padding-top: 5px;
	outline: none;
}

#nav li a:hover {
	background: url(../images/bg-nav-over.png) repeat-x;
	height: 28px;
	color: #FFFFFF;
}

#body_home #nav_home a, #body_about #nav_about a, #body_news #nav_news a, #body_webservices #nav_web a, #body_design #nav_web a, 
#body_domains #nav_web a, #body_maintenance #nav_web a, #body_promotion #nav_web a, #body_webhost #nav_web a, 
#body_portfolio #nav_port a, #body_testimonials #nav_test a, #body_contact #nav_cont a, #body_customer #nav_cust a, 
#body_status #nav_cust a, #body_project #nav_cust a, #body_account #nav_cust a, #body_order #nav_order a {
	font-weight: bold;
	color: #666666;
}

#body_home #nav_home a:hover, #body_about #nav_about a:hover, #body_news #nav_news a:hover, #body_webservices #nav_web a:hover, 
#body_design #nav_web a:hover, #body_domains #nav_web a:hover, #body_maintenance #nav_web a:hover, #body_promotion #nav_web a:hover, 
#body_webhost #nav_web a:hover, #body_portfolio #nav_port a:hover, #body_testimonials #nav_test a:hover, 
#body_contact #nav_cont a:hover, #body_customer #nav_cust a:hover, #body_status #nav_cust a:hover, #body_project #nav_cust a:hover, 
#body_account #nav_cust a:hover, #body_order #nav_order a:hover {
	font-weight: bold;
	color: #FFFFFF;
}

/* Web Services and Customer Services Section Sub Navigation */

ul#services-subnav {
	list-style: none;
	padding: 0;
	margin: 0;
}

ul#services-subnav li {
	padding-bottom: 5px;
	margin-left: 17px;
}

ul#services-subnav a {
	display: block;
	height: 26px;
	width: 201px;
	text-indent: -9999px;
	outline: none;
}

li#design a { background: url(../images/ws-li-design-full.png) no-repeat left top;}
li#mainten a { background: url(../images/ws-li-maintenance-full.png) no-repeat left top;}
li#hosting a { background: url(../images/ws-li-hosting-full.png) no-repeat left top;}
li#domains a { background: url(../images/ws-li-domains-full.png) no-repeat left top;}
li#promos a { background: url(../images/ws-li-promo-full.png) no-repeat left top;}
li#cpanel a { background: url(../images/cl-li-cpanel-full.png) no-repeat left top;}
li#webmail a { background: url(../images/cl-li-webmail-full.png) no-repeat left top;}
li#sysstat a { background: url(../images/cl-li-sysstat-full.png) no-repeat left top;}
li#project a { background: url(../images/cl-li-project-full.png) no-repeat left top;}
li#account a { background: url(../images/cl-li-account-full.png) no-repeat left top;}
li#dpanel a { background: url(../images/cl-li-domains-full.png) no-repeat left top;}

li#design a:hover { background: url(../images/ws-li-design-full.png) no-repeat left bottom;}
li#mainten a:hover { background: url(../images/ws-li-maintenance-full.png) no-repeat left bottom;}
li#hosting a:hover { background: url(../images/ws-li-hosting-full.png) no-repeat left bottom;}
li#domains a:hover { background: url(../images/ws-li-domains-full.png) no-repeat left bottom;}
li#promos a:hover { background: url(../images/ws-li-promo-full.png) no-repeat left bottom;}
li#cpanel a:hover { background: url(../images/cl-li-cpanel-full.png) no-repeat left bottom;}
li#webmail a:hover { background: url(../images/cl-li-webmail-full.png) no-repeat left bottom;}
li#sysstat a:hover { background: url(../images/cl-li-sysstat-full.png) no-repeat left bottom;}
li#project a:hover { background: url(../images/cl-li-project-full.png) no-repeat left bottom;}
li#account a:hover { background: url(../images/cl-li-account-full.png) no-repeat left bottom;}
li#dpanel a:hover { background: url(../images/cl-li-domains-full.png) no-repeat left bottom;}

#body_design li#design a { background: url(../images/ws-li-design-full.png) no-repeat left bottom;}
#body_maintenance li#mainten a { background: url(../images/ws-li-maintenance-full.png) no-repeat left bottom;}
#body_webhost li#hosting a { background: url(../images/ws-li-hosting-full.png) no-repeat left bottom;}
#body_domains li#domains a { background: url(../images/ws-li-domains-full.png) no-repeat left bottom;}
#body_promotion li#promos a { background: url(../images/ws-li-promo-full.png) no-repeat left bottom;}
#body_status li#sysstat a { background: url(../images/cl-li-sysstat-full.png) no-repeat left bottom;}
#body_project li#project a { background: url(../images/cl-li-project-full.png) no-repeat left bottom;}
#body_account li#account a { background: url(../images/cl-li-account-full.png) no-repeat left bottom;}