/* ------------------------------------------------------------

	Title: 		J & H Performance
	Author: 	neal@abramarketing.com

------------------------------------------------------------ */

body {
	font: small "Lucida Grande", "Trebuchet MS", Arial, sans-serif;
	background-color: #FFF;
	color:#FFF;
	background: #2D2D2D;
	}

body, h1, h2, h3, h4, h5, h6, p, ul, li, dl, dt, dd, input, form, fieldset, label {padding: 0;margin: 0}

p {margin: 0 0 1.5em 0;line-height: 1.5em}

ul, li, dl, dt, dd {list-style: none}

a:link, a:visited {color: #E9E73F; text-decoration: none;}
a:hover {color: #FDFA04; text-decoration: underline;}
img {border: none;}
/* ------------------------------------------------------------

	Header Levels

------------------------------------------------------------ */
h1, h2, h3, h4, h5, h6 {
	font-family: Georgia, "Trebuchet MS", sans-serif;
	}
	
/* ------------------------------------------------------------

	Page Structure

------------------------------------------------------------ */
#container {
	width: 952px;
	margin: 0 auto;
	overflow: hidden;
	_height: 1%;
	background: url(../images/bg_container.jpg) top left repeat-y;
	}
	
/* ------------------------------------------------------------

	Banner

------------------------------------------------------------ */
#bannerOuter {
	width: 100%;
	background: #B22A2B url(../images/bg_banner.jpg) top left repeat-x;
	}
	
#banner {
	width: 952px;
	margin: 0 auto;
	overflow: hidden;
	_height: 1%;
	}
	
#banner img {
	margin: 17px 0 15px 23px;
	float: left;
	}
	
#banner p {
	margin: 49px 0 0 55px;
	width: 644px;
	font-size: 20px;
	float: left;
	font-weight: bold;
	line-height: 1.3em;
	}
	
/* ------------------------------------------------------------

	Navigation

------------------------------------------------------------ */
#navOuter {
	width: 100%;
	background: #6A6A6A url(../images/bg_nav.jpg) top left repeat-x;
	border-top: 1px solid #7F7E7E;
	border-bottom: 1px solid #7F7E7E;
	}
	
#nav {
	width: 952px;
	margin: 0 auto;
	overflow: hidden;
	_height: 1%;
	}
	
#nav a {
	color: #FFF;
	text-decoration: none;
	display: block;
	padding: 8px 15px;
	}
	
#nav a:hover {
	text-decoration: underline;
	}
	
#nav ul {
	float: right;
	}
	
#nav li {
	float: left;
	border-right: 1px solid #7D7B7B;
	border-left: 1px solid #666767; 
	}
	
.home #nav .home,
.videos #nav .videos,
.events #nav .events,
.specials #nav .specials,
.pricesheet #nav .pricesheet,
.photos #nav .photos,
.links #nav .links,
.ourteam #nav .ourteam,
.contact #nav .contact {
	background: #343233 url(../images/bg_nav_on.jpg) top left repeat-x;
	}
	
.home #nav .home a:hover 
.videos #nav .videos a:hover ,
.events #nav .events a:hover ,
.specials #nav .specials a:hover ,
.pricesheet #nav .pricesheet a:hover ,
.photos #nav .photos a:hover ,
.links #nav .links a:hover ,
.ourteam #nav .ourteam a:hover ,
.contact #nav .contact a:hover  {
	text-decoration: none;
	}
	
/* ------------------------------------------------------------

	 Left Column

------------------------------------------------------------ */
#leftColOuter {
	width: 536px;
	float: left;
	margin: 0;
	padding: 0;
	}

#leftCol {
	margin: 0;
	font-size: 12px;
	padding: 35px 17px 5px 0;
	line-height: 1.5em;
	}
	

#leftCol h1, #leftCol h6 {
	color: #F59F34;
	font-size: 23px;
	padding: 30px 0 15px 0;
	margin-bottom: 15px;
	font-weight: normal;
	border-bottom: 2px solid #3B3A3A;
	text-align: center;
	line-height: 1.5em;
	}
	
#leftCol h2 {
	font-size: 14px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
	padding: 0 0 10px 0;
	margin: 0 0 15px 0;
	text-align: center;
	border-bottom: 2px solid #3B3A3A;
	}
	
#leftCol .rallyDate {
	font-size: 15px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
	padding: 0 0 10px 0;
	margin: 0 0 10px 0;
	text-align: center;
	border-bottom: none;
	}	
		
#leftCol h3 {
	font-size: 16px;
	color: #E9E73F;
	padding: 5px 0 14px 0;
	}
	
.events #leftCol h3 {
	margin: 30px 0 0 0;
}
	
#leftCol h4 {
	font-size: 18px;
	color: #BF262B;
	padding: 5px 0 5px 0;
	border-bottom: 1px solid #3B3A3A;
	margin: 0 0 5px 0;
	}
	
