html, body, div { padding:0; margin:0; }

body {
  background-color:               #fff;
  background-image:               url(../images/nav_greengrad.gif);
  background-repeat:   			repeat-x;
  background-position:			top left;
	color:						#262626;
}
  
  
a:link {color:					#008065;
font-weight: bold;
}

a:visited {color:					#008065;
font-weight: bold;
}

a:hover {color:					#41ac48;
font-weight: bold;
}

#header a:link {color:					#fff;
}

#header a:hover {color:					#41ac48;
font-weight: bold;
}


#footer a:link {color:					#262626;
}

#footer a:visited {color:					#262626;
}

#footer a:hover {color:					#fe0569;
}

    
  
body h1 {
  	font-size:   			24px;
  	color:				#008065;
  	line-height:        	1.3;
	margin: 0;
    padding: 0;
    background-color: #fff;

  }
  
	p {
  font-size:   			14px;
  line-height:        	1.4;
  }
  
  	ul {
  font-size:   			14px;
  line-height:        	1.4;
  }
  

div {
	font-family:		sans-serif;
}


#container {
	width:        		900px;
	margin:             auto;
	margin-top: 		21px;
	min-height:			1000px;
}


#header {
    height:        		75px;
}


#logo {
    width:        		450px;
    height:        		75px;
	float:        		left;
}

#headcontact {
    width:        		450px;
	float:        		right;
	text-align:			right;
	color:				#fff;
	line-height:        1.5;
	vertical-align:		bottom;
	padding-top:		34px;
}

#navigation1 {
	width:        		900px;
	margin-top:        	20px;
	text-align:			left;
	height:				32px;
}

#navigation2 {
	width:        		900px;
	margin-top:        	8px;
	text-align:			left;
	height:				32px;
}


#navigation3 {
	width:        		900px;
	margin-top:        	8px;
	text-align:			left;
	height:				32px;
}

#navigationsub {
  	width:        		450px;
	height:				30px;
	margin-top:        	20px;
	margin-left: 		-10px;
	padding-left: 		10px;
  background-color:               #008065;
	background-repeat:   			repeat-x;
  	background-position:			top left;
}

#navigationsubfamily {
  	width:        		320px;
	height:				30px;
	margin-top:        	20px;
	margin-left: 		-10px;
	padding-left: 		10px;
  background-color:               #008065;
	background-repeat:   			repeat-x;
  	background-position:			top left;
}

#navigationsubproperty {
  	width:        		390px;
	height:				30px;
	margin-top:        	20px;
	margin-left: 		-10px;
	padding-left: 		10px;
  background-color:               #008065;
	background-repeat:   			repeat-x;
  	background-position:			top left;
}


img.slash { display:block; float:left; margin-left:8px; margin-right:8px; }

/* navigation rollovers */
#welcome
{ display:block; float:left; width:168px; height:32px;
background: url("../images/nav_welcome.gif") no-repeat 0 0; }
#welcome:hover
{ background-position:0-32px; }
#welcome span
{ position:absolute; top:-999em; }

#wills
{ display:block; float:left; width:303px; height:32px;
background: url("../images/nav_wills.gif") no-repeat 0 0; }
#wills:hover
{ background-position:0-32px; }
#wills span
{ position:absolute; top:-999em; }

#property
{ display:block; float:left; width:474px; height:32px;
background: url("../images/nav_property.gif") no-repeat 0 0; }
#property:hover
{ background-position:0-32px; }
#property span
{ position:absolute; top:-999em; }

#family
{ display:block; float:left; width:199px; height:32px;
background: url("../images/nav_family.gif") no-repeat 0 0; }
#family:hover
{ background-position:0-32px; }
#family span
{ position:absolute; top:-999em; }

#criminal
{ display:block; float:left; width:244px; height:32px;
background: url("../images/nav_criminal.gif") no-repeat 0 0; }
#criminal:hover
{ background-position:0-32px; }
#criminal span
{ position:absolute; top:-999em; }

#about
{ display:block; float:left; width:307px; height:32px;
background: url("../images/nav_about.gif") no-repeat 0 0; }
#about:hover
{ background-position:0-32px; }
#about span
{ position:absolute; top:-999em; }


/* navigation on states */
body.welcomepage #welcome { background-position: 0 -32px; }
body.willspage #wills { background-position: 0 -32px; }
body.propertypage #property { background-position: 0 -32px; }
body.familypage #family { background-position: 0 -32px; }
body.criminalpage #criminal { background-position: 0 -32px; }
body.aboutpage #about { background-position: 0 -32px; }
body.childpage #family { background-position: 0 -32px; }


/* sub navigation on states */
body.willspage #willsoverview { background-position: 0 -24px; }
body.elderlypage #willselderly { background-position: 0 -24px; }
body.elderlypage #wills { background-position: 0 -32px; }
body.familypage #familyoverview { background-position: 0 -24px; }
body.childpage #familychild { background-position: 0 -24px; }
body.childpage #family { background-position: 0 -32px; }
body.propertypage #propertyoverview { background-position: 0 -24px; }
body.commercialpage #propertycommercial { background-position: 0 -24px; }




/* sub navigation rollovers */
#willsoverview
{ display:block; float:left; width:131px; height:26px;
background: url("../images/sub_nav_overview.gif") no-repeat 0 0; }
#willsoverview:hover
{ background-position:0-24px; }
#willsoverview span
{ position:absolute; top:-999em; }

#willselderly
{ display:block; float:left; width:281px; height:26px;
background: url("../images/sub_nav_elderly.gif") no-repeat 0 0; }
#willselderly:hover
{ background-position:0-24px; }
#willselderly span
{ position:absolute; top:-999em; }

#familyoverview
{ display:block; float:left; width:131px; height:26px;
background: url("../images/sub_nav_overview.gif") no-repeat 0 0; }
#familyoverview:hover
{ background-position:0-24px; }
#familyoverview span
{ position:absolute; top:-999em; }

#familychild
{ display:block; float:left; width:150px; height:26px;
background: url("../images/sub_nav_child.gif") no-repeat 0 0; }
#familychild:hover
{ background-position:0-24px; }
#familychild span
{ position:absolute; top:-999em; }

#propertyoverview
{ display:block; float:left; width:174px; height:26px;
background: url("../images/sub_nav_residential.gif") no-repeat 0 0; }
#propertyoverview:hover
{ background-position:0-24px; }
#propertyoverview span
{ position:absolute; top:-999em; }

#propertycommercial
{ display:block; float:left; width:177px; height:26px;
background: url("../images/sub_nav_commercial.gif") no-repeat 0 0; }
#propertycommercial:hover
{ background-position:0-24px; }
#propertycommercial span
{ position:absolute; top:-999em; }


/* content columns */

#allcontent {
	margin-top: 60px;
}


/* welcome content */
#welcomeimage
{ margin: 0px; width: 440px; float: left; }

#welcometext
{ margin: 0px; width: 440px; float: left; margin-left:20px; }

/* wills content */
#willsimage
{ margin: 0px; width: 440px; float: left; }

#willstext
{ margin: 0px; width: 440px; float: left; margin-left:20px; }


/* contact bold */
.contact
{ font-size: 14px; line-height: 1.4; font-weight: bold; color: #008065;}



#footer {
	font-size: 12px;
	border-top: 1px dotted #cccccc;
	padding-top: 20px;
	margin-top: 20px;
	padding-bottom: 40px;
	}
	
#footer_copy {
	float: left;
}

#footer_logos {
	float: right;

}

.clear { clear:both; }