#slider {
    width: 770px;
	height: 250px;
    margin: 0 auto;
    position: relative;
	background: url(../../images/bg_slider.png) no-repeat top left;
}

.scroll {
    height: 207px;
    width: 770px;
    overflow: auto;
    overflow-x: hidden;
    position: relative;
    clear: left;
}

.scrollContainer div.panel {
    padding: 30px 20px;
    width: 770px;
}

.scrollContainer div#welcome {
	background: url(../../images/bg_welcome.png) no-repeat 20px 3px;
}

.scrollContainer div#video {
	background: url(../../images/bg_video.png) no-repeat 20px 25px;
}

.scrollContainer div#audio {
	background: url(../../images/bg_audio.png) no-repeat 3px 25px;
}

.scrollContainer div#webbuild {
	background: url(../../images/bg_webbuild.png) no-repeat 45px 20px;
}

.scrollContainer div#marketing {
	background: url(../../images/bg_marketing.png) no-repeat 35px 25px;
}

ul.navigation {
    list-style: none;
	height: 40px;
    margin: 0 0 0 3px;
	background: url(../../images/bg_slider_menu.png) no-repeat top left;
}

ul.navigation li {
    display: block;
	float: left;
	background: url(../../images/slider_sep.png) no-repeat left center;
	padding: 10px 10px 13px 14px;
}

ul.navigation li:first-child {
	background: none;
}

ul.navigation a {
	font-size: 140%;
	font-weight: bold;
    text-decoration: none;
	color: #EFEFEF;
	padding: 9px 0 12px 0;
}

/* Safari Hack */
@media screen and (-webkit-min-device-pixel-ratio:0) {

ul.navigation li {
	padding: 10px 13px 13px 17px;
}

ul.navigation a {
	font-weight: normal;
}

}

ul.navigation a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}

ul.navigation a.selected {
	color: #FFFFFF;
	background: url(../../images/bg_slider_selected.png) no-repeat center bottom;
}

ul.navigation a:focus {
    outline: none;
}

.scrollButtons {
    position: absolute;
    top: 110px;
    cursor: pointer;
	width: 36px;
	height: 36px;
	display: block;
}

.scrollButtons.left {
    left: -40px;
	background: url(../../images/scroll_left.png) no-repeat top left;
}


.scrollButtons.right {
    right: -40px;
	background: url(../../images/scroll_right.png) no-repeat top left;	
}

.scrollButtons.left:hover, .scrollButtons.right:hover {
	background-position: 0 -36px;
}

.hide {
    display: none;
}

#slider .panel h2 {
	font-size: 250%;
	font-weight: normal;
	color: #C90F15;
	line-height: 1.1;
	padding-left: 260px;
	width: 460px;
	margin-bottom: 10px;
}

#slider .panel p {
	color: #333333;
	font-size: 140%;
	line-height: 1.2;
	width: 460px;
	padding-left: 260px;
	margin-bottom: 10px;
}