#leftCol h5 {
	font-size: 14px;
	color: #E9E73F;
	padding: 10px 0 5px 0;
	}
	
#leftCol h6 {
	margin: 10px 0 4px 0;
	padding: 0;
	text-align: center;
	border-bottom: none;
	}
	
#leftCol ul {
	margin: 0 0 15px 10px;

	}
	
#leftCol ul li {
	list-style: disc;
	padding: 0 0 5px 5px;
	margin: 0 0 3px 5px;
	}
	
/* ---- Main Post------------------------------------------- */
	
#leftCol .homePost {
	padding: 0 0 5px 0;
	margin: 0 0 25px 0;
	}
	
#leftCol .homePost img, .photoBorder {
	background: #3E3C3D;
	padding: 4px;
	}
		
#leftCol .homePost2 {
	padding: 0 0 5px 0;
	margin: 0 0 25px 0;
	}
	
#leftCol #deiselPower {
	float: left;
	margin: 0;
	padding: 0;
	width: 260px;
	}
	
#leftCol #deiselPower p {
	padding: 5px 6px 5px 9px;
	}
		
#leftCol #deiselPower img {
	background: #3E3C3D;
	padding: 4px;
	}
	
		
#leftCol #deiselWorld {
	float: left;
	margin: 0;
	width: 259px;
	}
		
#leftCol #deiselWorld p {
	padding: 5px 2px 5px 12px;
	}
	
#leftCol #deiselWorld img {
	background: #3E3C3D;
	padding: 4px;
	}
	
	
	
	
	
#leftCol .magLeft {
	float: left;
	margin: 0;
	padding: 0;
	width: 260px;
	}
	
#leftCol .magLeft p {
	padding: 5px 6px 5px 9px;
	}
		
#leftCol .magLeft img {
	background: #3E3C3D;
	padding: 4px;
	}
	
		
#leftCol .magRight {
	float: left;
	margin: 0;
	width: 259px;
	}
		
#leftCol .magRight p {
	padding: 5px 2px 5px 12px;
	}
	
#leftCol .magRight img {
	background: #3E3C3D;
	padding: 4px;
	}
	
	
	
	
#leftCol #eventCancelRed {
	color: #FF0000;
	}
	
#leftCol #eventCancel {
	text-align: left;
	}
	
#leftCol  .largerHomeText {
font-size: 20px;
line-height: 26px;
}
	
	
	
/* ---- Survey Post------------------------------------------- */
#leftCol .survey {
	margin: 0 0 20px 0;
}

#leftCol .survey dt {
	color: #FFF;
	font-size: 17px;
	font-family: Georgia, "Trebuchet MS", sans-serif;
	padding: 20px 0 4px 0;
	margin: 0 0 5px 0;
	border-bottom: 1px solid #3B3A3A;
	}

#leftCol .survey dd {
	padding: 0;
	margin: 0 0 2px 0;
	font-size: 93%;
	}
/* ---- Event Post------------------------------------------- */
#leftCol .eventPost dt {
	color: #FFF;
	font-size: 17px;
	font-family: Georgia, "Trebuchet MS", sans-serif;
	padding: 10px 0 4px 0;
	}

#leftCol .eventPost dd {
	border-bottom: 1px solid #3B3A3A;
	padding: 0;
	margin: 0 0 25px 0;
	font-size: 93%;
	}
	
#leftCol .eventPost img {
	background: #3E3C3D;
	padding: 4px;
	}
	
#leftCol dl .noBorder {
	border-bottom: none;
	}
	
#leftCol span, #leftCol .ourPrice {
	font-weight: bold;
	font-size: 12px;
	color: #58C7E4;
	}
	
#leftCol .orangeText {
	font-size: 13px;
	color: #F59F34;
	}	
/* ---- Our Team Post------------------------------------------- */
.ourteam #leftCol dl {
	border-bottom: 1px solid #3B3A3A;
	padding: 0 0 10px 0;
	margin: 0 0 15px 0;
	overflow: hidden;
	_height: 1%;
	}

.ourteam #leftCol dt {
	color: #FFF;
	font-size: 17px;
	font-family: Georgia, "Trebuchet MS", sans-serif;
	padding: 10px 0 4px 0;
	}

.ourteam #leftCol dd {
	font-size: 93%;
	}
	
.ourteam #leftCol img {
	background: #3E3C3D;
	padding: 4px;
	margin: 0 5px 5px 0;
	}
	
.ourteam #leftCol .noBorder {
	border-bottom: none;
	}
	
.ourteam #leftCol dt, .ourteam #leftCol dd {
	width: 400px;
	padding: 0 0 10px 10px;
	margin: 0;
	float: left;
	}
	
.ourteam #leftCol span {
	font-weight: bold;
	font-size: 12px;
	color: #58C7E4;
	}
	
.aboutPhotoGallery {
	padding: 10px 0;
	overflow: hidden;
	clear: left;
	_height: 1%;
	}
	
