body {
	background: #f5f5f5;
	font-size: 12px;
	line-height: 18px;
	color: #265252;
	margin:0px;
	text-align: center;
	font-family: arial, verdana, sans-serif;
}
hr{
margin: 30px 0;
border:0;
height:1px;
 color: #999;
background-color: #999;
}
h1{
font-size:24px;
line-height: 30px;
font-weight: bold;
}

h2{
font-weight: bold;
color:#003333;
font-size:14px;
line-height: 17px;
padding-bottom: 10px;
}
h3{
font-weight: bold;
font-size: 14px;
line-height: 17px;
}
h4{
	font-size:18px;
	line-height: 21px;
	
}
img{
border: none !important;
}
a{
text-decoration: none;
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: gray;
}
a:hover{
    color:#fcb034 !important;
}

.prodcat{
	font-size:30px;
}

.orange{
color: #FFA500;
margin-top:-19px;
}
.orange2{
color: #FFA500;
}
.grey{
color: #ccc;
line-height:18px;
}
.blue{
	color:blue;
}
.quote{
font-family: georgia;
font-size: 14px;
line-height:24px;
padding:0px 20px;
text-align: justify;
}

.greysmall{
font-size:12px;
line-height:18px; 
color:#ccc;
}
.postertext{
padding:30px;
}
#subloginform{
	background: url(images/subscribers-login.jpg) no-repeat;
	width:246px;
	height:286px;
padding-bottom:20px;
}
#subloginform form{

	padding-top:175px;
	padding-left:28px;
}
#booksboxr{
margin-top:-15px;
	float:right;
	width:300px;
}
#booksbox{
float:left;
margin-top:10px;
width:120px;
height:500px;
}
#booksbox img{
padding-bottom: 15px;
}
#secrets img, #secrets p{
padding-bottom: 10px;
padding-left: 30px;
}


#secrets{
padding-top: 0px;
padding-bottom: 40px;
float: left;
width:400px;
height: 420px;
}

#secrets td{
	font-size:12px;
}

#secrets center{ /*aweber hack b/c they center the form element fsr*/
	text-align: left;
	padding-left: 30px;
}


#splashcopy{position: absolute;top:100px;left:600px;;width:446px;height:421px;}

.splashwrap{
/*	position:relative;
	margin:0;
	padding:0;
	text-align: left;
    vertical-align: middle;
    margin: 0px auto;
	background: url(images/Splash-no-image.jpg) no-repeat;
	width:1217px;
	height:1200px;*/
}
.splashbody{
	background:#fff;
}
.splashwrap input.sbutton{
	/*position:absolute;
	left:-15px;
	top:95px;*/
	width:376px;
	height:55px;
        background:url(images/splash-buttons.png);
	border:0;
	cursor: pointer;
	cursor: hand;
}

.splashwrap input.sbutton:hover{
	background:url(images/splash-buttons.png) 0px -61px;
}

.splashwrap form{
	position:absolute;
	top:570px;
	left:560px;
}
.splashwrap a{
	position:absolute;
	top:800px;
	left:430px;
	height:200px;
	width:280px;
}
.splashbody td{
	width:50px;
}

#successsplash{
float:left;
}
#splashsw{
z-index:10;
	background: url(images/splash-flower.jpg) 0px 10px no-repeat;
	height:130px;
	width:452px;
margin-left:-45px;
margin-top:-70px;
margin-bottom:-10px
}
#wraper{
    text-align: left;
    vertical-align: middle;
    margin: 0px auto;
    width: 800px;
    padding: 0px 20px;
    background: #fff;
}
#header a{
position: absolute;
top: 30px;
left: 5px;
width: 220px;
height: 20px;
border:none;
}
#header{
    position: relative;
    background: url(images/sun-logo2.jpg) no-repeat 0px 25px;
    width: 800px;
    height:64px;
}
#header h2{
	margin:0;
	padding:0;
}
#content {
	width: 800px;
    padding-top:20px;
    padding-left:6px;
	line-height: 1.5em;
}
#contentr{
	width: 280px;
	float: right;
	padding:0px;
}



#sunscribers a{
position: absolute;
top: 40px;
left: 596px;
width: 205px;
height: 65px;
border:none;
}


#contentl{
    float: left;
    width:460px;
}
#contentl img{
    padding-bottom: 0px;
}

