body {
	font-family: "Trebuchet MS", Verdana;
	font-size: 1em;
	background-image:url(./img/bkg3.jpg);
	background-position:center top;
	background-repeat:repeat-y;
	background-color:#f5f5f5;
	margin:0;
}

a:link, a:visited {
	text-decoration:none;
	color:darkgrey;
}

img {
	border:0px;

}

#center {
	margin-left:auto;
	margin-right:auto;
	width:600px;
	text-align:center;
	display:none;
	padding-top:100px;
}

.bar {
	display:block;
	margin:0;
	padding-top:5px;
	padding-bottom:5px;
	margin-bottom:20px;
	background-color:white;

}

#footer {
	font-size:0.7em;
	position:fixed;
	vertical-align:baseline;
	margin-left:auto;
	margin-right:auto;
	bottom: 0;
	padding:0;
	margin-bottom:10px;
	text-align: center;
	width:100%;
}

#portfolio {
	display:block;
	margin-left:auto;
	margin-right:auto;
	height:100px;
	width:368px;
}

#portfolio img {
	width:148px;
	height:98px;
	border:1px solid black;
}

/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.scrollable {
	/* required settings */
	position:relative;float:left;
	overflow:hidden;
	height:inherit;
	width:308px;height:100px;
	margin-left:auto;
	margin-right:auto;border:0px solid red;
}
/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accommodate scrollable items.
	it's enough that you set width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
}

/*
	a single item. must be floated in horizontal scrolling.
	typically, this element is the one that *you* will style
	the most.
*/
.items div {float:left;width:308px;margin:0;padding:0;border:0px solid red;}
.items div a {display:block;float:left;margin:0px 4px 0px 0px;padding:0;width:150px;}

.prev {float:left;width:30px;border:0px solid red;display:block;height:inherit;background:transparent url(./img/arrow_left.gif) no-repeat left 50%;}
.next {float:left;width:30px;border:0px solid blue;display:block;height:inherit;background:transparent url(./img/arrow_right.gif) no-repeat left 50%;}
