@charset "UTF-8";
body {
	background-image: url(media/concrete-texture.jpg);
	background-repeat: repeat;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
}

h1 {font-weight: bold; color: #FFFFFF; font-size: 22px; font-family: sans-serif;}
h3 {font-style: normal; font-weight: normal; color: #666666; font-size: .7em; font-family: sans-serif;}
span {font-weight: bold; color: #cc6600;}

td {
	font-family: Arial, Helvetica, sans-serif;
}

th {
	font-family: Arial, Helvetica, sans-serif;	
}

#container {
	width:950px;
	margin:0px auto;
	text-align:center;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color:#FFFFFF;
	border-left: 6px solid #CC6600;
	border-right: 6px solid #CC6600;
	}
	
#page {
	padding: 20px;
	text-align: center;
}

#pageform {
	padding: 20px 40px 40px 40px;
	text-align: left;
}

#column {
	width: 186px;
	text-align: justify;
	font-size: .8em;
	margin: 0px 20px 20px 20px;
	float: left;
	}

#column a {
	text-decoration: none;
}

#about {
	background-color: #666666;
	width: 870px;
	padding: 30px 40px 30px 40px;
	margin: 100px 0px 20px -20px;
	text-align: left;
	float: left;
	}
	
#map {
	width: 300px;
	margin: 0px;
	padding: 20px 0px 0px 60px;
	float: left;
}

#story {
	width: 500px;
	margin: -60px 0px 0px 0px;
	padding: 15px 0px 0px 0px;
	color: #FFFFFF;
	text-align: justify;
	font-style: italic;
	font-size: .8em;
	float: left;
}

.info {
	width: 500px;
	margin: -30px 0px;
	padding: 0px 0px 80px 0px;
	color: #FFFFFF;
	text-align: left;
	font-style: italic;
	font-size: .8em;
	float: left;
}

#infopage {
	width: 350px;
	margin: 0px;
	padding: 70px 30px;
	color: #000000;
	text-align: left;
	font-style: normal;
	font-size: .8em;
	float: left;

}

p.product {
	background-color: #000000;
	margin: 0px;
	padding: 5px;
	color: #FFFFFF;
	text-align: center;
	font-size: .9em;
	font-weight: bold;
}

.lefty {
	float: left;
	vertical-align: middle;
	border: 0px;
}

.righty {
	float: right;
	vertical-align: middle;
	border: 0px;
}

p.quote {
	background-color: #CC6600;
	margin: 0px;
	padding: 10px 5px 10px 5px;
	color: #FFFFFF;
	text-align: center;
	font-size: 1.2em;
	font-weight: bold;
	border-radius: 10px;
}

#nav {
	width: 910px;
	float: left;
	margin: 0px 10px 10px 10px;
	padding: 10px;
	list-style: none;
	background-color: #333333;
	}
	
#nav li 
{
    float: left;
}

#nav li a 
{   
   font-family:Arial;
   font-weight: bold;
   font-size:12px;
   padding: 10px;
   text-decoration: none;
   color: #ffffff;
}

#nav li a:hover 
{
   background-color:#cc6600;

}
	
#box-table
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin: 30px;
	border-top: 3px solid #cc6600;
	border-bottom: 2px solid #aabcfe;
	width: 800px;
	text-align: center;
	border-collapse: collapse;
	align: center;
}
#box-table th
{
	font-size: 13px;
	font-weight: bold;
	padding: 10px;
	background: #666666;
	color: #FFFFFF;
}
#box-table td
{
	padding: 10px;
	background: #e8edff; 
	border-bottom: 1px solid #fff;
	color: #669;
	border-top: 1px solid transparent;
}

#box-table tr.alt td
{
	background-color: #e6e6e6; 
}

#box-table tr:hover td
{
	background: #d0dafd;
	color: #339;
}
	
.padtb {
	padding: 40px 0px;
}