
/* CSS Document */

/* =universals. 
These rules are applied to all elements unless specified below. */

* { margin : 0; padding : 0; }
h2, h3, h4, h5, p, ul, ol {
	margin : 0em 0px 0;
	padding : 0.5em 0;
}

/* =html */
html { background-color : #2383CF; }

/* =body */
body {
	background : url(../images/bg.jpg) repeat-x fixed;
	color : #2383CF;
	text-align : center;
	font-family: Verdana, Arial, sans-serif;
	font-size: 76%;
	line-height: 140%;
}

body a:link, body a:visited {
	color: #9966FF;
	text-decoration: none;
}

body a:hover {
	color: #9966FF;
	text-decoration: underline;
}


a img { border : 0; }

.img_right {
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
}
.img_left {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}
.img_center {
	float: center;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
}


.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}


/* General Heading Seetings */
h2, h3, h4, h5 {font-weight : bold;}

/* =h1 */

h1 {
	font-size : 20px;
	color:#9966FF;
	height: 35px;
	width: 550px;
	padding-top: 0px;
	margin-top:20px;
}

h2 {
	font-size : 120%;
	color : #9966FF;
	text-transform: uppercase;
}

h3 {
	font-size : 110%;
	color:#6600CC
}

h4 {
	font-size : 100%;
	color : #9966FF;
}

h5 {
	font-size : 100%;
	color:#3399FF
}

div#content_rightcol, div#content_leftcol {
	font-size: 11px;
	line-height: 1.4em;
}

/* page buttons */

.top a:link, .top a:visited {
	margin: 2em 0 0 0;
	padding: 0;
	font-size : 100%;
	height: 25px;
	width: 100px;
	background: url(../images/top.jpg) no-repeat right center;
	display: block;
	text-indent: -9999px;
}

.top a:hover {
	background: url(../images/top_over.jpg) no-repeat right center;
}

.buynow a:link, .buynow a:visited {
	margin: 2em 0 0 0;
	padding: 0;
	font-size : 100%;
	height: 25px;
	width: 100px;
	background: url(../images/buttons/buynow.jpg) no-repeat right center;
	display: block;
	text-indent: -9999px;
}

.buynow a:hover {
	background: url(../images/buttons/buynow_.jpg) no-repeat right center;
}



.quicklinks {
	margin: 2em 0 0 0;
	padding: 0;
	font-size : 100%;
	height: 31px;
	width: 182px;
	background: url(../images/quick_links.jpg) no-repeat 10px center;
	text-indent: -9999px;
}

.submenu_title {
	margin: 2em 0 0 0;
	padding: 0;
	font-size : 100%;
	height: 31px;
	width: 182px;
	background: url(../images/submenu_title.jpg) no-repeat 10px center;
	text-indent: -9999px;
}


div#submenu ul {
	list-style-type: none;
	margin: 4px 0 0 -10px;
	padding: 0;
}

div#submenu li a {
	float: left;
	width : 170px;
	padding : 0.5em 0 0.5em 0px;
	margin: 0;
	background-color : #E8EFFF;
	text-indent: 5px;
	display: block;
}

div#submenu li a:hover {
	text-decoration: none;
	background: #DCB9FF;
	font-weight: bold;
	color: #FFFFFF;
}

/* Content Column Headings */
/*div#content h1 {
	margin: 1em 0 0 0;
	padding: 0;
	font-size : 130%;
	height: 20px;
	width: 340px;
	background: url(../images/headings/hd_whatsnew.gif) no-repeat;
	text-indent: -9999px;
}

 page headings 

div#content h1#whats_new {
	background: url(../images/headings/hd_whatsnew.gif) no-repeat;
}

div#content h1#about_us {
	background: url(../images/headings/hd_about_us.gif) no-repeat;
}

div#content h1#product_lines {
	background: url(../images/headings/hd_product_lines.gif) no-repeat;
}

div#content h1#news_info {
	background: url(../images/headings/hd_news_info.gif) no-repeat;
}

div#content h1#contact_us {
	background: url(../images/headings/hd_contact_us.gif) no-repeat;
}

div#content h1#about_ii {
	background: url(../images/headings/hd_about_ii.gif) no-repeat;
}

div#content h1#philosophy {
	background: url(../images/headings/hd_our_philosophy.gif) no-repeat;
}

div#content h1#testimonials {
	background: url(../images/headings/hd_test.gif) no-repeat;
}

div#content h1#terms_conditions {
	background: url(../images/headings/hd_terms_conditions.gif) no-repeat;
}

div#content h1#news {
	background: url(../images/headings/hd_news.gif) no-repeat;
}

div#content h1#articles {
	background: url(../images/headings/hd_articles.gif) no-repeat;
}

div#content h1#faqs {
	background: url(../images/headings/hd_faqs.gif) no-repeat;
}
div#content h1#privacy {
	background: url(../images/headings/hd_privacy.gif) no-repeat;
}

div#content h1#site_map {
	background: url(../images/headings/hd_site_map.gif) no-repeat;
}

div#content h1#inspired_circle {
	background: url(../images/headings/hd_inspired_circle.gif) no-repeat;
}

div#content h1#mastering_wisdom {
	background: url(../images/headings/hd_mastering_wisdom.gif) no-repeat;
}

div#content h1#support_products {
	background: url(../images/headings/hd_support_products.gif) no-repeat;
}

div#content h1#lovefreedomjoy {
	background: url(../images/headings/hd_lovefreedomjoy.gif) no-repeat;
}

div#content h1#bloved {
	background: url(../images/headings/hd_bloved.gif) no-repeat;
}

div#content h1#symfoniq {
	background: url(../images/headings/hd_symfoniq.gif) no-repeat;
}

div#content h1#freq_templates {
	background: url(../images/headings/hd_freq_templates.gif) no-repeat;
}

div#content h1#freq_marketing {
	background: url(../images/headings/hd_freq_marketing.gif) no-repeat;
}
*/
div#content h2 {
	padding: 5px 50px 5px 15px;
	background: url(../images/headings/hd2_bg.jpg) no-repeat left top;
	margin: 20px 0px 0px;
	line-height: 1.3em;
}

