@CHARSET "UTF-8";

body { 
	font-family: "Warnock Pro", "Goudy Old Style","Palatino","Book Antiqua", Georgia, serif;
	font-weight: 200;
	line-height: 1.4em;
	text-align: justify;
	background-color: #333;
}
a { outline:none; }	
p {
	line-height: 13px;
	margin: 0 0 15px;
}

.container { 
	width: 1000px;
	height: 650px;
	background-color: #474747;
	color: #999999;
}

div.navBar { 
	width: 100%; 
	height: 100px; 
	background-color: #000000; 
	color: #ffffff;
	float: left;
}

img.logo { display: inline; float: left; }
img.catch { 
	display: inline;
	float: left; 
	clear: right;
	margin-left: 50px;
}

/* here is a css comment */
div.placeholder { 
	position: relative; 
	display: inline;
	float: left;
	width: 150px;
	height: 95px;
	border: solid;
}
	 
p.catch { position: relative; display: inline; top: 50px; margin: 0px 25px 25px 25px;  }
/*end temporary*/

.content { float: left; height: 550px; }

.navBar ul { 
	list-style: none;
	position: relative;
	display: inline; 
	float: left;
	margin: 0 1.5em;
	width: 836px;
	margin-top: -5px !important!;
}

.navBar ul li { 
	display: inline;
	position: relative;
	bottom: 0;
	float:left;
	height: 30px;
}
.navBar ul li a { display: inline;
	position: relative;
	bottom: 0;
	float:left;
	height: 30px;
	text-indent: -9999px;
}

.navBar li.about a { 
	background-image: url(../images/nav/about.gif);
	width: 87px;
}
.navBar li.about a:hover { 
	background-image: url(../images/nav/aboutHover.gif);
	}
.navBar li.product a {
	background-image: url(../images/nav/products.gif);
	width: 116px;
}
.navBar li.product a:hover { 
	background-image: url(../images/nav/productsHover.gif);
	}
.navBar li.halloffame a {
	background-image: url(../images/nav/hof.gif);
	width: 148px;
}
.navBar li.halloffame a:hover { 
	background-image: url(../images/nav/hofHover.gif);
	}
.navBar li.gifts a{
	background-image: url(../images/nav/gifts.gif);
	width: 72px;
}
.navBar li.gifts a:hover { 
	background-image: url(../images/nav/giftsHover.gif);
	}
.navBar li.contact a {
	background-image: url(../images/nav/contact.gif);
	width:109px;
}
.navBar li.contact a:hover { 
	background-image: url(../images/nav/contactHover.gif);
	}

.aboutContent {
	color:#CCCCCC;
	float:left;
	font-size:1.2em;
	height:243px;
	line-height:1.5em;
	padding:154px 30px 0;
	width:437px;
	margin-top: 30px;
	background: url(../images/body/aboutFG.png) no-repeat;
}

.abTop {
	width: 780px;
	text-align: center;
}

.imageTop {
	position: relative;
	margin: 20px 0 0 115px;
}

.imageSides {
	position: relative;
	float: left;
	width: 230px;
	margin-top: 161px;
}

.aboutLeftImage { margin-left: 20px; }

.abBottom {
	width: 890px;
	height: 100px;
	text-align: center;
}

.imageBottomLeft {
	position: relative;
	width: 100px;
	height: 58px;
	float: left;
	margin: 0 0 0 350px;
}

.imageBottomRight {
	position: relative;
	float: left;
	width: 100px;
	height: 58px;
	margin: 0 100px;
}

.homeHeading { float: left; }

#preload img {
	height: 0; width: 0; border-width: 0;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: -30;
}