/*splash page*/

#contentls{
padding-right: 40px;
    float: left;
    width:360px;
border-right: 1px solid #ccc;
}
#contentrs{
float: left;
width: 360px;
padding-left:20px;
display:inline;
}
#featureds{
margin-top:40px;
    float: left;
width: 800px;
}
#product1{
	width: 360px;
	float: left;
	margin-right:40px;
}
#product2{
	display:inline;
	padding-left:20px;
	width: 360px;
	float: left;
}
#contentrs img{
padding-right:0px;
margin-bottom: 2em;
float:left;
display:inline;
}
#contentrs ul li{
	width: 100%;
	float:left;
	background-image: url(images/arrow.gif);
	background-repeat: no-repeat;
	background-position: .4em .5em;
}
#contentrs a{
position:relative;
left: 0;
top: -4px;
color: black !important;
}
#contentrs p{
margin-top:-3px;
/*color: gray;*/
}

/*end splash*/

.splash{
	margin-top:-13px;
	width:340px;
}
#content a {
	color: #265252;
}
#footer p.footz{
margin-top:3px;
color: #ccc;
}
#footer{
    clear:both;
    padding-top: 30px;
    padding-bottom: 10px;
/*margin-bottom:40px;*/
    color: #869999;
    width: 800px;
    word-spacing: 3px;
    font-size:12px;
}

#footer a{
	color:#869999;
	border: none;
	
}

#navigation{
    width: 800px;
    height: 30px;
    text-align: left;
}

#backlinks{
	color: #999;
font-size:.8em;
padding-top:2px;
padding-left:5px;
padding-bottom:18px;
}
#backlinks a:visited{
color: #999;
}
#backlinks a{
	border:none;
}

#successprograms{
margin-left:-4px;
}

#books, #subscriptions, #topics{
margin-left:11px;

}

#successprograms, #books, #subscriptions, #topics{
	color:#869999;
	font-size:11px;
	float: left;
	width:190px;
}

#prodc a{
	border:none;
}

#prodc ul li{
margin:0;
padding:0;
font-size:14px;
line-height:24px;
font-family:georgia;
	list-style: none;
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: gray;
width:90%;
}

#successprograms ul a, #books ul a, #subscriptions ul a, #topics ul a{
font-size:12px;
	color:#000;
}

#prodc h2{
margin:0;
padding:0;
margin-top:60px;	
padding-left:20px;
padding-bottom:5px;
font-size:12px;
text-align:left;
}

ul { 
margin: 0; 
padding: 0;
margin-left:20px;
}

#contentr ul li{
	margin:0;
	padding:0;
	margin-left:-20px;
font-size:14px;
line-height:24px;
font-family:georgia;
	list-style: none;
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: gray;
width:80%;
}
ul li a{
border:none;
}

	#header h2 a{
	border:0;
	position:absolute;
	top:0;
	left:600px;
	width:180px;
	height:87px;
	text-indent:-9999px;
	background: url(images/free-magical-top.jpg) no-repeat;
	}
	

	#nav {
	 width: 519px;
	 height: 22px;
	 background: url(images/nav.jpg);
	 margin: 0; padding: 0;
	 position: relative;
	}
	#nav li {background: none; margin: 0; padding: 0; list-style: none; position: absolute; top: 0;}

	#nav li, #nav a {height: 25px; display: block; border:none;}
	#panel1 {left: 0; width: 126px;}
	#panel2 {left: 140px; width: 73px;}
	#panel3 {left: 231px; width: 100px;}
	#panel4 {left: 352px; width: 60px;}
	#panel5 {left: 433px; width: 105px;}


	#panel1 a:hover {background: transparent url(images/nav.jpg) 0px -22px no-repeat;}
	#panel2 a:hover {background: transparent url(images/nav.jpg) -140px -22px no-repeat;}
	#panel3 a:hover {background: transparent url(images/nav.jpg) -231px -22px no-repeat;}
	#panel4 a:hover {background: transparent url(images/nav.jpg) -352px -22px no-repeat;}
	#panel5 a:hover {background: transparent url(images/nav.jpg) -433px -22px no-repeat;}

