#container { margin-right: auto; margin-left: auto; top: 0px; }

p a:link, p a:visited{ color: #016F9E; text-decoration: none; }
p a:hover{ text-decoration: underline; }

/*----- GENERAL BODY AREA -----*/
a { text-decoration: none; }
a:hover { text-decoration: underline; }
html { background: #380D2C; }
body { background: url(../images/bg.jpg) no-repeat center top fixed;
	font-family: "Lucida Grande", Helvetica, sans-serif; }
#container { margin-top: 0; padding: 0; }
/*----- END GENERAL BODY AREA -----*/

/*----- HEADER -----*/
#header { width: 980px; height: 130px; margin: auto; padding: 0; }
h1 {
	float: left;
	background: url(../images/logo.png) no-repeat left top;
	display: block;	width: 170px; height: 123px; }
h1 a { display: block; width: 170px; height: 123px; }
h1 span { position: absolute; margin-top: -999px; }
#headerInfo { text-align: right; margin: 0 27px 0 0; padding-top: 20px; }
#contact { margin: 0 0 10px 0; padding: 0; }
#contact li {
	font-size: 1.2em;
	list-style-type: none;
	display: inline;
	padding: 0 5px 0 5px;
	border-left: solid 1px #99519D; }
#contact li:first-child { border: none; }
#contact li:last-child { padding-right: 0; }
#contact li a { color: #99519D; }
#repName { font-weight: bold; }
#repInfo {
	font-size: 1.1em;
	color: #864387;
	float: right;
	display: block;	width: 250px; }
#repInfo img { float: right; margin-left: 10px; }
#repInfo p { margin: 5px 0 .5em 0; }
#repInfo ul { margin: 0; padding: 0; }
#repInfo ul li { list-style-type: none; margin: 0 0 .5em 0; }
/*----- END HEADER ----*/

/*----- TOP NAV -----*/
#topNavContainer {
	clear: both;
	text-align: center;
	margin: auto;
	margin: 0 0 15px 0; 
	background: url(../images/topNavBg.png); }
#topNav {
	width: 980px;
	margin: auto;
	padding: 0;
	height: 55px; }
#topNav li { list-style-type: none; z-index: 5; }
#topNav li a {
	text-align: left;
	text-decoration: none;
	font-size: 1.6em;
	background: url(../images/topNavDiv.png) repeat-y right;
	margin-top: 7px;
	padding: 10px 0 0 15px;
	display: block; width: 146px; height: 33px;
	float: left; }
#topNav li span {
	margin: 0; margin-top: 7px;
	padding: 9px 0 0 0;
	display: block; width: 1px;	height: 34px;
	background: url(../images/topNavDiv.png) repeat-y right;
	float: left; }
#topNav li a:hover { background: #6D0D57; }
#topNav a {	color: #FFFFFF; }

	/*----- TOP SUBNAV -----*/
	#home .topNavSub { position: absolute; margin: 50px 0 0 1px; }
	#products .topNavSub { position: absolute; margin: 50px 0 0 162px; }
	#opportunity .topNavSub { position: absolute; margin: 50px 0 0 323px; }
	#about .topNavSub { position: absolute; margin: 50px 0 0 484px; }
	#purchase .topNavSub { position: absolute; margin: 50px 0 0 645px; }
	#join .topNavSub { position: absolute; margin: 50px 0 0 806px; }
	
	#topNav li ul { z-index: 2; border: none; visibility: hidden; margin: 0; padding: 0; }
	#topNav li ul li { display: block; float: none; }
	#topNav li ul li a, #topNav li ul li { font-size: 1.1em; margin: 0; height: 15px; width: 141px; border: none; background: #380d2c; }
	#topNav li ul li a { padding: 3px 10px; border-top: solid 1px #6D0D57; }
	#topNav li ul li:first-child a { border: none; }
	#topNav li ul li a:hover { background: #6D0D57; }
	/*----- END TOP SUBNAV -----*/
/*----- END TOP NAV -----*/

/*------ MID HOMEPAGE -----*/
#mid { clear: both; display: block; width: 980px; margin: auto; }
#homeContentStart {
	clear: both; background: url(../images/homeContentTop.png) no-repeat left top;
	display: block; width: 980px; height: 10px; margin: 0; padding: 0;}
#homeContent {
	background: url(../images/homeContentBg.png) repeat-y left;
	margin: 0; padding: 0;
	display: block; width: 980px; height: 475px; }
#homeContentMain { clear: both;  }
#homeContentMainCol {
	float: left;
	display: block; width: 610px; height: 415px;
	margin: 25px 10px 0 25px;}

#panel { margin: 0; padding: 0; z-index: 1; }
#panel p { font-size: 1.2em; display: block; line-height: 2.25em; }
#s1 {
	background: url(../images/bigAd1.png) no-repeat left top;
	display: block; width: 610px; height: 301px; }
#s1 p {
	width: 275px;
	float: right;
	margin: 125px 5px 0 0;
	color: #FFFFFF;}
#s2 { background: url(../images/bigAd2.png) no-repeat left top;
	display: block; width: 610px; height: 301px; }
#s2 p {
	width: 260px;
	float: right;
	margin: 115px 45px 0 0;
	color: #000000;}
#s3 { background: url(../images/bigAd3.png) no-repeat left top;
	display: block; width: 610px; height: 301px; }
#s3 p {
	width: 245px;
	float: left;
	margin: 115px 0 0 10px;
	color: #1B4F76;}
#s4 { background: url(../images/bigAd4.png) no-repeat left top;
	display: block; width: 610px; height: 301px; }
