/******* Content: Scrollable layer *******/

#slider {
    position: relative;
    width: 850px;
    margin: 35px auto 0;
    top: -50px;
    color: #FFF;
}

.scroll {
    height: 470px;
    width: 848px;
    overflow: auto;
    overflow-x: hidden;
    position: relative;
    top: 15px;
    clear: left;
    background-color: #FFF;
}

#nav-divider {
    position: relative;
    height: 40px;
    width: 100%;
    top: 50px;
    background-image: url("images/gradient.gif");
}

.scrollContainer div.panel {
    padding: 0px;
    height: 470px;
    width: 850px;
}

/******* Content: Scroll Buttons ********/

.scrollButtons {
    position: absolute;
    top: 50%;
    cursor: pointer;
}

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

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

/******* Content: Background Images for the divs *********/
#intro {
  background-image: url("images/hass_intro.jpg");
}
#about {
  background-image: url("images/hass_about.jpg");
}

#people {
  background-image: url("images/hass_people.jpg");
}

#practice {
  background-image: url("images/hass_practice.jpg");
}

#clients {
  background-image: url("images/hass_clients.jpg");
}

#gibraltar {
  background-image: url("images/hass_gibraltar.jpg");
}

#news {
  background-image: url("images/hass_news.jpg");
}

/*******  Content: Text Formating *********/

.scrollContainer a {
	color: #fff;
	font-size: 0.9em;
	font-weight: bold;
	text-decoration: none;
	border-bottom: 1px dotted #fff;
}

.scrollContainer h1 {
	font-size: 1.4em;
}
#text_intro {
	width: 820px;
	background: url(images/bg_slider.png);
	padding: 15px;
	text-align: right;
	margin-top: 240px;
	margin-right: 100px;
}
#text_top {
	width: 310px;
	padding: 15px;
	text-align: justify;
	margin-top: 20px;
	margin-left: 80px;
	color:#000000;
}
#text_intro_name {
	width: 210px;
	padding: 10px;
	float: right;
	text-align: left;
	margin-top: 165px;
	margin-left: 100px;
	font-size:.9em;
	color:#000000;
}
#text_about {
	width: 785px;
	background: url(images/bg_slider.png);
	padding: 15px;
	text-align: right;
	margin-top: 305px;
	margin-right: 100px;
}

#text_clients {
	width: 785px;
	background: url(images/bg_slider.png);
	padding: 15px;
	text-align: right;
	margin-top: 20px;
	margin-right: 100px;
}

#text_people {
	width: 785px;
	background: url(images/bg_slider.png);
	padding: 15px;
	float: right;
	text-align: left;
	margin-top: 340px;
	margin-left: 100px;
}

#text_gibraltar {
	width: 785px;
	background: url(images/bg_slider.png);
	padding: 15px;
	text-align: left;
	margin-top: 300px;
	margin-left: 100px;
}

#text_news {
	width: 785px;
	background: url(images/bg_slider.png);
	padding: 15px;
	text-align: right;
	margin-top: 330px;
	margin-right: 100px;
}

#text_practice {
	width: 785px;
	background: url(images/bg_slider.png);
	padding: 15px;
	text-align: left;
	margin-top: 280px;
	margin-left: 100px;
}