/* *** Begin Main Navigation *** */
#nav-main {
	float: left;
	height: 55px;
	width: 760px;
	padding: 35px 0 0 0;
	background-image: url(/images/layout/top.png);
	z-index: 500;
}

#nav-main ol { /* all lists */
	list-style: none;
	z-index: 500;
}

#nav-main a { /* all links */
	display: block;
	color: #ffffff;
	height: 55px;
	text-indent: -9999em;
	text-decoration: none;
	z-index: 500;
}

#nav-main li { /* all list items */
	float: left;
	width: 175px; /* width needed or else Opera goes nuts */
	height: 55px;
	background-image: url(/images/layout/nav-main.png);
	z-index: 500;
}

#nav-main li ol { /* second-level lists */
	position: absolute;
	width: 200px;
	left: -9999em; /* using left to hide menus */
	z-index: 500;
}

#nav-main li ol li { /* drop-down */
	height: 30px;
	width: 200px;
	background-image: none;
	line-height: 1.5em;
	z-index: 500;
}

#nav-main li ol li a { /* drop-down links */
	height: 30px;
	width: 200px;
	text-indent: 0;
}

#nav-main li ol li a:hover { /* drop-down links hover */
	z-index: 500;
}

#nav-main li:hover ol, #nav-main li.sfhover ol { /* nested lists nested */
	left: auto;
	z-index: 500;
}

#nav-main span.h3 {
	color: #f2f2f2;
	font-size: 1.6em;
	padding: 10px 0 0 0;
}

#nav-main span.h4 {
	font-size: 1.2em;
	color: #a6a6a6;
}

#nav-main img.icon {
	float: left;
	margin: 10px 15px 0 15px;
}

#nav-main ol ol li { /*  drop-down */
	height: 50px !important;
	width: 250px !important;
	z-index: 500;
}

#nav-main ol ol li a { /* drop-down links */
	height: 50px !important;
	width: 250px !important;
}

#nav-main ol.alpha li a { /* alpha drop-down links */
	background-image: url(/images/layout/nav-main-dropdown-alpha.png) !important;
}

#nav-main ol.beta li a { /* beta drop-down links */
	background-image: url(/images/layout/nav-main-dropdown-beta.png) !important;
}

#nav-main li.first-child a { background-position: 0 0; }
#nav-main li.first-child a:hover { background-position: -250px 0; }

#nav-main li.second-child a { background-position: 0 -50px; }
#nav-main li.second-child a:hover { background-position: -250px -50px; }

#nav-main li.nth-child a { background-position: 0 -100px; }
#nav-main li.nth-child a:hover { background-position: -250px -100px; }

#nav-main li.last-child a { background-position: 0 -150px; }
#nav-main li.last-child a:hover { background-position: -250px -150px; }

#nav-main-home {
	width: 70px !important;
	background-position: 0 0;
}

#nav-main-home:hover, #nav-main-home.sfhover {
	background-position: 0 -55px;
}

#nav-main-hosting, #nav-main-support {
	background-position: -70px 0;
}

#nav-main-hosting:hover, #nav-main-hosting.sfhover {
	background-position: -70px -55px;
}

#nav-main-support {
	background-position: -245px 0;
}

#nav-main-support:hover, #nav-main-support.sfhover {
	background-position: -245px -55px;
}

#nav-main-about {
	background-position: -420px 0;
	width: 170px !important; /* hack for other user corner */
}

#nav-main-about:hover, #nav-main-about.sfhover {
	background-position: -420px -55px;
}

#nav-main-user {
	width: 170px !important;
	background-position: -590px 0;
	
}

#nav-main-user:hover, #nav-main-user.sfhover {
	background-position: -590px -55px;
}


#nav-main-user:hover ol, #nav-main-user.sfhover ol li { /* IE6 hack */
	position: relative;
	left: -80px !important;	
}




/* *** End Main Navigation *** */

/* *** Begin Protal Navigation *** */



