/* 
	Ennora Binaural Beats - CSS
	by Mike Sewell 
	mike@systematick.com

*/

/* reset + basics */
html, body, div, span,   
h1, h2, h3, h4, h5, h6, p, blockquote, pre,  
a, abbr, acronym, address, big, cite, code,  
img, ins, kbd, q, s, samp,  
small, strike, strong,   
dl, dt, dd, ol, ul, li,  
fieldset, form, label, legend,  
caption,  tfoot, thead, th,  {  
   margin: 0;  
   padding: 0;  
   border: 0;  
   outline: 0;  
   font-size: 100%;  
   vertical-align: baseline;  
   background: transparent;  
   }  
html,body {height:100%;}
body {  
	text-align:center;
    line-height: 1; 
 	font-family: "HelveticaNeue-Light", "HelveticaNeue", Helvetica, Arial, sans-serif;
	font-size: 62.5%;
	background: #fff; 
   }  
ol, ul {  
   list-style: none;  
   }  
blockquote, q {  
   quotes: none;  
   }  
blockquote:before, blockquote:after,  
q:before, q:after {  
   content: '';  
   content: none;  
   }  

* { 
	padding : 0;
	margin : 0;
	} 
.clear { clear : both; } 


/* typography `*/

a{color: #f0812f; font-weight: bold; text-decoration: none;}
a:hover{text-decoration:underline;}

p{ 	font-size: 15px;
	line-height: 20px; 
	padding: .4em 0 0 0; 
	margin:0 0 5px 0 ;
	color: #5e5d5d;
	}


p.page_name{
	font-size: 16px;
	color:#f0f0f0;
	padding: 5px 0 5px 20px;
	}
.price {font-size: 111%; color:#0b6e97;}

h1{	font-size:2em;}
h1.subhead {
	padding: 30px 0 0 20px;
	text-align: left;	
	color: #f0812f;
	font-size: 2.2em;
	}
h1.logo {
	padding:0;
	margin:0;
	text-indent:-9999px;
	}	

h2{
	font-size: 1.8em;
	padding:20px 0 0 0;
	margin: 0 0 5px 0;
	color :#133855;
	}


#slogan h2{
		padding: 5px 0 10px 0;
		margin:0;
		color: #f0812f;
		}
#slogan h3{
		padding: 55px 0 0 0;
		font-size: 1.3em;
		color:#0b6e97;
		}
h3{
	padding: 10px 0 10px 0;
	font-size: 1.8em;
	color:#0b6e97;
	}		

h4{
	font-size: 1.4em;
	color: #073142;
	padding: 3px 0 3px 0;
	margin: 0 0 10px 0;
	text-align: center;
	font-weight: bold;
//	background: #eaf2f5;
}

i {color: #133855; font-weight: bold;}
b {font-weight: bold; color: #000;}

/*  Ennora Binaural Beats - navbar CSS */

#navbar {
	padding:20px 0 0 525px;
	margin: 0;
	text-align:right;
	}

#navbar a{color: #f0812f; text-decoration: none; font-size: 16px;font-weight: normal;}
#navbar a:hover{color:#f0f0f0;}

#navbar ul {
	padding:0; 
	margin:0; 
	list-style-type: none;
	}

#navbar ul li {
	float:left; 
	line-height: 30px;
	}

#navbar ul li a{
	float:left;
	padding:0 15px 0 0;
	}

#navbar ul li a span{
	float:left;
	padding:0 15px 0 0;
	display:block;
	margin-top:0px;
	height: 30px;
	}

body.home #navbar li#home a	{
	background: url(images/blue.gif) no-repeat top right;
    color:#f0f0f0;
	}
	
body.home #navbar li#home a	span{
	background: url(images/blue.gif) no-repeat top left;
	}
						
body.products #navbar li#products a	{
	background: url(images/blue.gif) no-repeat top right;
	color:#f0f0f0;
	}

body.products #navbar li#products a span{
	background: url(images/blue.gif) no-repeat top left;
	}
	
body.about #navbar li#about a	{
	background: url(images/blue.gif) no-repeat top right;
	color:#f0f0f0;
	}

body.about #navbar li#about a span{
	background: url(images/blue.gif) no-repeat top left;
	}							

body.sample #navbar li#sample a	{
	background: url(images/blue.gif) no-repeat top right;
	color:#f0f0f0;
	}

body.sample #navbar li#sample a span{
	background: url(images/blue.gif) no-repeat top left;
	}




/* layout */
#container{
	min-height:100%;
	height: auto !important;
	height:100%;
	margin: 0 auto -100px;
	position: absolute;
	text-align: left;
}
.wrapper { 
	clear:both;
	margin : 0 auto !important;
	width : 920px !important;
	position:relative ;
	min-width: 920px !important;
	text-align:left;
	}

