* {margin:0; padding:0}
body {font:11px/1.5 Verdana, Arial, Helvetica, sans-serif; background:#FFF; text-align:left}
#text {margin:50px auto; width:500px}
.hotspot {color:#900; padding-bottom:1px; border-bottom:1px dotted #900; cursor:pointer}

#tt {position:absolute; display:block; background:url(../images/tt_left.gif) top left no-repeat; }
#tttop {display:block; height:5px; margin-left:5px; background:url(../images/tt_top.gif) top right no-repeat; overflow:hidden}
#ttcont {display:block; padding:2px 12px 3px 7px; margin-left:5px; background:#FFF; border-right:1px #cccccc solid;}
#ttbot {display:block; height:6px; margin-left:5px; background:url(../images/tt_bottom.gif) top right no-repeat; overflow:hidden}
#page-wrap {
	margin: 20px;
	padding: 10px;
}

a.close {
	position: absolute;
	right: 10px;
	bottom: 10px;
	display: block;
	width: 20px;
	height: 21px;
	background: url(images/close_button.jpg);
	text-indent: -9999px;
}

.photo_slider_img {
	width: 318px;
	height: 200px;
	margin-bottom: 5px;
	overflow: hidden;
}

td {
	vertical-align: top;
}

.photo_slider {
	position: relative;
	width: 318px;
	height: 250px;
	padding: 10px;
	border: 1px solid black;
	overflow: hidden;
	margin: 25px 10px 10px 10px;
	background: white;
	float: left;
}

.info_area {
	display:none;
}

.more_info {
	display: block;
	width: 89px;
	height: 26px;
	background: url(images/moreinfo.jpg);
	text-indent: -9999px;
	cursor: pointer;
}