img {border : 0;}
body {
	font-family : "Lucida Grande", "Lucida Sans Unicode", "bitstream vera sans", "trebuchet ms", "verdana";
	background-repeat : no-repeat;
	background-position : 0px;
	background-color : #ECDEBB;
}
#scroll {
	position : relative;
	height : 400px;
	overflow : hidden;
	width : 910px;
	background-image : url(../images4/planks.png);
	border : thick ridge #764d1f;
	padding-top : 135px;
	background-repeat: repeat;
}

#tools {
	width : 9999em;
	position : absolute;
	height : 420px;
	top: 20px;
}
.tool {
	float : left;
	width : 1000px;
	height : 420px;
	background-position : 0% 40px;
	left : 559px;
	background-repeat: no-repeat;
	padding-left: 10px;
	margin-left: 10px;
	color: #00F;
}

.details1 {
	position : absolute;
	top : 20px;
	right : 5px;
	font-size : 12px;
	color : #333;
	width : 670px;
	font-family : Verdana, Geneva, sans-serif;
	background-image : url(../images2/paper.jpg);
	background-repeat : repeat;
	height : 390px;
	margin-top : 0px;
	margin-right : 90px;
	border : thick ridge #764d1f;
	padding: 15px;
}

.details h3 {
color : #aba;
font-size : 15px;
margin : 0 0 -10px 0;
}
.demos {
	min-height:365px;
	width:200px;
	background-image: url(../images2/paper.jpg);
	background-repeat: repeat;
	padding-top: 0;
	padding-right: 25px;
	padding-bottom: 0;
	padding-left: 25px;
	float: right;
	margin-right: 120px;
	border: thick ridge #C60;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: italic;
	font-variant: small-caps;
	text-transform: capitalize;
	color: #300;
	font-weight: bold;
	height: 100px;
}
.demos h2 {
color : #065598;
font-size : 22px;
display : block;
padding : 10px 0;
}
.demos a {
color : #666;
font-size : 12px;
text-decoration : none;
}
.demos p {
margin : 0 0 4px;
padding : 2px 0 1px 22px;
}