.aboutPhotoGallery img {
	float: left;
	width: 50px;
	}
	
/* ------------------------------------------------------------

	 Middle Column

------------------------------------------------------------ */
#middleColOuter {
	width: 220px;
	float: left;
	margin: 0;
	padding: 0;
	}
	
#middleCol {
	overflow: hidden;
	_height: 1%;
	padding: 0 0 20px 0;
	margin-bottom: 20px; 
	}
	
#middleCol dl {
	margin-top: 50px;
	}
	
#middleCol dt {
	font-size: 14px;
	font-family: Georgia, Verdana, sans-serif;
	color: #E9E73F;
	padding: 5px 8px 5px 15px;
	border-top: 1px solid #3F3D3D;
	border-bottom: 1px solid #3F3D3D;
	}
	
#middleCol dd {
	padding: 10px 20px 5px 20px;
	font-size: 90%;
	line-height: 1.5em;
	font-family: Verdana, sans-serif;
	}
	
#middleCol dd ul {
	margin: 0 0 15px 10px;
	}
	
#middleCol dd ul li {
	list-style: disc;
	padding: 0 0 5px 5px;
	margin: 0 0 3px 0;
	border-bottom: 1px solid #3F3D3D; 
	}
	
#middleCol dd span {
	font-weight: bold;
	font-size: 11px;
	color: #58C7E4;
	margin: 0;
	padding: 0;
	}
	
#middleCol dd .retail, #leftCol .retail {
	text-decoration: line-through;
	color: #B4B4B4;
	}
	
#middleCol dd .sale, #leftCol .sale {
	font-size: 115%;
	}
	
#middleCol .imageBorder {
	background: #3E3C3D;
	padding: 4px;
	margin: 8px 0;
	}
	
/* ------------------------------------------------------------

	 Right Column

------------------------------------------------------------ */
#rightColOuter {
	width: 174px;
	float: left;
	}
	
#rightCol {
	padding: 50px 0 0 21px;
	}
	
#rightCol img {
	padding: 0 0 15px 0;
	}
	
/* ------------------------------------------------------------

	 Footer

------------------------------------------------------------ */
#footer {
	border-top: 1px solid #3F3D3D;
	font-size: 11px;
	text-align: center;
	padding: 20px 10px 20px 10px;
	margin: 15px 0 0 0;
	}
	
/* ------------------------------------------------------------

	 Image Styles

------------------------------------------------------------ */
.imageRight {
	float: right;
	margin: 10px;
	background: #3E3C3D;
	padding: 4px;
	}
	
.imageLeft {
	float: left;
	margin: 10px;
	background: #3E3C3D;
	padding: 4px;
	}
	
.imageCaption img {
	margin: 10px;
	background: #3E3C3D;
	padding: 4px;
	}
	
.imageCaption {
	float: left;
	overflow: hidden;
	_height: 1%;
	width: 160px;
	text-align: center;
	font-size: 90%;
	margin: 0 0 15px 0;
	}
	
.imageRight2 {
	float: right;
	margin: 10px;
	padding: 0;
	}
	
.imageRight2 img {
	margin: 0;
	background: #3E3C3D;
	padding: 4px;
	}
	
/* ------------------------------------------------------------

	 Form Fields

------------------------------------------------------------ */
label, input, select, textarea {
	border: 1px solid #000;
	padding: 3px;
	}


/* ------------------------------------------------------------

	Misc

------------------------------------------------------------ */
.clear {
	clear: both;
	}
	
.intro {
	font-size: 115%;
	}
	
/* ------------------------------------------------------------

	Table Elements

------------------------------------------------------------ */
#leftCol th {
	background-color: #BF262B;
	font-weight: bold;
	text-align: center;
	}

#leftCol table {
	border-right: 1px solid #8F8F8F;
	border-top: 1px solid #8F8F8F;
	color: #FFF;
	margin: 10px 0 20px 0;
	line-height: 1.5em;
	}

#leftCol td,th {
	border-bottom: 1px solid #8F8F8F;
	border-left: 1px solid #8F8F8F;
	padding: 6px;
	font-size: 90%;
	vertical-align: top;
	}
	
#contacttable {
	padding: 20px;
	}
.contact #leftCol th, .contact #leftCol td {
	font-size: 110%;
	}
	
.contact #leftCol th {
	white-space:nowrap;
	font-weight: normal;
	text-align: left;
	padding: 6px;
	border-bottom: none;
	border-left: none;
	background: none;
	}

.contact #leftCol table {
	border-right: none;
	border-top: none;
	color: #FFF;
	margin: 10px 0;
	line-height: 1.5em;
	}

.contact #leftCol td {
	border-bottom: none;
	border-left: none;
	padding: 6px;
	vertical-align: top;
	}
	
.contact #leftCol td, .contact #leftCol th {
	border-bottom: 1px dotted #3F3D3D;
	}