#intro {
    padding-bottom: 10px;
}



#slider {
    width: 923px;
		padding-top:40px;
    margin: 0 auto 100px auto;
    /*position: relative;*/
		/*border:1px solid red;*/
}

#slider h1{
				margin:0 0 30px 30px;
				font: 2.3em Georgia, serif;
	 			color:#444444;
}

.scroll {
    height: 280px;
    width: 923px;
    overflow: auto;
    overflow-x: hidden;
    position: relative;
    clear: left;
		z-index:1;
    background: #FFFFFF url(../images/panelbg.png) repeat-x left top;
}

.scroll p{
margin:8px 0 0 15px;
}


.scrollContainer div.panel {
    padding: 20px;
    height: 210px;
    width: 900px;
		text-align:center;
}

.scrollContainer div.panel h2 {
    padding: 0;
		font-size:1.8em;
		color:#87412e;
}

.scrollContainer div.panel h3 {
    margin-bottom: 14px;
    padding: 0;
		font-size:1.2em;
		color:#454545;
		font-weight:normal;
}

.scrollContainer div.panel img {
   padding:5px;
	 float:right;
	 margin:0 18px 0 0;
	 border:1px solid #adadad;
	 
}

ul.navigation {
    list-style: none;
    margin-bottom: 20px;;
    padding: 0;
    /*padding-bottom: 9px;*/
}

ul.navigation li {
    /*display: inline;*/
		float:right;
    margin:0 10px 10px 0;
}

ul.navigation a img{
    padding: 5px;
    color: #000;
    text-decoration: none;
}

ul.navigation a img{
		border:1px solid #adadad;
}

ul.navigation a:hover img{
    background-color: #eee;
		border:1px solid #87412e;
}

/*ul.navigation a.selected img{
    background-color: #adadad;
}*/

ul.navigation a.selected img{
    border:2px solid #87412e;
		background-color: #eee;
}

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

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

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

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

.hide {
    display: none;
}