/*
	Style Name	: Minisite / Sales Page Website style sheet
	Version     : 1.4
	Author      : Abundance Unlimited
	URL         : http://www.AbundanceUnlimited.com
	Copyright   : Abundance Unlimited, LLC
	Comments	: For use with minisites
	              Search for the string change for common elements to change the look
	
	all code -- html and css is copyright 2008 Abundance Unlimited. All rights reserved worldwide.
*/

/* Body elements */
body {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 12px; /*change */
	background-color: #F2F2F2; /*change */
	color: #000000; /*change */
	margin : 0;
	padding: 0;
	text-align: center;
}

body.lang-ar,
body.lang-fa,
body.lang-he,
body.lang-hi,
body.lang-km,
body.lang-ko,
body.lang-ja,
body.lang-th,
body.lang-zh {
	font-size: 75%; /* Resets 1em to 12px */
	}

#page {
	background-color: white;
	text-align: center;
	margin: 0px auto 0px auto;
	padding:0px;
	position: relative;
	width: 780px;/*change */
	height:100%;
	clear: both;
}

#header {
	padding:0px;
	border:0px;
	margin:0px;
	position:relative;
	height:166px;
	color:black; /*change */
}

#content {
	padding-top: 10px;
	padding-left:30px;
	padding-right:30px;
	padding-bottom:30px;
	width:780px;
	text-align:left;
	background-color: white;
	border: black 1px;
}

#footer {
	font-size:75%;
	padding:5px 0;
	margin:0 auto;
	clear:both;
	text-align:center;
	line-height:20px;
	background-color:white;
}

#footer p {
	line-height: 1.6em;
	}

#footer a {
	color: #009933;
	border-bottom: 1px solid #ccc;
	font-weight: bold;
	}

#footer a:hover {
	border: none;
	text-decoration: none;
	color: black;
	}


/* text elements */

p {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size:16px; /* 12px is good size to read for everyone */ /*change */
	margin-bottom: 10px;
	line-height: 20px;
}

li {
	font-size:16px;
	padding-bottom: 16px;
}

.spacesli {
	font-size:12px;
	margin-bottom: 10px;
	line-height: 16px;
}

a:visited, a:active, a:link {
	font-weight:bold;
	text-decoration: underline;
	color: #006600; /*change */
}

a:hover {
	font-weight:bold;
	text-decoration: none;
	color: #00cc33; /*change */
}

/* headings */

h1, h2, h3, h4 {
	font-family: 'Trebuchet MS', Verdana, Sans-Serif; /*change */
	}

h1 { /* is the main headline, not the header */
	font: 26px helvetica, arial, sans-serif; /*change */
	font-weight: bold;
	line-height:22px; /*change */
	margin-bottom: 0px;
	background-color: #FFFFFF; /*change */
	color: #CC0000;
}

h2 { /* sub-heading */
	font-size: 22px;
	color: #006600; /*change */
}

/* navigation elements */
/* main menu under header */

#menu ul /* main menu attributes */
{
	font-family: arial, helvetica, sans-serif; /* change font for look */
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	border-top: 0px;
	border-bottom: 0px;
	border-left: 0px;
	border-top: 0px;
	color: White;
	text-align:center;
	float: inherit;
	width: 100%;
	background-color: #006633; /* overall background color of menu */ /*change */
}

#menu ul, #menu li {
	display: inline;
}

#menu a:link, #menu a:visited  {
	border-right: 1px solid white; /*change */
	padding: 0.2em 1em 0em 0em;
	text-decoration: none;
	text-align:center;
	float: inherit;
	color: White; /* color of text */ /*change */
	background-color: #006633; /* should be same color as main menu element */ /*change */
}

#menu a:link#current, #menu a:visited#current{ /*current page, use a id of current */
	background-color: yellow; /* current page menu background color */ /*change */
	color: black; /* current page text color */ /*change */
}

#menu a:hover { /* hover colors of menu */
	background-color: #00CC33; /* background color of hover - this can be changed */ /*change */
	color: white; /* text color of hover - this can be changed */ /*change */
}

/* Sales Letter Elements */

blockquote { /* quote of someone or article */
	margin: 0px 0px 0px 25px;
	padding: 0px 25px 0px 10px; /* change */
}

img.left
{
float: left;
margin: 0px 14px 3px 0px;
}

img.right
{
float: left;
margin: 0px 14px 3px 0px;
}

.notes {
	font-size:10px;
	line-height: 12px;
	margin-bottom: 10px;
}

.pullquote_left {
	width: 200px;
	margin: 5px 15px 5px 0;
	font-size: 1.4em;
	text-align: center;
	float: left;
}

.pullquote_right {
	width: 200px;
	margin: 5px 0 5px 15px;
	font-size: 1.4em;
	text-align: center;
	float: right;
}

.boldred {
	font-family:"Century Gothic", sans-serif; /* change */
	color: #CE110D; /* change */
	font-weight: bold; /* change */
}

