/* 
Frank O. Brown estate planning web site style sheet
Written by Rick Whittington
Rick Whittington Consulting LLC
http://www.rickwhittington.com
Last modified on January 15, 2007
 */

/* Zero out margin and padding */
ul, li, a, img, body {margin: 0; padding: 0;}

img {border: 0;}

/* Body and container properties, center the layout */
body {background: url(images/pattern.gif); margin: 15px auto 0; text-align: center; font-family: Trebuchet MS, Myriad Web, Myriad, Arial, Helvetica, Sans-Serif; font-size: 0.8em; line-height: 1.5em;}

#container {margin: 0 auto; width: 750px;}

#header {width: 750px;}

/* Primary navigation bar properties */
#navbar {background-color: #edecdf; height: 30px; overflow: hidden;}
	ul#nav {list-style: none; float: right;}
	ul#nav a {background: url(images/navbar.gif) 0 0 no-repeat; display: block; height: 0 !important; width: 114px; height:/**/30px; padding: 35px 0 0; margin: 0; overflow: hidden; text-indent: -9000px; float: left;}
	ul#nav li {margin: 0; padding: 0; display: inline;}
		
		/* Primary navigation 'off' states */
		ul#nav li#home a {background-position: 0 0; left: 0;}
		ul#nav li#about a {background-position: -114px 0;}
		ul#nav li#why a {background-position: -228px 0;}
		ul#nav li#expect a {background-position: -342px 0;}
		ul#nav li#resources a {background-position: -456px 0;}
		ul#nav li#contact a {background-position: -570px 0;}
		
		/* Primary navigation 'on' states */
		ul#nav li#home a:hover {background-position: 0 -30px;}
		ul#nav li#about a:hover {background-position: -114px -30px;}
		ul#nav li#why a:hover {background-position: -228px -30px;}
		ul#nav li#expect a:hover {background-position: -342px -30px;}
		ul#nav li#resources a:hover {background-position: -456px -30px;}
		ul#nav li#contact a:hover{background-position: -570px -30px;}
		
		
#logoblock {background-color: #dad8c1; width: 735px; height: 64px; /*overflow: hidden;*/ padding: 12px 0 0 15px;}
	#logo {background: #dad8c1 url(images/logo.gif) top left no-repeat; height: 50px;}
	#logo h1, #logo p {overflow: hidden; text-indent: -9000px; padding: 0; margin: 0;}
	
#body {background-color: #fff; text-align: left; padding: 0; margin: 0; width: 750px; height: 308px; overflow: hidden;}

#content-main {width: 315px; padding: 12px 15px 0 15px; margin: 0; float: left; background-color: #fff; line-height: 1.2em;}
	h2#siteheading {background: #fff url(images/hdr_home_va_estate_pln.gif) top left no-repeat; overflow: hidden; text-indent: -9000px; height: 12px; padding: 0; margin: 0;}
	h2#testimonialheading {background: #fff url(images/hdr_home_testimonial.gif) top left no-repeat; overflow: hidden; text-indent: -9000px; height: 12px; padding: 0; margin: 0;}
	div.testimonial {background: url(images/endquote.gif) bottom right no-repeat; margin: 15px 0 0 0;}
		div.startquote {background: url(images/startquote.gif) top left no-repeat;}
		div.quote {margin: -12px 25px 0; padding: 0 0 3px 0; font-size: 90%;}
#photo {float: left; width: 205px; background-color: #fff; margin: 0; padding: 0;}

#sec-nav {float: left; display: block; padding: 0; margin: 0; width: 200px; height: 100%; background: url(images/right_col_bg.gif) top left repeat-y;}
	ul#secnav {list-style: none;}
	ul#secnav a {background: url(images/right_nav.gif) 0 0 no-repeat; display: block; height: 0 !important; width: 200px; height:/**/38px; padding: 50px 0 0; margin: 0; overflow: hidden; text-indent: -9000px;}
	ul#secnav li {margin: 0; padding: 0; height:/**/38px; overflow: hidden;}
		
		/* Primary navigation 'off' states */
		ul#secnav li#plan a {background-position: 0 -1px;}
		ul#secnav li#appt a {background-position: 0 -39px;}
		ul#secnav li#call a {background-position: 0 -78px;}
		ul#secnav li#email a {background-position: 0 -111px;}

#footer {background-color: #008a8a; height: 72px; text-align: left; padding: 10px 10px 15px 15px; line-height: 1.2em;}
	#address {float: left; color: #fff; font-size: 0.9em;}
	#copyright {float: right; color: #fff; font-size: 0.9em; text-align: right; line-height: 1.2em;}
		#copyright a {color: #dad8c1;}
		#copyright a:hover {color: #fff;}