@charset "utf-8";

/*-- Reset --*/
	body, h1, h2, h3, h4, p, ul, ol, li, dl, dt, dd, img, form, fieldset, blockquote{
		margin:0;
		padding:0;
		border: 0;
		font-weight:normal;
		font-size:100%;
	}
/*	.clear:after {
		content:"";
		display: block;
		clear:both;
	}
	.clear {zoom:1;}*/

/*-- Text Styles - Basic --*/

	h1{
		font-size: 120%;
		font-weight:bold;
		color:#3399CC;
		padding-bottom: 1em;
		display:block;
		}
		
	h2 {
		font-size: 110%;
		font-weight:bold;
		color:#663399;
		padding-top: .5em;
		padding-bottom: .25em;
		display:block;
		}
		
	h3 {
		font-size: 105%;
		font-weight:bold;
		padding-top: .25em;
		}
		
	h4 {
		font-size: 100%;
		font-weight:bold;
		padding-top: .15em;
		}
		
	a {
		color: #000000;
		text-decoration: none;
		border-bottom: 2px #bfc2c3 dotted;
		}
	
	a:hover{
		color: #FFCC00;
		text-decoration: none;
		border-bottom: 2px #FFCC00 dotted;
		}

	a img, a:hover img {
		border-style: none;
		display: block;
		}

	p {
		line-height:140%;
		padding-top:.25em;
		padding-bottom:.50em;
		}
	
	ul {
		margin-left: 2em;
		list-style-position: outside;
		}

	ol {
		margin-left: 2em;
		list-style-position: outside;
		}
		
	li {
		padding-bottom:.75em;
		padding-left:1em;	
		}
	hr {
		color: #25AEE2;
		background-color: #25AEE2;
		height:1px;
		border: 0;
		display:block;
		float:left;
		margin:15px;
		width:100%;
		}	


/*-- Special Text Styles --*/
	.SmallPrint {
		font-size: x-small;
		line-height: 100%
		}
	
	.TinyPrint {
		font-size: xx-small;
		}

	.BigLink{
		font-size: large;
		line-height: 125%;
		font-weight: bold;
		}
	
	.GraphicHeader {
		background-repeat: no-repeat;
		text-indent: -100em;
		margin-top: 0;
		margin-left:-30px;
		/*overflow: hidden;*/
		}
	
	.Tagline{
		margin-left: 150px;
		margin-top: -100px;
		font-style: italic;
		font-weight: bold;
		color: #663399;
		font-size: 12pt;
		}


/*-- Main Layout Elements --*/
	body {
		background: #FFFFFF url(/images/WWIv2BG.jpg) repeat-x scroll 0 0;
		margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
		padding: 0;
		text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
		color: #000000;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: small;
	}
	
	#DesignArea {
		background: transparent url(/images/ContainerShadow.png) repeat-y scroll 0 0;
		margin:0 auto;
		width:1000px;
		}
		
	#DesignArea #ContainerPanel {
		/*background:transparent url(/media/222/headerback.jpg) no-repeat scroll 0 0;*/
		width:900px;
		/* width: 780px;  using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
		background: #FFFFFF;
		margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
		text-align: left; /* this overrides the text-align: center on the body element. */
	}
	
	#TopMargin {
		height: 20px;
		}
		
	#Banner {
		background: url(/images/Banner.jpg) no-repeat scroll 0 0;
		height: 348px;
		}
		
	#ContentArea{
		margin-top: 15px;
		width: 100%;
		/*background:transparent url(/images/VertDivider.gif) repeat-y scroll 247px 0;*/

		}
	#MainNav{
		width: 200px;
		float:left;
		margin-top: -30px;
		margin-left:47px;
		margin-bottom:30px;
		}
		
	#BodyBG{
		background: url(/images/VertDivider.gif) repeat-y scroll 0 0;
		margin-left:247px;
		margin-top: -10px;
		height: 100%;
		}
			
	#Divider{
		clear:both;
		background:#25AEE2;
		height: 1px;
		margin-left: 20px;
		margin-right: 20px;
		margin-top: 25px;
		margin-bottom: 25px;
		}
		
	#SecondaryContent{
		margin-left:47px;
		}
		
	#Footer{
		clear:both;
		padding-top: 15px; /**/
		padding-bottom: 30px;
		background:#FFFFFF;
		}


/*-- SqueezePage Main Layout Elements --*/
	
	#Sq_LeftContent{
		width: 430px;
		float:left;
		margin-top: -30px;
		margin-left:47px;
		}
		
	Sq_RightBannerBG {
		/*background: url(/images/VertBlueLine.gif) repeat-y scroll 0 0;*/
		margin-left:500px;
	}
	#Sq_SignUpForm{
		background: url(/images/VertDivider.gif) repeat-y scroll 0 0;
		/*float:left;*/
		margin-left:500px;
		margin-top: -10px;
			}
	
	#Sq_RightBannerText{
		padding-left:15px;
		padding-right:10px;
		}
	
	#Sq_RightBannerText h1 {
		font-size: 115%;
		font-weight:bold;
		color:#3399CC;
	}
	
	#Sq_RightBannerText h2 {
		font-size: 115%;
		font-weight:bold;
		color:#000000;
	}
	
	#Sq_RightBannerText small {
		font-size: 80%;
		padding-top: .5em;
		display:block;
	}
	
	#Sq_RightBannerText p {
		font-size: 90%;
		padding-top: .5em;
	}
	
	/* See also FormFields.css */

