/* ---------------------------------------------------------------
 * Feature Pages
 * --------------------------------------------------------------- */

div#feature-wrap
{
	background-image: url(/images/features-main/feature-bg.gif);
	background-repeat: repeat-y;
	background-position: left top;
	width: 740px;
	margin: 0;
	padding: 0;
	position: relative;
}
div#feature-wrap-r
{
	background-image: url(/images/features-main/vert-bg-r.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	width: 740px;
	margin: 0;
	padding: 0;
}

/* The home page top content box */
div#feature-top
{
	background-color: #D8E9FB;
	margin: 0;
	padding: 0;
	height: 154px;
	overflow: hidden;
}

div#feature-main h2
{
	font-size: 19px;
}

div#feature-top-nav
{
	margin: 0;
	padding: 0;
	float: left;
}
div#feature-top-nav h3
{
	width: 200px;
	margin: 0;
	background-image: url(/images/features-main/feature-top-nav-head.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 0 !important;
	overflow: hidden;
	padding: 34px 0 0;
	height /* */: 34px;
}
div#feature-top-nav ul
{
	margin: 0;
	padding: 0;
	list-style: none;
}
div#feature-top-nav ul li
{
	margin: 0;
	padding: 0;
	width: 200px;
	background-repeat: no-repeat;
	background-position: left top;
}
div#feature-top-nav ul li a
{
	margin: 0;
	display: block;
	background-repeat: no-repeat;
	background-position: left top;
}
div#feature-top-nav ul li a:hover
{
	background-image: none;
}




ul#feature-nav
{
	float: right;
	margin: 8px 0 0 0;
	padding: 0;
	list-style: none;
}
ul#feature-nav li
{
	margin: 0;
	padding: 0;
	width: 200px;
	background-repeat: no-repeat;
	background-position: left top;
}
ul#feature-nav li a
{
	margin: 0;
	display: block;
	background-repeat: no-repeat;
	background-position: left top;
	height: 0 !important;
	overflow: hidden;
	padding: 28px 0 0;
	height /* */: 28px;
}
ul#feature-nav li a:hover
{
	background-image: none;
}

li#feature-nav-design
{
	background-image: url(/images/features-main/fbut-design-over.gif);
}
li#feature-nav-design a
{
	background-image: url(/images/features-main/fbut-design.gif);
}
body#feature-design li#feature-nav-design, body#feature-design li#feature-nav-design a
{
	background-image: url(/images/features-main/fbut-design-down.gif);
}

li#feature-nav-content
{
	background-image: url(/images/features-main/fbut-content-over.gif);
}
li#feature-nav-content a
{
	background-image: url(/images/features-main/fbut-content.gif);
}
body#feature-content li#feature-nav-content, body#feature-content li#feature-nav-content a
{
	background-image: url(/images/features-main/fbut-content-down.gif);
}

li#feature-nav-pages
{
	background-image: url(/images/features-main/fbut-pages-over.gif);
}
li#feature-nav-pages a
{
	background-image: url(/images/features-main/fbut-pages.gif);
}
body#feature-pages li#feature-nav-pages, body#feature-pages li#feature-nav-pages a
{
	background-image: url(/images/features-main/fbut-pages-down.gif);
}



li#feature-nav-naming
{
	background-image: url(/images/features-main/fbut-naming-over.gif);
}
li#feature-nav-naming a
{
	background-image: url(/images/features-main/fbut-naming.gif);
}
body#feature-naming li#feature-nav-naming, body#feature-naming li#feature-nav-naming a
{
	background-image: url(/images/features-main/fbut-naming-down.gif);
}

li#feature-nav-promotion
{
	background-image: url(/images/features-main/fbut-promotion-over.gif);
}
li#feature-nav-promotion a
{
	background-image: url(/images/features-main/fbut-promotion.gif);
}
body#feature-promotion li#feature-nav-promotion, body#feature-promotion li#feature-nav-promotion a
{
	background-image: url(/images/features-main/fbut-promotion-down.gif);
}

li#feature-nav-updating
{
	background-image: url(/images/features-main/fbut-updating-over.gif);
}
li#feature-nav-updating a
{
	background-image: url(/images/features-main/fbut-updating.gif);
}
body#feature-updating li#feature-nav-updating, body#feature-updating li#feature-nav-updating a
{
	background-image: url(/images/features-main/fbut-updating-down.gif);
}

li#feature-nav-email
{
	background-image: url(/images/features-main/fbut-email-over.gif);
}
li#feature-nav-email a
{
	background-image: url(/images/features-main/fbut-email.gif);
}
body#feature-email li#feature-nav-email, body#feature-email li#feature-nav-email a
{
	background-image: url(/images/features-main/fbut-email-down.gif);
}

li#feature-nav-reports
{
	background-image: url(/images/features-main/fbut-reports-over.gif);
}
li#feature-nav-reports a
{
	background-image: url(/images/features-main/fbut-reports.gif);
}
body#feature-reports li#feature-nav-reports, body#feature-reports li#feature-nav-reports a
{
	background-image: url(/images/features-main/fbut-reports-down.gif);
}

li#feature-nav-hosting
{
	background-image: url(/images/features-main/fbut-hosting-over.gif);
}
li#feature-nav-hosting a
{
	background-image: url(/images/features-main/fbut-hosting.gif);
}
body#feature-hosting li#feature-nav-hosting, body#feature-hosting li#feature-nav-hosting a
{
	background-image: url(/images/features-main/fbut-hosting-down.gif);
}

li#feature-nav-service
{
	background-image: url(/images/features-main/fbut-service-over.gif);
}
li#feature-nav-service a
{
	background-image: url(/images/features-main/fbut-service.gif);
}
body#feature-service li#feature-nav-service, body#feature-service li#feature-nav-service a
{
	background-image: url(/images/features-main/fbut-service-down.gif);
}

li#feature-nav-pricing
{
	background-image: url(/images/features-main/fbut-pricing-over.gif);
}
li#feature-nav-pricing a
{
	background-image: url(/images/features-main/fbut-pricing.gif);
}
body#feature-pricing li#feature-nav-pricing, body#feature-pricing li#feature-nav-pricing a
{
	background-image: url(/images/features-main/fbut-pricing-down.gif);
}

li#feature-nav-logos
{
	background-image: url(/images/features-main/fbut-logos-over.gif);
}
li#feature-nav-logos a
{
	background-image: url(/images/features-main/fbut-logos.gif);
}
body#feature-logos li#feature-nav-logos, body#feature-logos li#feature-nav-logos a
{
	background-image: url(/images/features-main/fbut-logos-down.gif);
}


div#feature-main
{
	margin: 20px 230px 10px 35px;
	font-size: 13px;
}


a#prev-link
{
	display: block;
	float: left;
	background-image: url(/images/features-main/arrow-prev.gif);
	background-position: left center;
	background-repeat: no-repeat;
	padding: 0 0 2px 14px;
}

a#next-link
{
	display: block;
	float: right;
	background-image: url(/images/features-main/arrow-next.gif);
	background-position: right center;
	background-repeat: no-repeat;
	padding: 0 14px 2px 0;
}

div#feature-tail
{
	margin: 0;
	padding: 0;
	height: 17px;
	overflow: hidden;
	background-image: url(/images/features-main/feature-tail.gif);
	background-position: left top;
	background-repeat: no-repeat;
	width: 100%; /* IE Mac */
}