/* Sample 1*/

.sample {
position: relative;
margin: 0 0 20px 0;
width: 940px;
height: 250px;
}

body#portfolio div.sample {
margin: 0 0 40px 0;
}

body#home .sample {
margin: 0;
}

body#home .sample {
clear: both;

}

#box1{
	position:absolute;
}
#box1 span{
	display:block;
	float:left;
}

.mask1{
	position:relative;
	width: 940px;
	height:250px;
	overflow:hidden;
}

#info5 {
bottom: 0;
}

.info {
background: #000000 none repeat scroll 0 0;
height: 50px;
position: absolute;
width:940px;
}

.pane {
position: relative;
display: block;
float: left;
width: 940px;
height: 250px;
}

div.projectInfo {
float: left;
width: 460px;
}

ul.projectDetails {
margin: 0 0 10px 0;
}

ul.projectDetails li {
margin: 0 0 5px 0;
}

ul.projectDetails li span {
width: 70px;
}

div.projectImage {
float: right;
}

div.projectImage a:hover img {
opacity: 0.8;
}

a#prev1 {
background: transparent url('images/slider/port/arrow_left.png') no-repeat scroll;
position: absolute;
left: -26px;
top: 132px;
text-indent: -9999px;
width: 16px;
height: 16px;
cursor: pointer;
}

a#next1 {
background: transparent url('images/slider/port/arrow_right.png') no-repeat scroll;
position: absolute;
right: -26px;
top: 132px;
text-indent: -9999px;
width: 16px;
height: 16px;
cursor: pointer;
}

/* Text */

div.pane ul{
font-size: 1.1em;
}

ul.projectDetails span {
font-weight: bold;
}