@charset "UTF-8";
/* CSS Document */

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

body {
  margin: 0px;
  padding: 0px;
  background-color: #4280a7;
  text-align:center; 
  background-repeat: no-repeat;
  background-position: center -33px;
  background-image:url("images/bg-crayola.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 {
	  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 {
	height:664px;
}
		
	#main_head {
		padding: 30px 0 0 4px;
	}

	#main_left {
		width:295px;
		float:left;
		margin-top:35px;
		text-align:right;
	}
		#main_left_text {
			color:#000000;
			margin-top:15px;
			margin-left:20px;
			font-size: 12px;
		}
		
		#main_learnmore {
			margin:20px 0;
		}

		#main_hsn {
			
		}
		
		#main_kitcontents {
			margin-top:14px;
			margin-left:55px;
			text-align:left;
			color:#000000;
			font-size:10px;
			line-height:12px;
		}

	#main_right {
		width:690px;
		float:right;
	}
	
		#main_right_sample ul {
			margin:0;
			padding:0;
			list-style:none;
			margin-left:27px;
		}
		
		#main_right_sample li {
			margin:0;
			padding:0;
			float:left;
			margin-left:10px;
		}
		
	
#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 */