/* @override http://localhost:8888/winberg/includes/header-08.css */

/* CSS Document */


body { 
	font-family:"Lucida Grande", "Lucida Sans", sans-serif; 
	font-size:62.5%;
	padding:0;
	margin:0;
	background-color:#cccccc;
	margin-top:10px;
}

#page_container, #header, #content {
	width:952px;
	background-color:white;
}

#page_container {
	position:relative;
	margin:0px auto;
	text-align:center;
	border-left:2px #666 solid;
	border-right:2px #666 solid;
	padding:0;
}
#header {	
	margin:0px auto;
	padding:0;
	background:url(../images/header2.jpg) -1px 0px repeat-x!important;
	
	position:relative;
	height:181px;
	float:left;
	clear:both;
}
#header h1 { margin:0; padding:0;}
#header h1 a.home-link {
	display:block;
	width:230px;
	height:100px;
	position:absolute;
	left:0; top:0;
	text-indent:-9999px;
	border:none;
	text-decoration:none;
	float:left;
	margin:0;
}
#content {
	background:url(../images/content_background2.gif) -3px 34px no-repeat #FFFFFF;
	clear:both; float:left;
	text-align:left;
	padding-top:50px;
	padding-left:0px;
	padding-right:0;
	width:952px; /* 952 width - 20px padding */
	margin-bottom:20px;
	border-bottom:2px solid #666;
}
#column_1 {
	width:577px;
	float: left;
	 margin-top:10px;
	 text-align:left;
}
h2 { font-size:135%;}
#nav {
	left:12px; top: 154px; text-align:left;
}

#column_2 {
	background:url(../images/global/li_background.gif) #FFFFFF right top no-repeat;
	width: 251px;
	float: left;
	height: auto;
	border: 6px double #6666CC;
	padding: 10px;
	text-align: center;
	background-color:white;
	overflow:hidden;
	padding-top:0px;
	margin: 89px 24px 20px 44px;
}
#column_2 .border { border: 6px double #6666CC; float:left; width:238px;  margin-bottom:10px;}
#column_2 #forged_ad a { display:block; padding:4px 0; border:none!important;} 
#column_2 #forged_ad img { border:none!important;} 
#column_2 h2 {
	margin:0;
	font-size:2.2em;
	margin-bottom:.4em;
	height:18px;
	overflow:hidden;
	text-indent:-9999px;
	padding-bottom:2px;
	border-bottom:1px solid #ccc;
}

#column_2 ul {
	font-size:1.2em;
}
#column_2 li, #column_2 ul {
	list-style:none;
	margin:0;
	padding:0;
	text-align:left;
}
#column_2 li, #column_2 p {
	margin-left:20px;
	line-height:1.3;
	margin-bottom:.3em;
	font-weight:bold;
}
#column_2 p {
	text-align:left;
}
#content #column_2 li li {
	font-size:.8em;
}
#column_2 li a {
	font-weight:normal;
}
#content a:link {
	color:#0000FF;
}
#content a:visited {
	color:#6600CC;
}
#content a:hover {
	color:#FF6600;
}
#content a:active {
	color:#000000;
}

#column_1 img {
	z-index:0;
	float: left;
}
#column_1 h1 {
	margin:0;
	padding:0;
	font-size:2.6em;
	font-weight:bold;
	font-family:"Lucida Grande", "Lucida Sans", sans-serif; 
}
#column_1 ul {
	padding-left:0;
	
	font-size:1.2em;
}
#column_1 li {
	list-style-image:url(../images/global/orange_bullet.gif);
	list-style: url(../images/global/gray_bullet.gif) outside;
	margin-bottom:0.3em;
	margin-left:0em;
}
#column_1 li li {
	list-style:none;
	list-style-image:none;
}
#content #column_1 .crank_info, #content #column_1 #text_info, #content #column_1 #container, #content #column_1 #blogger  {
	background: url(../images/global/h1_background.gif) left top no-repeat;
	padding-top:20px;
	margin-left:200px;
	padding-left:50px;
	padding-right:0;
	margin-bottom:20px;
	width: 327px;	
}
#content #column_1 #blogger { 
	width:327px!important;
}
p, #content ul li { font-size:1.2em; text-align:left;}