#header { 
	clear:both;
	padding:0;
	margin:0;
	height: 68px;
	background: #0b6e97; 
	border-bottom: 1px solid #149ad2;
	}

#logo {float:left; padding: 0px 50px 0 15px;}	

#main{
	background: transparent url(/images/featured-bg.jpg) repeat-x;
	border-bottom:1px solid #073142; 
	}

#featured_content {
	padding:0px 0 0 0;
	min-height: 310px;
	height:auto !important;
	height: 310px;
	}

#main.pages{
	background: transparent url(/images/page_name_bg.png) repeat-x;
	border-bottom:1px solid #073142;
}

#page_name{
	height: 100px;
	}	

#content{	
	border-top:1px solid #fff;
	background: transparent url(/images/content-bg.gif);
	background-repeat:repeat-x;
	}

#content_inside{
	padding: 20px 0 40px 40px;
	min-height: 200px;
	height:auto !important;
	height: 200px;
	}


/* affiliates */
#aff-nav-wrap	{ height: 30px; }	
#aff-nav { list-style: none; font-size: 16px; }
#aff-nav li { display: inline; margin: 0 25px 0 0; }
#aff-nav li a {text-decoration: none; }
#aff-nav li a:hover, #aff-nav li a:active {text-decoration: underline; }

form.affiliate_sign_up{
	width: 350px; 
	margin: 5px;
}

ul#fields{
	list-style: none; 
	margin: 0; 
	padding: 15px 30px 15px 30px;
	}
	ul#fields li#subscriber_name-field, ul#fields li#subscriber_email-field, ul#fields li#custom_nick-field, ul#fields li#custom_Password-field{
		height: 30px;
		padding: 4px 0 5px 0;  
	}

ul#fields label.fields_label{
	float: left;
}

ul#fields input.fields_input{
	float: right;
	padding-right: 20px; 
	width: 140px;
}

/* blueboxes */

div.bluebox {
	text-align:left !important;
	background: #eaf2f5;
	padding: 20px;
	margin: 20px 0 20px 0;
	width: 567px;
	border: 1px solid #dbdbdb;
	}

	div.bluebox p.top-pad {padding-top: 20px ;}
	
	.bluebox p{
		font-size: 15px;
		font-weight:normal !important;
		line-height: 20px; 
		padding: .4em 0 0 0; 
		margin:0 0 5px 0 ;
		color: #5e5d5d;
		text-align: left !important;
		}
		.bluebox p.red{color:red;}
		.bluebox h2{
			margin: 0;
			padding: 0px 0 10px 0;
			}
		.bluebox h4{text-align:left;}		
		
		
.download {padding: 10px 0 10px 0;}
.download p{margin: 2px; padding: 0;}


div.bluebox2 {
	background: #eaf2f5;
	padding: 20px;
	margin: 20px 0 20px 100px;
	width: 400px;
	border: 1px solid #dbdbdb;
	}
	div.bluebox2 h2{
		margin: 0;
		padding: 0px 0 10px 0;
		}	
		div.bluebox2 p.top-pad {padding-top: 20px ;}

div.bluebox3 {
	background: #eaf2f5;
	padding: 20px;
	margin: 20px 0 20px 40px;
	width: 250px;
	border: 1px solid #dbdbdb;
	}
	div.bluebox3 label.fields_label{
		float: left;
		}

		div.bluebox3  input.fields_input{
			float: right;
			padding-right: 20px; 
			width: 140px;
			}
				
div.bluebox4 {
	background: #eaf2f5;
	padding: 0 10px 20px 30px;
	margin: 20px 0 20px 40px;
	width: 300px;
	border: 1px solid #dbdbdb;
	}


div.bluebox5 {
	background: #eaf2f5;
	padding: 0 10px 20px 30px;
	margin: 20px 0 20px 40px;
	width: 330px;
	border: 1px solid #dbdbdb;
	}
				

/* affiliate admin section */

div.aff_login{
		background: #eaf2f5;
		padding: 20px;
		margin: 20px 0 20px 100px;
		width: 300px;
		border: 1px solid #dbdbdb;
		}
		div.aff_login h2{
			margin: 0;
			padding: 0px 0 10px 0;
			}	
			div.aff_login p.top-pad {
				padding-top: 20px;
				}
				input.aff_login_input{
					float: right;
				}

