/*
    slider1 v1.2
    By Chris Coyier: http://css-tricks.com
    with major improvements by Doug Neiner: http://pixelgraphics.us/
    based on work by Remy Sharp: http://jqueryfordesigners.com/
*/

#slider {
height:395px;
background:url(../images/slider/slider-bg.jpg) no-repeat center top;
margin-top:10px;
font-size:10px;
}

.slider1 {
width:900px;
height:395px;
position:relative;
margin:0 auto;
}

.slider1 .controls {
width:900px;
height:42px;
position:absolute;
top:0;
left:0;
list-style:none;
overflow:hidden;
}

.slider1 .controls li {
float:left;
display:inline;
margin-left:3px;
}

.slider1 .controls .first {
margin-left:0;
}

.slider1 .controls .first a {
width:205px;
}

.slider1 .controls a {
display:block;
width:212px;
text-align:center;
font-size:15px;
line-height:14px;
font-family:"Calibri", Arial, Helvetica, sans-serif;
font-weight:700;
color:#898989;
padding-left:10px;
background:url(../images/slider/slider-tabs-bg.png) no-repeat left -45px;
}

.slider1 .controls a span {
background:url(../images/slider/slider-tabs-bg.png) no-repeat right -45px;
display:block;
padding:15px 10px 14px 0;
}

.slider1 .controls a:hover,.slider1 .controls a.active {
background:url(../images/slider/slider-tabs-bg.png) no-repeat left top;
color:#fff;
text-decoration:none;
border-bottom:0;
}

.slider1 .controls a:hover span,.slider1 .controls a.active span {
background:url(../images/slider/slider-tabs-bg.png) no-repeat right top;
}

.slider1 .wrapper {
width:900px;
overflow:hidden;
height:350px;
position:absolute;
top:45px;
left:0;
}

.slider1 .wrapper ul {
width:10000px;
list-style:none;
position:absolute;
top:0;
left:0;
height:350px;
margin:0;
}

.slider1 .section {
display:block;
float:left;
height:290px;
width:400px;
position:relative;
margin:0;
padding:30px 500px 30px 0;
}

.slider1 .section h2 {
font-size:28px;
font-family:"Calibri", Arial, Helvetica, sans-serif;
color:#fff;
text-shadow:1px 1px 2px #163f54;
margin:0;
padding:0 0 10px;
}

.slider1 .section p {
font-size:18px;
line-height:22px;
font-family:"Calibri", Arial, Helvetica, sans-serif;
color:#fff;
text-shadow:1px 1px 2px #163f54;
margin-bottom:15px;
font-weight:400;
}

.slider1 .section .button {
float:left;
width:140px;
height:40px;
text-indent:-8000px;
display:block;
}

.slider1 .section .button:hover {
}

.buttondownload {
float:left;
width:280px;
height:75px;
text-indent:-8000px;
display:block;
}

.buttondownload:hover {
}

.slider1 .section img {
position:absolute;
bottom:0;
right:0;
}

.clientlogos {
width:274px;
height:100px;
position:relative;
margin:0 auto;
}

.clientlogos .wrapper {
width:276px;
overflow:hidden;
height:100px;
position:absolute;
top:0;
left:0;
}

.clientlogos .wrapper ul {
width:10000px;
list-style:none;
position:absolute;
top:0;
left:0;
height:100px;
margin:0;
}

.clientlogos .section {
display:block;
float:left;
height:80px;
width:256px;
position:relative;
text-align:center;
margin:0;
padding:10px;
}

.clientlogos .section span {
display:block;
}

.slider1 .arrow,#start-stop,#thumbNav,.clientlogos .arrow {
display:none;
}



/*	Changes 2010-10-11	*/
.slider1 .section .button { margin-right:5px; background:url(../images/slider/transparent.png) no-repeat 0 0 }
.slider1 .section .button:hover { background:url(../images/slider/transparent.png) no-repeat -150px 0 }
.slider1 .section .button.getstarted { width:276px; height:75px; background:url(../images/slider/transparent.png) no-repeat 0 -100px }
.slider1 .section .button.getstarted:hover { background:url(../images/slider/transparent.png) no-repeat -300px -100px }
.slider1 .section .button.download { width:153px; background:url(../images/slider/transparent.png) no-repeat 0 -50px }
.slider1 .section .button.download:hover { background:url(../images/slider/transparent.png) no-repeat -160px -50px }

.navigationlinkIE span {
	background:none;
}
.navigationlinkIE:hover span { color:silver }
.navigationlinkIE span .icon {
	width:31px;
	height:31px;
	float:left;
	display:block;
	position:relative;
	top:-5px;
	left:-7px;
}
.navigationlinkIE .steppie .icon { background:url(../images/slider/transparent.png) no-repeat 0 -200px }
.navigationlinkIE .stepdownload .icon { background:url(../images/slider/transparent.png) no-repeat -31px -200px }
.navigationlinkIE .stepkolica .icon { background:url(../images/slider/transparent.png) no-repeat -62px -200px }
.navigationlinkIE:hover .steppie .icon { background:url(../images/slider/transparent.png) no-repeat 0 -240px }
.navigationlinkIE:hover .stepdownload .icon { background:url(../images/slider/transparent.png) no-repeat -31px -240px }
.navigationlinkIE:hover .stepkolica .icon { background:url(../images/slider/transparent.png) no-repeat -62px -240px }
