/* CSS Document */

img, div { behavior: url(iepngfix.htc) }

body {
  margin: 0px;
  padding: 0px;
  background-color: #000;
  text-align:center; 
  background-repeat: no-repeat;
  background-position: center 0;
  background-image:url("images/harley_final_bkg.jpg");
}

form {
  margin: 0;
  padding: 0;
}

img {
  border: 0px;
}

.clear {
    clear: both;
    display: block;
    height: 1px;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

#wrapper {
  position: relative;
  margin: 0 auto;
  text-align: left;
  width: 995px;
}

#content {
  width: 995px;
}

	#header {
	  width: 995px;
	  height: 65px;
	  background-image:url("images/hd_header_bg.jpg");
	  background-repeat: no-repeat;
	  background-position: top left;
	}
		#header #logo {
		  width: 157px;
		  height: 31px;
		  margin: 18px 0px 0px 25px;
		  display: block;
		  float: left;
		}

		#header #olympus {
		  display: none;
		}

		#header #captureitall {
		  display: none;
		}

	#nav {
	  width: 995px;
	  height: 28px;
	  background-image:url("http://www.getolympus.com/images/navBG.gif");
	  background-repeat: repeat;
	  background-position: top left;
	  text-align: bottom;
	  vertical-align: bottom;
	}

	#nav img {
	  height: 20px;
	  margin: 4px 0px 0px 0px;
	  text-align: bottom;
	  vertical-align: bottom;
	}

	#nav a {
	  height: 20px;
	  border-right: 1px solid #2B5184;
	}

	#nav a:hover {
	  background-color: #2B5184;
	}

	#centerContent {
	  width: 995px;
	  background-repeat: no-repeat;
	  background-position: top left;
	  font-family: verdana;
	  font-size: 11px;
	  color: #fff;
	  line-height: 14px;
	}

	/* begin home center css content */	

#main_content {
	position: relative;
	padding: 88px 18px 18px 18px;
	zoom: 1;
	background: transparent url(images/harley-badge.jpg) no-repeat  405px 45px;
}
	#main_content h1 {
		text-align: center;
		color: #feb200;
		font-size: 24px;
		line-height: 28px;
		padding-bottom: 34px;
		margin: 0px 0 0px;
		z-index: 3;
		position: absolute;
		top: 17px;
		left: 0px;
		width: 100%;
	}
	* html #main_content h1 {
		left: 28px;
	}
	
	.hideme {
		display: none;
	}
	
	.harley-content {
		zoom: 1;
		color: #000;
		background:#fff url(images/harley-badge.jpg) no-repeat  387px -43px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		padding-bottom: 30px;
		position:relative;
	}
	
	.harley-content .badge {
		height: 167px;
		width: 185px;
		background: transparent url(images/harley-badge.jpg) no-repeat 0 0;
		zoom: 1 !important;
		z-index: 2;
		display:block;
	}
	
	.harley-content .product {
		width: 430px;
		margin: 22px 23px 17px;
	}
		.harley-content .product img {
			margin-right: 18px;
			float: left;
		}
		.harley-content .description {
			/*width: 147px;*/
			width: 156px;
			padding: 12px 0 0 35px;
			background-repeat: no-repeat;
			background-position: 0 0;
			float: left;
			border-left: 1px solid #e2e2e2;
			*padding: 23px 0 0 35px;
		}
		* html .harley-content .product {
			width: 420px;
			margin-right: 22px;
		}
			.harley-content .col0 .description {
				background-image: url(images/traditional-bg.gif);
			}
			.harley-content .col1 .description {
				background-image: url(images/classic-bg.gif);
			}
			.harley-content .col2 .description {
				background-image: url(images/saddlebag-bg.gif);
			}
			.harley-content .col3 .description {
				background-image: url(images/touring-bg.gif);
			}
			
			.harley-content .description h2 {
				display: none;
			}
			
			.harley-content .description p {
				margin: 11px 0 ;
			}
			
			.harley-content .description small {
				font-size: 10px;
				line-height: 12px;
			}
		
		.harley-content .description a img {
			margin: 10px 0 0 0;
		}
		.harley-content .col2 .description a img {
			margin-top: 36px;
		}
	
	.harley-content .col1, * html .harley-content .col1 {
		width: 355px;
	}
	.harley-content .col2, .harley-content .col3 {
		_width: 430px !important;
		_margin: 22px 0px 17px 18px;
	}
	
	* html .harley-content .col1 {
		margin-right: 10px;
	}
	
	.harley-content .right {
		float: right;
	}
	
	.harley-content .left {
		float: left;
	}
	
	.harley-content .hr {
		clear: both;
		border: 0px solid #fff;
		background: transparent url(images/divider.jpg) no-repeat center center;
		height: 45px;
		margin: 10px 0;
	}
	.harley-content .hr hr {
		display: none;
	}
	
