/* --------------------------------------------------------------

	* Resets default browser CSS.

	Based on work by Eric Meyer:
	* meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/

-------------------------------------------------------------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight:400; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

a img { border: none; }

/* firefox dotted line removal */
a { outline: none; }

/*
-------------------------------------------------------------- */

/*//////////////// created by John Benedict ////////////////*/
/*/////////////// john@benedictgraphico.com ////////////////*/

html, body		{ }

body			{ margin: 0 auto; text-align: center; font-family: Helvetica, Arial, sans-serif; background: #e5eaef; }

a				{ color: #036; }

em				{ font-style: italic; }

#wrap			{ margin: 24px auto; padding: 0 10px 15px; width: 800px; background: #fff; text-align: left; }


/* HEADER
-------------------------------------------------------------- */

#header				{  }

#topLinks			{ position: absolute; top: 6px; width: 800px; text-align: right; font-size: 10px; }
#topLinks a			{  }
#topLinks a:hover	{ text-decoration: none; }


#logo				{  }

#logo h1 a			{ background: #fff url(../imgs/ZO-logo.gif) no-repeat; display: block; width: 800px; height: 110px; }
#logo h1,
#logo h2			{ text-indent: -9999px; font-size: 0; line-height: 0; }


/* TOP NAV
-------------------------------------------------------------- */

#topNav				{ background: #184775 url(../imgs/topNav-grad-bg.gif) repeat-x; width: 800px; height: 26px; margin-bottom: 10px; }

#topNav ol			{ margin: 0 auto; text-align: center; list-style: none; }
#topNav li			{ display: inline; padding: 0 6px; font-size: 13px; font-weight: bold; line-height: 26px; }

#topNav li a		{ color: #fff; text-decoration: none; padding: 5px 6px; }
#topNav li a:hover	{ background: #333; }


/* FOOTER
-------------------------------------------------------------- */

#footer				{ margin: 0 auto; padding: 0 0 24px; width: 800px; font-size: 10px; }
#footer span		{ padding: 0 12px; }
#footer a			{ padding: 0 6px; }
#footer a:hover		{ text-decoration: none; }