/*** Navigation ***/

#nav {
	margin-top: 6px;
	position: relative;
	width: 100%;
	height: 24px;
	color: inherit;
	background: white url(../images/menu.gif) no-repeat;
	border-bottom: 1px solid #dddddd;
}
#nav li {
	float: left;
	list-style: none;
}
#nav li span {
	display: none;
}
#nav li, #nav a {
	height: 24px; 
	display: block;
}

/** Main Menu **/
li#design , li#hosting , li#domains , li#products , li#help , li#client {
	position: absolute; 
}
li#design {
	left: 14px; 
	width: 128px;
}
li#hosting {
	left: 152px; 
	width: 60px;
}
li#domains {
	left: 222px; 
	width: 63px;
}
li#products {
	left: 295px; 
	width: 67px;
}
li#help {
	left: 372px; 
	width: 42px;
}
li#client {
	left: 424px; 
	width: 85px;
}
li#design a:hover {
	background: transparent url(../images/menu.gif) -14px -24px no-repeat;
}
li#hosting a:hover {
	background: transparent url(../images/menu.gif) -152px -24px no-repeat;
}
li#domains a:hover {
	background: transparent url(../images/menu.gif) -222px -24px no-repeat;
}
li#products a:hover {
	background: transparent url(../images/menu.gif) -295px -24px no-repeat;
}
li#help a:hover {
	background: transparent url(../images/menu.gif) -372px -24px no-repeat;
}
li#client a:hover {
	background: transparent url(../images/menu.gif) -424px -24px no-repeat;
}

/** Sub-menu **/
#nav li ul {
	position: absolute;
	left: -999em;
	width: 150px;
	border: 1px solid #dddddd;
	}
#nav li ul li {
	width: 150px;
	height: 25px;
}
#nav li:hover ul , #nav li.sfhover ul {
	left: auto;
}

/** Sub-menu Design **/
li#design_quote {
	background: transparent url(../images/submenu.gif) 0px 0px no-repeat;
}
li#design_quote a:hover {
	background: transparent url(../images/submenu.gif) 0px -25px no-repeat;
}
li#design_quote a:active {
	background: transparent url(../images/submenu.gif) 0px -50px no-repeat;
}
li#design_process {
	background: transparent url(../images/submenu.gif) 0px -75px no-repeat;
}
li#design_process a:hover {
	background: transparent url(../images/submenu.gif) 0px -100px no-repeat;
}
li#design_process a:active {
	background: transparent url(../images/submenu.gif) 0px -125px no-repeat;
}
li#design_portfolio {
	background: transparent url(../images/submenu.gif) 0px -150px no-repeat;
}
li#design_portfolio a:hover {
	background: transparent url(../images/submenu.gif) 0px -175px no-repeat;
}
li#design_portfolio a:active {
	background: transparent url(../images/submenu.gif) 0px -200px no-repeat;
}

/** Sub-menu Hosting **/
li#hosting_web {
	background: transparent url(../images/submenu.gif) 0px -225px no-repeat;
}
li#hosting_web a:hover {
	background: transparent url(../images/submenu.gif) 0px -250px no-repeat;
}
li#hosting_web a:active {
	background: transparent url(../images/submenu.gif) 0px -275px no-repeat;
}
li#hosting_email {
	background: transparent url(../images/submenu.gif) 0px -300px no-repeat;
}
li#hosting_email a:hover {
	background: transparent url(../images/submenu.gif) 0px -325px no-repeat;
}
li#hosting_email a:active {
	background: transparent url(../images/submenu.gif) 0px -350px no-repeat;
}
li#hosting_agreement {
	background: transparent url(../images/submenu.gif) 0px -1125px no-repeat;
}
li#hosting_agreement a:hover {
	background: transparent url(../images/submenu.gif) 0px -1150px no-repeat;
}
li#hosting_agreement a:active {
	background: transparent url(../images/submenu.gif) 0px -1175px no-repeat;
}

/** Sub-menu Domains **/
li#domain_register {
	background: transparent url(../images/submenu.gif) 0px -375px no-repeat;
}
li#domain_register a:hover {
	background: transparent url(../images/submenu.gif) 0px -400px no-repeat;
}
li#domain_register a:active {
	background: transparent url(../images/submenu.gif) 0px -425px no-repeat;
}
li#domain_transfer {
	background: transparent url(../images/submenu.gif) 0px -450px no-repeat;
}
li#domain_transfer a:hover {
	background: transparent url(../images/submenu.gif) 0px -475px no-repeat;
}
li#domain_transfer a:active {
	background: transparent url(../images/submenu.gif) 0px -500px no-repeat;
}
li#domain_addons {
	background: transparent url(../images/submenu.gif) 0px -525px no-repeat;
}
li#domain_addons a:hover {
	background: transparent url(../images/submenu.gif) 0px -550px no-repeat;
}
li#domain_addons a:active {
	background: transparent url(../images/submenu.gif) 0px -575px no-repeat;
}
li#domain_policies {
	background: transparent url(../images/submenu.gif) 0px -600px no-repeat;
}
li#domain_policies a:hover {
	background: transparent url(../images/submenu.gif) 0px -625px no-repeat;
}
li#domain_policies a:active {
	background: transparent url(../images/submenu.gif) 0px -650px no-repeat;
}

/** Sub-menu Products **/
li#products_certs {
	background: transparent url(../images/submenu.gif) 0px -675px no-repeat;
}
li#products_certs a:hover {
	background: transparent url(../images/submenu.gif) 0px -700px no-repeat;
}
li#products_certs a:active {
	background: transparent url(../images/submenu.gif) 0px -725px no-repeat;
}

/** Sub-menu Help **/ 
li#help_faq {
	background: transparent url(../images/submenu.gif) 0px -750px no-repeat;
}
li#help_faq a:hover {
	background: transparent url(../images/submenu.gif) 0px -775px no-repeat;
}
li#help_faq a:active {
	background: transparent url(../images/submenu.gif) 0px -800px no-repeat;
}
li#help_userdoc {
	background: transparent url(../images/submenu.gif) 0px -825px no-repeat;
}
li#help_userdoc a:hover {
	background: transparent url(../images/submenu.gif) 0px -850px no-repeat;
}
li#help_userdoc a:active {
	background: transparent url(../images/submenu.gif) 0px -875px no-repeat;
}
li#help_ticket {
	background: transparent url(../images/submenu.gif) 0px -900px no-repeat;
}
li#help_ticket a:hover {
	background: transparent url(../images/submenu.gif) 0px -925px no-repeat;
}
li#help_ticket a:active {
	background: transparent url(../images/submenu.gif) 0px -950px no-repeat;
}

/** Client Centre **/
li#client_login {
	background: transparent url(../images/submenu.gif) 0px -975px no-repeat;
}
li#client_login a:hover {
	background: transparent url(../images/submenu.gif) 0px -1000px no-repeat;
}
li#client_login a:active {
	background: transparent url(../images/submenu.gif) 0px -1025px no-repeat;
}
li#client_pay {
	background: transparent url(../images/submenu.gif) 0px -1050px no-repeat;
}
li#client_pay a:hover {
	background: transparent url(../images/submenu.gif) 0px -1075px no-repeat;
}
li#client_pay a:active {
	background: transparent url(../images/submenu.gif) 0px -1100px no-repeat;
}