/* External Style Sheet for screen: CraftWorks */
/* Site Design: Black Cap Design */

* {margin: 0} /* sets margin on everything to 0 to address IE & non-IE rendering inconsistencies  */
img {border: none;} /* removes border on all images */

body 
{
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background: black; 
	min-width: 770px; /* prevents design collapse (header) on small window resize */
}
/* =================<OUTER CONTAINER DIVs>==================== */
#middle
{
	background: transparent url('../images/middle_bg.jpg') repeat-y; 	
 	width: 770px;
 	margin: 0 auto;
 	padding: 0;
 	clear: both;
}
/* --------<header images>---------- */
#top
{
	background: black url('../images/banner.jpg') no-repeat;
	margin: 0 auto;
	width: 770px; 
	height:	150px;
}

/* --------</header images>---------- */
#bottom 
{
	background: transparent url('../images/bottom_bg.jpg') no-repeat;
	width: 770px;
	height: 46px;
	margin: 0 auto;
	clear: both;
}
/* =================</OUTER CONTAINER DIVs>==================== */
#content_container
{
	margin: 0 auto;
	width: 770px;
}
/* ============<HORIZONTAL NAVIGATION>============ */
#nav 
{
	margin: 0 auto;
	width: 770px;
	height: 102px;
	background: url('../images/nav_bg.jpg') no-repeat;  
	float:left; 
  font-size: 11px;
  font-weight: bold;
  font-family: georgia, "Times New Roman", serif; 
}
#nav ul 
{
	margin: 0;
	padding: 42px 0 0 83px; 
	list-style:none;
}
#nav li 
{
  display: inline;
  margin: 0;
  padding: 0;
  line-height: 125%;
}
#nav a 
{
  float:left;
  text-decoration: none; 
}
#nav li a
{
  float: left;
  display: block;
  padding: 0;
  color: black; 	
	width: 82px;
	height: 50px;
	margin-right: 20px;
	padding-top: 12px;
  text-align: center;		
}
#nav li#active a, #nav li#active a:visited, #nav li#active a:hover             
{
  color: black;
	background: url('../images/nav_marker.png') no-repeat;  
  background-position: 0 1px;	
}
#nav a:hover
{
	background-image: none;
	color: #990000;	
}

/* ============</HORIZONTAL NAVIGATION>============ */

/* ===============<CONTENT DIVs>================= */
.content
{
	color: #f1e8d9;
	background: transparent;	
}
.content p
{
	padding: 6px 94px 6px 90px;	
	line-height: 200%;
	letter-spacing: .01em; 
}
.content h1
{
	font-size: 1.5em;
	padding: 32px 90px 8px 90px;
	font-family: georgia, "Times New Roman", serif;
}
.content h2
{
	font-size: 1.3em;
	padding: 8px 90px 6px 90px;	
}
.content ul
{
	padding: 6px 22px 6px 40px;
	line-height: 130%;			
}
.content ol
{
	padding: 6px 22px 6px 60px;
	line-height: 130%;	
}
.clear_both /* NECESSARY TO PREVENT IE6 RENDERING BUG */
{
	display: block;
	height: 1px;
	clear: both;	
}
#transition
{
	margin: 30px 26px 10px 86px;
	padding: 6px 0 0 6px;
	background: #fff5e6;
	width: 276px;	
	height: 423px;
	display: block;
	float: left;
}
.thumb_set
{
	margin: 0px 80px 0 82px;
}
.highslide-gallery
{
	float: left;
	padding: 8px;	
}
#instructions
{
	margin-left: 90px;
}
.instructions-popup
{
	padding: 20px;	
}
/* ===============</CONTENT DIVs>================= */
/* ============<ANCHORS>============ */
.content a:link, #footer a:link 
{
	color: #ab895d;
	text-decoration: underline;
}
.content a:visited, #footer a:visited  
{
	color: #ab895d;
	text-decoration: underline;
}
.content a:hover, #footer a:hover
{
	color: #ab895d;
	text-decoration: none;	
}
#design_cred a:link, #design_cred a:hover, #design_cred a:visited
{
	color: #999999;	
}
/* ============</ANCHORS>============ */

/* ===============<LISTS>=================== */
ul.standard
{
	padding-right: 76px;
	list-style-type: none;
	margin-top: -6px;
}	
ul.standard li
{
  background: transparent url('../images/bullet.gif') no-repeat;
  background-position: 0 2px;
  margin-left: 2px;
  padding-left: 24px;  
	line-height: 150%;	
}

/* ===============</LISTS>================== */

/* =================<FOOTER>================= */
#footer 
{
	clear: both;
	width: 770px;
	margin: 0 auto; 
	color: #f1e8d9;	
}
#footer p
{
	letter-spacing: .01em; 		
}
#address
{
	padding: 30px 0 0 0;
	text-align: center;
	line-height: 150%;
}	

#design_cred
{
	padding: 12px 0 2px 0;
	font-size: 10px;
	color: #999;
	text-align: center;		
}
.footer_nav_divider
{
	padding: 0 8px;		
}
/* --------------<footer nav>------------ */
#footer_nav
{
	margin: 11px 0;	
	font-weight: bold;
	font-size: 10px;
}
#footer_nav ul
{
	list-style-type: none;
	padding: 0 5px;
}
#footer_nav li
{
	display: inline;
	margin: 0 0 0 0;
}
#footer_nav li a
{
	color: red;
	border: none; 
	text-decoration: none;
	padding: 3px;		
}

/* -----------</footer nav>-------------*/
/* ============</HORIZONTAL FOOTER NAVIGATION>============ */
/* =================</FOOTER>================= */

/* =========<MISCELLANEOUS DIVs>========== */
#skip
{
	display: none;	
}

/* ----------------<horizontal footer navigation>---------------- */