/* Removed because causes jump in project slider in IE7 */
#slider {
/*     width: 890px;
    margin: 0;
    position: relative;
 */
 	margin-top: 30px;
 }

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

.scrollContainer div.panel {
    z-index: 2;
    width: 890px;
    background: #5e5e5e url(/images/slider/projects_bg.jpg) top repeat-x;
}

.scrollContainer div.panel p {
	color: #F4F4F4;
	font-size: 13px;
	margin: 20px 10px 10px;
	padding: 0;
}

.scrollContainer div.full-list ul {
	list-style: none;
	float: left;
	margin: 0 20px 0 0;
	width: 260px;
}

.scrollContainer div.full-list ul li{
	list-style: none;
	font-size: 11px;
	margin: 0 0 6px;
	color: #F4F4F4;
}

.scrollContainer div.full-list ul li a{
	color: #F4F4F4;
	text-decoration: none;
	padding-bottom: 1px;
	border-bottom: 1px solid #a2a2a2;
}

.scrollContainer div.full-list ul li a:hover{
	border-bottom: 1px solid #F4F4F4;
}


#slider ul.navigation {
    list-style: none;
    margin: 0 !important;
    padding: 0;
    width: 890px;
}

#slider ul.navigation li a {
    
    cursor: pointer;
}

ul.navigation li {
    display: inline;
}

ul.navigation a {
    height: 27px;
    color: #f4f4f4;
    float: left;
    text-decoration: none;
	background: url(/images/slider/projects_tab_right.gif) no-repeat right 0;
	margin-right: 1px;
}

ul.navigation a b {
    height: 19px;
    float: left;
    padding: 8px 10px 0;
    font-weight: normal;
    font-size: 10px;
    text-transform: uppercase;
    text-decoration: none;
	background: url(/images/slider/projects_tab_left.gif) no-repeat left 0px;
}

ul.navigation a:hover {
	background: url(/images/slider/projects_tab_right.gif) no-repeat right -27px;
}

ul.navigation a:hover b{
	background: url(/images/slider/projects_tab_left.gif) no-repeat left -27px;
}

ul.navigation a.selected {
	background: url(/images/slider/projects_tab_right.gif) no-repeat right -54px;
}

ul.navigation a.selected b{
	background: url(/images/slider/projects_tab_left.gif) no-repeat left -54px;
}

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

.scrollButtons {
    position: absolute;
    top: 150px;
    cursor: pointer;
}

.scrollButtons.left {
    left: -20px;
}

.scrollButtons.right {
    right: -20px;
}

.hide {
    display: none;
}