*{
margin:0px;
padding:0px;
}
img{border:0px}
html{
width:100%;
height:100%;
}
body{
width:995px;
height:100%;
margin:0 auto;
top: 0px;
}
html > body{
min-height:100%;
height:auto
}
#header{
background-image:url(images/banner2.jpg);
background-position:top left;
background-repeat:repeat-x;
padding:29px 0 0 55px;
height:108px
}
#menu{
background-color:#999;
background-position:top left;
background-repeat:repeat-x;
height:29px;
}
#menu li{
list-style-type:none;
float:left;
width:199px;
height:29px;
background-position:0px 0px;
background-repeat:no-repeat;
}
#menu img{
float:left;
}
#below-header{
height:215px;
}
#wrapper{
	width:995px;
	font-family:Arial;
	font-size:11px;
	color:#333333;
	display:table;
}
#big-column{
	width:450px;
	float:left;
	display: inline;
	margin-right:28px;
	margin-top: 0px;

	margin-bottom: 0;
	margin-left: 20px;
}

#big-column p, .about p{
padding:17px 0 0 0
}
.title{
padding:17px 0 0 0
}

#big-column p img{
float:left;
margin:0 25px 25px 2px
}

#small-column{
	width:496px;
	float:left;
	font-size: 18px;
	color: #999;
}

#special{
width:493px;
float: right;
background-color:#D7E1C9;
padding:0 0 65px -5px;;
margin:0 0 65px -5px;
height:245px;
}

#special p{
	width:285px;
	display:block;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 20px;
}
#special img{
float:left;
margin: 5px 0 0 19px;
}
.offer{
margin:0 0 0 22px;
float:left;
display:inline
}
.offer ul{
width:452px;
margin:25px;
}
.offer li, .services li{
list-style-type:none;
background-image:url(images/arrow.gif);
background-position:0px 3px;
background-repeat:no-repeat;
line-height:20px;
padding:0 25px 0 28px;
width:170px;
float:left
}
.offer a, .services a{
color:#666666;
text-decoration:underline
}
.offer a:visited, .services a:visited{text-decoration:underline}
.offer a:hover, .services a:hover{text-decoration:none}
#footer{
	width:995px;
	background-image:url(images/footerbg.gif);
	background-position:top left;
	background-repeat:repeat-x;
	font-family:Arial;
	font-size:11px;
	color:#D7E1C9;
	text-align:center;
	padding:10px 0;
	line-height:18px;
	position:absolute;
	bottom:-660px;
	left:11px;
}
#footer a{
color:#D7E1C9;
text-decoration:none;
margin:0 7px
}
#footer a:visited{text-decoration:none}
#footer a:hover{text-decoration:underline}
#footer .bft{
color:#78B624;
text-decoration:none;
margin:0 2px
}
#footer .bft:visited{text-decoration:none}
#footer .bft:hover{text-decoration:underline}

.news{
width:200px;
float: left;
margin:18px 0 0 21px;
display:inline;
}
.news p{
display:block;
padding:19px 0 0 0
}
.news span{
display:block;
width:68px;
text-align:center;
color:#ffffff;
font-weight:bold;
background-color:#6C9538;
padding:2px 0;
margin:0 0 5px 0
}
.news a{
display:block;
color:#1C5574;
text-decoration:underline;
margin:5px 0 0 0
}
.news a:visited{text-decoration:underline}
.news a:hover{text-decoration:none}
.about{
width:452px;
float:left;
margin:18px 0 0 51px;
display:inline;
}
.services{
width:203px;
float:left;
margin:18px 0 0 60px;
display:inline;
}
.services ul{
width:203px;
margin:25px 0 0 0
}
.services li{
padding:0 0 0 28px;
}
#wrapper .about ul li {

}

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}


.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 10;
left: 60px; /*position where enlarged image should offset horizontally */
}