#promoBar {
  width: 962px;
  height: 105px;
  margin: 0px auto 0px auto;
  display: block;
  background-image:url("http://www.getolympus.com/images/promoBar.png");
  background-repeat: no-repeat;
  background-position: top left;
  color: #000;
}

	#promoBar #chip {
	  width: 316px;
	  height: 86px;
	  margin: 9px 0px 0px 13px;
	  display: inline;
	  float: left;
	}

	#promoBar #chip #items_container {
	  width: 288px;
	  height: 86px;
	  left: 0px;
	  overflow: hidden;
	  background-color:#FFFFFF;
	  position: relative;
	  float: left;
	  display: inline;
	}

	#promoBar #chip #social_header {
		margin: 5px;
	}

	#promoBar .socialdivider {
		float:left;
		margin:5px 14px;
	}

	#promoBar .socialicon {
		float:left;
		margin-left:5px;
		margin-top:15px;
	}

	#promoBar #showproof {
	  width: 283px;
	  height: 77px;
	  display: inline;
	  float: left;
	  line-height: 13px;
	  font-size: 11px;
	  font-family: arial;
	  background-image:url("http://www.getolympus.com/images/showproofBG.png");
	  background-repeat: no-repeat;
	  background-position: top left;
	  margin: 9px 16px 0px 11px;
	  padding: 9px 15px 0px 11px;
	}

		#promoBar #showproof img {
		  height: 11px;
		  margin: 0px 0px 6px 0px;
		  display: block;
		}

		#promoBar #showproof a {
		  color: #08107b;
		}

		#promoBar #showproof a:hover {
		  color: #333333;
		  text-decoration: none;
		}

	#promoBar #email {
	  width: 297px;
	  height: 86px;
	  display: inline;
	  float: left;
	  line-height: 15px;
	  font-size: 11px;
	  font-family: arial;
	  margin: 9px 0px 0px 0px;
	  padding: 0px 0px 0px 0px;
	}

		#promoBar #email img {
		  margin: 9px 0px 6px 0px;
		  display: block;
		}

			#promoBar #email #signup {
			  width: 110px;
			  height: 85px;
			  float: right;
			  background-image:url("http://www.getolympus.com/images/emailBG.png");
			  background-repeat: no-repeat;
			  background-position: top left;
			}

				#promoBar #email #signup img {
				  margin: 26px 0px 0px 11px;
				}

	#footer {
	  width: 995px;
	  height: 90px;
	  margin: 30px 0px 20px 0px;
	  font-family: verdana;
	  font-size: 11px;
	  line-height: 16px;
	  color: #fff;
	  text-align: center;
	  background-image:url("http://www.getolympus.com/images/footerBG.png");
	  background-repeat: no-repeat;
	  background-position: top left;
	}

		#footer ul {
		  margin: 12px 0px 12px 0px;
		}

		#footer ul li{
		  position: relative;
		  margin-right: 4px;
		  display: inline;
		  list-style: none;
		}

		#footer #getolympus {
	  	  width: 995px;
	  	  margin: 0px 0px 8px 0px;
		}

			#footer  a {
			  color: #fff;
			}

			#footer  a:hover {
			  color: #888888;
			}
			
			
/* slightly enhanced, universal clearfix hack */
.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */