body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:x-small;
	color: #666666;
    margin:50px 0; 
    padding:0;
	text-align:center;
}
.wraper{
	width: 775px;
	border: 2px solid #0135AD;
	background-color: #0135AD;
	margin: 0 auto;
	padding: 0;
	font-size: 110%;
}
.colour_strip {
	width: 100%;
	height: 14px;
	background: url(images/frontpin.gif) repeat-x 0px 5px;
	margin: 0;
	padding: 0;
}
.imagereplace { 
	margin: 0; 
	letter-spacing : -1000em;
}
h1.imagereplace { 
	width : 775px; 
	height :  206px; 
	background : url(images/fronttop.jpg) no-repeat; 
}
#nav {
    margin: 0 auto;
    padding: 2px 0;
	text-align: center;
	height: 1.4em;
	width: 100%;
}
#nav ul {
     margin: 0;
     padding: 0;
     list-style-type: none;
}
#nav ul li {
	display: inline;
}
#nav ul li a {
	padding: .2em 1em;
	margin: 0;
	color: #fff;
	font-variant:small-caps;
	text-decoration: none;
	white-space: nowrap;
}
#nav ul li a:visited {
	color: #fff;
}
#nav ul li a:hover {
	background-color: #F6E325;
	color: #0135AD;
}
#intro {background-color:#FFFFFF;text-align: center;}
#intro h2 {font-size: 240%;padding: 1em 0 .4em 0;margin: 0;color: #9CACCA;}
#intro ul {margin:0 0 0 90px;padding:0 0 1.1em 0;list-style-type: none;height: 112px;}
#intro ul li {float: left; margin:0 8px;}
#intro ul li.item1 {height: 112px;text-indent: -5000px;background: transparent url(images/thumbnails/homepage_carriage.jpg) no-repeat;}
#intro ul li.item2 {height: 112px;text-indent: -5000px;background: transparent url(images/thumbnails/homepage_premire.jpg) no-repeat;}
#intro ul li.item3 {height: 112px;text-indent: -5000px;background: transparent url(images/thumbnails/homepage_yardmate.jpg) no-repeat;}
#intro ul li.item4 {height: 112px;text-indent: -5000px;background: transparent url(images/thumbnails/homepage_fence.jpg) no-repeat;}
#intro ul li a {float: left;width: 133px;padding-top: 112px;}

#intro ul li a#carriage_house {background:transparent url(images/thumbnails/homepage_carriage_a.jpg) -133px -112px no-repeat;}
#intro ul li a#premier_series {background:transparent url(images/thumbnails/homepage_premire_a.jpg) -133px -112px no-repeat;}
#intro ul li a#yardmate_series {background:transparent url(images/thumbnails/homepage_yardmate_a.jpg) -133px -112px no-repeat;}
#intro ul li a#royal_fencing {background:transparent url(images/thumbnails/homepage_fence_a.jpg) -133px -112px no-repeat;}

#intro ul li a#carriage_house:hover {background-position: 0 0; z-index:50;}
#intro ul li a#premier_series:hover {background-position: 0 0; z-index:50;}
#intro ul li a#yardmate_series:hover {background-position: 0 0; z-index:50;}
#intro ul li a#royal_fencing:hover {background-position: 0 0; z-index:50;}