body {
  margin: 0px;
  padding: 0px;
  background-color: #000000;
  text-align:center; 
  background-repeat: no-repeat;
  background-position: top center;
  background-image:url("/willitblend/images/blends/blends_page_back.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("http://www.getolympus.com/images/topBG.gif");
	  background-repeat: no-repeat;
	  background-position: top left;
	}

		#header #olympus {
		  width: 157px;
		  height: 31px;
		  margin: 18px 0px 0px 25px;
		  display: inline;
		  float: left;
		}

		#header #captureitall {
		  width: 188px;
		  height: 17px;
		  margin: 26px 9px 0px 0px;
		  display: inline;
		  float: right;
		}

	#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 img#headline {
		margin:30px 20px 5px 0;
	}

	#centerContent img#whatwillyoucreate {
		margin:20px 20px 5px 0;
	}

	#centerContent img#learn-more {
		margin:10px 20px 25px 0;
	}

	#centerContent img#ep1 {
	display:block;
	text-align:left;		
	margin:10px 0 0 0;
	}

	#centerContent {
	  width: 995px;
	  height: 685px;
	  background-image:url("/willitblend/images/blends/blends_back.png");
	  background-repeat: repeat-x;
	  background-position: top left;
	  background-color: #000;
	  font-family: verdana;
	  font-size: 11px;
	  color: #000;
	  line-height: 14px;
	}

		#centerContent #left {
		  width: 322px;
	  	  height: 558px;
		  display: inline;
		  float: left;
		  text-align: right;
		  background-image:url(/willitblend/images/blends/images/pen_camera_img.png);
		background-position: bottom left;
		background-repeat:no-repeat;

		}

			#centerContent #left #kidproof {
			  margin: 63px 24px 0px 0px;
			}

			#centerContent #left p {
			  margin: 16px 24px 0px 33px;
			}

			#centerContent #left a {
			  color: #fff;
			  font-weight: bold;
			}

			#centerContent #left a:hover {
			  color: #888888;
			  font-weight: bold;
			}

			#centerContent #left img#btn_stylustough {
			  margin: 23px 24px 0px 0px;
			}

			#centerContent #left img#btn_gallery {
			  margin: 19px 24px 0px 0px;
			}

		#centerContent #videoChooser {
		  width: 652px;

		  background-color: #022E4D;
		}

			#centerContent #videoChooser img#selectanep {
			  width: 157px;
			  height: 15px;
			  margin: 7px 0px 11px 8px;
			}

			#centerContent #videoChooser img {
			  width: 56px;
			  height: 44px;
			}

			#centerContent #videoChooser a {
			  border: 1px solid #377CAB;
			  margin: 0px 5px 12px 0px;
			  display: inline-block;
			}

			#centerContent #videoChooser a:hover, #centerContent #videoChooser .active {
			  border: 1px solid #D5AB2B;
			}

			#centerContent #videoChooser .firstitem {
			  margin-left: 8px;
			}

		#centerContent #right {
		  width: 673px;
		  display: inline;
		  float: right;
		}

	
			#centerContent #right #video {
			  width: 640px;
			  height: 386px;
			  margin: 26px 0px 0px 0px;
			  border: 6px solid #fff;
			  background-color: #000;
			}

			#centerContent #right #thumbnails {
				margin:40px 0 0 0
			}	

			#centerContent #right #thumbnails img {
				margin-right:12px;
			}	

#addthis {
  display: block;
  text-align: right;
  margin: 10px 20px 10px 0px;
}

#promoBar {
  width: 962px;
  height: 105px;
  margin: 10px 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: 0 0 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 */