#content li ul {margin:0; padding:0; margin:.1em 0 .4em 0;}


#content #text_list li {
	list-style:none;
	font-weight:bold;
}
#content #text_list li li {
	font-size:.7em; 
	margin-left:1em;
	font-weight:normal;
}

/*#content #column_1 #blogger {
	background: url(../images/global/h1_background.gif) left top no-repeat;
	padding:20px;
	padding:0;
	padding-top:18px;
	margin:0;
	margin-bottom:20px;
}*/

/*		BLOGGER
-----------------------------*/


#content #column_1 #blogger .blogPost {
	font-size:1.4em;
}
#content #column_1 #blogger .blogPost img {
	float:left;
	padding-right:1em;
	padding-bottom:2px;
}
#content #column_1 #blogger h2 {
	margin:0; padding:0;
	background-image:none;
	margin-top:1em;
	margin-bottom:.5em;
	font-size:2.0em;
}
div.byline { margin-top:.5em;}
div.byline p { font-size:.85em; margin:0; padding:0; text-align:right;}



/*  HEADLINES */

#content h1 { background-position:left top; background-repeat:no-repeat; text-indent:0px; font-size:2.2em; margin-bottom:0.4em; height:auto; overflow:visible; margin-top:14px;}

#column_2 h2#cranks_h2 {
	background:url(../images/global/crankshafts.gif) top left no-repeat;
}
#column_2 h2#slideshow_h2 {
	background:url(../images/global/slideshow.gif) top left no-repeat;
	display:none;
}
#column_2 h2#usedinventory_h2 {
	background:url(../images/global/used-inventory.gif) top left no-repeat;
}
#column_2 h2#newinventory_h2 {
	background:url(../images/global/new-inventory.gif) top left no-repeat;
}
#column_2 h2#contact_h2 {
	background:url(../images/global/contact.gif) top left no-repeat;
}
#column_2 h2#whatsnew_h2 {
	background:url(../images/global/whats-new.gif) top left no-repeat;
}
#column_2 h2#benefits_h2 {
	background:url(../images/global/benefits.gif) top left no-repeat;
}
#column_2 h2#features_h2 {
	background:url(../images/global/features-h2.gif) top left no-repeat;
}

/*
#content h1 {  height:34px; text-indent: -9999px;}
#index_h1 { background:url(../images/global/world-class-crankshafts.gif);}

#general_product_info_h1 { background:url(../images/global/general-product-information.gif);}

#features_h1 { background:url(../images/global/features.gif);}

#coming_soon_h1 { background:url(../images/global/coming-soon.gif);}

#garagesale_h1 { background:url(../images/global/garage-sale-h1.gif); margin-bottom:0; padding-bottom:0;}

h2#contact { background:url(../images/global/contact.gif);}

#contact_h1 { background:url(../images/global/contact-h1.gif);}

#whats_new_h1 { background:url(../images/global/whatsnew-h1.gif); margin-bottom:0; padding-bottom:0;}

#50_rule_h1 { background:url(../images/global/50-rule.gif);}

#alcohol_h1 { background:url(../images/global/alcohol.gif);}

#chevy_50_rule { background:url(../images/global/chevy-50-rule.gif);}

#chevy_nextel_bush_h1 { background:url(../images/global/chevy-nextel-bush.gif);}

#comp_elim_h1 { background:url(../images/global/competition-eliminator.gif);}

#dodge_50_rule_h1 { background:url(../images/global/dodge-50-rule.gif);}

#dodge_nextel_bush_h1 { background:url(../images/global/dodge-nextel-bush.gif);}

#ford_46l_h1 { background:url(../images/global/ford-46l.gif);}

#ford_50_rule_h1 { background:url(../images/global/ford-50-rule.gif);}

#ford_nextel_bush_h1 { background:url(../images/global/ford-nextel-bush.gif);}

#ls1_ls6_h1 { background:url(../images/global/ls1-ls6.gif);}

#mountain_motor_h1 { background:url(../images/global/mountain-motor.gif);}

#nextel_bush_h1 { background:url(../images/global/nextel-bush.gif);}

#prostock_h1 { background:url(../images/global/prostock.gif);}

#std_bb_chevy_h1 { background:url(../images/global/standard-big-block-chevy.gif);}

#std_bb_dodge_h1 { background:url(../images/global/standard-big-block-dodge.gif);}

#std_sb_chevy { background:url(../images/global/standard-small-block-chevy.gif);}

#std_sb_ford_h1 { background:url(../images/global/standard-small-block-ford.gif);}

#std_sb_dodge_h1 { background:url(../images/global/standard-small-block-dodge.gif);}

#top_fuel_h1 { background:url(../images/global/top-fuel.gif);}


*/


/* END HEADLINES */


#mySlideShow
{
width: 225px !important;
height: 150px !important;
}
#footer {
	width:600px;
	text-align:center;
	margin:10px auto;
}
#footer li {
	float:left;
	list-style:none;
	margin-left:4px;
	padding-right:3px;
	border-right:1px solid #000;
	line-height:1.4;
	white-space:nowrap!important;
}
#footer li.last_list { border-right:none!important;}
#site_by p {
	margin:0 auto;
	padding-top:20px;
	display:block;
	font-size:1em;
	width:100%!important;
	text-align:center;
	clear:both;
}
#footer a:link {color:#333333;}
#footer a:visited {color:#666666;}
#footer a:hover {color:#FFFFFF; background-color:#CCCCCC;}
#footer a:active {color:#333333;}
#column_1 .crank_info p {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0.6em;
	margin-left: 0px;
	font-size: 1.3em;
}

.clear { clear:both;}





/* NAVIGATION */

#nav {position:relative;}

.hidden {display:none;}
#blobs {
 width: 537px;
 height: 40px;
 margin: 10px 0px;
 padding: 0;
 z-index:1;
}


#blobs li {	
	margin: 0; 
	padding: 0; 
	list-style: none; 
	
	display: block; 
	position: absolute; 
	
	height:30px;
	/*width:86px;*/ 
	top:17px; 
	z-index:1000;
}


#blobs a {
	display: block; 
	width:86px;
	background: url(../images/crankshaft_sprite_text3.gif) -315px -145px no-repeat; 
	width:86px; margin:0; padding:0;
	height:32px;
}
#blobs a:hover { background-position: -315px -174px;}



#blobs li li a:hover, #blobs ul li {background:none;}
#blobs li li a, #blobs li div a {background:none; width:auto; height:auto; margin:0; padding:0;}

/* @group Absolute Positions */

#home_nav {left: 0px;}
#crankshafts_nav {left: 47px; width:auto;}
#forged_nav {left: 154px;}
#benefits_nav {left: 266px;}
#whatsnew_nav {left: 343px;}
#garagesale_nav {left: 435px;}
#contact_nav {left: 518px;}
#empty {left: 535px; width:1px;}

/* @end */




.relative {position:relative;}

#blobs li div, #blobs li ul, div.frame a {display:none;}
#blobs li:hover div, #blobs li:hover ul, #blobs li.sfhover div, #blobs li.sfhover ul, #blobs li.sfhover div.sfhover, #blobs li.sfhover ul.sfhover, #blobs div.frame {display:block; z-index:1000;}


#blobs li div {background:url(../images/crankshaft_sprite_text3.gif) no-repeat;}

/* IMAGE FRAME */
/* IMAGE FRAME */
/* IMAGE FRAME */

		#blobs li div.frame {
			width:285px;
			height:110px;
			position:relative;
			background:url(../images/crankshaft_sprite_text3.gif) -291px -2px; /* empty */
			display:none;
			top:-48px;
			z-index:1000;
		}
		#empty {
			width: 285px;
			height:110px;
			position:absolute;
			background: url(../images/crankshaft_sprite_text3.gif) -291px -0px; /* empty */
			top: 22px;
			left:648px;
			z-index:3;
		}

