body {
	margin: 0 auto;
	padding: 0;
	background-repeat: repeat;
	background-image: url(images/Im_backround2.gif);
	background-position: center;
}
#wrapper {
	text-align: left;
	margin: 0px auto;
	padding: 0px;
	border:0;
	border-style:solid;
	border-color:#ccc;
	width: 1000px;
}

#header {
	margin: 0 0 0px 0;
	background: white;
	height: 125px;
	
}
#tool {
	margin: 0 0 0px 0;
	background: white;
	height: 30px;
	background-image: url(images/toolback.jpg);
}

#side-a {
	float: left;
	width: 998px;
	height: 1200px;
	border:1; 
	border-width:0px;
	border-style:solid;
	border-color:#666;
}

#footer {
	clear: both;
	background: #FFFFFF;
	height: 20px;
	width: 1000px;

}
a								{ text-decoration: none; outline: none; }
a:hover                         {text-decoration: underline; color: #FF7200;}
a img							{ border: none; }

h2								{ font-family: Georgia, Serif; font-size: 36px; text-align: center; 
								  font-weight: normal; }

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

#slider							{ background: white url(images/slider-bg.jpg); height: 227px; overflow: hidden;
								  position: relative; margin: 0px 0 0 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: 940px; float: left; position: relative; }
.slide h1						{ font-family: Helvetica, Sans-Serif; font-size: 30px; letter-spacing: -1px;
								  color: #ac0000; }
.slide p						{ color: #333; font-size: 12px; line-height: 22px; width: 300px; }
.slide img						{ position: absolute; top: 20px; left: 400px; }
p                               { color: #333; font-size: 14px;  }