.story .testimonial {
	margin: 5px 195px 5px 195px;
	font-size: 12px;
	padding: 5px 195px 5px 195px;
	color: #000000;
	background-color:#FFFF99;
}

.yellowbox {
	BACKGROUND-COLOR: #FFFFCC;
	border: 2px dashed #000000;
	float: center;
}

.redmantet {
	FONT-WEIGHT: bold;
	COLOR: #CC0000;
	FONT-STYLE: italic;
	ZZcolor: #2149c1;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}

.bluebox {
	BORDER-RIGHT: gray 1px dashed;
	BORDER-TOP: gray 1px dashed;
	FONT-SIZE: 12px;
	MARGIN-LEFT: auto;
	BORDER-LEFT: gray 1px dashed;
	WIDTH: auto;
	COLOR: #5474c9;
	MARGIN-RIGHT: auto;
	BORDER-BOTTOM: gray 1px dashed;
	FONT-FAMILY: arial,sans-serif,verdana;
	BACKGROUND-COLOR: #edf3fe;
	padding: 8px;
}
.lifebox {
	BORDER-RIGHT: #4169e1 4px solid; BORDER-TOP: #4169e1 4px solid; BORDER-LEFT: #4169e1 4px solid; BORDER-BOTTOM: #4169e1 4px solid; BACKGROUND-COLOR: #f7f7f7
}
.greybox {
	BORDER-RIGHT: gray 1px dashed; PADDING-RIGHT: 5px; BORDER-TOP: gray 1px dashed; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; MARGIN: 5px; BORDER-LEFT: gray 1px dashed; PADDING-TOP: 5px; BORDER-BOTTOM: gray 1px dashed; BACKGROUND-COLOR: #f7f7f7
}
.fatred {

	FONT-WEIGHT: bold;
	COLOR: #CC0000;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	ZZcolor: #202020;
	font-size: 26px;
}

.realred {


	FONT-WEIGHT: bold;
	COLOR: #FF0000;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	ZZcolor: #202020;
	font-size: 24px;
}
.fatred2 {
	FONT-WEIGHT: bold;
	COLOR: #CC0000;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	ZZcolor: #202020;
	font-size: 32px;
	line-height: 32px;
}
.realredstop {



	FONT-WEIGHT: bold;
	COLOR: #CC0000;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	ZZcolor: #202020;
	font-size: 22px;
}
.yelloplain {

	BACKGROUND-COLOR: #ffff00;
}
.headlinebigger {

	MARGIN-TOP: 22px; FONT-WEIGHT: 800; FONT-SIZE: 16pt; MARGIN-BOTTOM: 22px; COLOR: black; FONT-FAMILY: Georgia, "Times New Roman", Times, serif
}
.fatblack {
	FONT-WEIGHT: bold;
	COLOR: #000000;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	ZZcolor: #202020;
	font-size: 36px;
}
}
.headlineCopy {
FONT-WEIGHT: normal; FONT-SIZE: 16pt; COLOR: black; FONT-FAMILY: Arial, Helvetica, sans-serif
}
.headlinebigger2 {


	MARGIN-TOP: 22px; FONT-WEIGHT: 800; FONT-SIZE: 10pt; MARGIN-BOTTOM: 22px; COLOR: black; FONT-FAMILY: Georgia, "Times New Roman", Times, serif
}
.yellowheadlinebigger {
	MARGIN-TOP: 22px;
	FONT-WEIGHT: 800;
	FONT-SIZE: 10pt;
	MARGIN-BOTTOM: 22px;
	COLOR: black;
	FONT-FAMILY: Georgia, "Times New Roman", Times, serif;
	background-color: #FFFF00;
}
.mistral {
	COLOR: #000066;
	font: normal 36pt mistral;
}
.yelloplain2 {
	BACKGROUND-COLOR: #ffff00;
	font: normal 20px Arial, Helvetica, sans-serif;
}


/*- Various Tags and Classes */

.clear {
	clear: both;
	margin: 0;
	padding: 0;
	}

.center {
	text-align: center;
	}

.alignright {
	float: right;
	}
	
.alignleft {
	float: left
	}

img.center, img[align="center"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}
	
img.alignright, img[align="right"] {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft, img[align="left"] {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}
	
img.noborder {
	border: none !important;
	}

small {
	font-size: 0.9em;
	line-height: 1.5em;
	}

small, strike {
	color: #777;
	}
	
code {
	font: 1.1em 'Courier New', Courier, Monospace;
	}

.chronodata abbr { border: 0; }

hr {

	}

.belcherbutton {
	border: 4px dashed #000000;
	float: center;
	border-top-color: #FF0000;
	border-right-color: #FF0000;
	border-bottom-color: #FF0000;
	border-left-color: #FF0000;
}

.squeezevideotable {
	BACKGROUND-COLOR: #9fc6d2;
	border: 2px dashed #000000;
	float: center;
	border-top-color: #9fc6d2;
	border-right-color: #9fc6d2;
	border-bottom-color: #9fc6d2;
	border-left-color: #9fc6d2;
}