/* @group Block Frame */

#home_nav.sfhover div.frame a, #home_nav.sfhover div.frame {display:block;}
		#crankshafts_nav.sfhover div.frame a, #crankshafts_nav.sfhover div.frame {display:block;}
		#forged_nav.sfhover div.frame a, #forged_nav.sfhover div.frame {display:block;}
		#benefits_nav.sfhover div.frame a, #benefits_nav.sfhover div.frame {display:block;}
		#whatsnew_nav.sfhover div.frame a, #whatsnew_nav.sfhover div.frame {display:block;}
		#garagesale_nav.sfhover div.frame a, #garagesale_nav.sfhover div.frame {display:block;}
		#contact_nav.sfhover div.frame a, #contact_nav.sfhover div.frame {display:block;}
		
		#home_nav:hover div.frame a, #home_nav:hover div.frame {display:block;}
		#crankshafts_nav:hover div.frame a, #crankshafts_nav:hover div.frame {display:block;}
		#forged_nav:hover div.frame a, #forged_nav:hover div.frame {display:block;}
		#benefits_nav:hover div.frame a, #benefits_nav:hover div.frame {display:block;}
		#whatsnew_nav:hover div.frame a, #whatsnew_nav:hover div.frame {display:block;}
		#garagesale_nav:hover div.frame a, #garagesale_nav:hover div.frame {display:block;}
		#contact_nav:hover div.frame a, #contact_nav:hover div.frame {display:block;}

#blobs li:hover div.frame a, #blobs li.sfhover div.frame a {overflow:hidden; display:none!important;}
/* @end */
		#empty div.frame a, #empty div.frame {
			display:block; 
			left:114px; 
			width:284px; 
			height:110px; 
			z-index:0; 
			background-position:-291px -2px; 
			top:-36px; 
			visibility:visible;
		}
		
		
	/*	SETTING THE FRAME BACKGROUND POSITION FOR ODD LI'S */
		#blobs #home_nav div.frame, 
		#blobs #benefits_nav div.frame, 
		#blobs #garagesale_nav div.frame   { background-position:-1px -120px;}

	
	/*	SETTING THE FRAME BACKGROUND POSITION FOR EVEN LI'S */
		#blobs #crankshafts_nav div.frame,
		#blobs #forged_nav div.frame, 
		#blobs #whatsnew_nav div.frame, 
		#blobs #contact_nav div.frame { background-position: -1px -312px;}
	
	
	/*	SETTING THE FRAME POSITION FOR INDIVIDUAL LI'S */

/* @group Frame Position */

#blobs #home_nav div.frame {
	left:648px; 
	width:126px; 
	top: -26px;
}
#blobs #crankshafts_nav div.frame {
	left: 601px; 
	width:168px;
	top: -27px;
}
#blobs #forged_nav div.frame {
	left: 494px; 
	width:168px;
	top: -27px;
}
#blobs #benefits_nav div.frame {
	left: 511px; 
	width: 84px; 
	background-position:-130px -120px;
	top: -26px;
	
}
#blobs #whatsnew_nav div.frame {
	left: 475px; 
	width:84px; 
	top: -8px;
	background-position:-171px -331px;
}
#blobs #garagesale_nav div.frame {
	left: 425px; 
	width:84px; 
	background-position:-213px -120px;
	top: -26px;
}
#blobs #contact_nav div.frame {
	left: 380px; 
	width:38px; 
	background-position:-251px -331px!important;
	top: -8px;
}

/* @end */

/* END IMAGE FRAME */
/* END IMAGE FRAME */

/* @group Drop Downs */

/* DROP-DOWN MENUS */

#blobs li ul {	

/*border-top:4px solid white;*/

border-top:none;
position:absolute; left:0px; top:33px; width:11em; padding:0; margin:0; z-index:10; text-align:left;
top:0px;
padding-top:40px;
height:30px;
background-color:white;
background-repeat:no-repeat;
}

#blobs li#home_nav a {
	background: url(../images/crankshaft_sprite_text3.gif) no-repeat -3px -246px;
	width: 47px;
}
#blobs li#home_nav a:hover, #blobs li#home_nav.active a {
	background: url(../images/crankshaft_sprite_text3.gif) no-repeat -3px -276px; 
}

/* NO HOVER */
#blobs li#crankshafts_nav a {
	background: url(../images/crankshaft_sprite_text3.gif) no-repeat -50px -246px;
	width: 106px;
}
/* HOVER */
#blobs li#crankshafts_nav ul {
	background: url(../images/crankshaft_sprite_text3.gif) -50px -276px no-repeat; 
}

/* NO HOVER */
#blobs li#forged_nav a {
	background: white url(../images/crankshaft_sprite_text3.gif) no-repeat -157px -246px;
	width: 115px;
}
/* HOVER */
/*
If it has drop-downs in the future
#blobs li#forged_nav ul {
	background: url(../images/crankshaft_sprite_text3.gif) -157px -276px no-repeat; width: 111px;
}*/
#blobs li#forged_nav a:hover, #blobs li#forged_nav.active a {
	background: url(../images/crankshaft_sprite_text3.gif) -157px -276px no-repeat;
}
#blobs li#benefits_nav a {
	background: url(../images/crankshaft_sprite_text3.gif) no-repeat -269px -246px; 
	width: 70px;
}
#blobs li#benefits_nav a:hover, #blobs li#benefits_nav.active a {
	background: url(../images/crankshaft_sprite_text3.gif) -269px -276px no-repeat; 
}

#blobs li#whatsnew_nav a {
	background: url(../images/crankshaft_sprite_text3.gif) no-repeat -346px -246px;
	width: 85px;
}
#blobs li#whatsnew_nav a:hover, #blobs li#whatsnew_nav.active a {
	background: url(../images/crankshaft_sprite_text3.gif) -346px -276px no-repeat; 
}

#blobs li#garagesale_nav a {
	background: url(../images/crankshaft_sprite_text3.gif) -438px -246px no-repeat; 
	width: 84px;
}
#blobs li#garagesale_nav a:hover, #blobs li#garagesale_nav.active a {
	background: url(../images/crankshaft_sprite_text3.gif) -438px -276px no-repeat; 
}
#blobs li#garagesale_nav ul li { 
	width:11em;
}

/* CONTACT */

#blobs li#contact_nav a {
	background: white url(../images/crankshaft_sprite_text3.gif) no-repeat -521px -246px; 
	width: 66px;
}
#blobs li#contact_nav a:hover, #blobs li#contact_nav.active a {
	background: url(../images/crankshaft_sprite_text3.gif) -521px -276px no-repeat; 
}

/* @end */


#blobs li li { 
	background-image:none;
	background:#FF9800;
	display:block; 
	position:relative; left:0px; top:0px; 
	clear:both; 
	height:auto;
	width:10em;
	padding:5px .5em;
	margin:0;
	border-top:.1em solid white;
	border-bottom: ridge 2px #C47501;
	font-size:1.2em;
	text-align:left;
	overflow:visible;
	margin-top:-2px;
}

#page_container #header #nav #blobs li li.top_list {
	border-top:ridge 1px #C47501;
}


#blobs li li.sfhover, #blobs li li:hover {
	background-color:#FFC568;
}

#page_container #header #nav #blobs li li a { 
		width:auto;	
		background:none;
		color:black;
		text-decoration:none;
		font-weight:bold;
		display:block;
		padding:5px 0;
		margin:-5px 0;
		width:100%;
		height:100%;
}
#page_container #header #nav #blobs > li li a {
	width:auto;
}

/*#blobs li ul {	position:absolute; left:0px; top:19px; width:11em; padding:0; margin:0; z-index:10; border-top:4px solid white;
background-color:white;
}*/


/* END DROP-DOWN MENUS */


