@charset "utf-8";

* { padding: 0; margin: 0;}
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	color: #FFFFFF;
}

.clearer { clear:both }
.staff { float:left; }


#wrapper > h1 {
	background-image: url(../images/h1.gif);
	height: 80px;
	width: 420px;
	text-indent: -9999px;
	float: left;
}
#content h1 {
color:#9DC3E0;
font-size:2.4em;
margin-bottom:30px;
}
h2 {
	color: #9DC3E0;
	font-size: 2em;
	font-weight: normal;
	letter-spacing: -0.05em;
	margin-bottom: 15px;
}
h3 {
	font-size: 1.4em;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #9DC3E0;
	margin-bottom: 6px;
}
h4 {
	font-size: 1.4em;
	margin-bottom: 4px;
	color: #9DC3E0;
}



p {
	font-size: 1.2em;
	margin-bottom: 12px;
}
a {
	color: #FFFFFF;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #FFFFFF;
}

a:hover {
	text-decoration: none;
	border-bottom-color: #006633;
}
ul {
	font-size: 1.2em;
	padding-left: 25px;
	padding-bottom: 12px;
}
li {
	margin-bottom: 4px;
}









#wrapper {
	width: 880px;
	margin: 0 auto;
	position: relative;
}
#homeContent {
	background-image: url(../images/home_main_bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 500px;
	width: 880px;
}
#content {
	width: 880px;
	background-repeat: no-repeat;
	background-position: left bottom;
}
#content.content1 {background-image: url(../images/content_bg_dog.jpg);}
#content.content2 {background-image: url(../images/content_bg_cat.jpg);}
#content.content3 {background-image: url(../images/content_bg_gpig.jpg);}
#content.content4 {background-image: url(../images/content_bg_rabbit.jpg);}


#innerContent {
	color: #658426;
	margin-left: 300px;
	padding-top: 38px;
	min-height:470px;
	height:auto !important;
	height:470px;

}

#footer {
	background-image: url(../images/footer_bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 10px;
	font-size: 0.8em;

}
#tel {
	float: right;
	margin-top: 47px;
	font-size: 2em;
	color: #89B134;
}
#homeDiv1 {
	height: 95px;
	width: 310px;
	position: absolute;
	left: 33px;
	top: 364px;
}
#homeDiv2 {
	height: 80px;
	width: 157px;
	position: absolute;
	left: 552px;
	top: 199px;
}
#homeDiv3 {
	height: 115px;
	width: 97px;
	position: absolute;
	left: 751px;
	top: 347px;
}
#homeDiv4 {
	height: 79px;
	width: 121px;
	position: absolute;
	left: 399px;
	top: 374px;
	color: #658426;
}
#homeDiv5 {
	height: 82px;
	width: 142px;
	position: absolute;
	left: 570px;
	top: 369px;
}
#homeDiv6 {
	height: 50px;
	width: 458px;
	position: absolute;
	left: 390px;
	top: 524px;
	color: #485E1C;
}
#centreMap {
	height: 670px;
	position: relative;
}






ul#nav {
	height: 30px;
	background-image: url(../images/nav/nav_bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
	clear: both;
	padding-left: 0;
}
ul#nav li {
float: left;
	display: inline;
	margin-bottom: 0;
}
ul#nav a {
	display: block;
	height: 30px;
	text-indent: -9999px;
	border-bottom-style: none;
	padding-bottom: 0px;
}

ul#nav li#nav1 a { width: 54px; }
ul#nav li#nav1 a:hover, ul#nav li#nav1 a#active { background-image: url(../images/nav/1.gif); }
ul#nav li#nav2 a { width: 58px; }
ul#nav li#nav2 a:hover, ul#nav li#nav2 a#active { background-image: url(../images/nav/2.gif); }
ul#nav li#nav3 a { width: 80px; }
ul#nav li#nav3 a:hover, ul#nav li#nav3 a#active { background-image: url(../images/nav/3.gif); }
ul#nav li#nav4 a { width: 76px; }
ul#nav li#nav4 a:hover, ul#nav li#nav4 a#active { background-image: url(../images/nav/4.gif); }
ul#nav li#nav5 a { width: 92px; }
ul#nav li#nav5 a:hover, ul#nav li#nav5 a#active { background-image: url(../images/nav/5.gif); }
ul#nav li#nav6 a { width: 93px; }
ul#nav li#nav6 a:hover, ul#nav li#nav6 a#active { background-image: url(../images/nav/6.gif); }
ul#nav li#nav7 a { width: 54px; }
ul#nav li#nav7 a:hover, ul#nav li#nav7 a#active { background-image: url(../images/nav/7.gif); }
ul#nav li#nav8 a { width: 104px; }
ul#nav li#nav8 a:hover, ul#nav li#nav8 a#active { background-image: url(../images/nav/8.gif); }
ul#nav li#nav9 a { width: 115px; }
ul#nav li#nav9 a:hover, ul#nav li#nav9 a#active { background-image: url(../images/nav/9.gif); }
ul#nav li#nav10 a { width: 78px; }
ul#nav li#nav10 a:hover, ul#nav li#nav10 a#active { background-image: url(../images/nav/10.gif); }
ul#nav li#nav11 a { width: 76px; }
ul#nav li#nav11 a:hover, ul#nav li#nav11 a#active { background-image: url(../images/nav/11.gif); }




.ra {
	float: left;
	color: #94B84C;
	padding-top: 4px;
}
.copy {
	float: right;
	height: 20px;
	width: 170px;
	background-image: url(../images/copy.gif);
	text-indent: -9999px;
}
#footer a {	color: #94B84C;}
#tel p {margin-bottom: 0;}
.subNav {
	position: absolute;
	left: 545px;
	top: 122px;
	color: #9DC3E0;
	width: 344px;
}
.subNav a {
	color: #9DC3E0;
	text-decoration: none;
	margin-right: 4px;
	margin-left: 4px;
}
.subNav a:hover {	color: #658426;}

#innerContent img {
	float: left;
	padding: 4px;
	border: 1px solid #BFD591;
	margin-right: 10px;
	clear: left;
	margin-bottom: 10px;
}
#innerContent a {
	border-bottom-color: #9CC3E0;
	color: #74ABD3;
}
#innerContent a:hover {
	border-bottom-color: #84AB32;
	color: #306A96;
}
.normalImage {
	float: none;
	clear: none;
	margin: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}