* {
	margin: 0;
	outline: 0;
	padding: 0;
}
.scroll-pane {
	width: 600px;
	height: 360px;
	overflow: auto;
	float: left;
}
a.jScrollArrowUp {
	background: url(../images/basic_arrow_up.gif) repeat-x 0 0;
}
a.jScrollArrowUp:hover {
	background-position: 0 -15px;
}
a.jScrollArrowDown {
	background: url(../images/basic_arrow_down.gif) repeat-x 0 0;
}
a.jScrollArrowDown:hover {
	background-position: 0 -15px;
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	background-position: 0 -30px;
}

.preview-web {
	float: left;
	height: 170px;
	width: 150px;
	margin: 10px 0 0 35px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.preview-web a {
	width: 150px;
	height: 150px;
	float: left;	
}
.preview-web p {
	color: #fff;
}
.preview-web a#img-01 {	background-image: url('../images/web-design/thumbs/picture-01.jpg'); }
.preview-web a#img-02 { background-image: url('../images/web-design/thumbs/picture-02.jpg'); }
.preview-web a#img-03 { background-image: url('../images/web-design/thumbs/picture-03.jpg'); }
.preview-web a#img-04 { background-image: url('../images/web-design/thumbs/picture-04.jpg'); }
.preview-web a#img-05 { background-image: url('../images/web-design/thumbs/picture-05.jpg'); }
.preview-web a#img-06 { background-image: url('../images/web-design/thumbs/picture-06.jpg'); }
.preview-web a#img-07 { background-image: url('../images/web-design/thumbs/picture-07.jpg'); }
.preview-web a#img-08 { background-image: url('../images/web-design/thumbs/picture-08.jpg'); }
.preview-web a#img-09 { background-image: url('../images/web-design/thumbs/picture-09.jpg'); }
.preview-web a#img-10 { background-image: url('../images/web-design/thumbs/picture-10.jpg'); }
.preview-web a#img-11 { background-image: url('../images/web-design/thumbs/picture-11.jpg'); }

.preview-web a#img-01:hover { background-image: url('../images/web-design/thumbs/picture-01-hover.jpg'); }
.preview-web a#img-02:hover { background-image: url('../images/web-design/thumbs/picture-02-hover.jpg'); }
.preview-web a#img-03:hover { background-image: url('../images/web-design/thumbs/picture-03-hover.jpg'); }
.preview-web a#img-04:hover { background-image: url('../images/web-design/thumbs/picture-04-hover.jpg'); }
.preview-web a#img-05:hover { background-image: url('../images/web-design/thumbs/picture-05-hover.jpg'); }
.preview-web a#img-06:hover { background-image: url('../images/web-design/thumbs/picture-06-hover.jpg'); }
.preview-web a#img-07:hover { background-image: url('../images/web-design/thumbs/picture-07-hover.jpg'); }
.preview-web a#img-08:hover { background-image: url('../images/web-design/thumbs/picture-08-hover.jpg'); }
.preview-web a#img-09:hover { background-image: url('../images/web-design/thumbs/picture-09-hover.jpg'); }
.preview-web a#img-10:hover { background-image: url('../images/web-design/thumbs/picture-10-hover.jpg'); }
.preview-web a#img-11:hover { background-image: url('../images/web-design/thumbs/picture-11-hover.jpg'); }



.preview-logo {
	float: left;
	height: 100px;
	width: 250px;
	margin: 15px 0 0 30px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.preview-logo a {
	width: 250px;
	height: 100px;
	float: left;	
}
.preview-logo p {
	color: #fff;
}
.preview-logo a#img-01 { background-image: url('../images/logo-design/thumbs/picture-01.jpg'); }
.preview-logo a#img-02 { background-image: url('../images/logo-design/thumbs/picture-02.jpg'); }
.preview-logo a#img-03 { background-image: url('../images/logo-design/thumbs/picture-03.jpg'); }
.preview-logo a#img-04 { background-image: url('../images/logo-design/thumbs/picture-04.jpg'); }
.preview-logo a#img-05 { background-image: url('../images/logo-design/thumbs/picture-05.jpg'); }
.preview-logo a#img-06 { background-image: url('../images/logo-design/thumbs/picture-06.jpg'); }
.preview-logo a#img-07 { background-image: url('../images/logo-design/thumbs/picture-07.jpg'); }
.preview-logo a#img-08 { background-image: url('../images/logo-design/thumbs/picture-08.jpg'); }
.preview-logo a#img-09 { background-image: url('../images/logo-design/thumbs/picture-09.jpg'); }
.preview-logo a#img-10 { background-image: url('../images/logo-design/thumbs/picture-10.jpg'); }
.preview-logo a#img-11 { background-image: url('../images/logo-design/thumbs/picture-11.jpg'); }
.preview-logo a#img-12 { background-image: url('../images/logo-design/thumbs/picture-12.jpg'); }
.preview-logo a#img-13 { background-image: url('../images/logo-design/thumbs/picture-13.jpg'); }
.preview-logo a#img-14 { background-image: url('../images/logo-design/thumbs/picture-14.jpg'); }
.preview-logo a#img-15 { background-image: url('../images/logo-design/thumbs/picture-15.jpg'); }
.preview-logo a#img-16 { background-image: url('../images/logo-design/thumbs/picture-16.jpg'); }
.preview-logo a#img-17 { background-image: url('../images/logo-design/thumbs/picture-17.jpg'); }
.preview-logo a#img-18 { background-image: url('../images/logo-design/thumbs/picture-18.jpg'); }
.preview-logo a#img-19 { background-image: url('../images/logo-design/thumbs/picture-19.jpg'); }
.preview-logo a#img-20 { background-image: url('../images/logo-design/thumbs/picture-20.jpg'); }
.preview-logo a#img-21 { background-image: url('../images/logo-design/thumbs/picture-21.jpg'); }
.preview-logo a#img-22 { background-image: url('../images/logo-design/thumbs/picture-22.jpg'); }
.preview-logo a#img-23 { background-image: url('../images/logo-design/thumbs/picture-23.jpg'); }
.preview-logo a#img-24 { background-image: url('../images/logo-design/thumbs/picture-24.jpg'); }
.preview-logo a#img-25 { background-image: url('../images/logo-design/thumbs/picture-25.jpg'); }

.preview-logo a#img-01:hover { background-image: url('../images/logo-design/thumbs/picture-01-hover.jpg'); }
.preview-logo a#img-02:hover { background-image: url('../images/logo-design/thumbs/picture-02-hover.jpg'); }
.preview-logo a#img-03:hover { background-image: url('../images/logo-design/thumbs/picture-03-hover.jpg'); }
.preview-logo a#img-04:hover { background-image: url('../images/logo-design/thumbs/picture-04-hover.jpg'); }
.preview-logo a#img-05:hover { background-image: url('../images/logo-design/thumbs/picture-05-hover.jpg'); }
.preview-logo a#img-06:hover { background-image: url('../images/logo-design/thumbs/picture-06-hover.jpg'); }
.preview-logo a#img-07:hover { background-image: url('../images/logo-design/thumbs/picture-07-hover.jpg'); }
.preview-logo a#img-08:hover { background-image: url('../images/logo-design/thumbs/picture-08-hover.jpg'); }
.preview-logo a#img-09:hover { background-image: url('../images/logo-design/thumbs/picture-09-hover.jpg'); }
.preview-logo a#img-10:hover { background-image: url('../images/logo-design/thumbs/picture-10-hover.jpg'); }
.preview-logo a#img-11:hover { background-image: url('../images/logo-design/thumbs/picture-11-hover.jpg'); }
.preview-logo a#img-12:hover { background-image: url('../images/logo-design/thumbs/picture-12-hover.jpg'); }
.preview-logo a#img-13:hover { background-image: url('../images/logo-design/thumbs/picture-13-hover.jpg'); }
.preview-logo a#img-14:hover { background-image: url('../images/logo-design/thumbs/picture-14-hover.jpg'); }
.preview-logo a#img-15:hover { background-image: url('../images/logo-design/thumbs/picture-15-hover.jpg'); }
.preview-logo a#img-16:hover { background-image: url('../images/logo-design/thumbs/picture-16-hover.jpg'); }
.preview-logo a#img-17:hover { background-image: url('../images/logo-design/thumbs/picture-17-hover.jpg'); }
.preview-logo a#img-18:hover { background-image: url('../images/logo-design/thumbs/picture-18-hover.jpg'); }
.preview-logo a#img-19:hover { background-image: url('../images/logo-design/thumbs/picture-19-hover.jpg'); }
.preview-logo a#img-20:hover { background-image: url('../images/logo-design/thumbs/picture-20-hover.jpg'); }
.preview-logo a#img-21:hover { background-image: url('../images/logo-design/thumbs/picture-21-hover.jpg'); }
.preview-logo a#img-22:hover { background-image: url('../images/logo-design/thumbs/picture-22-hover.jpg'); }
.preview-logo a#img-23:hover { background-image: url('../images/logo-design/thumbs/picture-23-hover.jpg'); }
.preview-logo a#img-24:hover { background-image: url('../images/logo-design/thumbs/picture-24-hover.jpg'); }
.preview-logo a#img-25:hover { background-image: url('../images/logo-design/thumbs/picture-25-hover.jpg'); }