img {border:none;}	
a:focus { outline:none }
	
	noscript p, noscript ol { color: #a00; font-size: 13px; line-height: 1.4em; text-align: left }
	noscript a { color: #a00; text-decoration: underline }
	noscript ol { margin-left: 25px; }
	
	.slider-wrap ul li{background:none; list-style-type: disc; padding-left:1px;margin-left:1px;}
			
	.slider-wrap p{line-height:20px; font-size:12px; padding-bottom:10px;}
	
	.slider-wrap img { border: 0 }
	
	.slider-wrap h2 { font-size:30px; line-height:36px; font-weight:normal;}
	
	.slider-wrap h3 {font-size:18px; line-height:30px;}
	
	.slider-wrap ol{font-size:15px; line-height:30px; font-family:Georgia;}
	
	.slider-wrap ul li{padding-top:15px;}
	
	.orangepop{font-size:13px; color:rgb(244,123,32); font-weight:bold; font-family:Arial; padding-left:10px;}
	
	.stripViewer .panelContainer .panel ul {
		text-align: left;
		margin: 0 15px 0 30px;
	}
	
	.slider-wrap { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */
		margin: 0;
		position: relative;
		width: 100%;
		margin-left:-10px;
	}

	/* These 2 lines specify style applied while slider is loading */
	.csw {width: 100%; height: 460px; background: #fff; overflow: hidden}
	.csw .loading {margin: 200px 0 300px 0; text-align: center}

	.stripViewer { /* This is the viewing window */
		position: relative;
		overflow: hidden; 
		margin: auto;
		width: 740px; /* Also specified in  .stripViewer .panelContainer .panel  below */
		height: 525px;
		clear: both;
		background: #fff;
	}
	
	.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
		position: relative;
		left: 0; top: 0;

		width: 100%;
		list-style-type: none;
		/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
	}
	
	.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
		float:left;
		height: 100%;
		position: relative;
		width: 740px; /* Also specified in  .stripViewer  above */
	}
	
	.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
		overflow: hidden;
		padding: 5px;
padding-right:15px;
padding-left:15px;
	}
	
	.stripNav { /* This is the div to hold your nav (the UL generated at run time) */
		display:none;
	}
	
	.stripNav a { /* The nav links */
		font-size: 10px;
		font-weight: bold;
		text-align: center;
		line-height: 32px;
		background: #c6e3ff;
		color: #fff;
		text-decoration: none;
		display: block;
		padding: 0 15px;
	}
	
	
	.stripNavL, .stripNavR { /* The left and right arrows */
		position: absolute;
		top: 230px;
		text-indent: -9000em;
	}
	
	.stripNavL a, .stripNavR a {
		display: block;
		height: 40px;
		width: 40px;
		border:none;
	}
	
	.stripNavL {
		left: 0;
	}
	
	.stripNavR {
		right: 0;
	}
	
	.stripNavL {
		background: url("images/arrow-l.jpg") no-repeat center;
	}
	
	.stripNavR {
		background: url("images/arrow-r.jpg") no-repeat center;
	}
	
	#cross-links { 
		position:relative;
background: url("images/I-am-wealth-nav.jpg") no-repeat center;
        width:700px;
	    height:42px;
margin-top:-19px;
margin-left:-6px;
	}
	
	#cross-links a{ 
	    margin:10px;
	    color:white;
	    text-decoration:none;
	    border:none;
	}
	#orangequote{
	    font-size:14px;
	    line-height:20px;
	    color:rgb(244,123,32);
	    font-family: arial;
	    font-weight:bold;
	}
	
	.left{
	    width:320px;
	    float:left;
	    color:rgb(244,123,32);
	    font-family: Georgia;
	}
	
	.right{
	    display:inline;
	    width:320px;
	    float:left;
	    padding-left:50px;
	    color:rgb(244,123,32);
	    font-family: Georgia;
	}
	
	.right p, .left p{ font-size:14px;}
	
	.clean-gray{
	border:solid 1px #DEDEDE;
	background:#EFEFEF;
	color:#222222;
	padding:4px;
	text-align:left;
	font-size:14px;
	margin-top:50px;
	}
	
h1, .biggestheader{
	font-family:Georgia;
	font-size:40px;
	font-weight:normal;
	letter-spacing:-2px;
	text-align:center;
	line-height:48px;
	}
h2, .subheadinggray{
	text-align:center;
	text-transform:uppercase;
	font-family:"lucida grande";
	font-size:18px;
	color: gray;
	letter-spacing:3px;
	font-weight:normal;
	}
	
.h2alt{
		text-align:left;
		line-height:1.2em;
		padding-top:20px;
		text-transform:uppercase;
		font-family:"lucida grande";
		font-size:18px;
		color: gray;
		letter-spacing:3px;
		font-weight:normal;
}

#contentl, #contentls, p{
font-family:"Georgia";
color: #265252;
font-size:14px;
line-height:21px;
}
h3, .blueheader{
font-size:1.25em;
font-family:"lucida grande";
line-height:22px;
color:#009FC3;
font-weight:normal;
line-height:40px;
}

.blueheader2 {
font-size:14pt;
font-family:"georgia";
color:#009FC3;
font-weight:normal;

}

.blueheader3 {
font-size:13pt;
font-family:"arial";
color:#222222;
font-weight:normal;

}

#contentr img{
	padding-bottom:60px;
}
.mediumheader{
font-family:"Georgia";
font-size:30px;
letter-spacing:-2px;
font-weight:normal;
line-height:34px;
}
.subheadinggraysmall{
font-family:"lucida grande";
font-size:10px;
text-transform: uppercase;
letter-spacing:3px;
color:gray;
}
a img{
	border:none;
}
.homeimages a{
	border:none;
}
.quotez:first-letter{
  text-transform: uppercase;
}
.quotez {
        color: #808080;
        font-family: "Adobe Caslon Pro", "Hoefler Text", Georgia, Garamond, Times, serif;
	letter-spacing:0.1em;
	text-align:left;
	margin: 40px auto;
	line-height: 145%;
	font-size: 14pt;
	padding:0 40px;
}

.quotez2 {
        color: #009FC3;
        font-family: Georgia, Garamond, Times, serif;
	letter-spacing:0.1em;
	text-align:left;
	margin: 40px auto;
	line-height: 165%;
	font-size: 8pt;
	padding:0 40px;
}

#sunpopdemo{
	position:relative;
}

#sunpopdemo input.sbutton{
	position:absolute;
	top:90px !important;
	top:60px;
	width:255px;
	height:35px;
	left:-80px;
	background:none;
	border:0;
	cursor: pointer;
	cursor: hand;
	z-index:7;
}

#sunpopdemo form.demo{
	position:absolute;
	top:510px;
	left:446px;
	z-index:5;
}

.dcap{
color: #00AADB;
display: inline;
float: left;
font-size: 4.5em;
line-height: -1.6em;
text-transform: uppercase;
margin-top: -0.06em;
margin-right: -.15em;
}
.center{
	text-align:center;
}
.bold{
	font-weight:bold;
}
.bigger{
	font-size:30px;
}
.ita{
	font-style: italic; 
}
.smaller{
	font-size:30px;
}
.nol{
	line-height:1.4em;
}
.nohover a:hover{
	color: #265252 !important;
}

.para {font-family:georgia}	


.testimonial {
	width:435px;
}
.testcontent {
	background-color:#F7971C;
	color:#fff;
	font-size:12pt;
	font-family:arial;
	line-height:1.3;
	padding:20px;
}

.testname {
	font-size:11pt;
	font-family:arial;
	color:#fff;
	background-color:#F7971C;
	text-align:right;
	font-style:italic;
	font-weight:bold;
	padding-right:3px;
}

.headorange, .headblue, #content a.orangelink, #content a.orangelinksm {
	color:#F59246;
	font-family:arial;
	font-size:12pt;
	font-weight:bold;
}

#content a.orangelink {
	font-size:11pt;
	border:0;
}

#content a.orangelinksm {
	font-size:9pt;
	border:0;
}

.headblue {
	color:#009FC3;
}

.graybyline, #content a.gray {
	color:#688585;
	font-family:arial;
	font-size:8pt;
	font-weight:bold;
}

.text {
	font-family:georgia;
	color:#003333;
	font-size:11pt;
}

#nav2, #nav2 a {
	font-family: arial;
	font-size:10pt;
	font-weight:bold;
	color:#a8a9ab;
	border:0;
	margin-bottom:10px;
}

#nav2 {
	margin-left:5px;
}

a img {
	border:0;
}