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

/* RESET 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 */
p {margin: 0;}


/* ---------------------------------- */
/* layout*/
body {background-color:#31523D; font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; color:1B1813; line-height:19px;}
#wrapper {width:850px; height:100%;  background-color:#f9f8f3; margin:0 auto;}
h1.header {width:315px;height:111px;  background:url(images/logo.jpg) no-repeat;}
h1.header span{display: block; width: 0; height: 0; overflow:hidden;}

h6.telephone {width:440px;height:51px;  background:url(images/telephone.jpg) no-repeat; float:right; margin-top:50px;}
h6.telephone span{display: block; width: 0; height: 0; overflow:hidden;}

h2 {color:#98543d; font-weight:bold; font-size:14px;}
h2 span {padding-left:100px; font-size:20px; padding-top:30px;}
h3 {color:#728043; font-weight: bold; text-indent:-10px;}
h5 span {padding-left:25px; font-size:20px; padding-top:20px;}
#packageicons {width: 69px; Height: 446px; float:left; margin-top: 20px; margin-left:15px;}
#packageicons img {padding-bottom:138px;}
#packagedescription {width: 300px; margin-left:50px; margin-top:20px;}
#areadescription {width: 400px; margin-left:0px; height:100%;}
#areadescription img {padding-left:15px;}
h4 {color:#7C7D78;}
.footer {color:#D2D0C1;}
.contactdetails {color:#797671;}
a {color:#797671; text-decoration:none;}
a:hover {color:#62B346; text-decoration:underline;}

#introduction {width:850px; height:300px; background:url(images/mainimage.jpg) no-repeat; clear:both;}
#servicepage {width:850px; height:300px; background:url(images/servicesimage.jpg) no-repeat; clear:both;}
#benefitspage {width:850px; height:300px; background:url(images/benefitsimage.jpg) no-repeat; clear:both;}

#contactpage {width:850px; height:300px; background:url(images/contactimage.jpg) no-repeat; clear:both;}
#introtext {width:400px; height:250px; margin-left:420px; padding-top: 20px;}
#maintext {width:378px; height:100%; padding:14px;}
#contactform {width:378px; height:100%; padding:14px 0 150px 0;}
#packages {width:422px; height: 446px; float: right; margin-top: 15px;}
#areas {width:422px; height: 100%; float: right; margin-top: 15px; margin-bottom:100px;}
#prop {height:50px;}
#footer {width:832px; height:70px; background-color:#1b1813; bottom:0; padding: 40px 0 0 18px;}


/* Two column list - separate the list from surrounding elements */
ul
{
  margin: 20px 0 30px 2em;
  padding: 0;
}

ul 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 ul li
{
	position: relative;
}

/* horizontal position of each column */

ul li.column1 { margin-left: 2em; }
ul li.column2 { margin-left: 12em; }
ul 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 
ul li a
{
  display: block;
  width: 7em;
  text-decoration: none;
}
ul li a:hover
{
  color: #FFF; 
  background-color: #A52A2A;
}
.clear_left { clear:left; }
/*******************************************************/  


/* Navigation */
#navbar {
	position:relative;
	display:block;
	width:444px;
	height:40px;
	float: right;
	clear:right;
	overflow:visible;
	}
	

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

li#navhome a, li#navservices a, li#navbenefits a, li#navcontact a {background:url(images/nav.jpg); }

/*  
Measurements for the nav image replacement:

	The distance from the top to the...

	initial state = 0
	rollover state = 40px
	selected state = 40px

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

	home button = 0
	services button = 93px
	benefits button = 204px
	contacts button = 324px


	The width of the...

	home button = 93px
	services button = 111px
	benefits button = 120px
	contacts button = 120px

	
*/

li#navhome a 						{ background-position:0 0; width:93px; left:0;}
li#navhome a:hover					{ background-position:0px -40px; }
body#home li#navhome a 			{ background-position:0px -40px; }

li#navservices a 						{ background-position:-93px 0px; width:111px; margin-left:93px;}
li#navservices a:hover					{ background-position:-93px -40px; }
body#services li#navservices a 			{ background-position:-93px -40px; }

li#navbenefits a 							{ background-position:-204px 0px; width:120px; margin-left: 204px;}
li#navbenefits a:hover						{ background-position:-204px -40px; }
body#benefits li#navbenefits a 					{ background-position:-204px -40px; }

li#navcontact a 					{ background-position:-324px 0px; width:120px; margin-left: 324px; }
li#navcontact a:hover				{ background-position:-324px -40px; }
body#contact li#navcontact a 	{ background-position:-324px -40px; }


/*services jquery

.menu_list {
	width: 400px; margin-bottom:400px;
}
.menu_head {
	padding: 5px 10px;
	cursor: pointer;
	position: relative;
	margin:1px;
       font-weight:bold;
      
}
.menu_body {
	display:none;
}
.menu_body a {
  display:block;
  color:#FF0000;

  padding-left:10px;
  font-weight:bold;
  text-decoration:none;
}
.menu_body a:hover {
  color: #ff0000;
  text-decoration:none;
}
*/

/*seasons table*/

table.stats
{text-align: left;
font-family:Georgia, "Times New Roman", Times, serif;


font-size: 13px;
color: #000;
width: 820px;
background-color: #f9f8f3;
border: 1px #1B1813 solid;
border-collapse: collapse;
border-spacing: 0px;}

table.stats td
{background-color: #f9f8f3;
color: #000;
padding: 15px;
text-align: left;
vertical-align:top;
margin-top:0; 
border: 1px #1B1813 solid;}

table.stats td.hed
{background-color: #f9f8f3;
color: #000;
padding: 15px;
text-align: right;
border-bottom: 1px #1B1813 solid;
font-size: 13px;
font-weight: bold;}

tr.d0 td {
	background-color: #f9f8f3; color: #000;
}
tr.d1 td {
	background-color: #d9d7c0; color: #000; text-align:left;
}
tr.d1top td {
	background-color: #728043; color: #fff; text-align:left; font-size:13px;
}

/*tooltip*/

div.tooltip {
	width: 200px;
	color: #fff;
	text-align: center;
}

div.tooltip h4 {
	color: #000;
	font-weight: bold;
	text-shadow: 2px 2px 1px #222;
	margin: 0;
	padding: 13px 10px 5px;

	font-size: 11px;
}

div.tooltip p {
	margin: 0;
	padding: 0 10px 15px;
	text-shadow: 2px 2px 1px #222;
	
	font-size: 10px;
}