body {
	background-color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0px;
	color: #333;
}
.temp{
float:left;
width:245px;
margin-right:0px;
margin-left:0px;
margin-bottom:0px;
margin-top:2px;
}
.temphol{
	position:relative;
	width:245px;
	height:157px;
	overflow:hidden;
}
.temphol img {
position: absolute;
top: 7px; left: 0px;
}
.tempde{
background:url(images/tempde.jpg) repeat-x top;
width:245px;
height:158px;
}
.tempname{
float:left;
padding-left:0px;
padding-top:2px;
}
.thumb{
position:absolute;
top:2px;
left:0px;
width:245px;
height:158px;
overflow:hidden;
}

a								{ text-decoration: none; outline: none; }
a img							{ border: none; }

h2								{ font-family: Verdana; font-size: 20px; text-align: left; color: #4b5c72;
								  font-weight: lighter; }

#page-wrap						{ background: white; width: 690px; margin: 0; }

#slider							{ background: white url(../images/slider-bg.jpg); height: 227px; overflow: hidden;
								  position: relative; margin: 10px 0; }
								  
                                /* DEFAULT is for three panels in width, adjust as needed
                                   This only matters if JS is OFF, otherwise JS sets this. */								  
#mover							{ width: 2880px; position: relative; }

.slide							{
	padding: 40px 30px;
	width: 630px;
	float: left;
	position: relative;
	background-image: url(images/slider-bg.jpg);
}
.slide h1						{ font-family: Verdana; font-size: 20px; text-shadow:4px 4px 4px #aaa;
								  color: #4b5c72; font-weight: lighter; }
.slide p						{ color: #999; font-size: 20px; text-shadow:4px 4px 4px #ccc; line-height: 30px; width: 350px; }
.slide img						{
	position: absolute;
	top: 30px;
	left: 393px;
	width: 280px;
	height: 181px;
}
#slider-stopper					{ position: absolute; top: 1px; right: 20px; background: #28578d; color: white;
								  padding: 3px 8px; font-size: 10px; text-transform: uppercase; z-index: 1000; }