/*------------slider stuff------------------*/
/* home page */
body#home #slider {
	margin: 0 auto 0px auto;
	padding: 0;
}

body#home .scroll {
	height: 230px;
	width: 782px;
	margin: 0;
	overflow: auto;
	position: relative; /* fix for IE to respect overflow */
	clear: left;
	background: #1d2428;
}
body#home .scrollContainer div.panel {
	padding: 15px;
	height: 260px;
	margin: 0;
	width: 752px;
}

body#home #slider-nav {
	position: relative;
	margin: 0 auto;
	left:0px;
	top:1px;
	padding:0;
	width:800px;
	height:44px;
	display: block;
	z-index: 998;
}

body#home #slider-nav li {
	list-style: none;
	float:left;
	border: 0;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
}

body#home #slider-nav li a {
	display: block;
	height:44px;
	border: 0;
	margin: 0;
	padding: 0;
}

#beginning-li a {
	display: none;
	width: 0px;
	height: 0px !important;
}

#easy-steps-li a {width:117px;background: url(/images/4easysteps.gif) no-repeat 0px 0px;}
#layout-li a {width:136px;background: url(/images/4easysteps.gif) no-repeat -117px 0px;}
#colours-li a {width:139px;background: url(/images/4easysteps.gif) no-repeat -253px 0px;}
#menu-li a {width:139px;background: url(/images/4easysteps.gif) no-repeat -392px 0px;}
#pages-li a {width:136px;background: url(/images/4easysteps.gif) no-repeat -531px 0px;}
#generate-li a {width:115px;background: url(/images/4easysteps.gif) no-repeat -667px 0px;}

#easy-steps-li a:hover { background-position: 0px -44px; }
#layout-li a:hover { background-position: -117px -44px; }
#colours-li a:hover { background-position: -253px -44px; }
#menu-li a:hover { background-position: -392px -44px; }
#pages-li a:hover { background-position: -531px -44px; }
#generate-li a:hover { background-position: -667px -44px; }

#easy-steps-li a.slide-active { background-position: 0px -88px !important; }
#layout-li a.slide-active { background-position: -117px -88px !important; }
#colours-li a.slide-active { background-position: -253px -88px !important; }
#menu-li a.slide-active { background-position: -392px -88px !important; }
#pages-li a.slide-active { background-position: -531px -88px !important; }
#generate-li a.slide-active { background-position: -667px -88px !important; }


/*features page*/

#features #slider {
	width: 600px;
	margin: 0 auto;
	position: relative;
	overflow: hidden !important;
}
#features .scroll {
	/*height: 430px;*/
	overflow: auto;
	width: 600px;
	position: relative; /* fix for IE to respect overflow */
	clear: left;
}
#features .scrollContainer div.panel {
	/*height: 430px;*/
	width: 560px; /* change to 560px if not using JS to remove rh.scroll */
	padding-top:10px;
	padding-left:20px;
	padding-bottom:0px;
	padding-right:20px;
	margin: 0px;
}

.navigation {
	list-style: none;
	text-indent:-9999px;
	width:591px;
	display: block;
	height:55px;
	margin:5px;
	padding:0;
}

.navigation li {
	float: left;
}

.navigation li a {
	height:61px;
	display: block;
	width:117px;
}

.navigation li a {
	height:61px;
	display: block;
	width:117px;
}

#features-nav-li a { background: url(/images/ser_nav.png); }
#quality-nav-li a  { background: url(/images/ser_nav.png) -116px 0px; }
#price-nav-li a  { background: url(/images/ser_nav.png) -232px 0px; }
#process-nav-li a  { background: url(/images/ser_nav.png) -348px 0px; }
#content-nav-li a  { background: url(/images/ser_nav.png) -464px 0px; width: 119px; }

#features-nav-li a:hover { background: url(/images/ser_nav.png) 0px -60px; }
#quality-nav-li a:hover  { background: url(/images/ser_nav.png) -116px -60px; }
#price-nav-li a:hover  { background: url(/images/ser_nav.png) -232px -60px; }
#process-nav-li a:hover  { background: url(/images/ser_nav.png) -348px -60px; }
#content-nav-li a:hover  { background: url(/images/ser_nav.png) -464px -60px; }

#features-nav-li a.slide-active { background: url(/images/ser_nav.png) 0px -120px !important; }
#quality-nav-li a.slide-active  { background: url(/images/ser_nav.png) -116px -120px !important; }
#price-nav-li a.slide-active  { background: url(/images/ser_nav.png) -232px -120px !important; }
#process-nav-li a.slide-active  { background: url(/images/ser_nav.png) -348px -120px !important; }
#content-nav-li a.slide-active  { background: url(/images/ser_nav.png) -464px -120px !important; }