/*
	Style Name	: Minisite / Sales Page Website style sheet
	Version     : 1.2
	Author      : Abundance Unlimited
	URL         : http://www.AbundanceUnlimited.com
	Copyright   : Mathes Jones
	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 Mathes Jones All rights reserved worldwide.
*/

/* Body elements */
body {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 12px; /*change */
	background-color: white; /*change */
	color: #000000; /*change */
	margin : 0;
	padding: 0;
	text-align:center;
/*	background-image: url(images/NoStruggleWeightLoss_BG.gif); /* change */
/*	background-repeat: repeat; */
}

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: left;	
	margin: 0px auto 0px auto;
	padding:0px;
	position: relative;
	border: 1px solid black;
	width: 775px; /*change */
	height:100%;
	clear: both;
}

#header {
	padding:0px;
	border:0px;
	margin:0px;
	position:relative;
	height:166px;
	color:black;
	background:green url(images/NoStruggleWeightLoss_Header.jpg) no-repeat center; /*change */
}

#content {
	padding-top: 10px;
	padding-left:30px;
	padding-right:30px;
	padding-bottom:30px;
	width:720px;
	text-align:left;
	background-color: white; /* keep this white a vast majority of the time */
}

#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: #888;
	border-bottom: 1px solid #ccc;
	font-weight: bold;
	}

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


/* text elements */

p, li {
	font-size:12px; /* 12px is good size to read for everyone */ /*change */
	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:28px;
	color: #006600; /*change */
	margin-bottom: 0px;
	background-color: #FFFFFF; /*change */
}

h2 { /* sub-heading */
	font-size: 14px; /*change */
	text-align: left;
	color: #009933; /*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;
	font-style: italic;
	color: #666666; /* change */
	border-left: 1px solid #cccccc; /* 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;
}

/*- 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 {

	}