/* ===============================
	www.anounceofprevention.com
	March 15 2010

	swatch colors
	===========
	#7e7b7b   paragraph
	#625F5F   link
	#99A7CC  hover
	================================= */


	#sto { xdisplay: none; }

	* { margin: 0; padding: 0; }

	html, body { height: 100%;}
	html { overflow-y: scroll; }

	body { height: 100%; font-size: 62.5%; font-family: Arial, Verdana, Geneva, Helvetica, sans-serif; margin: 0; padding: 0; background-color: White; }

	/* -----------------------  LINKS  ---------------------- */
	a { color: #625F5F; outline: none; }
	a:hover { color: #99A7CC; }
	a:focus { color: #625F5F; }
	a:visited { color: #625F5F; }
	a:active { outline: 0; position: relative; top: 1px; }
	img { border: none; }

	/* -----------------------  Headers  ---------------------- */
	p { font-size: 1.2em; line-height: 1.8em; margin: 0 0 .7em 0; color: #7e7b7b; }


	h1 { font-size: 2.0em;  margin: 0 0 .3em 0;  }
	h2 { font-size: 2.2em;  margin: 0 0 .4em 0; color: #7e7b7b; }
	h3 { font-size: 2.0em;  margin: 0 0 .4em 0; color: #424141; }
	h4 { font-size: 1.7em;  margin: 0 0 .4em 0; color: #424141; }

	/* -------------------  Blockquotes  ---------------- */
	x-blockquote { margin: 2em; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; color: #7e7b7b; } /*  puts a line above and below*/


	/* ----------------------------------------------------  Page Architecure -------------------------------------------------------- */	
	#distance { float: left; width: 1px; height: 50%; margin-bottom: -415px; /* ENTER half of container's height *//* ENTER half of container's height */ }

	#wrapper { margin: 0 auto; clear: left; position: relative; margin: 0 auto; padding: 10px 0 10px 0; text-align: right; width: 1000px; height: 830px; /* ENTER full container height *//* ENTER full container height */ }


	/* -----------------------------------------------  Header ------------------------- ------------- */	
	#mega-header { float: right; width: 758px; }



	/* ------------  HEADER  ------------ */	
	#header { float: right; width: 758px; height: 174px; margin: 0 0 50px 0; background-image: url(../images/headers/header-home.jpg); }

	#home { width: 620px; height: 174px; float: left; }

	#cart { width: 117px; height: 64px; float: right; padding: 110px 0 0 0; margin: 0 3px 0 0; }









	#billboard { padding: 12px 0 0 93px; width: 665px; float: right; height: 161px; margin: 0 auto 15px auto; background: url(../images/moustaches/blue.gif) no-repeat 12px 0px; }

	#billboard h1 { color: #2C588F; font-weight: normal; font-size: 2.2em; line-height: 1.5em; text-align: left; }

	/* -----------------------------------------------  NAV ------------------------------------------ */	

	#aoplogo {
	width: 184px;
	height: 201px;
	background: url(../images/logos/aop-logo.jpg) no-repeat;
}
	
	#nav {
	
		width: 184px;
		float: left;
		margin: 5px 0 0 14px;
	}
	
	#nav ul {
		text-align: left;
		list-style-type: none;
	}

	--------------------------------------------   Rows ------------------------------------------ */	

	#top-row { height: 440px; xmargin: 60px 0 0 0; }

	#mid-row {
		width: 976px;
		float: right;
		height: 315px;
	}

	#mid-row a:hover { color: #4C639C; }

	#bot-row { xbackground-color: #A52A2A; display: inline;}

	.bucket {
		height: 300px;
		width: 192px;
		float: left;
		display: inline;
		text-align: center;
		padding: 16px 26px 0px 26px;
	}
	.bucket p { text-align: left; }

	.light-gray { background-color: #D9D9D9; }
	.dark-gray { background-color: #C2C3C3; }


	/* ------------  Footer ------------ */	
	#footer {
		width: 941px;
		height: 30px;
		float: right;
		padding: 15px 35px 0 0;
		margin: 9px 0px 4px 0px;
		background-color: #A5A2A2;
	}

	#footer ul { margin: 0; list-style-type: none; }
	#footer li { display: inline; padding: 0 0 0 25px; color: white; float: right; }
	#footer li a { color: white; font-size: 1.3em; text-decoration: none; text-transform: uppercase; }

	#copyright p {
		float: right;
		width: 941px;
		color: #8E8F8F;
		font-size: 1.1em;
		text-align: right;
		padding: 0px 35px 0 0;
	}


	.clear {clear: both;}
	.hide { display: none; }
	.vcard { display: none; }