.affiliate_center_menu_wrap{
		width: 757px;
		height: 65px;
		background: url(images/affiliate-center-menu.jpg) no-repeat;
		}
		.affiliate_center_menu_wrap h2{
			padding: 10px 0 0 0;
			margin: 0;
			font-size: 18px;
			padding-left: 30px;
			color: #ffffff;
			}		
		
		.affiliate_center_menu_wrap a{
			color: #f0812f; 
			text-decoration: none; 
			font-size: 14px;
			font-weight: normal;
			font-family: "HelveticaNeue-Light", "HelveticaNeue", Helvetica, Arial, sans-serif;
			}
			.affiliate_center_menu_wrap a:hover{
				color:#f0f0f0;
				}	
				ul.affiliate_center_menu {
					padding:0 0 0 30px;
					margin:0;  
					list-style-type: none;
					background-color: #eaf2f5;
					}
					ul.affiliate_center_menu li {
						float:left; 
						line-height: 30px;
						margin-right: 15px;
						}
		

.code_snippet{
	margin: 10px 0 10px 0;
	padding: 10px 0 10px 10px;
	text-align: left !important;
	background: #ffffff;
	border: 1px solid #dbdbdb;
	}

span.red{color:red;}


.banner_box{
	float:left;
	padding: 10px 20px 10px 20px;
	}

.keyword_g{
	padding: 0 10px 0 10px;
	width: 250px;
	float:left;
 	}

.keyword_wrap{
	margin: 20px 0 20px 0;
	width: 450px;
	height: 150px;
	}
	.keyword{
		padding: 0 10px 0 10px;
		text-align:center;
		width: 200px;
		float:left;
		border: 1px solid #ededed;
	 	}

#aff_res_bot{
	margin: 10px 0 80px 0; 
	clear:both; 
}

/* footer */

#footer{	
	clear: both;
	text-align: center;
	margin: 0;
	padding: 5px 0 10px 0;
	min-width: 920px;
	height: 100px;
	background: #f1f4f6; 
	border-top:1px solid #eaedf0;
	}

#footer_inside{
	text-align:left;
	}

#footer a{
	color:#777;
	text-decoration:none;
	}

#footer a:hover{
	text-decoration: underline;
	}	

#footer p{
	font-size: .8em;
	color:#777;
	}

.navbar_footer {
	margin: 0 0 10px 0;
	font-size: 1.3em;
	position:relative; 
	}
	.navbar_footer ul {
		padding:8px 0 8px 0; 
		margin:0; 
		list-style-type: none;
		}
		.navbar_footer ul li {
			position:relative;
			margin-left:20px;
			display: inline;
			}	
#copyright{
	float:right;
	margin: 3px 20px 0 0;
	color: #777;
	font-size:1.1em;
	}


/* image styling */	

img {border:none; padding: 10px 0 10px 0;}

img.floatLeft { 
    float: left; 
    margin: 0 10px 10px 0; 
	padding: 0;
	}

img.floatRight { 
	padding: 0;
    float: right; 
    margin: 10px 0 10px 10px;
	border: 5px solid #f0f0f0;
	}

img.product_bar, img.sidebar {  
	padding: 0;
	border: 1px solid #073142;
	}
	img.product_bar:hover, img.sidebar:hover {  
		padding: 0;
		border: 1px solid #fff;
		}	

img.sidebar {  
	padding: 0;
	border: 1px solid #fff;
	}
	img.sidebar:hover {  
		padding: 0;
		border: 1px solid #073142;
		}

img.page_name {
	padding: 0;
	float:left;  
    margin: 10px 0 10px 20px;
	border: 5px solid #f0f0f0;
	}


img.logo{
	float:left;
	padding: 3px 0 0 15px;
	}

img.index-main-pic{
	float:left;
	padding: 0;
	margin: 0;
	}

img.product-page{
    display: block;
	padding: 0;
    margin-left: auto;
    margin-right: auto;
	border: 1px solid #fff;
	}
	img.product-page:hover{
		border: 1px solid #073142;
	}

img.product{
	float: left;
	padding: 5px 30px 0 25px;
	margin: 0;
	}	
		
/* ecm css code - for tables and such */

.admnavi {
	color: #FFFFFF;
	font-size: 11px;
	font-weight: bold;
	}
td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.admnavilink {
	color: #f0812f; font-weight: bold; text-decoration: none;
	}
	a:hover {
		text-decoration: underline;
		}

.admtitle {
	font-size: 14px;
	font-weight: bold;
	color: #133855;
	}
.tdbold {
	font-weight: bold;
	}
.tdredbold {
	font-weight: bold;
	color: #f0812f;
	}
.tdsmall {
	font-size: 9px;
	}

select {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #E1E1E1;
	border: 1px solid #666666;
	}