@charset "utf-8";
/* @group Reset */
 /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	/* hide from ie on mac \*/
html {
		height: 100%;
	}	
#flashcontent {
		/*height: 100%;*/
	}
	/* end hide */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, cite, code, del, em, img, ins, strong, sub, sup, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td 
{
    margin: 0;
    padding: 0;
    border: 0;
}

a img, :link img, :visited img {
 border: 0;
}
a { text-decoration:none;}

table {
 border-collapse: collapse;
 border-spacing: 0;
}

ol, ul {
 list-style: none;
}

/* @end */

body 
{
	background-color: #303030;
	/*background: url(http://www.jackhutton.net/images/pattern_121.gif) repeat top left #333333;*/
	font: 11pt/14pt Garamond, Georgia, Times New Roman, serif;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #666666;
}
#container {vertical-align:middle; display: table; position: relative; overflow: hidden;}
#container {
	width: 660px; height:auto;
	background: url(http://www.jackhutton.net/images/jhbkgrnd2.gif) repeat-x top left #333333;
	margin: 2% auto;/*for safari and mozilla*/
	#margin: 8% auto; /*  for IE the auto margins (in conjunction with a width) center the page */
	border:  #333 solid 3px; padding:10px;
	text-align: left; /* this overrides the text-align: center on the body element. */
}
#mainContent {
	padding: 20px 40px 60px 40px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
}
p.businessCard, ul.businessCard {border-left: #996666 solid 1px; padding: 1em 1em; text-align:left; margin:2em;}
p.businessCard, .businessCard a, .businessCard a:link, .businessCard a:visited, ul.businessCard {color:#BCBCBC;}
.businessCard a:hover, .businessCard a:active, .businessCard a:focus {color:#996666;}
ul.businessCard {margin-top:-30px;}
p.panorama {margin-left:0px; padding:8px 8px 18px 8px; border:  #333 solid 3px; background-color:#303030;}
p.panorama img {margin-bottom:14px; border: #BCBCBC 4px solid;}
span.imgcaption{z-index:2; margin-top:-20px; font: 8pt/10pt Garamond, Georgia, Times New Roman, serif; letter-spacing:1.25pt; color:#BCBCBC; padding:8px 10px;}
table.poem{font: 11pt/14pt Garamond, Georgia, Times New Roman, serif; letter-spacing:1.25pt; color:#BCBCBC; padding:8px 10px; margin:auto auto;}