/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

a, a:hover {color:inherit; text-decoration:none;}

/* DEBUGGING 
#title, #page-wrapper {outline:1px solid red;}*/

body {text-align:center; 
	font-family:Georgia, 'Times New Roman', sans-serif;
	background:#25360f url(../_images/body_bg.jpg) repeat-x 0px 424px;}

/* ROUNDED CORNERS */
.rounded, 
#nav dd table td
 	{-moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px;}

/* LINKS */

a {border-bottom:1px dotted; color:#314A14;}
a:hover {border:none;}

/* MASTHEAD */
#header {width:1200px; margin:0 auto; position:relative; z-index:3;
	background:url(../_images/header.gif) no-repeat top left;}
#header-bg-l {background:url(../_images/header_bg_l.gif) repeat-x top left; 
	top:0px; left:0px; z-index:1;}
#header-bg-r {background:url(../_images/header_bg_r.gif) repeat-x top left; 
	top:0px; right:0px; z-index:2;}
#header,
#header-bg-l,
#header-bg-r
 	{height:424px;}
#header-bg-l, 
#header-bg-r
	{width:50%; position:absolute;}

/* CALL TO ACTION */
#call-to-action {background:url(../_images/call_to_action.gif) no-repeat; 
	width:227px; height:83px; position:absolute; left:730px; top:-165px; 
	text-align:left; font-size:1.5em; color:#ffffcc; }
#call-to-action span {display:none;}

/* CENTERING CONTENT WRAPPER */
#page-wrapper {position:relative; z-index:4; width:60em; margin:0 auto; 
	color:#ffffcc;}

/* TITLE & SUBTITLE */
#title {background:url(../_images/title.png) no-repeat; width:619px; 
	height:38px; font-size:3em; margin:0 auto .1em auto;}
#title span {display:none;}
#subtitle {font-weight:normal; font-size:1.2em;}


/* NAVIGATION */
#nav {text-align:center; position:relative; margin-top:12em;}
#nav dt {display:inline-block; margin:0 1em; font-size:1.2em;}
#nav dt:hover {cursor:pointer;}

/* NAVIGATION->IMAGE REPLACEMENT */
#nav1 {background:url(../_images/quality.png) no-repeat; width:133px;}
#nav2 {background:url(../_images/best.png) no-repeat; width:120px;}
#nav3 {background:url(../_images/tree.png) no-repeat; width:123px;}
#nav4 {background:url(../_images/excellent.png) no-repeat; width:175px;}
#nav5 {background:url(../_images/appropriate.png) no-repeat; width:128px;}
#nav1:hover, 
#nav1.over 
	{background-image:url(../_images/quality_over.png);}
#nav2:hover, 
#nav2.over 
	{background-image:url(../_images/best_over.png);}
#nav3:hover, 
#nav3.over 
	{background-image:url(../_images/tree_over.png);}
#nav4:hover, 
#nav4.over 
	{background-image:url(../_images/excellent_over.png);}
#nav5:hover, 
#nav5.over 
	{background-image:url(../_images/appropriate_over.png);}

#nav dt {height:60px;}
#nav dt span {display:none;}

/* SPEECH BUBBLE */
#nav dd {position:absolute; top:-10.5em; padding-bottom:22px; width:100%; background:url(../_images/balloon_pointer.gif) bottom left no-repeat;}
#nav dd table {height:8.3em; width:56em; margin:auto;}
#nav dd table td {vertical-align:middle; background:#ffffcc; color:#314a14; padding:1em 1.5em; line-height:1.2em;}

/* SPEECH BUBBLE->POINTER POSITION */
#nav #blurb1 {background-position:7em bottom;}
#nav #blurb2 {background-position:17em bottom;}
#nav #blurb3 {background-position:27em bottom;}
#nav #blurb4 {background-position:39em bottom;}
#nav #blurb5 {background-position:51em bottom;}

/* FOOTER */
#footer {height:2px; border-top:3px solid #68832D; border-bottom:3px solid #46551e; margin-top:2em;}