@charset "utf-8";
/* CSS Document */

/* Global reset-RESET */
/* The below restores some sensible defaults */

strong { font-weight: bold }
em { font-style: italic }
ol, ul, li { list-style:none }

* a { position:relative } /* Gets links displaying over a PNG background */
a { outline:none } /* Gets rid of Firefox's dotted borders */
a img { border:none } /* Gets rid of IE's blue borders */

/*layout*/


* {
     margin: 0;
}

html, body
{
height: 100%;
background:url(../images/WoodbgTile.jpg);
background-attachment:fixed;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#fffff7;
margin: 0;

}
p{padding-left:20px;
line-height:20px;
}

#wrapper
{
width:750px;
height:765px;
margin:0 auto;
background-image:url(../images/transparentbg.png);
background-repeat:repeat;
border: solid 1px;
border-color:#367233;
border-top:0px;
}
#header{
width:750px;
height:160px;
background-image:url(../images/header2.png);
background-repeat:no-repeat;
text-indent:-999px;

}
#navbar {
position:relative;
display:block;
	top:-7px;
	float:right;
	clear:right;
	padding-right:25px;
	width:370px;
	height:65px;
	overflow:visible;
}
#content1{
float:left;
margin-top:30px;

/*top:196px;*/
width:350px;
height:500px;
}
#content2{
float:right;
clear:right;
width:350px;
height:450px;
margin-top:25px
}

#slideshow{
position:relative;
top:10px;
width:323px;
height:299px;
padding-right:20px;
background-image:url(../images/slideshowbg.png);
background-repeat:no-repeat;
overflow:visible;
}
#slideshowpics{
display:block;
width:249px;
height:202px;
padding-top:35px;
padding-left:40px;
}
#callus{
float:right;
width:323px;
height:87px;
margin-top:35px;
margin-right:40px;

background-image:url(../images/callus.png);
background-repeat:no-repeat;
}
#footer
{
	width:750px;
	height:50px;
	margin:0 auto;
}
.footertext
{
text-align:center;
	padding:5px;
}
.footertext a
{
text-decoration:none;
color:#FFFFF7;
}
#form{
float:left;
margin-left:-25px;
margin-top:25px;
width:350px;
height:299px;
}
#mapload{
float:right;
clear:right;
margin-right:40px;
margin-top:20px;
width:350px;
height:400px;
}

/* NAVIGATION*/
/*navigation*/
ul#nav {
background:url(../images/navbg.jpg);
background-repeat:no-repeat; }
ul#nav li { list-style-type:none; margin: 0; padding: 0; float: left; width: 100%;}
ul#nav li a { height:53px; display:block; position:absolute; top:0; text-indent:-9999px; outline:none;}

li#navHome a, li#navContact a, li#navFind a { background:url(../images/navbg.jpg); }

/*  
Measurements for the nav image replacement:

The distance from the top to the...

	initial state = 0
	rollover state = 64px
	selected state = 128px

The distance from the far-left to the...

	Home button = 0
	Findus button = 246px
	Contactus button = 370px

The width of the...

	Home button = 123px
	Findus button = 123px
	Contctus button = 123px

*/

li#navHome a 						{ background-position:0 0; width:123px; left:0 }
li#navHome a:hover					{ background-position:0 -64px }
body#home li#navHome a 				{ background-position:0 -128px }

li#navContact a 						{ background-position:-123px 0; width:123px; left:123px }
li#navContact a:hover					{ background-position:-123px -64px }
body#Contact li#navContact a 				{ background-position:-123px -128px }

li#navFind a 					{ background-position:-246px 0; width:123px; left:246px }
li#navFind a:hover				{ background-position:-246px -64px }
body#Find li#navFind a 		{ background-position:-246px -128px }


/* END-NAVIGATION*/









h1{
font-size:14px;
color:#FA9807;
font-weight:bold;

padding:15px 5px 10px 20px;
}

h2{
padding:10px;
font-size:15px;
color:#367233;
font-weight:bold;
line-height:20px;
padding-top:5px;
padding-bottom:5px;
padding-left:20px;
}



/* Two column list - separate the list from surrounding elements */
ol
{
  margin: 0 0 1em 2em;
  padding: 0;
}

ol li
{
  /* Stipulate the height of each item so that 
  vertical return = items * height */

  line-height: 1.2em;

  /* Clear the default margins and padding 
  so we can style the list from scratch */

  margin: 0;
  padding: 0;
}

/* If li position is left static, Internet 
Explorer disables hyperlinks in the list 
in all but the final column.

This rule will be processed only by 
Internet Explorer because only IE believes 
that there’s a level above HTML: */

* html ol li
{
	position: relative;
}

/* horizontal position of each column */

ol li.column1 { margin-left: 2em; }
ol li.column2 { margin-left: 12em; }
ol li.column3 { margin-left: 20em; }

/* Bring the first item of each column 
back up to the level of item 1.
Vertical return = items * height.
Here, 5 items * 1.2em line-height = 6em */

li.reset
{
  margin-top: -6em;
}

 anchor styling 
ol li a
{
  display: block;
  width: 7em;
  text-decoration: none;
}
ol li a:hover
{
  color: #FFF; 
  background-color: #A52A2A;
}
.clear_left { clear:left; }
/*******************************************************/