#nav-portal li {
	float: left;
	margin: 0 0 10px 0;
}

#nav-portal li.even {
	margin-right: 60px;
}

#nav-portal a {
	background-color: #202020;
	height: 100px;
	width: 300px;
	float: left;
}

#nav-portal a:hover {
	text-decoration: none;
	background-color: #333333;
}


/* *** End Portal Navigation *** */
/* *** Begin Footer Navigation *** */
.nav-footer li {
	margin: 0 0 0.5em 0;
}
/* *** End Footer Navigation *** */
/* *** Begin Tabs Navigation *** */



#nav-tabs-hosting {
	width: 970px;
	height: 65px;
	padding: 0 0 0 10px;

}

.tabs-hosting .ui-tabs-panel {
	background-image: url(/images/layout/tabs-hosting-panel.png);
	float: left;
	width: 980px;
	
}
#nav-tabs-hosting li {
	background-image: url(/images/layout/nav-tabs-hosting.png);
}



.nav-tabs li {
	width: 200px;
	height: 65px;
	position: relative;
	float: left;
}

.nav-tabs li a {
	width: 180px;
	height: 65px;
	margin: 0 0 0 5px;
	float: left;
	text-indent: -9999em;
}

.nav-tabs-0 {}

.nav-tabs-1 {
	left: -10px;
}

.nav-tabs-2 {
	left: -20px;
}

.nav-tabs li.ui-state-hover {
	background-position: 0 -65px;
}

.nav-tabs li.ui-state-active {
	background-position: 0 -130px;
}

#nav-tabs-details {
	background-position: -200px 0;
}

.nav-tabs #nav-tabs-details.ui-state-hover {
	background-position: -200px -65px;
}

.nav-tabs #nav-tabs-details.ui-state-active {
	background-position: -200px -130px;
}

#nav-tabs-faq {
	background-position: -400px 0;
}


.nav-tabs #nav-tabs-faq.ui-state-hover {
	background-position: -400px -65px;
}

.nav-tabs #nav-tabs-faq.ui-state-active {
	background-position: -400px -130px;
}


/* *** End Tabs Navigation *** */
/* *** Begin Beta Sidebar Navigation *** */
.box-sidebar-beta .nav {
	width: 250px;
	line-height: 1.5em;
	float: left;
}

.box-sidebar-beta .nav ol {
	float: left;
	width: 250px;
}

.box-sidebar-beta .nav ol li {
	float: left;
	width: 250px;
	height: 50px;
}

.box-sidebar-beta .nav span.h3 {
	color: #f2f2f2;
	font-size: 1.6em;
	padding: 10px 0 0 0;
}

.box-sidebar-beta .nav span.h4 {
	font-size: 1.2em;
	color: #a6a6a6;
}

.box-sidebar-beta .nav a:hover span {
	text-decoration: underline;
}

.box-sidebar-beta .nav img.icon {
	float: left;
	margin: 10px 15px 0 0;
}
/* *** End Beta Sidebar Navigation *** */
/* *** Begin Page Navigation *** */

.nav-page {
	line-height: 1.5em;
	font-size: 1.4em;
	color: #cccccc;
}

.nav-page a, .nav-page span.a {
	float: left;
	margin: 0 0 0 5px;
	padding: 1px 5px 1px 5px;
	border: 1px solid #333333;
}

.nav-page-move li {
	float: left;
}

.nav-page-move a:hover {
	background-color: #262626;
}

.nav-page-move ol {
	float: right;
	margin: 0 20px 0 0;
}


.nav-page-move {
	width: 300px;
	float: right;
}

.nav-page-show {
	float: left;
	width: 200px;
	margin: 0 0 0 5px;
}

.nav-page-show li {
	float: left;
}
/* *** End Page Navigation *** */
/* *** Begin Order Navigation *** */
.nav-order {
	margin: 20px 0 0 0;
	float: left;
}

.nav-order li {
	float: left;
	clear: none;
}
/* *** End Order Navigation *** */