/*-- Sales Page Main Layout Elements --*/
	
	#SalesPageContent{
		margin-top: -10px;
		margin-left:60px;
		margin-right:60px;
		font-size: 110%;
		}
	#SalesPageContent h1{
		font-size: 130%;
		}
	#SalesPageContent h2{
		font-size: 120%;
		}
	#SalesPageContent .ContactForm {
		margin: 20px auto;
		border: #639 solid 2px;
		padding: 10px;
		width: 75%;
		text-align:center;
		}

	body.tpSalesPage_SecContactForm #SalesPageContent .ContactForm {
		width: 300px;
		background-color: #C3EEFF;
		}
	body.tpSalesPage_SecContactForm #SalesPageContent .ContactForm div.ed_form {
		margin: 0 auto;
		width: 260px;
		}

	body.tpSalesPage_SecContactForm #SalesPageContent .ContactForm div.ed_form_submit_outer {
		text-align:inherit;
		}
	#CodeBlock {
		margin: 20px auto;
		border: #639 solid 2px;
		padding: 10px;
		width: 75%;
		text-align:center;
		}
	
	a.DownloadMP3 {
		font-size: 7pt;
		border: none;
		text-decoration: underline;
		}

	#SalesPageContent h1.ExtraLarge {
		font-size: 200%;
		}


	
/*-- Banner Elements--*/
	#BannerText{
		width: 625px;
		float:left;
		margin:0;
		}
			
	#BannerText h1 a {
		display: block;
		width: 241px;
		height: 90px;
		float: left;
		margin-left: 215px;
		text-indent: -9999px;
		background: url(/images/WWILogo.png) no-repeat scroll 0 0;
	}
	
	#BannerText h2 {
		display: block;
		width: 329px ;
		height: 20px;
		float: left;
		margin-left: 215px;
		background: url(/images/WWITagline.png) no-repeat scroll 0 0;
		text-indent: -9999px;
		padding-top:0.25em;
		padding-bottom: 0;
	}
	
	#BannerText h3 {
		display: block;
		margin-left: 215px;
		margin-top: 5px;
		float: left;
		width: 410px ;
		height: 47px;
		background: url(/images/Banner-Text-Large.png) no-repeat scroll 0 0;
		text-indent: -9999px;
	}

	body.SalesPage #BannerText h3 {
		background: transparent;
		text-indent: 0;
	}
	
	#BannerText h4 {
		display: block;
		margin-left: 215px;
		margin-top: 5px;
		float: left;
		width: 410px ;
		height: 50px;
		background: url(/images/Banner-Text-Small.png) no-repeat scroll 0 0;
		text-indent: -9999px;
	}

	/*body.SalesPage #BannerText h4 {
		background: transparent;
		text-indent: 0;
		color: #639;
	}*/

	#LPBannerHeadline {
		display: block;
		margin-left: 215px;
		margin-top: 5px;
		float: left;
		height: 115px;
		font-size: 150%;
		font-weight:bold;
		color: #000000;
		}
	#LPBannerText {
		display: block;
		margin-left: 215px;
		margin-top: 5px;
		float: left;
		height: 115px;
		font-size: 115%;
		}
	#RightBannerBG {
		background: url(/images/VertBlueLine.gif) repeat-y scroll 0 0;
		margin-left:620px;
	}
	#RightBannerText {
		padding-left:15px;
		padding-right:10px;
		}
	
	#RightBannerText h1 {
		font-size: 115%;
		font-weight:bold;
		color:#3399CC;
		padding-bottom:.25em;
	}
	
	#RightBannerText h2 {
		font-size: 100%;
		font-weight:bold;
		color:#000000;
		padding-top:0.25em;
		padding-bottom: 0;
	}
	#RightBannerText small {
		font-size: 70%;
		padding-top: .15em;
		display:block;
	}
	
	#RightBannerText p {
		font-size: 80%;
		padding-top: .5em;
		padding-bottom: .5em;
	}
	
	/* See also FormFields.css */
	


	
	
/*-- Content Area Layout Elements --*/
	
	#MainNav ul{
		margin:0;
		padding:0;
		list-style-type: none;
		}
		
	#MainNav li{
		padding-bottom:.5em;
		font-weight: 500;
		}
		
	#MainNav li a{
		color: #666;
		text-decoration: none;
		border: none;
		}
		
	#MainNav li a:hover{
		color: #639;
		text-decoration: none;
		font-weight: bold;
		border: none;
		}
		
	#MainNav li a.current{
		color: #39C;
		text-decoration: none;
		font-weight: bold;
		}

	#SidebarTestimonial {
		background-color: #FF9;
		color: #000000;
		margin-top: 3em;
		margin-right: 20px;
		}	

	#PageText {
		padding: 3em;
		padding-top:30px;
		/*padding: 0 20px;  remember that padding is the space inside the div box and margin is the space outside the div box */
		}
	
/*-- Secondary Content Elements--*/
	/* Total Width = 900px - 47px left margin - 20px right margin = 833*/

	#SecondaryContent_1{
		float:left;
		width: 200px;
		}
	
	#SecondaryContent_Center{
		float:left;
		width: 509px;
		}
		
	#SecondaryContent_2{
		float:left;
		width: 50%;
		}
		
	#SecondaryContent_3{
		float:left;
		width: 50%;
		}
		
	#SecondaryContent_4{
		float:left;
		width: 124px;
		margin-right: 20px;
		}

	img.SocialMedia {
		display:block;
		padding-bottom: 10px;
		}
		
	#SecondaryContent img{
		float:left;
		padding-right: 5px;
		}
	
	#SecondaryContent .AboutText{
		margin-left: 70px;
		}
	
	#SecondaryContent .BlogText{
		margin-left: 50px;
		}

/*Page Content Stuff */
	#SecondaryText{
		display:block;
		clear: both:
		}







/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */