a:link {text-decoration: none;}
a:active {text-decoration: none;}
a:visited {	text-decoration: none;}
a:hover {text-decoration: underline;}

img.img-right { 
	float:right; 
	margin:5px 0px 10px 10px; 
	}

/* ------------------------ font ------------------------ */

h1 {font-size: 28px; margin: 0px 0px; padding: 0px 0px; color: #000000; text-transform: normal; font-weight: bold; letter-spacing: 2px;font-family: Garamond;}
h2 {font-size: 22px; color: #0060AF;letter-spacing: 0px;font-family: Verdana; font-weight: bold;}
h3 {font-size: 20px; color: #033979;margin: 0px; padding: 0px;text-transform: normal; font-weight: bold;letter-spacing: 1px;font-family: Garamond; }
h4 {font-size: 13px; color: #2b49b3;margin: 0px; padding: 0px;text-transform: normal; font-weight: bold;letter-spacing: 0px;font-family: Verdana; }
h5 {font-size: 11px;margin: 0px; padding: 0px;text-transform: normal; font-weight: normal;letter-spacing: 1px;font-family: Verdana; }
h6 {font-size: 11px;margin: 0px; padding: 0px;text-transform: normal; font-weight: normal;letter-spacing: 2px;font-family: Verdana; }

body,td,th {font-family: Verdana;font-size: 12.5px;}




	
/* ------------------------ vertical sprite nav ------------------------ */

#nav {
	background:url("../images/nav.jpg") top left no-repeat;					
	width:169px;	/* Width of buttons, not entire image (or half of entire image) */
	height:230px;	 /* Height of entire image */
	margin:0;
	padding:0;
	}

#nav li span { display: none; }

#nav li { float:left; list-style:none; position:relative; }

#nav li, #nav a {
	height:18px;	/* Each button must have the same height, define it here */
	display:block;
	}

/* margin-top to set where the nav should begin */
#nav-01 { margin-top:8px; width:169px; }

/* margin-top if there is a spacing between each nav button */
#nav-02, #nav-03, #nav-04, #nav-05, #nav-06, #nav-07, #nav-08, #nav-09, #nav-10, #nav-11, #nav-12 { margin-top:0; width:169px; }

#nav-01 a:hover { background:url("../images/nav.jpg") -169px  -8px no-repeat; }
#nav-02 a:hover { background:url("../images/nav.jpg") -169px  -26px no-repeat; }
#nav-03 a:hover { background:url("../images/nav.jpg") -169px  -44px no-repeat; }
#nav-04 a:hover { background:url("../images/nav.jpg") -169px  -62px no-repeat; }
#nav-05 a:hover { background:url("../images/nav.jpg") -169px -80px no-repeat; }
#nav-06 a:hover { background:url("../images/nav.jpg") -169px -98px no-repeat; }
#nav-07 a:hover { background:url("../images/nav.jpg") -169px -116px no-repeat; }
#nav-08 a:hover { background:url("../images/nav.jpg") -169px -134px no-repeat; }
#nav-09 a:hover { background:url("../images/nav.jpg") -169px -152px no-repeat; }
#nav-10 a:hover { background:url("../images/nav.jpg") -169px -170px no-repeat; }
#nav-11 a:hover { background:url("../images/nav.jpg") -169px -188px no-repeat; }
#nav-12 a:hover { background:url("../images/nav.jpg") -169px -206px no-repeat; }

/*-------------- OPTIONAL - Keeps the hover state on each page based on body #id ------------- */
body#index #nav-01 { background:url("../images/nav_index.jpg") -0px  -8px no-repeat; }
body#about #nav-02 { background:url("../images/nav_about.jpg") -0px  -26px no-repeat; }
body#services #nav-03 { background:url("../images/nav_services.jpg") -0px  -44px no-repeat; }
body#experience #nav-04 { background:url("../images/nav_experience.jpg") -0px  -62px no-repeat; }
body#faq #nav-05 { background:url("../images/nav_faq.jpg") -0px -80px no-repeat; }
body#articles #nav-06 { background:url("../images/nav_articles.jpg") -0px -98px no-repeat; }
body#enewletter #nav-07 { background:url("../images/nav_enewsletter.jpg") -0px -116px no-repeat; }
body#links #nav-08 { background:url("../images/nav_links.jpg") -0px -134px no-repeat; }
body#privacy #nav-09 { background:url("../images/nav_privacy.jpg") -0px -152px no-repeat; }
body#contact #nav-10 { background:url("../images/nav_contact.jpg") -0px -170px no-repeat; }
body#testimonials #nav-11 { background:url("../images/nav_testimonials.jpg") -0px -188px no-repeat; }
body#mediation #nav-12 { background:url("../images/nav_mediation.jpg") -0px -206px no-repeat; }

/* ------------------------ son of suckerfish: vertical sprite nav ------------------------ */
#nav li ul {
	position:absolute;
	left:-9999px;
	background-color:#4C83C3;	/* Background color of drop down nav - add more styles (i.e. background image) if you want */
	margin-left:169px; /* Set to same width as in #nav */
	margin-top:-18px; /* Set to each button height, same as used above */
	padding-left:0px;
	}

#nav li ul li {
	height:18px; /* Height of each drop down nav item */
	border:1px solid #ffffff;
	border-top:none;
	}

#nav li ul li a {
	width:100%;
	height:18px; /* Height of each drop down nav item, should match above */
	line-height:18px;	 /* Height of each drop down nav item again, should match above */
	}

#nav li ul li a span {
	display:block;
	padding-left:5px;
	}

/* Drop down link styles */
#nav a:link, #nav a:visited, #nav a:hover, #nav a:active {
	font-size:1.0em;
	color:#FFFFFF;
	text-decoration:none;
        font-type:verdana;
	}

#nav li:hover ul, #nav li.sfHover ul	{ left: auto; _position:relative;}

/* Hover styles for drop down items */
#nav-04 ul a:hover { 
	background-image:none;
	background-color:#0060AF;
	color:#FFFFFF;
	text-decoration:none;
        font-type:verdana;
	}

/* width of drop down nav - choose width that allows items to display on one line */	
#nav-04 ul, #nav-04 li { width:150px;}