#s4 p {
	width: 290px;
	float: right;
	margin: 115px 10px 0 0;
	color: #007D43;}

#homeContentAd { clear: both; display: block; width: 610px; height: 115px; }
#homeContentAd h2 { color: #8D216F; }
#homeContentAd p { display: block; }
#homeContentAd .learnMore { text-align: right; margin-top: 10px; }
#homeContentAd .learnMore a { color: #FFFFFF; background: #4B89ED; padding: 3px 5px;
	-moz-border-radius: 1em; -webkit-border-radius: .9em; }
#homeContentAd .learnMore a:hover { background: #1D5DC0; }
#homeContentAd1 div, #homeContentAd2 div { position: absolute; width: 304px; }
#homeContentAd1 { display: block; width: 304px; height: 114px; float: left; }
#homeContentAd1 img { position: absolute; }
#homeContentAd1 h2 { font-size: 2.5em; margin: 5px 0 0 90px; }
#homeContentAd1 p { color: #FFFFFF; margin: 0 0 5px 90px; width: 160px; }
#homeContentAd2 { display: block; width: 306px; height: 114px; float: right; }
#homeContentAd2 img { position: absolute; }
#homeContentAd2 h2 { font-size: 2em; margin: 10px 0 0 10px; }
#homeContentAd2 p { color: #AF509A; margin: 0 0 0 10px; width: 145px; }

#homeContentSubCol { float: left; margin: 25px 0 0 5px; padding: 0; }
#subAd .learnMore a {
	color: #E0A9f5; padding: 3px 5px; background: #4D1252;
	-moz-border-radius: 1em; -webkit-border-radius: .9em; }
#subAd .learnMore a:hover { background: #76237D; }
#subAd img { float: left; margin-right: 15px; }
.subAdSub {
	margin: 0 0 20px 0; clear: both;
	display: block; width: 275px; height: 100px;}
.subAdSub h2 { color: #FFFFFF; font-size: 2em; margin: 0 0 .2em 0; }
.subAdSub p { color: #F387DE; font-size: 1em; margin-bottom: 1em; }
#orderButton {
	background: #970E78; padding: 12px 7px; color: #FFFFFF;
	display: block; width: 275px;
	-moz-border-radius: 1em; -webkit-border-radius: .9em; }
#orderButton:hover { text-decoration: none; background: #C1249E; }
#orderButton #orderNow {
	font-size: 1.8em;
	float: right;
	background: url(../images/arrow.png) no-repeat right center;
	margin: 2px 0 10px 10px;
	padding: 3px 27px 0 0;}
#orderButton #descrp {
	font-size: 1.2em; }
#homeContentEnd {
	clear: both; background: url(../images/homeContentBottom.png) no-repeat left bottom; 
	display: block; width: 980px; height: 10px; margin: 0; padding: 0; }
/*----- END MID HOMEPAGE -----*/

/*----- MID CONTENT PAGE -----*/
#contentStart {}
#contentOp { background: url(../images/contentOpBg.png) no-repeat left top; display: block; padding-bottom: 1px; }
#contentMain {
	position: relative;
	display: block; width: 960px;
	padding: 15px; }
#contentMain h2 {
	color: #FFFFFF; font-size: 3.6em;
	margin: 10px 0 10px 20px; }
#contentMain p {
	color: #FFFFFF; font-size: 1.2em; margin: 5px 0 0 20px; }
#contentAd {
	float: right; margin: 200px 25px 0 10px; padding: 0;
	display: block; width: 220px; }
#sideAd1 { }
#sideAd2 img { position: absolute; }
#sideAd2 div { position: absolute; width: 218px; }
#sideAd2 h3 { color: #8D216F; font-size: 2.6em; margin: 10px 0 0 80px; line-height: 1em; }
#sideAd2 p { font-size: 1.2em; margin: 0 0 1em 80px; color: #FFFFFF; }
#sideAd2 .learnMore a {
	background: #4988ED; padding: 3px 5px; color: #FFFFFF;
	-moz-border-radius: 1em; -webkit-border-radius: .9em; }
#sideAd2 .learnMore a:hover { background: #1D5DC0; }

#contentMainCol {
	background: #FFFFFF;
	margin: 170px 0 0 10px;
	padding-bottom: 10px;
	display: block; width: 780px; height: auto; }
#contentMainCol h3 {
	color: #970E78;
	font-size: 3em;
	margin: 30px 0 10px 25px; }
#contentMainCol p {
	color: #000000;
	line-height: 1.5em;
	font-size: 1.3em;
	display: block; width: 650px; height: auto;
	margin: 0 0 1em 25px; }
#contentMainCol a { }
#contentMainCol ul { font-size: 1.3em; line-height: 1.5em; }
#contentMainEnd {
	background: url(../images/contenBgBottom.png) no-repeat left bottom;
	margin:0 0 0 10px; padding: 0;
	display: block; width: 780px; height: 5px; }
#contentEnd { }
/*----- END MID CONTENT PAGE -----*/

/*----- FOOTER -----*/
#footer { clear: both; width: 980px; margin: auto; padding-bottom: 10px; text-align: right; }
#footer p, #footer a { color: #99519D; font-size: 1.2em; }
#footer p { margin: 20px; }
#termsNpolicy { margin: 20px; }
#termsNpolicy li { list-style-type: none; display: inline; border-left: solid 1px #99519D; padding: 0 5px; }
#termsNpolicy li:first-child { border: none; }
#termsNpolicy li a { }
/*----- END FOOTER -----*/