* {
				margin: 0;
				padding: 0;
}
body {
				font: 11px Helvetica, Arial, sans-serif;
}
#wrapper {
				width: 700px;
				margin: 0px auto;
}
#intro {
				padding-bottom: 10px;
}
#slider {
				width: 700px;
				height: 400px;
				margin: 0 auto;
				position: relative;
				border: 10px solid #555;
				background: #ccc;
}
.scroll {
				overflow: hidden;
				width: 700px;
				height: 400px;
				margin: 0 auto;
				position: relative;
}
.scrollContainer {
				position: relative;
}
.scrollContainer div.panel {
				padding: 10px;
				width: 200px; /*height: 250px;*/ /*width: 274px;*/;
				height: 280px;
}
#left-shadow {
				position: absolute;
				top: 0;
				left: 0;
				width: 12px;
				bottom: 0;
				background: url(../images/leftshadow.png) repeat-y;
}
#right-shadow {
				position: absolute;
				top: 0;
				right: 0;
				width: 12px;
				bottom: 0;
				background: url(../images/rightshadow.png) repeat-y;
}
.inside {
				padding: 10px;
				border: 1px solid #999;
				background: #f0f0f0;
}
.inside a img {
				display: block; /*border: 2px solid #666;*/;
				margin: 0 0 10px 0;
/*width: 250px;*/				width: 100px;
}
.inside h2 {
				font-weight: normal;
				color: #111;
				font-size: 16px;
				margin: 0 0 8px 0;
}
.inside p {
				font-size: 11px;
				color: #666;
}
.inside p a {
				font-size: large;
				color: #999;
				text-decoration: none;
				border-bottom: 1px dotted #ccc;
}
.inside p a:hover {
				border-bottom: 1px solid #999;
}
.scrollButtons {
				position: absolute;
				top: 127px;
				cursor: pointer;
}
.scrollButtons.left {
				left: -45px;
}
.scrollButtons.right {
				right: -45px;
}
.hide {
				display: none;
}