/* -----------------------------------------------------------------------------------*/
/* ----------------------------------->>> RESET <<<-----------------------------------*/
/* -----------------------------------------------------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0; }


/* -----------------------------------------------------------------------------------*/
/* ---------------------------------->>> GLOBAL <<<-----------------------------------*/
/* -----------------------------------------------------------------------------------*/

body{ 
	background:url(../assets/bkrnd_site.png) repeat-x; 
	background-color:#000;
	font-family:Helvetica,Arial,sans-serif; 
	font-size:62.5%;
	}

/* -----------------------------------------------------------------------------------*/
/* ---------------------------------->>> LAYOUT <<<-----------------------------------*/
/* -----------------------------------------------------------------------------------*/


#content{
	display:block;   
	margin:8px auto; 
	text-align:center; 
	width:1024px;
	}
	#content p{ border:4px dotted #222; color:#fff; font-size:1.3em; margin:200px auto; padding:50px; width:500px;  }
	#content a{  margin:auto;}

#footer {
	width:100%;
	height:84px;
 	position:fixed;
	bottom:0;
	margin-bottom:0; 
	text-align:center;
	color:#fff;
	font-family:Verdana,Arial, sans-serif;
	font-size:1.1em;
}


#navContents{
	height:27px;
	background-color:#c18400;
	border-top:1px solid #dba83a;
	padding-top:5px;
}

#copyright{
	color:#333; 
	font-size:1em; 
	margin:-5px 0 0 5px;
}
	#copyright a{ color:#333; text-decoration:none;}
	#copyright a:hover{ color:#ccc; }


/* -----------------------------------------------------------------------------------*/
/* ------------------------------->>> NAVIGATION <<<----------------------------------*/
/* -----------------------------------------------------------------------------------*/


#navBody{ width:826px; margin:auto; text-align:center; }

#nav{ 
	display:inline; 
	list-style-type:none; 
	}
	#nav li{ float:left; }
	#nav a{ display:block; height:19px; text-indent:-1000px; overflow:hidden; background-position:top-left; }
	#nav a:hover{ background-position:bottom left; }

#home		{ background:url(../assets/nav_home.png); width:47px; }
#portfolio	{ background:url(../assets/nav_portfolio.png); width:71px; }
#directions	{ background:url(../assets/nav_directions.png); width:134px; }
#contact	{ background:url(../assets/nav_contact.png); width:81px; }
#news		{ background:url(../assets/nav_news.png); width:128px; }
#downloads	{ background:url(../assets/nav_downloads.png); width:111px; }
#charles	{ background:url(../assets/nav_charles.png); width:89px; }
#jobs		{ background:url(../assets/nav_hiring.png); width:87px; }
#events		{ background:url(../assets/nav_events.png); width:92px; }
#charity	{ background:url(../assets/nav_help.png); width:78px; }
#blog		{ background:url(../assets/nav_blog.png); width:74px; }


#highlight{ cursor:pointer; }

.navOpen{ margin-bottom:-4px; z-index:4; margin-left:30px; }

#navClose{position:absolute; top:57px; right:5px; display:block; height:24px; text-indent:-1000px; overflow:hidden; 
	background:url(../assets/nav_close.png) top left no-repeat;
	width:56px;
	}
#navClose:hover{ background-position:bottom left;}