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

/* -------------- generic styles ----------------*/

div,h1,h2,h3,h4,h5,h6,p,address,blockquote,span,ul,ol,li,di,dd,dt,img {
	margin: 0px;
	padding: 0px;
	border: none;
	}
	
html	{
	background: url(images/web-background.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	}
	
	
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100.01%;
	text-align: center;
 	}

a 	{
	border: none;
	color: #888;
		}
		
a:hover	{
	color:#174c83;
	}

p {
	font-family:Verdana, Geneva, sans-serif;
	font-size: 0.8em;
	line-height: 1.6em;
	color: #888;
	text-align: left;
	}
	
h1	{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1em;
	font-weight: bold;
	color: #0f3666;
	text-align: left;
	margin-bottom:10px;
	}
	
h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 0.8em;
	line-height: 1.4em;
	color: #b0911c;
	font-weight: bold;
	text-align: left;
	margin-top:5px;
	letter-spacing: 1px;
	}
		
.smbd	{
	font-size: 0.9em;
	font-weight: bold;
	}

#container	{
	width: 1042px;
	position: relative;
	margin: 0 auto;
	}
	
#wrapper {
	width: 960px;
	position: relative;
	margin: 0 auto;
	background-color:#fffce7;
	}
	
#header	{
	text-align:left;
	margin-left:60px;
	display: block;
	padding-top: 25px;
	}
	 
#header p	{
	font-size: 11px;
	color: #888;
	float:left;
	margin-top:37px;
	margin-left:15px;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-transform: uppercase;
	letter-spacing: .10em;
	}
	
/* -------------------------- nav styles -----------------------*/
#nav	{
	margin: 40px 0 20px 60px;
	float:left;
	clear:both;
	width:362px;
}

ul	{
	list-style:none;
	float:left;
	}

li	{
	display:block;
	}

#nav ul a {
	display:block;
	}
	
/*---------------------------active----------------------------*/	
#nav ul a.guardian	{
	background: url(images/guardianStatic.png) no-repeat;
	height:186px;
	}

#nav ul a.faqs {
	background: url(images/faqsStatic.png) no-repeat;
	height:59px;
	}
	
#nav ul a.about {
	background: url(images/aboutStatic.png) no-repeat;
	height:194px;
	}
	
#nav ul a.probates	{
	background: url(images/probatesStatic.png) no-repeat;
	height:96px;
	}

#nav ul a.what-people {
	background: url(images/what-peopleStatic.png) no-repeat;
	height:117px;
	}
	
#nav ul a.practice-areas {
	background: url(images/practice-areasStatic.png) no-repeat;
	height:162px;
	}
	
#nav ul a.wills-trusts	{
	background: url(images/wills-trustsStatic.png) no-repeat;
	height:161px;
	}

#nav ul a.contact {
	background: url(images/contactStatic.png) no-repeat;
	height:84px;
	}

/*-----------------------rollover--------------------------*/	
#nav ul a.guardian:hover	{
	background: url(images/guardianRollover.png) no-repeat;
	height:186px;
	}

#nav ul a.faqs:hover {
	background: url(images/faqsRollover.png) no-repeat;
	height:59px;
	}
	
#nav ul a.about:hover {
	background: url(images/aboutRollover.png) no-repeat;
	height:194px;
	}
	
#nav ul a.probates:hover	{
	background: url(images/probatesRollover.png) no-repeat;
	height:96px;
	}

#nav ul a.what-people:hover {
	background: url(images/what-peopleRollover.png) no-repeat;
	height:117px;
	}
	
#nav ul a.practice-areas:hover {
	background: url(images/practice-areasRollover.png) no-repeat;
	height:162px;
	}
	
#nav ul a.wills-trusts:hover	{
	background: url(images/wills-trustsRollover.png) no-repeat;
	height:161px;
	}

#nav ul a.contact:hover {
	background: url(images/contactRollover.png) no-repeat;
	height:84px;
	}
/*------------------------current---------------------------*/

#nav ul li.current a.guardian	{
	background: url(images/guardianCurrent.png) no-repeat;
	height:186px;
	cursor: default;	
	}

#nav ul li.current a.faqs {
	background: url(images/faqsCurrent.png) no-repeat;
	height:59px;
	cursor: default;	
	}
	
#nav ul li.current a.about {
	background: url(images/aboutCurrent.png) no-repeat;
	height:194px;
	cursor: default;	
	}
	
#nav ul li.current a.probates	{
	background: url(images/probatesCurrent.png) no-repeat;
	height:96px;
	cursor: default;	
	}

#nav ul li.current a.what-people {
	background: url(images/what-peopleCurrent.png) no-repeat;
	height:117px;
	cursor: default;	
	}
	
#nav ul li.current a.practice-areas {
	background: url(images/practice-areasCurrent.png) no-repeat;
	height:162px;
	cursor: default;	
	}
	
#nav ul li.current a.wills-trusts	{
	background: url(images/wills-trustsCurrent.png) no-repeat;
	height:161px;
	cursor: default;	
	}

#nav ul li.current a.contact {
	background: url(images/contactCurrent.png) no-repeat;
	height:84px;
	cursor: default;	
	}
/* --------------- home content styles ---------------------*/

#homeContent	{
	float:left;
	width:500px;
	margin-top: 55px;
	margin-bottom: 20px;
	padding-left: 25px;
	padding-top:125px;
}
	
#homeContent h1	{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.5em;
	color: #335479;
	text-align: center;
	font-weight: normal;
	line-height: 1.4em;
	}
	
.clear	{
	clear:both;
}	

/* -------------------- content-top styles ----------------------*/

#content-top	{
	float:left;
	width:450px;
	margin-top: 55px;
	padding-left: 25px;
}

.quote	{
	font-family: Verdana, Geneva, sans-serif;
	line-height: 1.4em;
	color: #888;
	padding-bottom:10px;
	font-style: italic;
	}
	
	
/* -------------------- content styles ----------------------*/

#content	{
	float:left;
	width:375px;
	margin-top: 10px;
	margin-bottom: 20px;
	padding-left: 65px;
}
	
#content p {
	font-family: Verdana, Geneva, sans-serif;
	line-height: 1.4em;
	color: #888;
	padding-bottom:10px;	
	}
	
#content ul	{
	margin-bottom:10px;
	}

#content li	{
	font-family:Verdana, Geneva, sans-serif;
	font-size: 0.8em;
	text-align: left;
	color: #888;
	margin-bottom:4px;
	display: list-item;
	list-style-type: square;
	list-style-position: inside;
	width:375px;
	}	
.clear	{
	clear:both;}
	
.sig	{
	font-size: 0.75em;
	font-weight: bold;
	text-indent: 150px;
	display: block;
	padding-bottom:10px;
	padding-top:3px;
}
/* ---------------------- footer styles ---------------------*/
	
#footer	{
	clear:both;
	}
	
#footer p	{
	padding-top:10px;
	padding-left:8px;
	font-size: 11px;
	font-family: Georgia, "Times New Roman", Times, serif;
	}
/* ----------------- site design styles ---------------------*/

#kd	p	{
	font-size: 10px;
	color: #888;
	margin-left: 40px;
	margin-top:5px;
}

#kd	a:link, #kd a:visited	{
	text-decoration: underline;
	color: #888;
}

#kd	a:hover, #kd a:active	{
	text-decoration: none;
	color: #fffce7;
}