/* CSS Document */
/* 07 March 2008 */
/*White Fox & Jones Lawyers */
/* Written by hairyLemon Media Solutions */

body {
text-align:center;
padding: 0px;
margin: 0px;
background-image:url(../images/bg.gif);
background-repeat:repeat;
background-position:top left;
}

#headtexture {
background-image: url(../images/headerBg.gif);
background-repeat:repeat-x;
background-position: top left;
width: 100%;
height: 140px;
}
		
/*-------- puts site in center of browser ---------*/
	
#frame {
width:983px;
margin: 0px auto 0px auto;
padding:0px;
text-align:left;
}
		
		
/*-------- header ---------*/
	
#header {
padding: 0px;
margin: 0px 0px 0px 0px;
}

#logo {
float: left;
width: 300px;
height: 77px;
padding: 0px 0px 0px 0px;
margin: 10px 0px 0px 20px;
display: inline;
}

#image {
background-image: url(../images/headerStones.jpg);
background-position: top left;
background-repeat:no-repeat;
width: 984px;
height: 70px;
clear: both;
}

		
/*-------- navigation ---------*/

#nav{
float:right;
margin:12px 15px 0 0;
padding:0;
font: 11px/14px Arial, Helvetica, sans-serif;
color: #ffffff;
text-align: left;}

#nav ul{
margin:0;
padding:0;}

#nav li{
float:left;
display: inline;
margin: 0px;
padding: 50px 0 11px 0;
color:#FFFFFF;}

#nav a:link, #nav a:visited{
margin: 0px;
padding: 30px 10px 11px 10px;
color:#FFFFFF;
text-decoration:none;
font-weight: bold;
}

#nav a:hover{
margin: 0px;
font-weight: bold;
padding: 30px 10px 11px 10px;
color:#FFFFFF;
text-decoration:none;
background-image: url(../images/hover.gif);
background-position: bottom left;
background-repeat: repeat-x;}
	
		
/*-------- content ---------*/
	
#contentarea {
padding: 0px;
margin: 0px;
background-color: #fff;
width: 983px;
}	
	
#contentleft {
width: 192px;
padding:40px 0px 40px 0px;
margin: 0px 40px 0px 60px;
float:left;
font:11px Arial, Helvetica, sans-serif;
color: #5c4738;
display: inline;
}

#contentleft h2 {
padding:0px;
margin: 0px;
font:16px Arial, Helvetica, sans-serif;
color: #5c4738;
font-weight: bold;
}

#contentright {
width: 603px;
padding:40px 20px 40px 20px;
margin: 0px 0px 0px 0px;
float:left;
font:11px/13px Arial, Helvetica, sans-serif;
color: #5c4738;
display:inline;
}

#contentright a:link, #contentright a:visited, #contentright a:hover {
font:11px Arial, Helvetica, sans-serif;
text-decoration:underline;
color: #5c4738;
}

#contentright .intro {
font:14px/18px Arial, Helvetica, sans-serif;
color: #776f6a;
}

#contentright h1{
font:18px Arial, Helvetica, sans-serif;
background-image:url(../images/header1img.gif);
background-repeat:no-repeat;
background-position: top left;
color: #5c4738;
font-weight: bold;
padding: 5px 0px 0px 20px;
margin: 0px 0px 15px 0px;
}

#contentright h2{
font:12px Arial, Helvetica, sans-serif;
color: #5c4738;
font-weight: bold;
padding: 0px 0px 5px 0px;
margin: 0px 0px 0px 0px;
}

.line{
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
border-bottom: 1px dotted #776f6a;
}

#contentright ul {
padding: 0px 0px 0px 17px;
margin: 0px;
}

#contentright ul li {
padding: 0px 0px 3px 0px;
margin: 0px;
list-style-image:url(../images/bullet.gif);
}

#contentright ol li{
list-style: none;}
		
		
		
/*-------- footer ---------*/
	
#footer {
clear:both; 
width: 983px;
height: 69px;
padding:0px;
margin:0px;
font:10px Arial, Helvetica, sans-serif;
color: #fff;
background-image:url(../images/footerBg.gif);
background-repeat: no-repeat;
}

#footertxt {
padding:15px 0px 0px 15px;
margin: 0px 0px 0px 0px;
font:10px/14px Arial, Helvetica, sans-serif;
color: #fff;
width: 700px;
float: left;
display: inline;
}

#footertxt a:link, #footertxt a:visited, #footertxt a:hover  {
padding:0px;
margin: 0px 0px 0px 0px;
font:10px Arial, Helvetica, sans-serif;
color: #fff;
text-decoration:underline;
}

#footertxtright {
width: 200px;
float:right;
display:inline;
padding:15px 15px 0px 0px;
margin: 0px 0px 0px 0px;
text-align: right;
}

#footertxtright a:link, #footertxtright a:visited, #footertxtright a:hover  {
padding:0px;
margin: 0px 0px 0px 0px;
font:10px Arial, Helvetica, sans-serif;
color: #fff;
text-decoration:none;
}