/**

 * 100% height layout with header and footer

 */



html,body {

	margin:0;

	padding:0;

	height:100%; /*#EAC9C1; */

	font-size: 100%;

	background-color: #FFD2D2; 

	font-family: Tahoma, Verdana, sans-serif;

	color: #600000;

}



a {

	color: #0000FF;

}

td {

	font-family: Tahoma, Verdana, Geneva, Arial, helvetica, sans-serif;

	vertical-align: top;

	text-align: left;

	padding-left: .5em;

}



th {

	font-family: Tahoma, Verdana, Geneva, Arial, helvetica, sans-serif;

}

h1, h2, h3 {

	color: #750000;

	text-align: center;

	margin: auto;

	font-family: Papyrus, "Maiandra GD", "Lucida Sans", sans-serif;

}



p {

	text-align: justify;

	font-family: Tahoma, Verdana, sans-serif;

}





div#container {

	position:relative; /* needed for footer positioning*/

	margin:0 auto; /* center, not in IE5 */

	height:auto !important; /* real browsers */

	height:100%; /* IE6: treaded as min-height*/

	min-height:100%; /* real browsers */

}



div#header {

	padding: 1px 0 0 0;

	text-align: center;

	margin: .5em 10%;

}



#header h1 {

	margin: .3em 5% .25em 5%;



}

#header h2 {

	margin: .25em;

}



#nav {

	clear: both;

	background-color: #436370;

	text-align: center;

	margin: 0;

	padding: 0 5px;

	line-height: 180%;

	border: 1px #000000 solid;

	font: "Trajan Pro", Georgia, "Times New Roman", Times, serif;

	font-size: 110%;

	font-stretch: ultra-condensed;

}

#nav img {

	border: none;

	margin: 0;

}

#nav p {

	text-align: center; 

	vertical-align: middle;

	margin: 0;

}

#nav a {

	padding: 0 1em;

	color: #FFFFFF;

	white-space: nowrap;

	font-weight: bold;

	text-decoration: none;

}

#nav a:hover {

	color: #D190AB;

}

div#content {

	clear: both;

	margin: 0 5%;

	text-align: center;

	padding-bottom: 2em; /* bottom padding for footer */

}

div#content p {

		text-align:justify;

		padding:0 1em;

}

div#home {

	margin: auto;

	max-width: 900px;

}

div#home p { 

	text-align: justify;

}

div#content ul {

	list-style: none;

	margin: auto;

} 

div#content li {

	display: inline;

	float: left; 

	margin: .5em;

	text-align: center;

}

.test {

	background-color:#BA091D;}

.test2 {;

	background-color: #D190AB;

}

div#footer {

	clear: both;

	margin-top: 1em;

	text-align: center;

	font-size: 60%;

	font-family: Geneva, Verdana, Arial, Helvetica, sans-serif;

	padding: 1em 0 .3em 0;

}

	div#footer p {

		margin: 0; 

		text-align: center;

}

#footer	div.bar {

	background:#436370;

	margin: auto;

	width: 400px;

}

.space {

		padding: 0 2em;

}



img.left {

	float: left;

	margin: .5em; 

}

img.right {

	float: right;

	margin: .5em;

}

.center {

	text-align: center; 

	margin: auto;

}

.text-right {

	text-align: right;

}

img {

	margin: .1em;

	border: 1px #000000 solid;

}

table {

	margin: auto;

}

tr {

	vertical-align: bottom;

	text-align:center

}

ul.product {

	margin-bottom: .2em;

}

ul.product li{

	display: inline;

	list-style-image: none;

	list-style: none;

	float: left; 

	text-align: center;

	margin: .25em;

}

ul.product a{

	text-decoration: none;

	font: Arial, Helvetica, sans-serif italic 90%;

}

ul.product img{

	border: none;

	vertical-align: bottom;

}

div.inset {

	width: 200px;

	float: right;

	margin: 1em;

}

table.shows {

	text-align: center;

	margin: 1em auto;

}

table.shows td {

	padding: 10px;

	vertical-align: top;

}

#nav-alt {

	background-color: #436370;

	padding: 0;

	margin: 0 .5em;

	line-height: 180%;

	border: 1px #000000 solid;

	font: "Trajan Pro", Georgia, "Times New Roman", Times, serif;

	font-size: 110%;

	font-stretch: ultra-condensed;

	vertical-align: middle;

}



#nav-alt p {

	margin: .5em;

	text-align: left; 

	vertical-align: middle;

}

#nav-alt a {

	color: #FFFFFF;

	white-space: nowrap;

	font-weight: bold;

	text-decoration: none;

}

#shepardson {

	position: absolute;

	left: 3%;

	width:300px;

}

#kiln 	{

	position: absolute;

	right: 3%;

	width: 300px;}



table#home {

	margin: 0 3%;

}

table#home p{

	padding: 0 3%;

	text-align: left;

}	

.indent {

	margin-left: 50%;

}

img.detail {

	margin: .4em;

}

.clear {

	clear: both;

}