div#content h3 {
	padding: 10px 0px 3px;
	margin: 10px 0px 0px;
}


/* =paragraph */
p {
	margin : 0 0px;
	padding : 0.8em 0 0;
	font-size : 100%;
}

ul, ol {
	margin : 0 0 0 0px;
	padding : 10px 0 10px 0px;
}

li {
	padding : 0.2em 1em 0.3em 0.3em;
	margin: 0px 0px 0px 20px;
}

/* What's New Icons and details */

#content #whats_new_list {
	padding : 0;
	margin : 0px 0px 0px -15px;
}

#content #whats_new_list p {
	padding : 0;
	margin: 0 10px;
}

#content #whats_new_list ul {
	list-style-type: none;
	margin: 10px 0 4px;
	padding: 0;
	width: 620px;
}

#content #whats_new_list li {
	padding: 0px;
	float: left;
	border-bottom: 4px dotted #FFF;
	display: block;
	width: 600px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 8;
	margin-left: 0;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}

#content #whats_new_list li#one, #content #whats_new_list li#three, #content #whats_new_list li#five {
	background-color : #E8EFFF
}

#content #whats_new_list li#two, #content #whats_new_list li#four, #content #whats_new_list li#six {
	background:  #D7E2FF;
}

#content #whats_new_list li h3 img {
	float: right;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 10px;
}

#content #whats_new_list li h3 {
	margin-left: 10px;
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 5px 0px;
}

/* What's New Icons and details */

#prod_list {
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
}

#prod_list p {
	padding : 0;
	margin: 0px;
	text-align: right;
}

#prod_list ul {
	list-style-type: none;
	margin: 2px 0 2px;
	padding: 0;
}

#prod_list li {
	padding: 0px;
	float: left;
	padding : 0px;
	margin: 0 0 5px;
	border-bottom: 1px none #99CCFF;
	border-top: 1px dotted #99CCFF;
}

#prod_list li h3 img {
	float: left;
	text-align: center;
	clear: both;
	margin: 0px 5px 0px 0px;
	padding: 0px;
}

#prod_list li h3 {
	padding: 5px 0px 2px;
	font-size: 11px;
	font-weight: normal;
	color: #3366FF;
	margin: 5px 0px;
}

#prod_list li h3 a {
	text-decoration: none;
}

#prod_list li h3 a:hover {
	text-decoration: underline;
}


/* Testimonial list points */

div#testimonials_list ul {
	width : 250px;
	margin : 0;
	margin: 10px 0 4px;
	background : url(../images/ul.png) no-repeat 0 100%;
	padding: 0px;
}


div#testimonials_list li {
	list-style-type : none;
	margin : 2px 5px;
	padding : .2em .2em .5em 35px;
	background: url(../images/il_test.jpg) no-repeat 0px 7px;
	border-bottom : 1px solid #c898ae;
}

div#testimonials_list li a { display : block; }

div#testimonials_list li:hover { background : url (../images/il.png) no-repeat 5px 50%; }

/* Site Footer */

div#site_info p {
	text-align: right;
	text-size: x-small;
	text-color: #000;
	margin-top: 2px;
	font-size: x-small;
	color: #4F88FF;
	line-height: 1.3em;
}




/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1 {
	visibility: hidden;
	font-size:18px;
}

