html {
    padding: 0px;
	margin: 0px;
}

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
    padding: 0px;
	margin: 0px;
	background-color: #D6D6D6;
	background-image: url(images/bg.png);
	background-repeat: repeat-x;
	a color: #000000;
}

div.wrapper {
    height:100%; 
	width:780px; 
	margin-left:auto; 
	margin-right:auto; 
	padding:0px;
}

.thumb {
	border: 2px solid #222222; 
	margin: 3px;
}

#header {
    height: 130px;
}

#navigation {
    height:48px; 
	width:780px;
}

#navtop {
    height: 9px;
	width:780px;
	margin-left:auto;
	margin-right:auto;
}

#navmain {
    height: 39px;
	width:780px;
}

#content {
    height: auto; 
	width:780px; 
	background:url(images/bg2.png) repeat-y center; 
	margin-left:auto; 
	margin-right:auto;
}

#content2 {
	background:url(images/bg3.png) no-repeat top; 
    padding: 20px;
}

#footertop {
    height: 7px;
	width: 780px;
	float:inherit;
}

#footer {
    height:33px; 
	width:760px; 
	background:url(images/bottom.png); 
	padding-left:20px;
	vertical-align: middle;
	color:#FFFFFF;
	clear:both;
}

.services {
    width: 120px;
	border: 2px solid #333333;
	background: #999999;
}

.style1 {
	font-size: 16px;
	font-weight: bold;
}

     /* This is for the image slideshow */
	 
.flashclass{ /*sample CSS class added to image slideshow container*/
width: 720px; /*a width should be defined for transition to work*/
border: 2px solid #333333;
padding: 3px;
background-color:#333333;
}

.flashclass img{
border-width: 0;
}

#slideshow {
    width: 720px;
    margin-left:auto;
    margin-right:auto;
    background-color:#333333;
	border: 2px solid #333333;
	padding: 3px;
}

#slideshow2 {
    width: 250px;
    margin-left:auto;
    margin-right:auto;
    background-color:#333333;
	border: 2px solid #333333;
	padding: 3px;
}