@charset "UTF-8";
/* CSS Document */

/* ------------------- COLOR CUSTOMIZATION AREA --------------------- */

body{
	text-align: center;
	background-repeat: repeat-x;
	background-position: left top;
	background-image: url(buss-back.jpg);
	margin: 0px;
	padding: 0px;
	background-color: #FFF; 	/* Match color to the color of the background 1000px down on the page */
	}
	
.package-tab {
	width: 204px;
	height: 20px;
	background-repeat: no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #8a303e;  /* Change this lighter text color in the theme */
	padding: 5px 0 0 8px;
}

.order {
	float: left;
	width: 209px;
	text-align: center;
	border: 1px solid #9db7c7;
	border-top: 0;
	background-color: #fce9cb;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #8a303e;	 /* Change this lighter text color in the theme */
}

.foot-style { 
	background-color:#8a303e;  /* Footer background color customized to upper color in the menu */
	border:1px solid #c3c3c3; 
	width:845px; 
	margin:0 auto; 
	font-family:Helvetica, sans-serif;
}

.fund-title {
	padding-top:35px;
	text-align:right;
	float:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:30px;
	color: #8a303e;  /* Change this lighter text color in the theme */ 
	margin: 0 15px 0 0;
}

.content-title {
	float:right;
	width: 410px;
	padding: 50px 0 0 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 52px;
	color: #8a303e;    /* Dark color in the theme */
}

.content-subtitle {
	float:right;
	font-style:italic;
	width: 350px;
	padding: 0 0 0 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 60px;
	color: #9d9d9d;   /* Change this lighter text color in the theme */ 
}

.benefits ul, .content-small-text ul {
	width: 400px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;   /* Changes the size of all of the bulleted items on the page */
	font-weight:bold;
	color:#8a303e;   /* Change this lighter text color in the theme */ 
	right:20px;
	margin-left:10px;
	padding:0;
}

.benefits ul li, .content-small-text ul li {
	margin-left:20px;
}

/* Not part of the site at this time

.stop-worrying-text {
	width: 380px;
	float:left;
	margin: 120px 0 0 15px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #000;
}

.stop-worrying-content {
	width: 380px;
	margin: 0 0 0 15px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color: #000;
}

*/

.package-name {
	width: 400px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 26px;  /* Change the size of the name of the packages */
	color: #8a303e;  /* Change the color of the package name */
	float:left;
	margin: 20px 0 0 15px;
}

.price {
	width: 400px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 18px;  /* Change the size of the price of the packages */
	color: #000;  /*Change the color of the price of the package (if necessary) */
	float:left;
	margin: 0 0 0 15px;
}

/* --------------- DO NOT CHANGE ANYTHING BELOW ------------------*/

/* --------------- divs ------------------ */

#wrapper{
	position: relative;
	width: 845px;
	margin: 0 auto;
	text-align: left;
	}
	
#header {
	position:relative;
	height: 100px;
	width: 845px;
	}
	
#menu {
	background-image: url(menu-back.jpg);
	background-repeat: repeat-x;	
	width:845px;
	height:25px;
}

#content {
	float: left;
	width: 843px;
	height: 403px;
	background-image: url(fund-content.jpg);
	background-repeat: no-repeat;
	border: 1px solid #9db7c7;
	border-top: 0;
	border-bottom: 0;
}

#footer {
	width: 845px;
	float: left;
}

/* ---------------- tags -------------------- */

li a {
	width:400px;
	color: #000;
}

/* ---------- div specific code ------------- */

#menu a {
	float: left;
}

#header img {
	height: 93px;
	width: auto;
	margin:3px 0 3px 10px;
}

/* --------------- classes ------------------ */

.clear {
	clear:both;
}

.benefits {
	float:left;
	width:400px;
	margin: 0 0 0 15px;
}

.benefits-show {
	display:none;
}


.package {
	width: 843px;
	height: 420px;
	background-image: url(package-back.jpg);
	border: 1px solid #9db7c7;
	border-top: 0;
	background-color: #fce9cb;
}

.wrap { 
	clear:both;
}

.left { 
	float:left;
}

.right { 
	float:right;
}

.power { 
	color:#FFFFFF; 
	padding:4px 2px 0 0; 
	font-size:12px; 
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
}

.menu-home {
	float:left;
	background:url(menu.jpg) 0 0 no-repeat;
	width:55px;
	height:25px;
}

.menu-home:hover,
.menu-home.iehover {
	float:left;
	background:url(menu.jpg) 0 -25px no-repeat;
}

.menu-about {
	float:left;
	background:url(menu.jpg) -55px 0 no-repeat;
	width:95px;
	height:25px;
}

.menu-about:hover,
.menu-about.iehover {
	float:left;
	background:url(menu.jpg) -55px -25px no-repeat;
}

.menu-package {
	float:left;
	background:url(menu.jpg) -150px 0 no-repeat;
	width:68px;
	height:25px;
}

.menu-package:hover,
.menu-package.iehover {
	float:left;
	background:url(menu.jpg) -150px -25px no-repeat;
}

.menu-savings {
	float:left;
	background:url(menu.jpg) -218px 0 no-repeat;
	width:62px;
	height:25px;
}

.menu-savings:hover,
.menu-savings.iehover {
	float:left;
	background:url(menu.jpg) -218px -25px no-repeat;
}

.menu-testimonials {
	float:left;
	background:url(menu.jpg) -280px 0 no-repeat;
	width:88px;
	height:25px;
}

.menu-testimonials:hover,
.menu-testimonials.iehover {
	float:left;	
	background:url(menu.jpg) -280px -25px no-repeat;
}

.menu-faq {
	float:left;
	background:url(menu.jpg) -368px 0 no-repeat;
	width:54px;
	height:25px;
}

.menu-faq:hover,
.menu-faq.iehover {
	float:left;
	background:url(menu.jpg) -368px -25px no-repeat;
}

.benefiq {
	float:left;
	background:url(menu.jpg) -734px 0 no-repeat;
	width:111px;
	height:25px;
}

.content-small-text {
	float:right;
	font-style:italic;
	width: 410px;
	padding: 20px 0 0 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #000;
}

.share-page {
	margin: 48px 150px 0 0;
	float:right;
	background:url(share-page.jpg) 0 0 no-repeat;
	width:125px;
	height:63px;
}

.try-now {
	margin: 90px 150px 0 0;
	float:right;
	background:url(try-now.jpg) 0 0 no-repeat;
	width:142px;
	height:60px;
}

.disclosure {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	float:left;
	width:400px;
	margin: 0 0 0 15px;
}

.insurance-statement {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	float:left;
	width:440px;
	margin: 0 0 0 15px;
}

.social-media {
	border: 1px solid rgb(229, 229, 229); 
	padding: 10px 0 10px 10px;
	background-color: rgb(237, 245, 254); 
	width: 832px;
}
