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

body {
  margin: 0px;
  padding: 0px;
  background-color: #4280a7;
  text-align:center; 
  background-repeat: no-repeat;
  background-position: center -33px;
  background-image:url("images/bg-2.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;
	  height: 515px;
	  background-image:url("http://www.getolympus.com/kidproof/images/center_bg.jpg");
	  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:400px
}
		
#home_left {
	float:left;
	width: 736px;
	height:390px;
}
	
	#home_left	#home_left_pad {
		margin:10px 0px 12px 17px;
		overflow:hidden;
	}
	
	#home_left #home_left_pad #main_panel {
		width: 719px;
    	height:379px;
	}
	
	#home_left #home_left_pad #main_panel #main_panel_border {
		border:4px solid #CCCCCC;
	}
		
	#main_panel ul { padding:0; margin:0; }
	#main_panel ul li { list-style:none;padding:0; margin:0; }
	
	
#home_right {
	float:right;
	width: 236px;
	height:390px;
	overflow:hidden;
}
	
	#home_right	#home_right_pad {
		margin:5px 16px 5px 0px;
	}
	
	#scroll_panel {
		overflow:hidden;
	}
	/* end home center css content */	
	
	#scroll_panel #wrap ul  { padding:0; margin:0; }
	#scroll_panel #wrap ul li { list-style:none;padding:0; margin:0; margin-bottom: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: 60px 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 */